@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.4

package/lib/components/VInput/VInput.mjs

@@ -6,15 +6,16 @@ import { VIcon } from "../VIcon/index.mjs";
 import { VMessages } from "../VMessages/index.mjs"; // Composables
 
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
-import { makeValidationProps, useValidation } from "../../composables/validation.mjs"; // Utilities
+import { makeValidationProps, useValidation } from "../../composables/validation.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { computed } from 'vue';
 import { genericComponent, getUid, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
 
 export const makeVInputProps = propsFactory({
   id: String,
-  appendIcon: String,
-  prependIcon: String,
+  appendIcon: IconValue,
+  prependIcon: IconValue,
   hideDetails: [Boolean, String],
   messages: {
     type: [Array, String],
@@ -33,19 +34,20 @@ export const VInput = genericComponent()({
   props: { ...makeVInputProps()
   },
   emits: {
-    'click:prepend': e => true,
-    'click:append': e => true,
     'update:modelValue': val => true
   },
 
   setup(props, _ref) {
     let {
+      attrs,
       slots,
       emit
     } = _ref;
     const {
       densityClasses
     } = useDensity(props);
+    const uid = getUid();
+    const id = computed(() => props.id || `input-${uid}`);
     const {
       errorMessages,
       isDirty,
@@ -58,9 +60,7 @@ export const VInput = genericComponent()({
       resetValidation,
       validate,
       validationClasses
-    } = useValidation(props);
-    const uid = getUid();
-    const id = computed(() => props.id || `input-${uid}`);
+    } = useValidation(props, 'v-input', id);
     const slotProps = computed(() => ({
       id,
       isDirty,
@@ -85,14 +85,14 @@ export const VInput = genericComponent()({
       }, [hasPrepend && _createVNode("div", {
         "class": "v-input__prepend"
       }, [slots == null ? void 0 : (_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots, slotProps.value), props.prependIcon && _createVNode(VIcon, {
-        "onClick": e => emit('click:prepend', e),
+        "onClick": attrs['onClick:prepend'],
         "icon": props.prependIcon
       }, null)]), slots.default && _createVNode("div", {
         "class": "v-input__control"
       }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, slotProps.value)]), hasAppend && _createVNode("div", {
         "class": "v-input__append"
       }, [slots == null ? void 0 : (_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots, slotProps.value), props.appendIcon && _createVNode(VIcon, {
-        "onClick": e => emit('click:append', e),
+        "onClick": attrs['onClick:append'],
         "icon": props.appendIcon
       }, null)]), hasDetails && _createVNode("div", {
         "class": "v-input__details"

package/lib/components/VInput/VInput.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VInput/VInput.tsx"],"names":["VIcon","VMessages","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","genericComponent","getUid","pick","propsFactory","useRender","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","messages","type","Array","default","direction","validator","v","includes","VInput","name","props","emits","e","val","setup","slots","emit","densityClasses","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","uid","slotProps","hasPrepend","prepend","hasAppend","append","hasMessages","length","value","hasDetails","message","details","filterInputProps","Object","keys"],"mappings":"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","sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDirty: ComputedRef<boolean>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: String,\n  prependIcon: String,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport type VInputSlots = MakeSlots<{\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n}>\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: VInputSlots\n}>()({\n  name: 'VInput',\n\n  props: {\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'click:prepend': (e: MouseEvent) => true,\n    'click:append': (e: MouseEvent) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const {\n      errorMessages,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = !!(\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        hasMessages\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div\n              class=\"v-input__prepend\"\n            >\n              { slots?.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <VIcon\n                  onClick={ (e: MouseEvent) => emit('click:prepend', e) }\n                  icon={ props.prependIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { slots.default && (\n            <div class=\"v-input__control\">\n              { slots.default?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasAppend && (\n            <div\n              class=\"v-input__append\"\n            >\n              { slots?.append?.(slotProps.value) }\n\n              { props.appendIcon && (\n                <VIcon\n                  onClick={ (e: MouseEvent) => emit('click:append', e) }\n                  icon={ props.appendIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ hasMessages }\n                messages={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : props.messages\n                }\n                v-slots={{ message: slots.message }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      reset,\n      resetValidation,\n      validate,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: ExtractPropTypes<ReturnType<typeof makeVInputProps>>) {\n  return pick(props, Object.keys(VInput.props) as any)\n}\n"],"file":"VInput.mjs"}
+{"version":3,"file":"VInput.mjs","names":["VIcon","VMessages","makeDensityProps","useDensity","makeValidationProps","useValidation","IconValue","computed","genericComponent","getUid","pick","propsFactory","useRender","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","messages","type","Array","default","direction","validator","v","includes","VInput","name","props","emits","val","setup","attrs","slots","emit","densityClasses","uid","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","slotProps","hasPrepend","prepend","hasAppend","append","hasMessages","length","value","hasDetails","message","details","filterInputProps","Object","keys"],"sources":["../../../src/components/VInput/VInput.tsx"],"sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDirty: ComputedRef<boolean>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: IconValue,\n  prependIcon: IconValue,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport type VInputSlots = MakeSlots<{\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n}>\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: VInputSlots\n}>()({\n  name: 'VInput',\n\n  props: {\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { densityClasses } = useDensity(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const {\n      errorMessages,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props, 'v-input', id)\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = !!(\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        hasMessages\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div\n              class=\"v-input__prepend\"\n            >\n              { slots?.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <VIcon\n                  onClick={ attrs['onClick:prepend'] }\n                  icon={ props.prependIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { slots.default && (\n            <div class=\"v-input__control\">\n              { slots.default?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasAppend && (\n            <div\n              class=\"v-input__append\"\n            >\n              { slots?.append?.(slotProps.value) }\n\n              { props.appendIcon && (\n                <VIcon\n                  onClick={ attrs['onClick:append'] }\n                  icon={ props.appendIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ hasMessages }\n                messages={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : props.messages\n                }\n                v-slots={{ message: slots.message }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      reset,\n      resetValidation,\n      validate,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: ExtractPropTypes<ReturnType<typeof makeVInputProps>>) {\n  return pick(props, Object.keys(VInput.props) as any)\n}\n"],"mappings":"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"}

package/lib/components/VInput/VInput.sass

@@ -1,10 +1,11 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 
 .v-input
   display: grid
   flex: 1 1 auto
+  font-size: $input-font-size
+  font-weight: $input-font-weight
 
   &--disabled
     pointer-events: none
@@ -27,7 +28,7 @@
 
 .v-input--horizontal
   grid-template-areas: "prepend control append" "a messages b"
-  grid-template-columns: max-content auto max-content
+  grid-template-columns: max-content minmax(0, 1fr) max-content
   grid-template-rows: auto auto
 
   .v-input__prepend

package/lib/components/VInput/_variables.scss

@@ -1,8 +1,12 @@
+@use 'sass:map';
 @use '../../styles/settings';
+@use '../../styles/tools';
 
 // CONTROL
 $input-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
 $input-control-height: 56px !default;
+$input-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
+$input-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
 
 // DETAILS
 $input-details-font-size: .75rem !default;

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

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

package/lib/components/VItemGroup/VItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItem.tsx"],"names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;SACSC,gB,gCAET;;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,GAIhC;AACHE,EAAAA,IAAI,EAAE,OADH;AAGHC,EAAAA,KAAK,EAAEN,kBAAkB,EAHtB;;AAKHO,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,MAAtB;AAA8BC,MAAAA,aAA9B;AAA6CC,MAAAA,KAA7C;AAAoDC,MAAAA;AAApD,QAAiEb,YAAY,CAACK,KAAD,EAAQJ,gBAAR,CAAnF;AACA,WAAO;AAAA;;AAAA,+BAAMM,KAAK,CAACO,OAAZ,qBAAM,oBAAAP,KAAK,EAAW;AAC3BC,QAAAA,UAAU,EAAEA,UAAU,CAACI,KADI;AAE3BD,QAAAA,aAAa,EAAEA,aAAa,CAACC,KAFF;AAG3BH,QAAAA,MAH2B;AAI3BC,QAAAA,MAJ2B;AAK3BE,QAAAA,KAAK,EAAEA,KAAK,CAACA,KALc;AAM3BC,QAAAA,QAAQ,EAAEA,QAAQ,CAACD;AANQ,OAAX,CAAX;AAAA,KAAP;AAQD;;AAfE,CAJgC,CAA9B","sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"file":"VItem.mjs"}
+{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;SACSC,gB,gCAET;;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,GAIhC;EACHE,IAAI,EAAE,OADH;EAGHC,KAAK,EAAEN,kBAAkB,EAHtB;;EAKHO,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,MAAd;MAAsBC,MAAtB;MAA8BC,aAA9B;MAA6CC,KAA7C;MAAoDC;IAApD,IAAiEb,YAAY,CAACK,KAAD,EAAQJ,gBAAR,CAAnF;IACA,OAAO;MAAA;;MAAA,yBAAMM,KAAK,CAACO,OAAZ,qBAAM,oBAAAP,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACI,KADI;QAE3BD,aAAa,EAAEA,aAAa,CAACC,KAFF;QAG3BH,MAH2B;QAI3BC,MAJ2B;QAK3BE,KAAK,EAAEA,KAAK,CAACA,KALc;QAM3BC,QAAQ,EAAEA,QAAQ,CAACD;MANQ,CAAX,CAAX;IAAA,CAAP;EAQD;;AAfE,CAJgC,CAA9B"}

package/lib/components/VItemGroup/VItemGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;SACSC,e;AAET,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;AACxCK,EAAAA,IAAI,EAAE,YADkC;AAGxCC,EAAAA,KAAK,EAAE,EACL,GAAGX,cAAc,CAAC;AAChBY,MAAAA,aAAa,EAAE;AADC,KAAD,CADZ;AAIL,OAAGV,YAAY,EAJV;AAKL,OAAGC,cAAc;AALZ,GAHiC;AAWxCU,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAgB;AADhC,GAXiC;;AAexCC,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBb,YAAY,CAACO,KAAD,CAArC;AACA,UAAM;AAAEO,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,IAAtB;AAA4BC,MAAAA,IAA5B;AAAkCC,MAAAA;AAAlC,QAA+CrB,QAAQ,CAACU,KAAD,EAAQL,gBAAR,CAA7D;AAEA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,cADK,EAELW,YAAY,CAACH,KAFR;AAFJ;AAAA,0CAODE,KAAK,CAACO,OAPL,qBAOD,oBAAAP,KAAK,EAAW;AAChBE,UAAAA,UADgB;AAEhBC,UAAAA,MAFgB;AAGhBC,UAAAA,IAHgB;AAIhBC,UAAAA,IAJgB;AAKhBC,UAAAA,QAAQ,EAAEA,QAAQ,CAACR;AALH,SAAX,CAPJ;AAAA;AAAA,KAAP;AAgBD;;AAnCuC,CAAD,CAAlC","sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"file":"VItemGroup.mjs"}
+{"version":3,"file":"VItemGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;SACSC,e;AAET,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;EACxCK,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE,EACL,GAAGX,cAAc,CAAC;MAChBY,aAAa,EAAE;IADC,CAAD,CADZ;IAIL,GAAGV,YAAY,EAJV;IAKL,GAAGC,cAAc;EALZ,CAHiC;EAWxCU,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAXiC;;EAexCC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBb,YAAY,CAACO,KAAD,CAArC;IACA,MAAM;MAAEO,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+CrB,QAAQ,CAACU,KAAD,EAAQL,gBAAR,CAA7D;IAEA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,cADK,EAELW,YAAY,CAACH,KAFR;MAFJ;QAAA,kCAODE,KAAK,CAACO,OAPL,qBAOD,oBAAAP,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAPJ;MAAA;IAAA,CAAP;EAgBD;;AAnCuC,CAAD,CAAlC"}

package/lib/components/VItemGroup/VItemGroup.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use './variables' as *
 
 .v-item-group

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/index.ts"],"names":["VItemGroup","VItem"],"mappings":"SAASA,U;SACAC,K","sourcesContent":["export { VItemGroup } from './VItemGroup'\nexport { VItem } from './VItem'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VItemGroup","VItem"],"sources":["../../../src/components/VItemGroup/index.ts"],"sourcesContent":["export { VItemGroup } from './VItemGroup'\nexport { VItem } from './VItem'\n"],"mappings":"SAASA,U;SACAC,K"}

package/lib/components/VKbd/VKbd.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VKbd/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+// VKbd
 $kbd-border-radius: 3px !default;
 $kbd-elevation: 2 !default;
 $kbd-font-size: 85% !default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VKbd/index.ts"],"names":["createSimpleFunctional","VKbd"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,IAAI,GAAGD,sBAAsB,CAAC,OAAD,CAAnC","sourcesContent":["import './VKbd.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VKbd = createSimpleFunctional('v-kbd')\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VKbd"],"sources":["../../../src/components/VKbd/index.ts"],"sourcesContent":["import './VKbd.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VKbd = createSimpleFunctional('v-kbd')\n"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,IAAI,GAAGD,sBAAsB,CAAC,OAAD,CAAnC"}

package/lib/components/VLabel/VLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/VLabel.tsx"],"names":["makeThemeProps","defineComponent","VLabel","name","props","text","String","setup","slots","default"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,MADD;AAGL,OAAGN,cAAc;AAHZ,GAH6B;;AASpCO,EAAAA,KAAK,CAAEH,KAAF,QAAoB;AAAA,QAAX;AAAEI,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA;;AAAA;AAAA,iBACQ;AADR,UAEDJ,KAAK,CAACC,IAFL,oBAIDG,KAAK,CAACC,OAJL,qBAID,oBAAAD,KAAK,CAJJ;AAAA,KAAP;AAOD;;AAjBmC,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => (\n      <label class=\"v-label\">\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    )\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"file":"VLabel.mjs"}
+{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","VLabel","name","props","text","String","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => (\n      <label class=\"v-label\">\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    )\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,IAAI,EAAEC,MADD;IAGL,GAAGN,cAAc;EAHZ,CAH6B;;EASpCO,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,OAAO;MAAA;;MAAA;QAAA,SACQ;MADR,IAEDJ,KAAK,CAACC,IAFL,oBAIDG,KAAK,CAACC,OAJL,qBAID,oBAAAD,KAAK,CAJJ;IAAA,CAAP;EAOD;;AAjBmC,CAAD,CAA9B"}

package/lib/components/VLabel/VLabel.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *

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

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

package/lib/components/VLayout/VLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayout.tsx"],"names":["defineComponent","useRender","createLayout","makeLayoutProps","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","value","default"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,e,EAAiBC,S,gCAE1B;;SACSC,Y,EAAcC,e;AAEvB,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;AACrCK,EAAAA,IAAI,EAAE,SAD+B;AAGrCC,EAAAA,KAAK,EAAEH,eAAe,EAHe;;AAKrCI,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA,YAAjB;AAA+BC,MAAAA,aAA/B;AAA8CC,MAAAA,KAA9C;AAAqDC,MAAAA;AAArD,QAAmEX,YAAY,CAACI,KAAD,CAArF;AAEAL,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,eACGY,SADH;AAAA,iBACuBJ,aAAa,CAACK,KADrC;AAAA,iBACqDJ,YAAY,CAACI;AADlE,4BAEJN,KAAK,CAACO,OAFF,qBAEJ,oBAAAP,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO;AACLG,MAAAA,aADK;AAELC,MAAAA;AAFK,KAAP;AAID;;AAlBoC,CAAD,CAA/B","sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport const VLayout = defineComponent({\n  name: 'VLayout',\n\n  props: makeLayoutProps(),\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div ref={ layoutRef } class={ layoutClasses.value } style={ layoutStyles.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"file":"VLayout.mjs"}
+{"version":3,"file":"VLayout.mjs","names":["defineComponent","useRender","createLayout","makeLayoutProps","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","value","default"],"sources":["../../../src/components/VLayout/VLayout.tsx"],"sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport const VLayout = defineComponent({\n  name: 'VLayout',\n\n  props: makeLayoutProps(),\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div ref={ layoutRef } class={ layoutClasses.value } style={ layoutStyles.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,e,EAAiBC,S,gCAE1B;;SACSC,Y,EAAcC,e;AAEvB,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;EACrCK,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEH,eAAe,EAHe;;EAKrCI,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,aAAF;MAAiBC,YAAjB;MAA+BC,aAA/B;MAA8CC,KAA9C;MAAqDC;IAArD,IAAmEX,YAAY,CAACI,KAAD,CAArF;IAEAL,SAAS,CAAC;MAAA;;MAAA;QAAA,OACGY,SADH;QAAA,SACuBJ,aAAa,CAACK,KADrC;QAAA,SACqDJ,YAAY,CAACI;MADlE,sBAEJN,KAAK,CAACO,OAFF,qBAEJ,oBAAAP,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO;MACLG,aADK;MAELC;IAFK,CAAP;EAID;;AAlBoC,CAAD,CAA/B"}

package/lib/components/VLayout/VLayoutItem.mjs

@@ -30,7 +30,7 @@ export const VLayoutItem = defineComponent({
       layoutItemStyles
     } = useLayoutItem({
       id: props.name,
-      priority: computed(() => parseInt(props.priority, 10)),
+      order: computed(() => parseInt(props.order, 10)),
       position: toRef(props, 'position'),
       elementSize: toRef(props, 'size'),
       layoutSize: toRef(props, 'size'),

package/lib/components/VLayout/VLayoutItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"names":["makeLayoutItemProps","useLayoutItem","computed","toRef","defineComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","priority","parseInt","elementSize","layoutSize","active","absolute","value"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,mB,EAAqBC,a,wCAE9B;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,gCAET;;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;AACzCE,EAAAA,IAAI,EAAE,aADmC;AAGzCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,QAAQ,EAAE;AAFF,KADL;AAKLC,IAAAA,IAAI,EAAE;AACJH,MAAAA,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADF;AAEJI,MAAAA,OAAO,EAAE;AAFL,KALD;AASLC,IAAAA,UAAU,EAAEC,OATP;AAUL,OAAGhB,mBAAmB;AAVjB,GAHkC;;AAgBzCiB,EAAAA,KAAK,CAAEV,KAAF,QAAoB;AAAA,QAAX;AAAEW,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAuBlB,aAAa,CAAC;AACzCmB,MAAAA,EAAE,EAAEb,KAAK,CAACD,IAD+B;AAEzCe,MAAAA,QAAQ,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,QAAP,EAAiB,EAAjB,CAAf,CAFuB;AAGzCb,MAAAA,QAAQ,EAAEL,KAAK,CAACI,KAAD,EAAQ,UAAR,CAH0B;AAIzCgB,MAAAA,WAAW,EAAEpB,KAAK,CAACI,KAAD,EAAQ,MAAR,CAJuB;AAKzCiB,MAAAA,UAAU,EAAErB,KAAK,CAACI,KAAD,EAAQ,MAAR,CALwB;AAMzCkB,MAAAA,MAAM,EAAEtB,KAAK,CAACI,KAAD,EAAQ,YAAR,CAN4B;AAOzCmB,MAAAA,QAAQ,EAAEvB,KAAK,CAACI,KAAD,EAAQ,UAAR;AAP0B,KAAD,CAA1C;AAUA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,eADK,CAFJ;AAAA,iBAKKY,gBAAgB,CAACQ;AALtB,4BAODT,KAAK,CAACJ,OAPL,qBAOD,oBAAAI,KAAK,CAPJ;AAAA,KAAP;AAUD;;AArCwC,CAAD,CAAnC","sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = defineComponent({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      priority: computed(() => parseInt(props.priority, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n        ]}\n        style={ layoutItemStyles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"file":"VLayoutItem.mjs"}
+{"version":3,"file":"VLayoutItem.mjs","names":["makeLayoutItemProps","useLayoutItem","computed","toRef","defineComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","value"],"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = defineComponent({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n        ]}\n        style={ layoutItemStyles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,mB,EAAqBC,a,wCAE9B;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,gCAET;;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aADmC;EAGzCC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,MADE;MAERC,QAAQ,EAAE;IAFF,CADL;IAKLC,IAAI,EAAE;MACJH,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADF;MAEJI,OAAO,EAAE;IAFL,CALD;IASLC,UAAU,EAAEC,OATP;IAUL,GAAGhB,mBAAmB;EAVjB,CAHkC;;EAgBzCiB,KAAK,CAAEV,KAAF,QAAoB;IAAA,IAAX;MAAEW;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAuBlB,aAAa,CAAC;MACzCmB,EAAE,EAAEb,KAAK,CAACD,IAD+B;MAEzCe,KAAK,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,KAAP,EAAc,EAAd,CAAf,CAF0B;MAGzCb,QAAQ,EAAEL,KAAK,CAACI,KAAD,EAAQ,UAAR,CAH0B;MAIzCgB,WAAW,EAAEpB,KAAK,CAACI,KAAD,EAAQ,MAAR,CAJuB;MAKzCiB,UAAU,EAAErB,KAAK,CAACI,KAAD,EAAQ,MAAR,CALwB;MAMzCkB,MAAM,EAAEtB,KAAK,CAACI,KAAD,EAAQ,YAAR,CAN4B;MAOzCmB,QAAQ,EAAEvB,KAAK,CAACI,KAAD,EAAQ,UAAR;IAP0B,CAAD,CAA1C;IAUA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,eADK,CAFJ;QAAA,SAKKY,gBAAgB,CAACQ;MALtB,sBAODT,KAAK,CAACJ,OAPL,qBAOD,oBAAAI,KAAK,CAPJ;IAAA,CAAP;EAUD;;AArCwC,CAAD,CAAnC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/index.ts"],"names":["VLayout","VLayoutItem"],"mappings":"SAASA,O;SACAC,W","sourcesContent":["export { VLayout } from './VLayout'\nexport { VLayoutItem } from './VLayoutItem'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VLayout","VLayoutItem"],"sources":["../../../src/components/VLayout/index.ts"],"sourcesContent":["export { VLayout } from './VLayout'\nexport { VLayoutItem } from './VLayoutItem'\n"],"mappings":"SAASA,O;SACAC,W"}

package/lib/components/VLazy/VLazy.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLazy/VLazy.tsx"],"names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","slots","dimensionStyles","isActive","onIntersect","isIntersecting"],"mappings":";AAAA;SACSA,kB,EAAoBC,Y;SACpBC,Y;SACAC,mB,EAAqBC,e;SACrBC,e,8CAET;;OACOC,S,8CAEP;;SAESC,e;AAET,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;AACnCE,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,UAAU,EAAE;AAAEJ,IAAAA;AAAF,GAHuB;AAKnCK,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEC,OADP;AAELC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEC,MADC;AAEP;AACA;AACAC,MAAAA,OAAO,EAAE,OAAO;AACdC,QAAAA,IAAI,EAAEC,SADQ;AAEdC,QAAAA,UAAU,EAAED,SAFE;AAGdE,QAAAA,SAAS,EAAEF;AAHG,OAAP;AAJF,KAFJ;AAaL,OAAGnB,kBAAkB,EAbhB;AAcL,OAAGE,YAAY,EAdV;AAeL,OAAGC,mBAAmB,CAAC;AAAEmB,MAAAA,UAAU,EAAE;AAAd,KAAD;AAfjB,GAL4B;AAuBnCC,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAvB4B;;AA2BnCC,EAAAA,KAAK,CAAEd,KAAF,QAAoB;AAAA,QAAX;AAAEe,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAsB1B,YAAY,CAACU,KAAD,CAAxC;AACA,UAAMiB,QAAQ,GAAGvB,eAAe,CAACM,KAAD,EAAQ,YAAR,CAAhC;;AAEA,aAASkB,WAAT,CAAsBC,cAAtB,EAA+C;AAC7C,UAAIF,QAAQ,CAACJ,KAAb,EAAoB;AAEpBI,MAAAA,QAAQ,CAACJ,KAAT,GAAiBM,cAAjB;AACD;;AAED,WAAO;AAAA;;AAAA;AAAA,iBAEG,QAFH;AAAA,iBAQKH,eAAe,CAACH;AARrB;AAAA,wBAUDI,QAAQ,CAACJ,KAAT;AAAA,wBAC8Bb,KAAK,CAACW;AADpC;AAAA,4CAEII,KAAK,CAACT,OAFV,qBAEI,oBAAAS,KAAK,CAFT;AAAA,UAVC;AAAA,4CAIDG,WAJC,EAKDlB,KAAK,CAACG,OALL;AAAA,KAAP;AAiBD;;AAtDkC,CAAD,CAA7B","sourcesContent":["// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport type { PropType } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VLazy = defineComponent({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    return () => (\n      <props.tag\n        class=\"v-lazy\"\n        v-intersect={[\n          onIntersect,\n          props.options,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={ dimensionStyles.value }\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition }>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    )\n  },\n})\n"],"file":"VLazy.mjs"}
+{"version":3,"file":"VLazy.mjs","names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","slots","dimensionStyles","isActive","onIntersect","isIntersecting"],"sources":["../../../src/components/VLazy/VLazy.tsx"],"sourcesContent":["// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport type { PropType } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VLazy = defineComponent({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    return () => (\n      <props.tag\n        class=\"v-lazy\"\n        v-intersect={[\n          onIntersect,\n          props.options,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={ dimensionStyles.value }\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition }>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    )\n  },\n})\n"],"mappings":";AAAA;SACSA,kB,EAAoBC,Y;SACpBC,Y;SACAC,mB,EAAqBC,e;SACrBC,e,8CAET;;OACOC,S,8CAEP;;SAESC,e;AAET,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;EACnCE,IAAI,EAAE,OAD6B;EAGnCC,UAAU,EAAE;IAAEJ;EAAF,CAHuB;EAKnCK,KAAK,EAAE;IACLC,UAAU,EAAEC,OADP;IAELC,OAAO,EAAE;MACPC,IAAI,EAAEC,MADC;MAEP;MACA;MACAC,OAAO,EAAE,OAAO;QACdC,IAAI,EAAEC,SADQ;QAEdC,UAAU,EAAED,SAFE;QAGdE,SAAS,EAAEF;MAHG,CAAP;IAJF,CAFJ;IAaL,GAAGnB,kBAAkB,EAbhB;IAcL,GAAGE,YAAY,EAdV;IAeL,GAAGC,mBAAmB,CAAC;MAAEmB,UAAU,EAAE;IAAd,CAAD;EAfjB,CAL4B;EAuBnCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAvB4B;;EA2BnCC,KAAK,CAAEd,KAAF,QAAoB;IAAA,IAAX;MAAEe;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAsB1B,YAAY,CAACU,KAAD,CAAxC;IACA,MAAMiB,QAAQ,GAAGvB,eAAe,CAACM,KAAD,EAAQ,YAAR,CAAhC;;IAEA,SAASkB,WAAT,CAAsBC,cAAtB,EAA+C;MAC7C,IAAIF,QAAQ,CAACJ,KAAb,EAAoB;MAEpBI,QAAQ,CAACJ,KAAT,GAAiBM,cAAjB;IACD;;IAED,OAAO;MAAA;;MAAA;QAAA,SAEG,QAFH;QAAA,SAQKH,eAAe,CAACH;MARrB;QAAA,gBAUDI,QAAQ,CAACJ,KAAT;UAAA,cAC8Bb,KAAK,CAACW;QADpC;UAAA,kCAEII,KAAK,CAACT,OAFV,qBAEI,oBAAAS,KAAK,CAFT;QAAA,EAVC;MAAA,sCAIDG,WAJC,EAKDlB,KAAK,CAACG,OALL;IAAA,CAAP;EAiBD;;AAtDkC,CAAD,CAA7B"}

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

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

package/lib/components/VList/VList.css

@@ -14,18 +14,13 @@
   border-width: thin;
   box-shadow: none;
 }
-.v-list--absolute {
-  position: absolute;
-}
-.v-list--fixed {
-  position: fixed;
-}
 .v-list--disabled {
   pointer-events: none;
   user-select: none;
 }
-.v-list--disabled > [class*=v-list-] {
-  opacity: 0.6;
+.v-list--nav {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
 }
 .v-list--rounded {
   border-radius: 4px;
@@ -54,7 +49,7 @@
   font-weight: 500;
   line-height: 1.375rem;
   padding-inline-end: 16px;
-  min-height: 48px;
+  min-height: 40px;
   transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
 }
 .v-list-subheader__text {
@@ -64,17 +59,17 @@
   white-space: nowrap;
 }
 .v-list--density-default .v-list-subheader {
-  min-height: 48px;
+  min-height: 40px;
   padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-comfortable .v-list-subheader {
-  min-height: 44px;
+  min-height: 36px;
   padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-compact .v-list-subheader {
-  min-height: 40px;
+  min-height: 32px;
   padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 

package/lib/components/VList/VList.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
 import "./VList.css"; // Components
 
@@ -8,67 +8,88 @@ import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeItemsProps } from "../../composables/items.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeNestedProps, useNested } from "../../composables/nested/nested.mjs";
-import { createList } from "./list.mjs"; // Utilities
+import { makeVariantProps } from "../../composables/variant.mjs";
+import { createList } from "./list.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
 
 import { computed, toRef } from 'vue';
-import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, getPropertyFromItem, pick, useRender } from "../../util/index.mjs"; // Types
 
-const parseItems = items => {
-  if (!items) return undefined;
-  return items.map(item => {
-    if (typeof item === 'string') return {
-      type: 'item',
-      value: item,
-      title: item
-    };
-    const {
-      $type,
-      $children,
-      ...props
-    } = item;
-    if ($type === 'subheader') return {
-      type: 'subheader',
-      props
-    };
-    if ($type === 'divider') return {
-      type: 'divider',
-      props
-    };
-    return {
-      type: 'item',
-      props,
-      children: parseItems($children)
-    };
-  });
-};
+function transformItem(props, item) {
+  const type = getPropertyFromItem(item, props.itemType, 'item');
+  const title = typeof item === 'string' ? item : getPropertyFromItem(item, props.itemTitle);
+  const value = getPropertyFromItem(item, props.itemValue, undefined);
+  const children = getPropertyFromItem(item, props.itemChildren);
+  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps);
+  const _props = {
+    title,
+    value,
+    ...itemProps
+  };
+  return {
+    type,
+    title: _props.title,
+    value: _props.value,
+    props: _props,
+    children: type === 'item' && children ? transformItems(props, children) : undefined,
+    raw: item
+  };
+}
+
+function transformItems(props, items) {
+  const array = [];
+
+  for (const item of items) {
+    array.push(transformItem(props, item));
+  }
+
+  return array;
+}
+
+function useListItems(props) {
+  const items = computed(() => transformItems(props, props.items));
+  return {
+    items
+  };
+}
 
 export const VList = genericComponent()({
   name: 'VList',
   props: {
-    color: String,
+    activeColor: String,
+    activeClass: String,
+    bgColor: String,
     disabled: Boolean,
     lines: {
-      type: String,
+      type: [Boolean, String],
       default: 'one'
     },
     nav: Boolean,
-    items: Array,
     ...makeNestedProps({
       selectStrategy: 'single-leaf',
-      openStrategy: 'multiple'
+      openStrategy: 'list'
     }),
     ...makeBorderProps(),
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    itemType: {
+      type: String,
+      default: 'type'
+    },
+    ...makeItemsProps(),
     ...makeRoundedProps(),
     ...makeTagProps(),
-    ...makeThemeProps()
+    ...makeThemeProps(),
+    ...makeVariantProps({
+      variant: 'text'
+    })
   },
   emits: {
     'update:selected': val => true,
@@ -81,14 +102,16 @@ export const VList = genericComponent()({
     let {
       slots
     } = _ref;
-    const items = computed(() => parseItems(props.items));
+    const {
+      items
+    } = useListItems(props);
     const {
       themeClasses
     } = provideTheme(props);
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(toRef(props, 'bgColor'));
     const {
       borderClasses
     } = useBorder(props);
@@ -108,25 +131,37 @@ export const VList = genericComponent()({
       open,
       select
     } = useNested(props);
+    const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
+    const activeColor = toRef(props, 'activeColor');
+    const color = toRef(props, 'color');
     createList();
+    provideDefaults({
+      VListGroup: {
+        activeColor,
+        color
+      },
+      VListItem: {
+        activeClass: toRef(props, 'activeClass'),
+        activeColor,
+        color,
+        density: toRef(props, 'density'),
+        disabled: toRef(props, 'disabled'),
+        lines: toRef(props, 'lines'),
+        nav: toRef(props, 'nav'),
+        variant: toRef(props, 'variant')
+      }
+    });
     useRender(() => {
       return _createVNode(props.tag, {
         "class": ['v-list', {
           'v-list--disabled': props.disabled,
-          'v-list--nav': props.nav,
-          [`v-list--${props.lines}-line`]: true
-        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value],
+          'v-list--nav': props.nav
+        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value],
         "style": [backgroundColorStyles.value, dimensionStyles.value]
       }, {
         default: () => [_createVNode(VListChildren, {
           "items": items.value
-        }, {
-          default: slots.default,
-          item: slots.item,
-          title: slots.title,
-          subtitle: slots.subtitle,
-          header: slots.header
-        })]
+        }, slots)]
       });
     });
     return {