@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/VTimeline/VTimeline.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimeline.tsx"],"names":["VTimelineItem","makeTagProps","makeDensityProps","useDensity","makeThemeProps","useTheme","computed","defineComponent","provide","toRef","convertToUnit","makeProps","VTimelineSymbol","Symbol","for","name","props","direction","type","String","default","validator","v","includes","side","lineInset","Number","lineThickness","lineColor","truncateLine","setup","slots","themeClasses","densityClasses","density","sideClass","value","undefined"],"mappings":"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","sourcesContent":["// Styles\nimport './VTimeline.sass'\n\n// Components\nimport VTimelineItem from './VTimelineItem'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Helpers\nimport { computed, defineComponent, provide, toRef } from 'vue'\nimport { convertToUnit, makeProps } from '@/util'\n\n// Types\nimport type { InjectionKey, Prop, Ref } from 'vue'\nimport type { Density } from '@/composables/density'\n\nexport type TimelineDirection = 'vertical' | 'horizontal'\nexport type TimelineSide = 'before' | 'after' | undefined\n\ninterface TimelineInstance {\n  density: Ref<Density>\n  lineColor: Ref<string>\n}\n\nexport const VTimelineSymbol: InjectionKey<TimelineInstance> = Symbol.for('vuetify:timeline')\n\nexport default defineComponent({\n  name: 'VTimeline',\n\n  props: makeProps({\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (v: any) => ['vertical', 'horizontal'].includes(v),\n    } as Prop<TimelineDirection>,\n    side: {\n      type: String,\n      validator: (v: any) => v == null || ['start', 'end'].includes(v),\n    } as Prop<TimelineSide>,\n    lineInset: {\n      type: [String, Number],\n      default: 0,\n    },\n    lineThickness: {\n      type: [String, Number],\n      default: 2,\n    },\n    lineColor: String,\n    truncateLine: {\n      type: String,\n      default: 'start',\n      validator: (v: any) => ['none', 'start', 'end', 'both'].includes(v),\n    },\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  }),\n\n  setup (props, { slots }) {\n    const { themeClasses } = useTheme(props)\n    const { densityClasses } = useDensity(props, 'v-timeline')\n\n    provide(VTimelineSymbol, {\n      density: toRef(props, 'density'),\n      lineColor: toRef(props, 'lineColor'),\n    })\n\n    const sideClass = computed(() => {\n      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null\n\n      return side && `v-timeline--side-${side}`\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-timeline',\n          `v-timeline--${props.direction}`,\n          {\n            'v-timeline--inset-line': !!props.lineInset,\n            'v-timeline--truncate-line-end': props.truncateLine === 'end' || props.truncateLine === 'both',\n          },\n          themeClasses.value,\n          densityClasses.value,\n          sideClass.value,\n        ]}\n        style={{\n          '--v-timeline-line-thickness': convertToUnit(props.lineThickness),\n          '--v-timeline-line-inset': convertToUnit(props.lineInset || undefined),\n        }}\n      >\n        { (props.truncateLine === 'none' || props.truncateLine === 'end') && (\n          <VTimelineItem hideDot />\n        ) }\n\n        { slots.default?.() }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VTimeline.mjs"}
+{"version":3,"sources":["../../../src/components/VTimeline/VTimeline.tsx"],"names":["VTimelineItem","makeTagProps","makeDensityProps","useDensity","makeThemeProps","provideTheme","computed","provide","toRef","convertToUnit","defineComponent","VTimelineSymbol","VTimeline","name","props","direction","type","String","default","validator","v","includes","side","lineInset","Number","lineThickness","lineColor","truncateLine","setup","slots","themeClasses","densityClasses","density","sideClass","value"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,a,+BAET;;SACSC,Y;SACAC,gB,EAAkBC,U;SAClBC,c,EAAgBC,Y,uCAEzB;;AACA,SAASC,QAAT,EAAmBC,OAAnB,EAA4BC,KAA5B,QAAyC,KAAzC;SACSC,a,EAAeC,e;SACfC,e,wBAET;;AAMA,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;AACvCG,EAAAA,IAAI,EAAE,WADiC;AAGvCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE,UAFA;AAGTC,MAAAA,SAAS,EAAGC,CAAD,IAAY,CAAC,UAAD,EAAa,YAAb,EAA2BC,QAA3B,CAAoCD,CAApC;AAHd,KADN;AAMLE,IAAAA,IAAI,EAAE;AACJN,MAAAA,IAAI,EAAEC,MADF;AAEJE,MAAAA,SAAS,EAAGC,CAAD,IAAYA,CAAC,IAAI,IAAL,IAAa,CAAC,OAAD,EAAU,KAAV,EAAiBC,QAAjB,CAA0BD,CAA1B;AAFhC,KAND;AAULG,IAAAA,SAAS,EAAE;AACTP,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASO,MAAT,CADG;AAETN,MAAAA,OAAO,EAAE;AAFA,KAVN;AAcLO,IAAAA,aAAa,EAAE;AACbT,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASO,MAAT,CADO;AAEbN,MAAAA,OAAO,EAAE;AAFI,KAdV;AAkBLQ,IAAAA,SAAS,EAAET,MAlBN;AAmBLU,IAAAA,YAAY,EAAE;AACZX,MAAAA,IAAI,EAAEC,MADM;AAEZC,MAAAA,OAAO,EAAE,OAFG;AAGZC,MAAAA,SAAS,EAAGC,CAAD,IAAY,CAAC,MAAD,EAAS,OAAT,EAAkB,KAAlB,EAAyB,MAAzB,EAAiCC,QAAjC,CAA0CD,CAA1C;AAHX,KAnBT;AAyBL,OAAGlB,gBAAgB,EAzBd;AA0BL,OAAGD,YAAY,EA1BV;AA2BL,OAAGG,cAAc;AA3BZ,GAHgC;;AAiCvCwB,EAAAA,KAAK,CAAEd,KAAF,QAAoB;AAAA,QAAX;AAAEe,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBzB,YAAY,CAACS,KAAD,CAArC;AACA,UAAM;AAAEiB,MAAAA;AAAF,QAAqB5B,UAAU,CAACW,KAAD,CAArC;AAEAP,IAAAA,OAAO,CAACI,eAAD,EAAkB;AACvBqB,MAAAA,OAAO,EAAExB,KAAK,CAACM,KAAD,EAAQ,SAAR,CADS;AAEvBY,MAAAA,SAAS,EAAElB,KAAK,CAACM,KAAD,EAAQ,WAAR;AAFO,KAAlB,CAAP;AAKA,UAAMmB,SAAS,GAAG3B,QAAQ,CAAC,MAAM;AAC/B,YAAMgB,IAAI,GAAGR,KAAK,CAACQ,IAAN,GAAaR,KAAK,CAACQ,IAAnB,GAA0BR,KAAK,CAACkB,OAAN,KAAkB,SAAlB,GAA8B,KAA9B,GAAsC,IAA7E;AAEA,aAAOV,IAAI,IAAK,oBAAmBA,IAAK,EAAxC;AACD,KAJyB,CAA1B;AAMA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,YADK,EAEJ,eAAcR,KAAK,CAACC,SAAU,EAF1B,EAGL;AACE,oCAA0B,CAAC,CAACD,KAAK,CAACS,SADpC;AAEE,2CAAiCT,KAAK,CAACa,YAAN,KAAuB,KAAvB,IAAgCb,KAAK,CAACa,YAAN,KAAuB;AAF1F,SAHK,EAOLG,YAAY,CAACI,KAPR,EAQLH,cAAc,CAACG,KARV,EASLD,SAAS,CAACC,KATL,CAFJ;AAAA,iBAaI;AACL,yCAA+BzB,aAAa,CAACK,KAAK,CAACW,aAAP,CADvC;AAEL,qCAA2BhB,aAAa,CAACK,KAAK,CAACS,SAAP;AAFnC;AAbJ;AAAA,wBAkBD,CAACT,KAAK,CAACa,YAAN,KAAuB,MAAvB,IAAiCb,KAAK,CAACa,YAAN,KAAuB,KAAzD;AAAA;AAAA,gBAlBC,oBAsBDE,KAAK,CAACX,OAtBL,qBAsBD,oBAAAW,KAAK,CAtBJ;AAAA;AAAA,KAAP;AAyBD;;AAzEsC,CAAD,CAAjC","sourcesContent":["// Styles\nimport './VTimeline.sass'\n\n// Components\nimport { VTimelineItem } from './VTimelineItem'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Helpers\nimport { computed, provide, toRef } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { VTimelineSymbol } from './shared'\n\n// Types\nimport type { Prop } from 'vue'\n\nexport type TimelineDirection = 'vertical' | 'horizontal'\nexport type TimelineSide = 'before' | 'after' | undefined\n\nexport const VTimeline = defineComponent({\n  name: 'VTimeline',\n\n  props: {\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (v: any) => ['vertical', 'horizontal'].includes(v),\n    } as Prop<TimelineDirection>,\n    side: {\n      type: String,\n      validator: (v: any) => v == null || ['start', 'end'].includes(v),\n    } as Prop<TimelineSide>,\n    lineInset: {\n      type: [String, Number],\n      default: 0,\n    },\n    lineThickness: {\n      type: [String, Number],\n      default: 2,\n    },\n    lineColor: String,\n    truncateLine: {\n      type: String,\n      default: 'start',\n      validator: (v: any) => ['none', 'start', 'end', 'both'].includes(v),\n    },\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n\n    provide(VTimelineSymbol, {\n      density: toRef(props, 'density'),\n      lineColor: toRef(props, 'lineColor'),\n    })\n\n    const sideClass = computed(() => {\n      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null\n\n      return side && `v-timeline--side-${side}`\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-timeline',\n          `v-timeline--${props.direction}`,\n          {\n            'v-timeline--inset-line': !!props.lineInset,\n            'v-timeline--truncate-line-end': props.truncateLine === 'end' || props.truncateLine === 'both',\n          },\n          themeClasses.value,\n          densityClasses.value,\n          sideClass.value,\n        ]}\n        style={{\n          '--v-timeline-line-thickness': convertToUnit(props.lineThickness),\n          '--v-timeline-line-inset': convertToUnit(props.lineInset),\n        }}\n      >\n        { (props.truncateLine === 'none' || props.truncateLine === 'end') && (\n          <VTimelineItem hideDot />\n        ) }\n\n        { slots.default?.() }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VTimeline.mjs"}

package/lib/components/VTimeline/VTimeline.sass

@@ -1,5 +1,9 @@
-// Imports
-@import './index'
+@forward './variables'
+@use 'sass:map'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
+@use './mixins' as *
 
 // Theme
 .v-timeline
@@ -84,7 +88,7 @@
   .v-timeline-divider__line
     @include vertical(true)
       height: calc(100% - var(--v-timeline-dot-size) - #{$timeline-inset-divider-line})
-      bottom: calc(#{$timeline-inset-divider-line / 2})
+      bottom: calc(#{$timeline-inset-divider-line} / 2)
 
     @include horizontal(true)
       width: calc(100% - var(--v-timeline-dot-size) - #{$timeline-inset-divider-line})
@@ -122,9 +126,9 @@
   justify-content: center
   align-items: center
 
-  @include elevation($timeline-divider-dot-elevation)
+  @include tools.elevation($timeline-divider-dot-elevation)
 
-  @each $name, $multiplier in $size-scales
+  @each $name, $multiplier in settings.$size-scales
     $size: $timeline-dot-size + (8 * $multiplier)
 
     &--size-#{$name}
@@ -132,8 +136,8 @@
       width: $size
 
       .v-timeline-divider__inner-dot
-        height: calc(100% - #{map-get($timeline-dot-border-sizes, $name)})
-        width: calc(100% - #{map-get($timeline-dot-border-sizes, $name)})
+        height: calc(100% - #{map.get($timeline-dot-border-sizes, $name)})
+        width: calc(100% - #{map.get($timeline-dot-border-sizes, $name)})
 
 .v-timeline-divider__inner-dot
   align-items: center

package/lib/components/VTimeline/VTimelineDivider.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 // Components
-import { VIcon } from "./../index.mjs";
-import { VTimelineSymbol } from "./VTimeline.mjs"; // Composables
+import { VIcon } from "../VIcon/index.mjs";
+import { VTimelineSymbol } from "./shared.mjs"; // Composables
 
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
@@ -9,7 +9,7 @@ import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs"; // Utilities
 
 import { defineComponent, inject, toRef } from 'vue';
-export default defineComponent({
+export const VTimelineDivider = defineComponent({
   name: 'VTimelineDivider',
   props: {
     hideDot: Boolean,
@@ -23,9 +23,10 @@ export default defineComponent({
     ...makeElevationProps()
   },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const timeline = inject(VTimelineSymbol);
     if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider');
     const {
@@ -64,10 +65,10 @@ export default defineComponent({
       "icon": props.icon,
       "color": props.iconColor,
       "size": props.size
-    }, null, 8, ["icon", "color", "size"]) : undefined], 6)], 6), _createVNode("div", {
+    }, null) : undefined])]), _createVNode("div", {
       "class": ['v-timeline-divider__line', lineColorClasses.value],
       "style": lineColorStyles.value
-    }, null, 6)], 2);
+    }, null)]);
   }
 
 });

