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

package/lib/components/VInput/_variables.scss

@@ -1,14 +1,18 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$input-font-size: 16px !default;
-$input-letter-spacing: normal !default;
-$input-text-align: left !default;
-$input-max-height: 32px !default;
-$input-label-height: 20px !default;
-$input-label-letter-spacing: normal !default;
-$input-prepend-append-outer-margin: 9px !default;
-$input-icon-height: 24px !default;
-$input-icon-min-width: 24px !default;
-$input-icon-width: 24px !default;
-$input-slot-margin-bottom: 8px !default;
-$input-dense-slot-margin-bottom: 4px !default;
+// CONTROL
+$input-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
+$input-control-height: 56px !default;
+
+// DETAILS
+$input-details-font-size: .75rem !default;
+$input-details-font-weight: 400 !default;
+$input-details-letter-spacing: .0333333333em !default;
+$input-details-line-height: normal !default;
+$input-details-margin-bottom: 16px !default;
+$input-details-min-height: 22px !default;
+$input-details-padding-above: 6px !default;
+$input-details-transition: 150ms settings.$standard-easing !default;
+
+// AFFIXES
+$input-affix-margin-inside: 16px !default;

package/lib/components/VInput/index.mjs

@@ -1,4 +1,2 @@
-import VInput from "./VInput.mjs";
-export { VInput };
-export default VInput;
+export { VInput } from "./VInput.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VInput/index.ts"],"names":["VInput"],"mappings":"OAAOA,M;AAEP,SAASA,MAAT;AACA,eAAeA,MAAf","sourcesContent":["import VInput from './VInput'\n\nexport { VInput }\nexport default VInput\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VInput/index.ts"],"names":["VInput"],"mappings":"SAASA,M","sourcesContent":["export { VInput } from './VInput'\n"],"file":"index.mjs"}

package/lib/components/VItemGroup/VItem.mjs

