vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VKbd/index.d.ts

@@ -0,0 +1,20 @@
+import * as vue from 'vue';
+
+declare const VKbd: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+declare type VKbd = InstanceType<typeof VKbd>;
+
+export { VKbd };

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

@@ -1 +1 @@
-{"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"}
+{"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\nexport type VKbd = InstanceType<typeof VKbd>\n"],"mappings":"AAAA;AAAoB,SAEXA,sBAAsB;AAE/B,OAAO,MAAMC,IAAI,GAAGD,sBAAsB,CAAC,OAAO,CAAC"}

package/lib/components/VLabel/VLabel.css

@@ -1,6 +1,5 @@
 .v-label {
   align-items: center;
-  cursor: pointer;
   display: inline-flex;
   font-size: 1rem;
   letter-spacing: 0.009375em;
@@ -9,4 +8,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+}
+
+.v-label--clickable {
+  cursor: pointer;
 }

package/lib/components/VLabel/VLabel.mjs

@@ -1,30 +1,30 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLabel.css"; // Composables
+import "./VLabel.css";
 
+// Composables
 import { makeThemeProps } from "../../composables/theme.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VLabel = defineComponent({
   name: 'VLabel',
   props: {
     text: String,
+    clickable: Boolean,
     ...makeThemeProps()
   },