package/lib/components/VTimeline/VTimelineDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"names":["VIcon","VTimelineSymbol","useBackgroundColor","makeElevationProps","useElevation","makeSizeProps","useSize","makeRoundedProps","useRounded","defineComponent","inject","toRef","name","props","hideDot","Boolean","lineColor","String","icon","iconColor","fillDot","dotColor","setup","slots","timeline","Error","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","lineColorStyles","lineColorClasses","roundedClasses","elevationClasses","value","default","size","undefined"],"mappings":";AAAA;SACSA,K;SACAC,e,2BAET;;SACSC,kB;SACAC,kB,EAAoBC,Y;SACpBC,a,EAAeC,O;SACfC,gB,EAAkBC,U,yCAE3B;;AACA,SAASC,eAAT,EAA0BC,MAA1B,EAAkCC,KAAlC,QAA+C,KAA/C;AAEA,eAAeF,eAAe,CAAC;AAC7BG,EAAAA,IAAI,EAAE,kBADuB;AAG7BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEC,OADJ;AAELC,IAAAA,SAAS,EAAEC,MAFN;AAGLC,IAAAA,IAAI,EAAED,MAHD;AAILE,IAAAA,SAAS,EAAEF,MAJN;AAKLG,IAAAA,OAAO,EAAEL,OALJ;AAMLM,IAAAA,QAAQ,EAAEJ,MANL;AAOL,OAAGV,gBAAgB,EAPd;AAQL,OAAGF,aAAa,EARX;AASL,OAAGF,kBAAkB;AAThB,GAHsB;;AAe7BmB,EAAAA,KAAK,CAAET,KAAF,EAAS;AAAEU,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAMC,QAAQ,GAAGd,MAAM,CAACT,eAAD,CAAvB;AAEA,QAAI,CAACuB,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA8BrB,OAAO,CAACO,KAAD,EAAQ,yBAAR,CAA3C;AACA,UAAM;AAAEe,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,QAAoD3B,kBAAkB,CAACS,KAAK,CAACE,KAAD,EAAQ,UAAR,CAAN,CAA5E;AACA,UAAM;AAAEe,MAAAA,qBAAqB,EAAEE,eAAzB;AAA0CD,MAAAA,sBAAsB,EAAEE;AAAlE,QAAuF7B,kBAAkB,CAACsB,QAAQ,CAACR,SAAV,CAA/G;AACA,UAAM;AAAEgB,MAAAA;AAAF,QAAqBxB,UAAU,CAACK,KAAD,EAAQ,yBAAR,CAArC;AACA,UAAM;AAAEoB,MAAAA;AAAF,QAAuB7B,YAAY,CAACS,KAAD,CAAzC;AAEA,WAAO;AAAA,eAEI,CACL,oBADK,EAEL;AACE,wCAAgCA,KAAK,CAACO;AADxC,OAFK;AAFJ,QASD,CAACP,KAAK,CAACC,OAAP;AAAA,eAES,CACL,yBADK,EAELkB,cAAc,CAACE,KAFV,EAGLR,WAAW,CAACQ,KAHP,EAILD,gBAAgB,CAACC,KAJZ,CAFT;AAAA,eAQUP,UAAU,CAACO;AARrB;AAAA,eAWW,CACL,+BADK,EAELF,cAAc,CAACE,KAFV,EAGLL,sBAAsB,CAACK,KAHlB,CAXX;AAAA,eAgBYN,qBAAqB,CAACM;AAhBlC,QAmBMX,KAAK,CAACY,OAAN,GAAgBZ,KAAK,CAACY,OAAN,CAAc;AAAEjB,MAAAA,IAAI,EAAEL,KAAK,CAACK,IAAd;AAAoBC,MAAAA,SAAS,EAAEN,KAAK,CAACM,SAArC;AAAgDiB,MAAAA,IAAI,EAAEvB,KAAK,CAACuB;AAA5D,KAAd,CAAhB,GACEvB,KAAK,CAACK,IAAN;AAAA,cAA2BL,KAAK,CAACK,IAAjC;AAAA,eAAgDL,KAAK,CAACM,SAAtD;AAAA,cAAyEN,KAAK,CAACuB;AAA/E,6CACAC,SArBR,UATC;AAAA,eAoCM,CACL,0BADK,EAELN,gBAAgB,CAACG,KAFZ,CApCN;AAAA,eAwCOJ,eAAe,CAACI;AAxCvB,oBAAP;AA4CD;;AAtE4B,CAAD,CAA9B","sourcesContent":["// Components\nimport { VIcon } from '@/components'\nimport { VTimelineSymbol } from './VTimeline'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\n\n// Utilities\nimport { defineComponent, inject, toRef } from 'vue'\n\nexport default defineComponent({\n  name: 'VTimelineDivider',\n\n  props: {\n    hideDot: Boolean,\n    lineColor: String,\n    icon: String,\n    iconColor: String,\n    fillDot: Boolean,\n    dotColor: String,\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeElevationProps(),\n  },\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { backgroundColorStyles: lineColorStyles, backgroundColorClasses: lineColorClasses } = useBackgroundColor(timeline.lineColor)\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n        ]}\n      >\n        { !props.hideDot && (\n          <div\n            class={[\n              'v-timeline-divider__dot',\n              roundedClasses.value,\n              sizeClasses.value,\n              elevationClasses.value,\n            ]}\n            style={ sizeStyles.value as any } // TODO: Fix this!\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                roundedClasses.value,\n                backgroundColorClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              {\n                slots.default ? slots.default({ icon: props.icon, iconColor: props.iconColor, size: props.size })\n                : props.icon ? <VIcon icon={ props.icon } color={ props.iconColor } size={ props.size } />\n                : undefined\n              }\n            </div>\n          </div>\n        ) }\n        <div\n          class={[\n            'v-timeline-divider__line',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    )\n  },\n})\n"],"file":"VTimelineDivider.mjs"}
+{"version":3,"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"names":["VIcon","VTimelineSymbol","useBackgroundColor","makeElevationProps","useElevation","makeSizeProps","useSize","makeRoundedProps","useRounded","defineComponent","inject","toRef","VTimelineDivider","name","props","hideDot","Boolean","lineColor","String","icon","iconColor","fillDot","dotColor","setup","slots","timeline","Error","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","lineColorStyles","lineColorClasses","roundedClasses","elevationClasses","value","default","size","undefined"],"mappings":";AAAA;SACSA,K;SACAC,e,wBAET;;SACSC,kB;SACAC,kB,EAAoBC,Y;SACpBC,a,EAAeC,O;SACfC,gB,EAAkBC,U,yCAE3B;;AACA,SAASC,eAAT,EAA0BC,MAA1B,EAAkCC,KAAlC,QAA+C,KAA/C;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,eAAe,CAAC;AAC9CI,EAAAA,IAAI,EAAE,kBADwC;AAG9CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEC,OADJ;AAELC,IAAAA,SAAS,EAAEC,MAFN;AAGLC,IAAAA,IAAI,EAAED,MAHD;AAILE,IAAAA,SAAS,EAAEF,MAJN;AAKLG,IAAAA,OAAO,EAAEL,OALJ;AAMLM,IAAAA,QAAQ,EAAEJ,MANL;AAQL,OAAGX,gBAAgB,EARd;AASL,OAAGF,aAAa,EATX;AAUL,OAAGF,kBAAkB;AAVhB,GAHuC;;AAgB9CoB,EAAAA,KAAK,CAAET,KAAF,QAAoB;AAAA,QAAX;AAAEU,MAAAA;AAAF,KAAW;AACvB,UAAMC,QAAQ,GAAGf,MAAM,CAACT,eAAD,CAAvB;AAEA,QAAI,CAACwB,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA8BtB,OAAO,CAACQ,KAAD,EAAQ,yBAAR,CAA3C;AACA,UAAM;AAAEe,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,QAAoD5B,kBAAkB,CAACS,KAAK,CAACG,KAAD,EAAQ,UAAR,CAAN,CAA5E;AACA,UAAM;AAAEe,MAAAA,qBAAqB,EAAEE,eAAzB;AAA0CD,MAAAA,sBAAsB,EAAEE;AAAlE,QAAuF9B,kBAAkB,CAACuB,QAAQ,CAACR,SAAV,CAA/G;AACA,UAAM;AAAEgB,MAAAA;AAAF,QAAqBzB,UAAU,CAACM,KAAD,EAAQ,yBAAR,CAArC;AACA,UAAM;AAAEoB,MAAAA;AAAF,QAAuB9B,YAAY,CAACU,KAAD,CAAzC;AAEA,WAAO;AAAA,eAEI,CACL,oBADK,EAEL;AACE,wCAAgCA,KAAK,CAACO;AADxC,OAFK;AAFJ,QASD,CAACP,KAAK,CAACC,OAAP;AAAA,eAES,CACL,yBADK,EAELkB,cAAc,CAACE,KAFV,EAGLR,WAAW,CAACQ,KAHP,EAILD,gBAAgB,CAACC,KAJZ,CAFT;AAAA,eASUP,UAAU,CAACO;AATrB;AAAA,eAYW,CACL,+BADK,EAELF,cAAc,CAACE,KAFV,EAGLL,sBAAsB,CAACK,KAHlB,CAZX;AAAA,eAiBYN,qBAAqB,CAACM;AAjBlC,QAoBMX,KAAK,CAACY,OAAN,GAAgBZ,KAAK,CAACY,OAAN,CAAc;AAAEjB,MAAAA,IAAI,EAAEL,KAAK,CAACK,IAAd;AAAoBC,MAAAA,SAAS,EAAEN,KAAK,CAACM,SAArC;AAAgDiB,MAAAA,IAAI,EAAEvB,KAAK,CAACuB;AAA5D,KAAd,CAAhB,GACEvB,KAAK,CAACK,IAAN;AAAA,cAA2BL,KAAK,CAACK,IAAjC;AAAA,eAAgDL,KAAK,CAACM,SAAtD;AAAA,cAAyEN,KAAK,CAACuB;AAA/E,eACAC,SAtBR,IATC;AAAA,eAqCM,CACL,0BADK,EAELN,gBAAgB,CAACG,KAFZ,CArCN;AAAA,eAyCOJ,eAAe,CAACI;AAzCvB,cAAP;AA6CD;;AAxE6C,CAAD,CAAxC","sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VTimelineSymbol } from './shared'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\n\n// Utilities\nimport { defineComponent, inject, toRef } from 'vue'\n\nexport const VTimelineDivider = defineComponent({\n  name: 'VTimelineDivider',\n\n  props: {\n    hideDot: Boolean,\n    lineColor: String,\n    icon: String,\n    iconColor: String,\n    fillDot: Boolean,\n    dotColor: String,\n\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeElevationProps(),\n  },\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { backgroundColorStyles: lineColorStyles, backgroundColorClasses: lineColorClasses } = useBackgroundColor(timeline.lineColor)\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n        ]}\n      >\n        { !props.hideDot && (\n          <div\n            class={[\n              'v-timeline-divider__dot',\n              roundedClasses.value,\n              sizeClasses.value,\n              elevationClasses.value,\n            ]}\n            // @ts-expect-error: null\n            style={ sizeStyles.value }\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                roundedClasses.value,\n                backgroundColorClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              {\n                slots.default ? slots.default({ icon: props.icon, iconColor: props.iconColor, size: props.size })\n                : props.icon ? <VIcon icon={ props.icon } color={ props.iconColor } size={ props.size } />\n                : undefined\n              }\n            </div>\n          </div>\n        ) }\n        <div\n          class={[\n            'v-timeline-divider__line',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    )\n  },\n})\n\nexport type VTimelineDivider = InstanceType<typeof VTimelineDivider>\n"],"file":"VTimelineDivider.mjs"}

