vuetify 3.6.0-alpha.2 → 3.6.0

package/lib/labs/VDateInput/index.mjs

@@ -0,0 +1,2 @@
+export { VDateInput } from "./VDateInput.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/labs/VDateInput/index.mjs.map

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

package/lib/labs/VEmptyState/VEmptyState.css

@@ -28,7 +28,7 @@
   color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
   font-size: 3.75rem;
   font-weight: 300;
-  line-height: 3.75rem;
+  line-height: 1;
   text-align: center;
   margin-bottom: 8px;
 }
@@ -39,7 +39,7 @@
 .v-empty-state__title {
   font-size: 1.25rem;
   font-weight: 500;
-  line-height: 2rem;
+  line-height: 1.6;
   margin-bottom: 4px;
   text-align: center;
 }
@@ -47,7 +47,7 @@
 .v-empty-state__text {
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.25rem;
+  line-height: 1.425;
   padding: 0 16px;
   text-align: center;
 }

package/lib/labs/VEmptyState/VEmptyState.sass

@@ -1,62 +1,64 @@
+@use '../../styles/tools'
 @use './variables' as *
 
-.v-empty-state
-  align-items: center
-  display: flex
-  flex-direction: column
-  justify-content: center
-  min-height: $empty-state-min-height
-  padding: $empty-state-padding
+@include tools.layer('components')
+  .v-empty-state
+    align-items: center
+    display: flex
+    flex-direction: column
+    justify-content: center
+    min-height: $empty-state-min-height
+    padding: $empty-state-padding
 
-  &--start
-    align-items: flex-start
+    &--start
+      align-items: flex-start
 
-  &--center
-    align-items: center
+    &--center
+      align-items: center
+
+    &--end
+      align-items: flex-end
+
+  .v-empty-state__media
+    text-align: center
+    width: 100%
+
+    .v-icon
+      color: $empty-state-media-icon-color
+
+  .v-empty-state__headline
+    color: $empty-state-headline-color
+    font-size: $empty-state-headline-font-size
+    font-weight: $empty-state-headline-font-weight
+    line-height: $empty-state-headline-line-height
+    text-align: center
+    margin-bottom: $empty-state-headline-margin-bottom
+
+    .v-empty-state--mobile &
+      font-size: $empty-state-headline-mobile-font-size
+
+  .v-empty-state__title
+    font-size: $empty-state-title-font-size
+    font-weight: $empty-state-title-font-weight
+    line-height: $empty-state-title-line-height
+    margin-bottom: $empty-state-title-margin-bottom
+    text-align: center
+
+  .v-empty-state__text
+    font-size: $empty-state-text-font-size
+    font-weight: $empty-state-text-font-weight
+    line-height: $empty-state-text-line-height
+    padding: $empty-state-text-padding
+    text-align: center
+
+  .v-empty-state__content
+    padding: $empty-state-content-padding
+
+  .v-empty-state__actions
+    display: flex
+    gap: $empty-state-actions-gap
+    padding: $empty-state-actions-padding
 
-  &--end
-    align-items: flex-end
-
-.v-empty-state__media
-  text-align: center
-  width: 100%
-
-  .v-icon
-    color: $empty-state-media-icon-color
-
-.v-empty-state__headline
-  color: $empty-state-headline-color
-  font-size: $empty-state-headline-font-size
-  font-weight: $empty-state-headline-font-weight
-  line-height: $empty-state-headline-line-height
-  text-align: center
-  margin-bottom: $empty-state-headline-margin-bottom
-
-  .v-empty-state--mobile &
-    font-size: $empty-state-headline-mobile-font-size
-
-.v-empty-state__title
-  font-size: $empty-state-title-font-size
-  font-weight: $empty-state-title-font-weight
-  line-height: $empty-state-title-line-height
-  margin-bottom: $empty-state-title-margin-bottom
-  text-align: center
-
-.v-empty-state__text
-  font-size: $empty-state-text-font-size
-  font-weight: $empty-state-text-font-weight
-  line-height: $empty-state-text-line-height
-  padding: $empty-state-text-padding
-  text-align: center
-
-.v-empty-state__content
-  padding: $empty-state-content-padding
-
-.v-empty-state__actions
-  display: flex
-  gap: $empty-state-actions-gap
-  padding: $empty-state-actions-padding
-
-.v-empty-state__action-btn.v-btn
-  background-color: $empty-state-actions-btn-background-color
-  color: $empty-state-actions-btn-color
+  .v-empty-state__action-btn.v-btn
+    background-color: $empty-state-actions-btn-background-color
+    color: $empty-state-actions-btn-color