-
   setup(props, _ref) {
     let {
       slots
     } = _ref;
     useRender(() => {
       var _slots$default;
-
       return _createVNode("label", {
-        "class": "v-label"
+        "class": ['v-label', {
+          'v-label--clickable': props.clickable
+        }]
       }, [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VLabel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","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, useRender } 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    useRender(() => (\n      <label class=\"v-label\">\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,IAAI,EAAEC,MADD;IAGL,GAAGP,cAAc;EAHZ,CAH6B;;EASpCQ,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvBP,SAAS,CAAC;MAAA;;MAAA;QAAA,SACK;MADL,IAEJG,KAAK,CAACC,IAFF,oBAIJG,KAAK,CAACC,OAJF,qBAIJ,oBAAAD,KAAK,CAJD;IAAA,CAAD,CAAT;IAQA,OAAO,EAAP;EACD;;AAnBmC,CAAD,CAA9B"}
+{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","VLabel","name","props","text","String","clickable","Boolean","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, useRender } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n    clickable: Boolean,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <label\n        class={[\n          'v-label',\n          {\n            'v-label--clickable': props.clickable,\n          },\n        ]}\n      >\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,uCAEvB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,SAAS,EAAEC,OAAO;IAElB,GAAGT,cAAc;EACnB,CAAC;EAEDU,KAAK,CAAEL,KAAK,QAAa;IAAA,IAAX;MAAEM;IAAM,CAAC;IACrBT,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,SAAS,EACT;UACE,oBAAoB,EAAEG,KAAK,CAACG;QAC9B,CAAC;MACF,IAECH,KAAK,CAACC,IAAI,oBAEVK,KAAK,CAACC,OAAO,qBAAb,oBAAAD,KAAK,CAAY;IAAA,CAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VLabel/VLabel.sass

@@ -4,7 +4,6 @@
 
 .v-label
   align-items: center
-  cursor: pointer
   display: $label-display
   font-size: $label-font-size
   letter-spacing: $label-letter-spacing
@@ -13,3 +12,6 @@
   overflow: hidden
   text-overflow: ellipsis
   white-space: nowrap
+
+.v-label--clickable
+  cursor: pointer

package/lib/components/VLabel/index.d.ts

@@ -0,0 +1,16 @@
+import * as vue from 'vue';
+
+declare const VLabel: vue.DefineComponent<{
+    theme: StringConstructor;
+    text: StringConstructor;
+    clickable: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    text: StringConstructor;
+    clickable: BooleanConstructor;
+}>>, {
+    clickable: boolean;
+}>;
+declare type VLabel = InstanceType<typeof VLabel>;
+
+export { VLabel };

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

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

package/lib/components/VLayout/VLayout.mjs

@@ -1,14 +1,13 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLayout.css"; // Utilities
+import "./VLayout.css";
 
+// Utilities
 import { defineComponent, useRender } from "../../util/index.mjs"; // Composables
-
 import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
 export const VLayout = defineComponent({
   name: 'VLayout',
   props: makeLayoutProps(),
-
   setup(props, _ref) {
     let {
       slots
@@ -22,7 +21,6 @@ export const VLayout = defineComponent({
     } = createLayout(props);
     useRender(() => {
       var _slots$default;
-
       return _createVNode("div", {
         "ref": layoutRef,
         "class": layoutClasses.value,
@@ -34,6 +32,5 @@ export const VLayout = defineComponent({
       items
     };
   }
-
 });
 //# sourceMappingURL=VLayout.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"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;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS,gCAEnC;AAAA,SACSC,YAAY,EAAEC,eAAe;AAEtC,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;EACrCK,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEH,eAAe,EAAE;EAExBI,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGX,YAAY,CAACI,KAAK,CAAC;IAE5FL,SAAS,CAAC;MAAA;MAAA;QAAA,OACGY,SAAS;QAAA,SAAWJ,aAAa,CAACK,KAAK;QAAA,SAAWJ,YAAY,CAACI;MAAK,sBAC3EN,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,CAAY;IAAA,CAEtB,CAAC;IAEF,OAAO;MACLG,aAAa;MACbC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VLayout/VLayoutItem.mjs

@@ -1,12 +1,11 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VLayoutItem.css"; // Composables
+import "./VLayoutItem.css";
 
+// Composables
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs"; // Utilities
-
 import { computed, toRef } from 'vue';
 import { defineComponent } from "../../util/index.mjs"; // Types
-
 export const VLayoutItem = defineComponent({
   name: 'VLayoutItem',
   props: {
@@ -21,7 +20,6 @@ export const VLayoutItem = defineComponent({
     modelValue: Boolean,
     ...makeLayoutItemProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -39,13 +37,11 @@ export const VLayoutItem = defineComponent({
     });
     return () => {
       var _slots$default;
-
       return _createVNode("div", {
         "class": ['v-layout-item'],
         "style": layoutItemStyles.value
       }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     };
   }
-
 });
 //# sourceMappingURL=VLayoutItem.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"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\nexport type VLayoutItem = InstanceType<typeof VLayoutItem>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,mBAAmB,EAAEC,aAAa,wCAE3C;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,eAAe,gCAExB;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,MAAuD;MAC7DC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE,CAACI,MAAM,EAAEH,MAAM,CAAC;MACtBI,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAEC,OAAO;IACnB,GAAGhB,mBAAmB;EACxB,CAAC;EAEDiB,KAAK,CAAEV,KAAK,QAAa;IAAA,IAAX;MAAEW;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAiB,CAAC,GAAGlB,aAAa,CAAC;MACzCmB,EAAE,EAAEb,KAAK,CAACD,IAAI;MACde,KAAK,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDb,QAAQ,EAAEL,KAAK,CAACI,KAAK,EAAE,UAAU,CAAC;MAClCgB,WAAW,EAAEpB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MACjCiB,UAAU,EAAErB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MAChCkB,MAAM,EAAEtB,KAAK,CAACI,KAAK,EAAE,YAAY,CAAC;MAClCmB,QAAQ,EAAEvB,KAAK,CAACI,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEF,OAAO;MAAA;MAAA;QAAA,SAEI,CACL,eAAe,CAChB;QAAA,SACOY,gBAAgB,CAACQ;MAAK,sBAE5BT,KAAK,CAACJ,OAAO,qBAAb,oBAAAI,KAAK,CAAY;IAAA,CAEtB;EACH;AACF,CAAC,CAAC"}

package/lib/components/VLayout/index.d.ts

@@ -0,0 +1,78 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VLayout: vue.DefineComponent<{
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: BooleanConstructor;
+}, {
+    getLayoutItem: (id: string) => {
+        size: number;
+        position: "left" | "top" | "bottom" | "right";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        id: string;
+    } | undefined;
+    items: vue.ComputedRef<{
+        size: number;
+        position: "left" | "top" | "bottom" | "right";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        id: string;
+    }[]>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: BooleanConstructor;
+}>>, {
+    fullHeight: boolean;
+}>;
+declare type VLayout = InstanceType<typeof VLayout>;
+
+declare const VLayoutItem: vue.DefineComponent<{
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "top" | "bottom" | "right">;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "top" | "bottom" | "right">;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: BooleanConstructor;
+}>>, {
+    absolute: boolean;
+    order: string | number;
+    size: string | number;
+    modelValue: boolean;
+}>;
+declare type VLayoutItem = InstanceType<typeof VLayoutItem>;
+
+export { VLayout, VLayoutItem };

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

@@ -1 +1 @@
-{"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"}
+{"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,OAAO;AAAA,SACPC,WAAW"}

package/lib/components/VLazy/VLazy.mjs

@@ -4,11 +4,8 @@ import { makeDimensionProps, useDimension } from "../../composables/dimensions.m
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
-
 import intersect from "../../directives/intersect/index.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VLazy = defineComponent({
   name: 'VLazy',
   directives: {
@@ -35,7 +32,6 @@ export const VLazy = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -44,15 +40,12 @@ export const VLazy = defineComponent({
       dimensionStyles
     } = useDimension(props);
     const isActive = useProxiedModel(props, 'modelValue');
-
     function onIntersect(isIntersecting) {
       if (isActive.value) return;
       isActive.value = isIntersecting;
     }
-
     useRender(() => {
       var _slots$default;
-
       return _withDirectives(_createVNode(props.tag, {
         "class": "v-lazy",
         "style": dimensionStyles.value
@@ -66,6 +59,5 @@ export const VLazy = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VLazy.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VLazy.mjs","names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","useRender","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 { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\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\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    useRender(() => (\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    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,kB,EAAoBC,Y;SACpBC,Y;SACAC,mB,EAAqBC,e;SACrBC,e,8CAET;;OACOC,S,8CAEP;;SACSC,e,EAAiBC,S,gCAE1B;;AAGA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAD6B;EAGnCC,UAAU,EAAE;IAAEL;EAAF,CAHuB;EAKnCM,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,GAAGpB,kBAAkB,EAbhB;IAcL,GAAGE,YAAY,EAdV;IAeL,GAAGC,mBAAmB,CAAC;MAAEoB,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,IAAsB3B,YAAY,CAACW,KAAD,CAAxC;IAEA,MAAMiB,QAAQ,GAAGxB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;;IAEA,SAASkB,WAAT,CAAsBC,cAAtB,EAA+C;MAC7C,IAAIF,QAAQ,CAACJ,KAAb,EAAoB;MAEpBI,QAAQ,CAACJ,KAAT,GAAiBM,cAAjB;IACD;;IAEDvB,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEA,QAFA;QAAA,SAQEoB,eAAe,CAACH;MARlB;QAAA,gBAUJI,QAAQ,CAACJ,KAAT;UAAA,cAC8Bb,KAAK,CAACW;QADpC;UAAA,kCAEII,KAAK,CAACT,OAFV,qBAEI,oBAAAS,KAAK,CAFT;QAAA,EAVI;MAAA,sCAIJG,WAJI,EAKJlB,KAAK,CAACG,OALF;IAAA,CAAD,CAAT;IAkBA,OAAO,EAAP;EACD;;AAzDkC,CAAD,CAA7B"}
+{"version":3,"file":"VLazy.mjs","names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","useRender","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 { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\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\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    useRender(() => (\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    return {}\n  },\n})\n\nexport type VLazy = InstanceType<typeof VLazy>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,YAAY;AAAA,SACZC,mBAAmB,EAAEC,eAAe;AAAA,SACpCC,eAAe,8CAExB;AAAA,OACOC,SAAS,8CAEhB;AAAA,SACSC,eAAe,EAAEC,SAAS,gCAEnC;AAGA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAAO;EAEbC,UAAU,EAAE;IAAEL;EAAU,CAAC;EAEzBM,KAAK,EAAE;IACLC,UAAU,EAAEC,OAAO;IACnBC,OAAO,EAAE;MACPC,IAAI,EAAEC,MAA4C;MAClD;MACA;MACAC,OAAO,EAAE,OAAO;QACdC,IAAI,EAAEC,SAAS;QACfC,UAAU,EAAED,SAAS;QACrBE,SAAS,EAAEF;MACb,CAAC;IACH,CAAC;IAED,GAAGpB,kBAAkB,EAAE;IACvB,GAAGE,YAAY,EAAE;IACjB,GAAGC,mBAAmB,CAAC;MAAEoB,UAAU,EAAE;IAAkB,CAAC;EAC1D,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAEd,KAAK,QAAa;IAAA,IAAX;MAAEe;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAgB,CAAC,GAAG3B,YAAY,CAACW,KAAK,CAAC;IAE/C,MAAMiB,QAAQ,GAAGxB,eAAe,CAACO,KAAK,EAAE,YAAY,CAAC;IAErD,SAASkB,WAAW,CAAEC,cAAuB,EAAE;MAC7C,IAAIF,QAAQ,CAACJ,KAAK,EAAE;MAEpBI,QAAQ,CAACJ,KAAK,GAAGM,cAAc;IACjC;IAEAvB,SAAS,CAAC;MAAA;MAAA;QAAA,SAEA,QAAQ;QAAA,SAMNoB,eAAe,CAACH;MAAK;QAAA,gBAE3BI,QAAQ,CAACJ,KAAK;UAAA,cACgBb,KAAK,CAACW;QAAU;UAAA,kCAC1CI,KAAK,CAACT,OAAO,qBAAb,oBAAAS,KAAK,CAAY;QAAA,EAEtB;MAAA,sCAVCG,WAAW,EACXlB,KAAK,CAACG,OAAO;IAAA,CAWlB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VLazy/index.d.ts

@@ -0,0 +1,86 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VLazy: vue.DefineComponent<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    modelValue: BooleanConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    modelValue: BooleanConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    });
+    options: IntersectionObserverInit;
+    tag: string;
+    modelValue: boolean;
+}>;
+declare type VLazy = InstanceType<typeof VLazy>;
+
+export { VLazy };

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

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

package/lib/components/VList/VList.css

@@ -5,7 +5,7 @@
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 0;
   background: rgba(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));

package/lib/components/VList/VList.mjs

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VList.css"; // Components
+import "./VList.css";
 
+// Components
 import { VListChildren } from "./VListChildren.mjs"; // Composables
-
 import { createList } from "./list.mjs";
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
@@ -17,10 +17,8 @@ import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
-
-import { computed, toRef } from 'vue';
+import { computed, ref, toRef } from 'vue';
 import { genericComponent, getPropertyFromItem, pick, useRender } from "../../util/index.mjs"; // Types
-
 function transformItem(props, item) {
   const type = getPropertyFromItem(item, props.itemType, 'item');
   const title = typeof item === 'string' ? item : getPropertyFromItem(item, props.itemTitle);
@@ -41,24 +39,19 @@ function transformItem(props, item) {
     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: {
@@ -97,7 +90,6 @@ export const VList = genericComponent()({
     'click:open': value => true,
     'click:select': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -151,22 +143,82 @@ export const VList = genericComponent()({
         variant: toRef(props, 'variant')
       }
     });
-    useRender(() => _createVNode(props.tag, {
-      "class": ['v-list', {
-        'v-list--disabled': props.disabled,
-        '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
-      }, slots)]
-    }));
+    const isFocused = ref(false);
+    const contentRef = ref();
+    function onFocusin(e) {
+      isFocused.value = true;
+    }
+    function onFocusout(e) {
+      isFocused.value = false;
+    }
+    function onFocus(e) {
+      var _contentRef$value;
+      if (!isFocused.value && !(e.relatedTarget && (_contentRef$value = contentRef.value) != null && _contentRef$value.contains(e.relatedTarget))) focus();
+    }
+    function onKeydown(e) {
+      if (!contentRef.value) return;
+      if (e.key === 'ArrowDown') {
+        focus('next');
+      } else if (e.key === 'ArrowUp') {
+        focus('prev');
+      } else if (e.key === 'Home') {
+        focus('first');
+      } else if (e.key === 'End') {
+        focus('last');
+      } else {
+        return;
+      }
+      e.preventDefault();
+    }
+    function focus(location) {
+      if (!contentRef.value) return;
+      const focusable = [...contentRef.value.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')].filter(el => !el.hasAttribute('disabled'));
+      const idx = focusable.indexOf(document.activeElement);
+      if (!location) {
+        var _focusable$;
+        (_focusable$ = focusable[0]) == null ? void 0 : _focusable$.focus();
+      } else if (location === 'first') {
+        var _focusable$2;
+        (_focusable$2 = focusable[0]) == null ? void 0 : _focusable$2.focus();
+      } else if (location === 'last') {
+        var _focusable$at;
+        (_focusable$at = focusable.at(-1)) == null ? void 0 : _focusable$at.focus();
+      } else {
+        let el;
+        let idxx = idx;
+        const inc = location === 'next' ? 1 : -1;
+        do {
+          idxx += inc;
+          el = focusable[idxx];
+        } while ((!el || el.offsetParent == null) && idxx < focusable.length && idxx >= 0);
+        if (el) el.focus();else focus(location === 'next' ? 'first' : 'last');
+      }
+    }
+    useRender(() => {
+      return _createVNode(props.tag, {
+        "ref": contentRef,
+        "class": ['v-list', {
+          'v-list--disabled': props.disabled,
+          'v-list--nav': props.nav
+        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value],
+        "style": [backgroundColorStyles.value, dimensionStyles.value],
+        "role": "listbox",
+        "aria-activedescendant": undefined,
+        "onFocusin": onFocusin,
+        "onFocusout": onFocusout,
+        "onFocus": onFocus,
+        "onKeydown": onKeydown
+      }, {
+        default: () => [_createVNode(VListChildren, {
+          "items": items.value
+        }, slots)]
+      });
+    });
     return {
       open,
-      select
+      select,
+      focus
     };
   }
-
 });
 //# sourceMappingURL=VList.mjs.map