package/lib/components/VTimeline/VTimelineItem.mjs

@@ -1,20 +1,19 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-// Types
 // Components
-import { VTimelineSymbol } from "./VTimeline.mjs";
-import VTimelineDivider from "./VTimelineDivider.mjs"; // Composables
+import { VTimelineSymbol } from "./shared.mjs";
+import { VTimelineDivider } from "./VTimelineDivider.mjs"; // Composables
 
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeSizeProps } from "../../composables/size.mjs";
 import { makeElevationProps } from "../../composables/elevation.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs"; // Utilities
 
-import { defineComponent, inject, ref, watch } from 'vue';
-import { convertToUnit, makeProps } from "../../util/index.mjs";
+import { inject, ref, watch } from 'vue';
+import { convertToUnit, defineComponent } from "../../util/index.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
-export default defineComponent({
+export const VTimelineItem = defineComponent({
   name: 'VTimelineItem',
-  props: makeProps({
+  props: {
     dotColor: String,
     fillDot: Boolean,
     hideDot: Boolean,
@@ -29,11 +28,12 @@ export default defineComponent({
     ...makeSizeProps(),
     ...makeTagProps(),
     ...makeDimensionProps()
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const timeline = inject(VTimelineSymbol);
     if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider');
     const {
@@ -57,13 +57,12 @@ export default defineComponent({
           'v-timeline-item--fill-dot': props.fillDot
         }],
         "style": {
-          // @ts-expect-error: broken vue types
           '--v-timeline-dot-size': convertToUnit(dotSize.value)
         }
       }, [_createVNode("div", {
         "class": "v-timeline-item__body",
         "style": dimensionStyles.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)], 4), _createVNode(VTimelineDivider, {
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), _createVNode(VTimelineDivider, {
         "ref": dotRef,
         "hideDot": props.hideDot,
         "icon": props.icon,
@@ -75,9 +74,9 @@ export default defineComponent({
         "rounded": props.rounded
       }, {
         default: slots.icon
-      }, 8, ["hideDot", "icon", "iconColor", "size", "elevation", "dotColor", "fillDot", "rounded"]), timeline.density.value !== 'compact' && _createVNode("div", {
+      }), timeline.density.value !== 'compact' && _createVNode("div", {
         "class": "v-timeline-item__opposite"
-      }, [!props.hideOpposite && ((_slots$opposite = slots.opposite) == null ? void 0 : _slots$opposite.call(slots))])], 6);
+      }, [!props.hideOpposite && ((_slots$opposite = slots.opposite) == null ? void 0 : _slots$opposite.call(slots))])]);
     };
   }
 

package/lib/components/VTimeline/VTimelineItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"names":["VTimelineSymbol","VTimelineDivider","makeTagProps","makeSizeProps","makeElevationProps","makeRoundedProps","defineComponent","inject","ref","watch","convertToUnit","makeProps","makeDimensionProps","useDimension","name","props","dotColor","String","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","setup","slots","timeline","Error","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","size","elevation","rounded","density","opposite"],"mappings":";AAAA;AAGA;SACSA,e;OACFC,gB,gCAEP;;SACSC,Y;SACAC,a;SACAC,kB;SACAC,gB,yCAET;;AACA,SAASC,eAAT,EAA0BC,MAA1B,EAAkCC,GAAlC,EAAuCC,KAAvC,QAAoD,KAApD;SACSC,a,EAAeC,S;SACfC,kB,EAAoBC,Y;AAE7B,eAAeP,eAAe,CAAC;AAC7BQ,EAAAA,IAAI,EAAE,eADuB;AAG7BC,EAAAA,KAAK,EAAEJ,SAAS,CAAC;AACfK,IAAAA,QAAQ,EAAEC,MADK;AAEfC,IAAAA,OAAO,EAAEC,OAFM;AAGfC,IAAAA,OAAO,EAAED,OAHM;AAIfE,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAEH,OADM;AAEZI,MAAAA,OAAO,EAAEC;AAFG,KAJC;AAQfC,IAAAA,IAAI,EAAER,MARS;AASfS,IAAAA,SAAS,EAAET,MATI;AAUf,OAAGZ,gBAAgB,EAVJ;AAWf,OAAGD,kBAAkB,EAXN;AAYf,OAAGD,aAAa,EAZD;AAaf,OAAGD,YAAY,EAbA;AAcf,OAAGU,kBAAkB;AAdN,GAAD,CAHa;;AAoB7Be,EAAAA,KAAK,CAAEZ,KAAF,EAAS;AAAEa,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAMC,QAAQ,GAAGtB,MAAM,CAACP,eAAD,CAAvB;AAEA,QAAI,CAAC6B,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA;AAAF,QAAsBlB,YAAY,CAACE,KAAD,CAAxC;AAEA,UAAMiB,OAAO,GAAGxB,GAAG,CAAC,CAAD,CAAnB;AACA,UAAMyB,MAAM,GAAGzB,GAAG,EAAlB;AACAC,IAAAA,KAAK,CAACwB,MAAD,EAASC,QAAQ,IAAI;AAAA;;AACxB,UAAI,CAACA,QAAL,EAAe;AACfF,MAAAA,OAAO,CAACG,KAAR,sDAAgBD,QAAQ,CAACE,GAAT,CAAaC,aAAb,CAA2B,0BAA3B,CAAhB,qBAAgB,uBAAwDC,qBAAxD,GAAgFC,KAAhG,oCAAyG,CAAzG;AACD,KAHI,EAGF;AACDC,MAAAA,KAAK,EAAE;AADN,KAHE,CAAL;AAOA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,iBADK,EAEL;AACE,uCAA6BzB,KAAK,CAACG;AADrC,SAFK,CAFJ;AAAA,iBAQI;AACL;AACA,mCAAyBR,aAAa,CAACsB,OAAO,CAACG,KAAT;AAFjC;AARJ;AAAA,iBAcK,uBAdL;AAAA,iBAeOJ,eAAe,CAACI;AAfvB,4BAiBCP,KAAK,CAACL,OAjBP,qBAiBC,oBAAAK,KAAK,CAjBN;AAAA,eAqBKK,MArBL;AAAA,mBAsBSlB,KAAK,CAACK,OAtBf;AAAA,gBAuBML,KAAK,CAACU,IAvBZ;AAAA,qBAwBWV,KAAK,CAACW,SAxBjB;AAAA,gBAyBMX,KAAK,CAAC0B,IAzBZ;AAAA,qBA0BW1B,KAAK,CAAC2B,SA1BjB;AAAA,oBA2BU3B,KAAK,CAACC,QA3BhB;AAAA,mBA4BSD,KAAK,CAACG,OA5Bf;AAAA,mBA6BSH,KAAK,CAAC4B;AA7Bf,SA8BQ;AAAEpB,QAAAA,OAAO,EAAEK,KAAK,CAACH;AAAjB,OA9BR,+FAiCDI,QAAQ,CAACe,OAAT,CAAiBT,KAAjB,KAA2B,SAA3B;AAAA,iBACW;AADX,UAEI,CAACpB,KAAK,CAACM,YAAP,wBAAuBO,KAAK,CAACiB,QAA7B,qBAAuB,qBAAAjB,KAAK,CAA5B,CAFJ,EAjCC;AAAA,KAAP;AAwCD;;AA5E4B,CAAD,CAA9B","sourcesContent":["// Types\nimport type { ComponentPublicInstance } from 'vue'\n\n// Components\nimport { VTimelineSymbol } from './VTimeline'\nimport VTimelineDivider from './VTimelineDivider'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\n\n// Utilities\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { convertToUnit, makeProps } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\nexport default defineComponent({\n  name: 'VTimelineItem',\n\n  props: makeProps({\n    dotColor: String,\n    fillDot: Boolean,\n    hideDot: Boolean,\n    hideOpposite: {\n      type: Boolean,\n      default: undefined,\n    },\n    icon: String,\n    iconColor: String,\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n    ...makeDimensionProps(),\n  }),\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = ref(0)\n    const dotRef = ref<ComponentPublicInstance>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n        ]}\n        style={{\n          // @ts-expect-error: broken vue types\n          '--v-timeline-dot-size': convertToUnit(dotSize.value),\n        }}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { timeline.density.value !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        ) }\n      </div>\n    )\n  },\n})\n"],"file":"VTimelineItem.mjs"}
+{"version":3,"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"names":["VTimelineSymbol","VTimelineDivider","makeTagProps","makeSizeProps","makeElevationProps","makeRoundedProps","inject","ref","watch","convertToUnit","defineComponent","makeDimensionProps","useDimension","VTimelineItem","name","props","dotColor","String","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","setup","slots","timeline","Error","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","size","elevation","rounded","density","opposite"],"mappings":";AAAA;SACSA,e;SACAC,gB,kCAET;;SACSC,Y;SACAC,a;SACAC,kB;SACAC,gB,yCAET;;AACA,SAASC,MAAT,EAAiBC,GAAjB,EAAsBC,KAAtB,QAAmC,KAAnC;SACSC,a,EAAeC,e;SACfC,kB,EAAoBC,Y;AAE7B,OAAO,MAAMC,aAAa,GAAGH,eAAe,CAAC;AAC3CI,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,MADL;AAELC,IAAAA,OAAO,EAAEC,OAFJ;AAGLC,IAAAA,OAAO,EAAED,OAHJ;AAILE,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAEH,OADM;AAEZI,MAAAA,OAAO,EAAEC;AAFG,KAJT;AAQLC,IAAAA,IAAI,EAAER,MARD;AASLS,IAAAA,SAAS,EAAET,MATN;AAWL,OAAGZ,gBAAgB,EAXd;AAYL,OAAGD,kBAAkB,EAZhB;AAaL,OAAGD,aAAa,EAbX;AAcL,OAAGD,YAAY,EAdV;AAeL,OAAGS,kBAAkB;AAfhB,GAHoC;;AAqB3CgB,EAAAA,KAAK,CAAEZ,KAAF,QAAoB;AAAA,QAAX;AAAEa,MAAAA;AAAF,KAAW;AACvB,UAAMC,QAAQ,GAAGvB,MAAM,CAACN,eAAD,CAAvB;AAEA,QAAI,CAAC6B,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA;AAAF,QAAsBnB,YAAY,CAACG,KAAD,CAAxC;AAEA,UAAMiB,OAAO,GAAGzB,GAAG,CAAC,CAAD,CAAnB;AACA,UAAM0B,MAAM,GAAG1B,GAAG,EAAlB;AACAC,IAAAA,KAAK,CAACyB,MAAD,EAASC,QAAQ,IAAI;AAAA;;AACxB,UAAI,CAACA,QAAL,EAAe;AACfF,MAAAA,OAAO,CAACG,KAAR,sDAAgBD,QAAQ,CAACE,GAAT,CAAaC,aAAb,CAA2B,0BAA3B,CAAhB,qBAAgB,uBAAwDC,qBAAxD,GAAgFC,KAAhG,oCAAyG,CAAzG;AACD,KAHI,EAGF;AACDC,MAAAA,KAAK,EAAE;AADN,KAHE,CAAL;AAOA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,iBADK,EAEL;AACE,uCAA6BzB,KAAK,CAACG;AADrC,SAFK,CAFJ;AAAA,iBAQI;AACL,mCAAyBT,aAAa,CAACuB,OAAO,CAACG,KAAT;AADjC;AARJ;AAAA,iBAaK,uBAbL;AAAA,iBAcOJ,eAAe,CAACI;AAdvB,4BAgBCP,KAAK,CAACL,OAhBP,qBAgBC,oBAAAK,KAAK,CAhBN;AAAA,eAoBKK,MApBL;AAAA,mBAqBSlB,KAAK,CAACK,OArBf;AAAA,gBAsBML,KAAK,CAACU,IAtBZ;AAAA,qBAuBWV,KAAK,CAACW,SAvBjB;AAAA,gBAwBMX,KAAK,CAAC0B,IAxBZ;AAAA,qBAyBW1B,KAAK,CAAC2B,SAzBjB;AAAA,oBA0BU3B,KAAK,CAACC,QA1BhB;AAAA,mBA2BSD,KAAK,CAACG,OA3Bf;AAAA,mBA4BSH,KAAK,CAAC4B;AA5Bf,SA6BQ;AAAEpB,QAAAA,OAAO,EAAEK,KAAK,CAACH;AAAjB,OA7BR,GAgCDI,QAAQ,CAACe,OAAT,CAAiBT,KAAjB,KAA2B,SAA3B;AAAA,iBACW;AADX,UAEI,CAACpB,KAAK,CAACM,YAAP,wBAAuBO,KAAK,CAACiB,QAA7B,qBAAuB,qBAAAjB,KAAK,CAA5B,CAFJ,EAhCC;AAAA,KAAP;AAuCD;;AA5E0C,CAAD,CAArC","sourcesContent":["// Components\nimport { VTimelineSymbol } from './shared'\nimport { VTimelineDivider } from './VTimelineDivider'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\n\n// Utilities\nimport { inject, ref, watch } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\nexport const VTimelineItem = defineComponent({\n  name: 'VTimelineItem',\n\n  props: {\n    dotColor: String,\n    fillDot: Boolean,\n    hideDot: Boolean,\n    hideOpposite: {\n      type: Boolean,\n      default: undefined,\n    },\n    icon: String,\n    iconColor: String,\n\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = ref(0)\n    const dotRef = ref<VTimelineDivider>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n        ]}\n        style={{\n          '--v-timeline-dot-size': convertToUnit(dotSize.value),\n        }}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { timeline.density.value !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        ) }\n      </div>\n    )\n  },\n})\n"],"file":"VTimelineItem.mjs"}

package/lib/components/VTimeline/_mixins.sass

@@ -1,23 +1,26 @@
+@use '../../styles/tools'
+@use './variables' as *
+
 @mixin timeline-item-align($direction)
   .v-timeline-item__wrapper
     flex-direction: if($direction == left, row-reverse, if($direction == right, row, if($direction == top, column-reverse, column)))
 
     .v-timeline-item__body
       #{if($direction == right or $direction == left, justify-content, align-items)}: if($direction == left or $direction == top, flex-start, flex-end)
-      #{if($direction == top or $direction == bottom, max-height, max-width)}: calc(#{if($direction == top or $direction == left, '100% - ', '')}var(--v-timeline-line-position) - #{$timeline-divider-width / 2})
+      #{if($direction == top or $direction == bottom, max-height, max-width)}: calc(#{if($direction == top or $direction == left, '100% - ', '')}var(--v-timeline-line-position) - #{$timeline-divider-width * .5})
 
     .v-timeline-item__opposite
       #{if($direction == top or $direction == bottom, align-items, justify-content)}: #{if($direction == top or $direction == left, flex-end, flex-start)}
 
 @mixin timeline-line-align($center, $first, $second)
   &:before
-    +ltr()
-      #{$first}: calc(#{$center} - #{var(--v-timeline-line-width) / 2})
+    +tools.ltr()
+      #{$first}: calc(#{$center} - #{var(--v-timeline-line-width)} / 2)
       #{$second}: initial
 
-    +rtl()
+    +tools.rtl()
       #{$first}: initial
-      #{$second}: calc(#{$center} - #{var(--v-timeline-line-width) / 2})
+      #{$second}: calc(#{$center} - #{var(--v-timeline-line-width)} / 2)
 
 @mixin vertical($immediate: false)
   @at-root .v-timeline--vertical#{if($immediate, &, ' &')}

package/lib/components/VTimeline/_variables.scss

@@ -1,3 +1,5 @@
+@use '../../styles/tools';
+
 // Defaults
 $timeline-density-comfortable-grid-template-end: min-content min-content auto !default;
 $timeline-density-comfortable-grid-template-start: auto min-content min-content !default;
@@ -16,7 +18,7 @@ $timeline-item-padding: 24px !default;
 $timeline-dot-size: 38px !default;
 
 $timeline-dot-border-sizes: () !default;
-$timeline-dot-border-sizes: map-deep-merge(
+$timeline-dot-border-sizes: tools.map-deep-merge(
   (
     'x-small': 6px,
     'small': 8px,

package/lib/components/VTimeline/index.mjs

@@ -1,3 +1,3 @@
-export { default as VTimeline } from "./VTimeline.mjs";
-export { default as VTimelineItem } from "./VTimelineItem.mjs";
+export { VTimeline } from "./VTimeline.mjs";
+export { VTimelineItem } from "./VTimelineItem.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/index.ts"],"names":["default","VTimeline","VTimelineItem"],"mappings":"SAASA,OAAO,IAAIC,S;SACXD,OAAO,IAAIE,a","sourcesContent":["export { default as VTimeline } from './VTimeline'\nexport { default as VTimelineItem } from './VTimelineItem'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VTimeline/index.ts"],"names":["VTimeline","VTimelineItem"],"mappings":"SAASA,S;SACAC,a","sourcesContent":["export { VTimeline } from './VTimeline'\nexport { VTimelineItem } from './VTimelineItem'\n"],"file":"index.mjs"}

package/lib/components/VTimeline/shared.mjs

@@ -0,0 +1,2 @@
+export const VTimelineSymbol = Symbol.for('vuetify:timeline');
+//# sourceMappingURL=shared.mjs.map

package/lib/components/VTimeline/shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTimeline/shared.ts"],"names":["VTimelineSymbol","Symbol","for"],"mappings":"AAQA,OAAO,MAAMA,eAA+C,GAAGC,MAAM,CAACC,GAAP,CAAW,kBAAX,CAAxD","sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { Density } from '@/composables/density'\n\nexport interface TimelineInstance {\n  density: Ref<Density>\n  lineColor: Ref<string>\n}\n\nexport const VTimelineSymbol: InjectionKey<TimelineInstance> = Symbol.for('vuetify:timeline')\n"],"file":"shared.mjs"}

package/lib/components/VToolbar/VToolbar.css

@@ -0,0 +1,138 @@
+.v-toolbar {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  max-width: 100%;
+  overflow: hidden;
+  padding-inline-end: calc(16px + var(--v-scrollbar-offset));
+  padding-inline-start: 16px;
+  position: relative;
+  transition-property: height, transform, max-width;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  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);
+  border-radius: 0;
+  background: rgb(var(--v-theme-on-surface-variant));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-toolbar--density-default .v-toolbar__content {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+.v-toolbar--density-comfortable .v-toolbar__content {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.v-toolbar--density-compact .v-toolbar__content {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.v-toolbar--density-prominent .v-toolbar__content {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.v-toolbar--absolute {
+  position: absolute;
+}
+.v-toolbar--collapse {
+  max-width: 112px;
+  overflow: hidden;
+}
+.v-toolbar--collapse .v-toolbar-title {
+  display: none;
+}
+.v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
+  border-bottom-right-radius: 24px;
+}
+.v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
+  border-bottom-left-radius: 24px;
+}
+.v-toolbar--flat {
+  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);
+}
+.v-toolbar--floating {
+  display: inline-flex;
+}
+.v-toolbar--rounded {
+  border-radius: 4px;
+}
+
+.v-toolbar__content,
+.v-toolbar__extension {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  position: relative;
+  transition: inherit;
+  width: 100%;
+}
+
+.v-toolbar--density-prominent .v-toolbar__content {
+  align-items: flex-start;
+}
+
+.v-toolbar__image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.v-toolbar__prepend,
+.v-toolbar__append {
+  display: flex;
+}
+
+.v-toolbar__prepend {
+  margin-inline-end: auto;
+}
+.v-toolbar__prepend > .v-btn:first-child {
+  margin-inline-start: -12px;
+}
+.v-toolbar__prepend + .v-toolbar-title {
+  padding-inline-start: 20px;
+}
+
+.v-toolbar__append {
+  margin-inline-start: auto;
+}
+.v-toolbar__append > .v-btn:last-child {
+  margin-inline-end: -12px;
+}
+
+.v-toolbar-title {
+  flex: 1 1;
+  font-size: 1.25rem;
+  min-width: 0;
+  font-size: 1.25rem;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 1.75rem;
+  text-transform: none;
+}
+.v-toolbar--density-prominent .v-toolbar-title {
+  align-self: flex-end;
+  padding-bottom: 6px;
+  font-size: 1.5rem;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 2.25rem;
+  text-transform: none;
+}
+
+.v-toolbar-title__placeholder {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-toolbar-items {
+  display: flex;
+  height: inherit;
+}