package/lib/labs/VFab/VFab.css

@@ -40,6 +40,7 @@
 .v-fab__container {
   align-self: center;
   display: inline-flex;
+  position: absolute;
   vertical-align: middle;
 }
 .v-fab--app .v-fab__container {

package/lib/labs/VFab/VFab.mjs

@@ -16,6 +16,7 @@ export const makeVFabProps = propsFactory({
   app: Boolean,
   appear: Boolean,
   extended: Boolean,
+  layout: Boolean,
   location: {
     type: String,
     default: 'bottom end'
@@ -66,8 +67,8 @@ export const VFab = genericComponent()({
         id: props.name,
         order: computed(() => parseInt(props.order, 10)),
         position,
-        layoutSize: height,
-        elementSize: computed(() => height.value + 32),
+        layoutSize: computed(() => props.layout ? height.value + 24 : 0),
+        elementSize: computed(() => height.value + 24),
         active: computed(() => props.app && model.value),
         absolute: toRef(props, 'absolute')
       });

package/lib/labs/VFab/VFab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VFab.mjs","names":["makeVBtnProps","VBtn","makeLayoutItemProps","useLayoutItem","useProxiedModel","useResizeObserver","useToggleScope","makeTransitionProps","MaybeTransition","computed","ref","shallowRef","toRef","watchEffect","genericComponent","omit","propsFactory","useRender","locations","makeVFabProps","app","Boolean","appear","extended","location","type","String","default","offset","modelValue","active","transition","VFab","name","props","emits","value","setup","_ref","slots","model","height","layoutItemStyles","resizeRef","entries","length","target","clientHeight","hasPosition","absolute","position","split","shift","orientation","layout","id","order","parseInt","layoutSize","elementSize","vFabRef","btnProps","filterProps","_createVNode","class","width","undefined","style","_withDirectives","_mergeProps","_vShow"],"sources":["../../../src/labs/VFab/VFab.tsx"],"sourcesContent":["// Styles\nimport './VFab.sass'\n\n// Components\nimport { makeVBtnProps, VBtn } from '@/components/VBtn/VBtn'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useToggleScope } from '@/composables/toggleScope'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, watchEffect } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType } from 'vue'\nimport type { Position } from '@/composables/layout'\n\nconst locations = ['start', 'end', 'left', 'right', 'top', 'bottom'] as const\n\nexport const makeVFabProps = propsFactory({\n  app: Boolean,\n  appear: Boolean,\n  extended: Boolean,\n  location: {\n    type: String as PropType<typeof locations[number]>,\n    default: 'bottom end',\n  },\n  offset: Boolean,\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n\n  ...omit(makeVBtnProps({ active: true }), ['location']),\n  ...makeLayoutItemProps(),\n  ...makeTransitionProps({ transition: 'fab-transition' }),\n}, 'VFab')\n\nexport const VFab = genericComponent()({\n  name: 'VFab',\n\n  props: makeVFabProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const height = shallowRef(56)\n    const layoutItemStyles = ref()\n\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!entries.length) return\n      height.value = entries[0].target.clientHeight\n    })\n\n    const hasPosition = computed(() => props.app || props.absolute)\n\n    const position = computed(() => {\n      if (!hasPosition.value) return false\n\n      return props.location.split(' ').shift()\n    }) as ComputedRef<Position>\n\n    const orientation = computed(() => {\n      if (!hasPosition.value) return false\n\n      return props.location.split(' ')[1] ?? 'end'\n    })\n\n    useToggleScope(() => props.app, () => {\n      const layout = useLayoutItem({\n        id: props.name,\n        order: computed(() => parseInt(props.order, 10)),\n        position,\n        layoutSize: height,\n        elementSize: computed(() => height.value + 32),\n        active: computed(() => props.app && model.value),\n        absolute: toRef(props, 'absolute'),\n      })\n\n      watchEffect(() => {\n        layoutItemStyles.value = layout.layoutItemStyles.value\n      })\n    })\n\n    const vFabRef = ref()\n\n    useRender(() => {\n      const btnProps = VBtn.filterProps(props)\n\n      return (\n        <div\n          ref={ vFabRef }\n          class={[\n            'v-fab',\n            {\n              'v-fab--absolute': props.absolute,\n              'v-fab--app': !!props.app,\n              'v-fab--extended': props.extended,\n              'v-fab--offset': props.offset,\n              [`v-fab--${position.value}`]: hasPosition.value,\n              [`v-fab--${orientation.value}`]: hasPosition.value,\n            },\n            props.class,\n          ]}\n          style={[\n            props.app ? {\n              ...layoutItemStyles.value,\n            } : {\n              height: 'inherit',\n              width: undefined,\n            },\n            props.style,\n          ]}\n        >\n          <div class=\"v-fab__container\">\n            <MaybeTransition\n              appear={ props.appear }\n              transition={ props.transition }\n            >\n              <VBtn\n                v-show={ props.active }\n                ref={ resizeRef }\n                { ...btnProps }\n                active={ undefined }\n                location={ undefined }\n                v-slots={ slots }\n              />\n            </MaybeTransition>\n          </div>\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VFab = InstanceType<typeof VFab>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,aAAa,EAAEC,IAAI,0CAE5B;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe;AAAA,SACfC,iBAAiB;AAAA,SACjBC,cAAc;AAAA,SACdC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,UAAU,EAAEC,KAAK,EAAEC,WAAW,QAAQ,KAAK;AAAA,SAC1DC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAExD;AAIA,MAAMC,SAAS,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAU;AAE7E,OAAO,MAAMC,aAAa,GAAGH,YAAY,CAAC;EACxCI,GAAG,EAAEC,OAAO;EACZC,MAAM,EAAED,OAAO;EACfE,QAAQ,EAAEF,OAAO;EACjBG,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAA4C;IAClDC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAEP,OAAO;EACfQ,UAAU,EAAE;IACVJ,IAAI,EAAEJ,OAAO;IACbM,OAAO,EAAE;EACX,CAAC;EAED,GAAGZ,IAAI,CAACf,aAAa,CAAC;IAAE8B,MAAM,EAAE;EAAK,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;EACtD,GAAG5B,mBAAmB,CAAC,CAAC;EACxB,GAAGK,mBAAmB,CAAC;IAAEwB,UAAU,EAAE;EAAiB,CAAC;AACzD,CAAC,EAAE,MAAM,CAAC;AAEV,OAAO,MAAMC,IAAI,GAAGlB,gBAAgB,CAAC,CAAC,CAAC;EACrCmB,IAAI,EAAE,MAAM;EAEZC,KAAK,EAAEf,aAAa,CAAC,CAAC;EAEtBgB,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,KAAK,GAAGpC,eAAe,CAAC8B,KAAK,EAAE,YAAY,CAAC;IAClD,MAAMO,MAAM,GAAG9B,UAAU,CAAC,EAAE,CAAC;IAC7B,MAAM+B,gBAAgB,GAAGhC,GAAG,CAAC,CAAC;IAE9B,MAAM;MAAEiC;IAAU,CAAC,GAAGtC,iBAAiB,CAACuC,OAAO,IAAI;MACjD,IAAI,CAACA,OAAO,CAACC,MAAM,EAAE;MACrBJ,MAAM,CAACL,KAAK,GAAGQ,OAAO,CAAC,CAAC,CAAC,CAACE,MAAM,CAACC,YAAY;IAC/C,CAAC,CAAC;IAEF,MAAMC,WAAW,GAAGvC,QAAQ,CAAC,MAAMyB,KAAK,CAACd,GAAG,IAAIc,KAAK,CAACe,QAAQ,CAAC;IAE/D,MAAMC,QAAQ,GAAGzC,QAAQ,CAAC,MAAM;MAC9B,IAAI,CAACuC,WAAW,CAACZ,KAAK,EAAE,OAAO,KAAK;MAEpC,OAAOF,KAAK,CAACV,QAAQ,CAAC2B,KAAK,CAAC,GAAG,CAAC,CAACC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAA0B;IAE3B,MAAMC,WAAW,GAAG5C,QAAQ,CAAC,MAAM;MACjC,IAAI,CAACuC,WAAW,CAACZ,KAAK,EAAE,OAAO,KAAK;MAEpC,OAAOF,KAAK,CAACV,QAAQ,CAAC2B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK;IAC9C,CAAC,CAAC;IAEF7C,cAAc,CAAC,MAAM4B,KAAK,CAACd,GAAG,EAAE,MAAM;MACpC,MAAMkC,MAAM,GAAGnD,aAAa,CAAC;QAC3BoD,EAAE,EAAErB,KAAK,CAACD,IAAI;QACduB,KAAK,EAAE/C,QAAQ,CAAC,MAAMgD,QAAQ,CAACvB,KAAK,CAACsB,KAAK,EAAE,EAAE,CAAC,CAAC;QAChDN,QAAQ;QACRQ,UAAU,EAAEjB,MAAM;QAClBkB,WAAW,EAAElD,QAAQ,CAAC,MAAMgC,MAAM,CAACL,KAAK,GAAG,EAAE,CAAC;QAC9CN,MAAM,EAAErB,QAAQ,CAAC,MAAMyB,KAAK,CAACd,GAAG,IAAIoB,KAAK,CAACJ,KAAK,CAAC;QAChDa,QAAQ,EAAErC,KAAK,CAACsB,KAAK,EAAE,UAAU;MACnC,CAAC,CAAC;MAEFrB,WAAW,CAAC,MAAM;QAChB6B,gBAAgB,CAACN,KAAK,GAAGkB,MAAM,CAACZ,gBAAgB,CAACN,KAAK;MACxD,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAMwB,OAAO,GAAGlD,GAAG,CAAC,CAAC;IAErBO,SAAS,CAAC,MAAM;MACd,MAAM4C,QAAQ,GAAG5D,IAAI,CAAC6D,WAAW,CAAC5B,KAAK,CAAC;MAExC,OAAA6B,YAAA;QAAA,OAEUH,OAAO;QAAA,SACN,CACL,OAAO,EACP;UACE,iBAAiB,EAAE1B,KAAK,CAACe,QAAQ;UACjC,YAAY,EAAE,CAAC,CAACf,KAAK,CAACd,GAAG;UACzB,iBAAiB,EAAEc,KAAK,CAACX,QAAQ;UACjC,eAAe,EAAEW,KAAK,CAACN,MAAM;UAC7B,CAAE,UAASsB,QAAQ,CAACd,KAAM,EAAC,GAAGY,WAAW,CAACZ,KAAK;UAC/C,CAAE,UAASiB,WAAW,CAACjB,KAAM,EAAC,GAAGY,WAAW,CAACZ;QAC/C,CAAC,EACDF,KAAK,CAAC8B,KAAK,CACZ;QAAA,SACM,CACL9B,KAAK,CAACd,GAAG,GAAG;UACV,GAAGsB,gBAAgB,CAACN;QACtB,CAAC,GAAG;UACFK,MAAM,EAAE,SAAS;UACjBwB,KAAK,EAAEC;QACT,CAAC,EACDhC,KAAK,CAACiC,KAAK;MACZ,IAAAJ,YAAA;QAAA;MAAA,IAAAA,YAAA,CAAAvD,eAAA;QAAA,UAIY0B,KAAK,CAACZ,MAAM;QAAA,cACRY,KAAK,CAACH;MAAU;QAAAJ,OAAA,EAAAA,CAAA,MAAAyC,eAAA,CAAAL,YAAA,CAAA9D,IAAA,EAAAoE,WAAA;UAAA,OAIrB1B;QAAS,GACVkB,QAAQ;UAAA,UACJK,SAAS;UAAA,YACPA;QAAS,IACV3B,KAAK,KAAA+B,MAAA,EALNpC,KAAK,CAACJ,MAAM;MAAA;IAWjC,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VFab.mjs","names":["makeVBtnProps","VBtn","makeLayoutItemProps","useLayoutItem","useProxiedModel","useResizeObserver","useToggleScope","makeTransitionProps","MaybeTransition","computed","ref","shallowRef","toRef","watchEffect","genericComponent","omit","propsFactory","useRender","locations","makeVFabProps","app","Boolean","appear","extended","layout","location","type","String","default","offset","modelValue","active","transition","VFab","name","props","emits","value","setup","_ref","slots","model","height","layoutItemStyles","resizeRef","entries","length","target","clientHeight","hasPosition","absolute","position","split","shift","orientation","id","order","parseInt","layoutSize","elementSize","vFabRef","btnProps","filterProps","_createVNode","class","width","undefined","style","_withDirectives","_mergeProps","_vShow"],"sources":["../../../src/labs/VFab/VFab.tsx"],"sourcesContent":["// Styles\nimport './VFab.sass'\n\n// Components\nimport { makeVBtnProps, VBtn } from '@/components/VBtn/VBtn'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useToggleScope } from '@/composables/toggleScope'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, watchEffect } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType } from 'vue'\nimport type { Position } from '@/composables/layout'\n\nconst locations = ['start', 'end', 'left', 'right', 'top', 'bottom'] as const\n\nexport const makeVFabProps = propsFactory({\n  app: Boolean,\n  appear: Boolean,\n  extended: Boolean,\n  layout: Boolean,\n  location: {\n    type: String as PropType<typeof locations[number]>,\n    default: 'bottom end',\n  },\n  offset: Boolean,\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n\n  ...omit(makeVBtnProps({ active: true }), ['location']),\n  ...makeLayoutItemProps(),\n  ...makeTransitionProps({ transition: 'fab-transition' }),\n}, 'VFab')\n\nexport const VFab = genericComponent()({\n  name: 'VFab',\n\n  props: makeVFabProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const height = shallowRef(56)\n    const layoutItemStyles = ref()\n\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!entries.length) return\n      height.value = entries[0].target.clientHeight\n    })\n\n    const hasPosition = computed(() => props.app || props.absolute)\n\n    const position = computed(() => {\n      if (!hasPosition.value) return false\n\n      return props.location.split(' ').shift()\n    }) as ComputedRef<Position>\n\n    const orientation = computed(() => {\n      if (!hasPosition.value) return false\n\n      return props.location.split(' ')[1] ?? 'end'\n    })\n\n    useToggleScope(() => props.app, () => {\n      const layout = useLayoutItem({\n        id: props.name,\n        order: computed(() => parseInt(props.order, 10)),\n        position,\n        layoutSize: computed(() => props.layout ? height.value + 24 : 0),\n        elementSize: computed(() => height.value + 24),\n        active: computed(() => props.app && model.value),\n        absolute: toRef(props, 'absolute'),\n      })\n\n      watchEffect(() => {\n        layoutItemStyles.value = layout.layoutItemStyles.value\n      })\n    })\n\n    const vFabRef = ref()\n\n    useRender(() => {\n      const btnProps = VBtn.filterProps(props)\n\n      return (\n        <div\n          ref={ vFabRef }\n          class={[\n            'v-fab',\n            {\n              'v-fab--absolute': props.absolute,\n              'v-fab--app': !!props.app,\n              'v-fab--extended': props.extended,\n              'v-fab--offset': props.offset,\n              [`v-fab--${position.value}`]: hasPosition.value,\n              [`v-fab--${orientation.value}`]: hasPosition.value,\n            },\n            props.class,\n          ]}\n          style={[\n            props.app ? {\n              ...layoutItemStyles.value,\n            } : {\n              height: 'inherit',\n              width: undefined,\n            },\n            props.style,\n          ]}\n        >\n          <div class=\"v-fab__container\">\n            <MaybeTransition\n              appear={ props.appear }\n              transition={ props.transition }\n            >\n              <VBtn\n                v-show={ props.active }\n                ref={ resizeRef }\n                { ...btnProps }\n                active={ undefined }\n                location={ undefined }\n                v-slots={ slots }\n              />\n            </MaybeTransition>\n          </div>\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VFab = InstanceType<typeof VFab>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VFab/VFab.sass

@@ -5,78 +5,80 @@
 @use './variables' as *
 @use './mixins' as *
 
-.v-fab
-  align-items: center
-  display: inline-flex
-  flex: 1 1 auto
-  pointer-events: none
-  position: relative
-  transition-duration: $fab-transition-duration
-  transition-timing-function: $fab-transition-timing-function
-  vertical-align: middle
-
-  .v-btn
-    pointer-events: auto
-
-    &--variant-elevated
-      @include tools.elevation(3)
-
-  &--app,
-  &--absolute
-    display: flex
-
-  &--start,
-  &--left
-    justify-content: flex-start
-
-  &--center
+@include tools.layer('components')
+  .v-fab
     align-items: center
-    justify-content: center
+    display: inline-flex
+    flex: 1 1 auto
+    pointer-events: none
+    position: relative
+    transition-duration: $fab-transition-duration
+    transition-timing-function: $fab-transition-timing-function
+    vertical-align: middle
 
-  &--end,
-  &--right
-    justify-content: flex-end
+    .v-btn
+      pointer-events: auto
 
-  &--bottom
-    align-items: flex-end
+      &--variant-elevated
+        @include tools.elevation(3)
 
-  &--top
-    align-items: flex-start
+    &--app,
+    &--absolute
+      display: flex
 
-  &--extended
-    .v-btn
-      // min-height: 56px
-      // min-width: 80px
-      border-radius: 9999px !important
+    &--start,
+    &--left
+      justify-content: flex-start
+
+    &--center
+      align-items: center
+      justify-content: center
+
+    &--end,
+    &--right
+      justify-content: flex-end
 
-.v-fab__container
-  align-self: center
-  display: inline-flex
-  vertical-align: middle
+    &--bottom
+      align-items: flex-end
 
-  .v-fab--app &
-    margin: 12px
+    &--top
+      align-items: flex-start
 
-  .v-fab--absolute &
+    &--extended
+      .v-btn
+        // min-height: 56px
+        // min-width: 80px
+        border-radius: 9999px !important
+
+  .v-fab__container
+    align-self: center
+    display: inline-flex
     position: absolute
-    z-index: 4
+    vertical-align: middle
+
+    .v-fab--app &
+      margin: 12px
+
+    .v-fab--absolute &
+      position: absolute
+      z-index: 4
 
-  .v-fab--offset.v-fab--top &
-    transform: translateY(-50%)
+    .v-fab--offset.v-fab--top &
+      transform: translateY(-50%)
 
-  .v-fab--offset.v-fab--bottom &
-    transform: translateY(50%)
+    .v-fab--offset.v-fab--bottom &
+      transform: translateY(50%)
 
-  .v-fab--top &
-    top: 0
+    .v-fab--top &
+      top: 0
 
-  .v-fab--bottom &
-    bottom: 0
+    .v-fab--bottom &
+      bottom: 0
 
-  .v-fab--left &,
-  .v-fab--start &
-    left: 0
+    .v-fab--left &,
+    .v-fab--start &
+      left: 0
 
-  .v-fab--right &,
-  .v-fab--end &
-    right: 0
+    .v-fab--right &,
+    .v-fab--end &
+      right: 0

package/lib/labs/VFab/index.d.mts

@@ -16,6 +16,7 @@ interface GroupItem {
     id: number;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
+    useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
@@ -45,12 +46,14 @@ declare const VFab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        layout: boolean;
         offset: boolean;
         order: string | number;
         absolute: boolean;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        readonly: boolean;
         modelValue: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
@@ -113,12 +116,14 @@ declare const VFab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        layout: boolean;
         offset: boolean;
         order: string | number;
         absolute: boolean;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        readonly: boolean;
         modelValue: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
@@ -179,12 +184,14 @@ declare const VFab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        layout: boolean;
         offset: boolean;
         order: string | number;
         absolute: boolean;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        readonly: boolean;
         modelValue: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -221,12 +228,14 @@ declare const VFab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        layout: boolean;
         offset: boolean;
         order: string | number;
         absolute: boolean;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        readonly: boolean;
         modelValue: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
@@ -287,12 +296,14 @@ declare const VFab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        layout: boolean;
         offset: boolean;
         order: string | number;
         absolute: boolean;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        readonly: boolean;
         modelValue: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -322,12 +333,14 @@ declare const VFab: {
     active: boolean;
     disabled: boolean;
     tag: string;
+    layout: boolean;
     offset: boolean;
     order: string | number;
     absolute: boolean;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
+    readonly: boolean;
     modelValue: boolean;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     block: boolean;
@@ -390,12 +403,14 @@ declare const VFab: {
     active: boolean;
     disabled: boolean;
     tag: string;
+    layout: boolean;
     offset: boolean;
     order: string | number;
     absolute: boolean;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
+    readonly: boolean;
     modelValue: boolean;
     rounded: string | number | boolean;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -484,6 +499,7 @@ declare const VFab: {
         type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
+    readonly: BooleanConstructor;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -527,6 +543,7 @@ declare const VFab: {
     app: BooleanConstructor;
     appear: BooleanConstructor;
     extended: BooleanConstructor;
+    layout: BooleanConstructor;
     location: {
         type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
         default: string;
@@ -604,6 +621,7 @@ declare const VFab: {
         type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
+    readonly: BooleanConstructor;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -647,6 +665,7 @@ declare const VFab: {
     app: BooleanConstructor;
     appear: BooleanConstructor;
     extended: BooleanConstructor;
+    layout: BooleanConstructor;
     location: {
         type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
         default: string;