@@ -2,15 +2,16 @@
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { genericComponent } from "../../util/index.mjs"; // Types
+
+export const VItem = genericComponent()({
   name: 'VItem',
-  props: makeProps(makeGroupItemProps()),
+  props: makeGroupItemProps(),
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       isSelected,
       select,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItem.tsx"],"names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","defineComponent","makeProps","name","props","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,OADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAACJ,kBAAkB,EAAnB,CAHa;;AAK7BO,EAAAA,KAAK,CAAED,KAAF,EAAS;AAAEE,IAAAA;AAAF,GAAT,EAAoB;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;;AAf4B,CAAD,CAA9B","sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { defineComponent } from 'vue'\nimport { makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VItem',\n\n  props: makeProps(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"],"file":"VItem.mjs"}
+{"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"}

package/lib/components/VItemGroup/VItemGroup.css

@@ -0,0 +1,6 @@
+.v-item-group {
+  flex: 0 1 auto;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}

package/lib/components/VItemGroup/VItemGroup.mjs

@@ -1,32 +1,32 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VItemGroup.sass"; // Composables
+import "./VItemGroup.css"; // Composables
 
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { makeThemeProps, useTheme } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps } from "../../util/index.mjs";
+import { defineComponent } from "../../util/index.mjs";
 export const VItemGroupSymbol = Symbol.for('vuetify:v-item-group');
-export default defineComponent({
+export const VItemGroup = defineComponent({
   name: 'VItemGroup',
-  props: makeProps({ ...makeGroupProps({
+  props: { ...makeGroupProps({
       selectedClass: 'v-item--selected'
     }),
     ...makeTagProps(),
     ...makeThemeProps()
-  }),
+  },
   emits: {
     'update:modelValue': value => true
   },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       themeClasses
-    } = useTheme(props);
+    } = provideTheme(props);
     const {
       isSelected,
       select,
@@ -47,7 +47,7 @@ export default defineComponent({
           prev,
           selected: selected.value
         })]
-      }, 8, ["class"]);
+      });
     };
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","useTheme","defineComponent","makeProps","VItemGroupSymbol","Symbol","for","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Q,uCAEzB;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,eAAeJ,eAAe,CAAC;AAC7BK,EAAAA,IAAI,EAAE,YADuB;AAG7BC,EAAAA,KAAK,EAAEL,SAAS,CAAC,EACf,GAAGN,cAAc,CAAC;AAChBY,MAAAA,aAAa,EAAE;AADC,KAAD,CADF;AAIf,OAAGV,YAAY,EAJA;AAKf,OAAGC,cAAc;AALF,GAAD,CAHa;AAW7BU,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAgB;AADhC,GAXsB;;AAe7BC,EAAAA,KAAK,CAAEJ,KAAF,EAAS;AAAEK,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBb,QAAQ,CAACO,KAAD,CAAjC;AACA,UAAM;AAAEO,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,IAAtB;AAA4BC,MAAAA,IAA5B;AAAkCC,MAAAA;AAAlC,QAA+CrB,QAAQ,CAACU,KAAD,EAAQJ,gBAAR,CAA7D;AAEA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,cADK,EAELU,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;;AAnC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from 'vue'\nimport { makeProps } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport default defineComponent({\n  name: 'VItemGroup',\n\n  props: makeProps({\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 } = useTheme(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"],"file":"VItemGroup.mjs"}
+{"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"}

package/lib/components/VItemGroup/VItemGroup.sass

@@ -1,5 +1,5 @@
-// Imports
-@import './index'
+@forward './variables'
+@use './variables' as *
 
 .v-item-group
   flex: 0 1 auto

package/lib/components/VItemGroup/_variables.scss

@@ -1,2 +1,4 @@
+@use '../../styles/settings';
+
 // Defaults
-$item-group-transition: 0.2s $standard-easing !default;
+$item-group-transition: 0.2s settings.$standard-easing !default;

package/lib/components/VItemGroup/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/index.ts"],"names":["default","VItemGroup","VItem"],"mappings":"SAASA,OAAO,IAAIC,U;SACXD,OAAO,IAAIE,K","sourcesContent":["export { default as VItemGroup } from './VItemGroup'\nexport { default as VItem } from './VItem'\n"],"file":"index.mjs"}
+{"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"}

package/lib/components/VKbd/VKbd.css

@@ -0,0 +1,9 @@
+.v-kbd {
+  background: rgb(var(--v-kbd-background-color));
+  border-radius: 3px;
+  color: rgb(var(--v-kbd-color));
+  font-size: 85%;
+  font-weight: normal;
+  padding: 0.2em 0.4rem;
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}

package/lib/components/VKbd/VKbd.sass

@@ -1,5 +1,6 @@
-// Imports
-@import './index'
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
 .v-kbd
   background: rgb(var(--v-kbd-background-color))
@@ -9,4 +10,4 @@
   font-weight: $kbd-font-weight
   padding: $kbd-padding
 
-  @include elevation($kbd-elevation)
+  @include tools.elevation($kbd-elevation)

package/lib/components/VKbd/index.mjs

@@ -1,4 +1,4 @@
-import "./VKbd.sass";
+import "./VKbd.css";
 import { createSimpleFunctional } from "../../util/index.mjs";
 export const VKbd = createSimpleFunctional('v-kbd');
 //# sourceMappingURL=index.mjs.map

package/lib/components/VLabel/VLabel.css

@@ -0,0 +1,12 @@
+.v-label {
+  align-items: center;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 1rem;
+  letter-spacing: 0.009375em;
+  min-width: 0;
+  opacity: var(--v-medium-emphasis-opacity);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/components/VLabel/VLabel.mjs

@@ -1,66 +1,28 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLabel.sass"; // Mixins
-
-import Colorable from "../../mixins/colorable/index.mjs";
-import Themeable, { functionalThemeClasses } from "../../mixins/themeable/index.mjs"; // Types
+import "./VLabel.css"; // Composables
 
-import mixins from "../../util/mixins.mjs"; // Helpers
+import { makeThemeProps } from "../../composables/theme.mjs"; // Utilities
 
-import { convertToUnit } from "../../util/helpers.mjs";
-/* @vue/component */
-
-export default mixins(Themeable).extend({
-  name: 'v-label',
-  functional: true,
+import { defineComponent } from "../../util/index.mjs";
+export const VLabel = defineComponent({
+  name: 'VLabel',
   props: {
-    absolute: Boolean,
-    color: {
-      type: String,
-      default: 'primary'
-    },
-    disabled: Boolean,
-    focused: Boolean,
-    for: String,
-    left: {
-      type: [Number, String],
-      default: 0
-    },
-    right: {
-      type: [Number, String],
-      default: 'auto'
-    },
-    value: Boolean
+    text: String,
+    ...makeThemeProps()
   },
 
-  render(h, ctx) {
-    const {
-      children,
-      listeners,
-      props
-    } = ctx;
-    const data = {
-      staticClass: 'v-label',
-      class: {
-        'v-label--active': props.value,
-        'v-label--is-disabled': props.disabled,
-        ...functionalThemeClasses(ctx)
-      },
-      attrs: {
-        for: props.for,
-        'aria-hidden': !props.for
-      },
-      on: listeners,
-      style: {
-        left: convertToUnit(props.left),
-        right: convertToUnit(props.right),
-        position: props.absolute ? 'absolute' : 'relative'
-      },
-      ref: 'label'
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      var _slots$default;
+
+      return _createVNode("label", {
+        "class": "v-label"
+      }, [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     };
-    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, data), children);
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":["Colorable","Themeable","functionalThemeClasses","mixins","convertToUnit","extend","name","functional","props","absolute","Boolean","color","type","String","default","disabled","focused","for","left","Number","right","value","render","h","ctx","children","listeners","data","staticClass","class","attrs","on","style","position","ref","options","methods","setTextColor"],"mappings":"AAAA;;AACA;AAEA;AACA,uB,CAEA;;OACOA,S;OACAC,S,IAAaC,sB,4CAEpB;;OAEOC,M,+BAEP;;SACSC,a;AAET;;AACA,eAAeD,MAAM,CAACF,SAAD,CAAN,CAAkBI,MAAlB,CAAyB;AACtCC,EAAAA,IAAI,EAAE,SADgC;AAGtCC,EAAAA,UAAU,EAAE,IAH0B;AAKtCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,OADL;AAELC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAEC,MADD;AAELC,MAAAA,OAAO,EAAE;AAFJ,KAFF;AAMLC,IAAAA,QAAQ,EAAEL,OANL;AAOLM,IAAAA,OAAO,EAAEN,OAPJ;AAQLO,IAAAA,GAAG,EAAEJ,MARA;AASLK,IAAAA,IAAI,EAAE;AACJN,MAAAA,IAAI,EAAE,CAACO,MAAD,EAASN,MAAT,CADF;AAEJC,MAAAA,OAAO,EAAE;AAFL,KATD;AAaLM,IAAAA,KAAK,EAAE;AACLR,MAAAA,IAAI,EAAE,CAACO,MAAD,EAASN,MAAT,CADD;AAELC,MAAAA,OAAO,EAAE;AAFJ,KAbF;AAiBLO,IAAAA,KAAK,EAAEX;AAjBF,GAL+B;;AAyBtCY,EAAAA,MAAM,CAAEC,CAAF,EAAKC,GAAL,EAAiB;AACrB,UAAM;AAAEC,MAAAA,QAAF;AAAYC,MAAAA,SAAZ;AAAuBlB,MAAAA;AAAvB,QAAiCgB,GAAvC;AACA,UAAMG,IAAI,GAAG;AACXC,MAAAA,WAAW,EAAE,SADF;AAEXC,MAAAA,KAAK,EAAE;AACL,2BAAmBrB,KAAK,CAACa,KADpB;AAEL,gCAAwBb,KAAK,CAACO,QAFzB;AAGL,WAAGb,sBAAsB,CAACsB,GAAD;AAHpB,OAFI;AAOXM,MAAAA,KAAK,EAAE;AACLb,QAAAA,GAAG,EAAET,KAAK,CAACS,GADN;AAEL,uBAAe,CAACT,KAAK,CAACS;AAFjB,OAPI;AAWXc,MAAAA,EAAE,EAAEL,SAXO;AAYXM,MAAAA,KAAK,EAAE;AACLd,QAAAA,IAAI,EAAEd,aAAa,CAACI,KAAK,CAACU,IAAP,CADd;AAELE,QAAAA,KAAK,EAAEhB,aAAa,CAACI,KAAK,CAACY,KAAP,CAFf;AAGLa,QAAAA,QAAQ,EAAEzB,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OAZI;AAiBXyB,MAAAA,GAAG,EAAE;AAjBM,KAAb;AAoBA,WAAOX,CAAC,CAAC,OAAD,EAAUvB,SAAS,CAACmC,OAAV,CAAkBC,OAAlB,CAA0BC,YAA1B,CAAuC7B,KAAK,CAACQ,OAAN,IAAiBR,KAAK,CAACG,KAA9D,EAAqEgB,IAArE,CAAV,EAAsFF,QAAtF,CAAR;AACD;;AAhDqC,CAAzB,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n  name: 'v-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (h, ctx): VNode {\n    const { children, listeners, props } = ctx\n    const data = {\n      staticClass: 'v-label',\n      class: {\n        'v-label--active': props.value,\n        'v-label--is-disabled': props.disabled,\n        ...functionalThemeClasses(ctx),\n      },\n      attrs: {\n        for: props.for,\n        'aria-hidden': !props.for,\n      },\n      on: listeners,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }\n\n    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, data), children)\n  },\n})\n"],"file":"VLabel.mjs"}
+{"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"}

package/lib/components/VLabel/VLabel.sass

@@ -1,14 +1,16 @@
-@import './_variables.scss'
-
-// Theme
-+theme(v-label) using ($material)
-  color: map-deep-get($material, 'text', 'secondary')
-
-  &--is-disabled
-    color: map-deep-get($material, 'text', 'disabled')
+@forward './variables'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
 
 .v-label
+  align-items: center
+  cursor: pointer
+  display: $label-display
   font-size: $label-font-size
-  line-height: $label-line-height
-  min-height: $label-min-height
-  transition: .3s map-get($transition, 'swing')
+  letter-spacing: $label-letter-spacing
+  min-width: 0
+  opacity: var(--v-medium-emphasis-opacity)
+  overflow: hidden
+  text-overflow: ellipsis
+  white-space: nowrap

package/lib/components/VLabel/_variables.scss

@@ -1,5 +1,8 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$label-font-size: 16px !default;
-$label-line-height: 1 !default;
-$label-min-height: 8px !default;
+$label-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
+$label-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
+$label-display: inline-flex !default;
+$label-error-color: rgb(var(--v-theme-error)) !default;
+$label-font-size: 1rem !default;
+$label-letter-spacing: .009375em !default;

package/lib/components/VLabel/index.mjs

@@ -1,4 +1,2 @@
-import VLabel from "./VLabel.mjs";
-export { VLabel };
-export default VLabel;
+export { VLabel } from "./VLabel.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/index.ts"],"names":["VLabel"],"mappings":"OAAOA,M;AAEP,SAASA,MAAT;AACA,eAAeA,MAAf","sourcesContent":["import VLabel from './VLabel'\n\nexport { VLabel }\nexport default VLabel\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VLabel/index.ts"],"names":["VLabel"],"mappings":"SAASA,M","sourcesContent":["export { VLabel } from './VLabel'\n"],"file":"index.mjs"}

package/lib/components/VLayout/VLayout.css

@@ -0,0 +1,11 @@
+.v-layout {
+  --v-scrollbar-offset: 0px;
+  position: relative;
+  display: flex;
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+.v-layout--full-height {
+  --v-scrollbar-offset: inherit;
+  height: 100%;
+}

package/lib/components/VLayout/VLayout.mjs

@@ -1,29 +1,33 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLayout.sass"; // Utilities
+import "./VLayout.css"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps, useRender } from "../../util/index.mjs"; // Composables
+import { defineComponent, useRender } from "../../util/index.mjs"; // Composables
 
 import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
-export default defineComponent({
+export const VLayout = defineComponent({
   name: 'VLayout',
-  props: makeProps(makeLayoutProps()),
+  props: makeLayoutProps(),
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       layoutClasses,
+      layoutStyles,
       getLayoutItem,
-      items
+      items,
+      layoutRef
     } = createLayout(props);
     useRender(() => {
       var _slots$default;
 
       return _createVNode("div", {
-        "class": layoutClasses.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)], 2);
+        "ref": layoutRef,
+        "class": layoutClasses.value,
+        "style": layoutStyles.value
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     });
     return {
       getLayoutItem,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayout.tsx"],"names":["defineComponent","makeProps","useRender","createLayout","makeLayoutProps","name","props","setup","slots","layoutClasses","getLayoutItem","items","value","default"],"mappings":";AAAA;AACA,wB,CAEA;;AACA,SAASA,eAAT,QAAgC,KAAhC;SACSC,S,EAAWC,S,gCAEpB;;SACSC,Y,EAAcC,e;AAEvB,eAAeJ,eAAe,CAAC;AAC7BK,EAAAA,IAAI,EAAE,SADuB;AAG7BC,EAAAA,KAAK,EAAEL,SAAS,CAACG,eAAe,EAAhB,CAHa;;AAK7BG,EAAAA,KAAK,CAAED,KAAF,EAAS;AAAEE,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA,aAAjB;AAAgCC,MAAAA;AAAhC,QAA0CR,YAAY,CAACG,KAAD,CAA5D;AAEAJ,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,iBACKO,aAAa,CAACG;AADnB,4BAEJJ,KAAK,CAACK,OAFF,qBAEJ,oBAAAL,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO;AACLE,MAAAA,aADK;AAELC,MAAAA;AAFK,KAAP;AAID;;AAlB4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent } from 'vue'\nimport { makeProps, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport default defineComponent({\n  name: 'VLayout',\n\n  props: makeProps(makeLayoutProps()),\n\n  setup (props, { slots }) {\n    const { layoutClasses, getLayoutItem, items } = createLayout(props)\n\n    useRender(() => (\n      <div class={ layoutClasses.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n"],"file":"VLayout.mjs"}
+{"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"}

package/lib/components/VLayout/VLayout.sass

@@ -1,12 +1,9 @@
-@import './index'
-
 .v-layout
   --v-scrollbar-offset: 0px
   position: relative
   display: flex
   flex: 1 1 auto
-  overflow: auto
-  z-index: 0
+  overflow: hidden
 
   &--full-height
     --v-scrollbar-offset: inherit

package/lib/components/VLayout/VLayoutItem.css

@@ -0,0 +1,8 @@
+.v-layout-item {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-layout-item--absolute {
+  position: absolute;
+}

package/lib/components/VLayout/VLayoutItem.mjs

@@ -1,15 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLayoutItem.sass"; // Composables
+import "./VLayoutItem.css"; // Composables
 
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs"; // Utilities
 
-import { defineComponent, toRef } from 'vue';
-import { makeProps } from "../../util/index.mjs"; // Types
+import { computed, toRef } from 'vue';
+import { defineComponent } from "../../util/index.mjs"; // Types
 
-export default defineComponent({
+export const VLayoutItem = defineComponent({
   name: 'VLayoutItem',
-  props: makeProps({
+  props: {
     position: {
       type: String,
       required: true
@@ -20,21 +20,30 @@ export default defineComponent({
     },
     modelValue: Boolean,
     ...makeLayoutItemProps()
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
-    const styles = useLayoutItem(props.name, toRef(props, 'priority'), toRef(props, 'position'), toRef(props, 'size'), toRef(props, 'size'), toRef(props, 'modelValue'));
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      layoutItemStyles
+    } = useLayoutItem({
+      id: props.name,
+      priority: computed(() => parseInt(props.priority, 10)),
+      position: toRef(props, 'position'),
+      elementSize: toRef(props, 'size'),
+      layoutSize: toRef(props, 'size'),
+      active: toRef(props, 'modelValue'),
+      absolute: toRef(props, 'absolute')
+    });
     return () => {
       var _slots$default;
 
       return _createVNode("div", {
-        "class": ['v-layout-item', {
-          'v-layout-item--absolute': props.absolute
-        }],
-        "style": styles.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)], 6);
+        "class": ['v-layout-item'],
+        "style": layoutItemStyles.value
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     };
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"names":["makeLayoutItemProps","useLayoutItem","defineComponent","toRef","makeProps","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","styles","absolute","value"],"mappings":";AAAA;AACA,4B,CAEA;;SACSA,mB,EAAqBC,a,wCAE9B;;AACA,SAASC,eAAT,EAA0BC,KAA1B,QAAuC,KAAvC;SACSC,S,gCAET;;AAGA,eAAeF,eAAe,CAAC;AAC7BG,EAAAA,IAAI,EAAE,aADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC;AACfG,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,QAAQ,EAAE;AAFF,KADK;AAKfC,IAAAA,IAAI,EAAE;AACJH,MAAAA,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADF;AAEJI,MAAAA,OAAO,EAAE;AAFL,KALS;AASfC,IAAAA,UAAU,EAAEC,OATG;AAUf,OAAGf,mBAAmB;AAVP,GAAD,CAHa;;AAgB7BgB,EAAAA,KAAK,CAAEV,KAAF,EAAS;AAAEW,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAMC,MAAM,GAAGjB,aAAa,CAC1BK,KAAK,CAACD,IADoB,EAE1BF,KAAK,CAACG,KAAD,EAAQ,UAAR,CAFqB,EAG1BH,KAAK,CAACG,KAAD,EAAQ,UAAR,CAHqB,EAI1BH,KAAK,CAACG,KAAD,EAAQ,MAAR,CAJqB,EAK1BH,KAAK,CAACG,KAAD,EAAQ,MAAR,CALqB,EAM1BH,KAAK,CAACG,KAAD,EAAQ,YAAR,CANqB,CAA5B;AASA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,eADK,EAEL;AACE,qCAA2BA,KAAK,CAACa;AADnC,SAFK,CAFJ;AAAA,iBAQKD,MAAM,CAACE;AARZ,4BAUDH,KAAK,CAACJ,OAVL,qBAUD,oBAAAI,KAAK,CAVJ;AAAA,KAAP;AAaD;;AAvC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { defineComponent, toRef } from 'vue'\nimport { makeProps } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'VLayoutItem',\n\n  props: makeProps({\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 styles = useLayoutItem(\n      props.name,\n      toRef(props, 'priority'),\n      toRef(props, 'position'),\n      toRef(props, 'size'),\n      toRef(props, 'size'),\n      toRef(props, 'modelValue')\n    )\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n          {\n            'v-layout-item--absolute': props.absolute,\n          },\n        ]}\n        style={ styles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"file":"VLayoutItem.mjs"}
+{"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"}

package/lib/components/VLayout/VLayoutItem.sass

@@ -1,8 +1,8 @@
-@import './_index.scss'
+@use '../../styles/settings'
 
 .v-layout-item
-  position: fixed
-  transition: 0.2s $standard-easing
+  position: absolute
+  transition: 0.2s settings.$standard-easing
 
 .v-layout-item--absolute
   position: absolute

package/lib/components/VLayout/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/index.ts"],"names":["default","VLayout","VLayoutItem"],"mappings":"SAASA,OAAO,IAAIC,O;SACXD,OAAO,IAAIE,W","sourcesContent":["export { default as VLayout } from './VLayout'\nexport { default as VLayoutItem } from './VLayoutItem'\n"],"file":"index.mjs"}
+{"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"}