vuetify 3.0.0-beta.9 → 3.0.1

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

@@ -0,0 +1,348 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType, VNodeChild, Prop } from 'vue';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+declare type VRatingItemSlot = {
+    value: number;
+    index: number;
+    isFilled: boolean;
+    isHovered: boolean;
+    icon: IconValue;
+    color?: string;
+    props: Record<string, unknown>;
+};
+declare type VRatingItemLabelSlot = {
+    value: number;
+    index: number;
+    label?: string;
+};
+declare const VRating: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            length: string | number;
+            disabled: boolean;
+            size: string | number;
+            readonly: boolean;
+            tag: string;
+            density: Density;
+            modelValue: number;
+            ripple: boolean;
+            clearable: boolean;
+            hover: boolean;
+            halfIncrements: boolean;
+            itemAriaLabel: string;
+            emptyIcon: IconValue;
+            fullIcon: IconValue;
+            itemLabelPosition: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            density: {
+                type: vue.PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            name: StringConstructor;
+            itemAriaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            activeColor: StringConstructor;
+            color: StringConstructor;
+            clearable: BooleanConstructor;
+            disabled: BooleanConstructor;
+            emptyIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            fullIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            halfIncrements: BooleanConstructor;
+            hover: BooleanConstructor;
+            length: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            readonly: BooleanConstructor;
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            itemLabels: Prop<string[], string[]>;
+            itemLabelPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            ripple: BooleanConstructor;
+        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "length" | "disabled" | "size" | "readonly" | "tag" | "density" | "modelValue" | "ripple" | "clearable" | "hover" | "halfIncrements" | "itemAriaLabel" | "emptyIcon" | "fullIcon" | "itemLabelPosition">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue", value: number) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            density: {
+                type: vue.PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            name: StringConstructor;
+            itemAriaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            activeColor: StringConstructor;
+            color: StringConstructor;
+            clearable: BooleanConstructor;
+            disabled: BooleanConstructor;
+            emptyIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            fullIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            halfIncrements: BooleanConstructor;
+            hover: BooleanConstructor;
+            length: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            readonly: BooleanConstructor;
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            itemLabels: Prop<string[], string[]>;
+            itemLabelPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            ripple: BooleanConstructor;
+        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'update:modelValue': (value: number) => boolean;
+        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
+            length: string | number;
+            disabled: boolean;
+            size: string | number;
+            readonly: boolean;
+            tag: string;
+            density: Density;
+            modelValue: number;
+            ripple: boolean;
+            clearable: boolean;
+            hover: boolean;
+            halfIncrements: boolean;
+            itemAriaLabel: string;
+            emptyIcon: IconValue;
+            fullIcon: IconValue;
+            itemLabelPosition: string;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        theme: StringConstructor;
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        density: {
+            type: vue.PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        name: StringConstructor;
+        itemAriaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        activeColor: StringConstructor;
+        color: StringConstructor;
+        clearable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        emptyIcon: {
+            type: vue.PropType<IconValue>;
+            default: string;
+        };
+        fullIcon: {
+            type: vue.PropType<IconValue>;
+            default: string;
+        };
+        halfIncrements: BooleanConstructor;
+        hover: BooleanConstructor;
+        length: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        readonly: BooleanConstructor;
+        modelValue: {
+            type: NumberConstructor;
+            default: number;
+        };
+        itemLabels: Prop<string[], string[]>;
+        itemLabelPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        ripple: BooleanConstructor;
+    }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    name: StringConstructor;
+    itemAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeColor: StringConstructor;
+    color: StringConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    emptyIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    fullIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    halfIncrements: BooleanConstructor;
+    hover: BooleanConstructor;
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    readonly: BooleanConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemLabels: Prop<string[], string[]>;
+    itemLabelPosition: {
+        type: StringConstructor;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    ripple: BooleanConstructor;
+}, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'update:modelValue': (value: number) => boolean;
+}, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
+    length: string | number;
+    disabled: boolean;
+    size: string | number;
+    readonly: boolean;
+    tag: string;
+    density: Density;
+    modelValue: number;
+    ripple: boolean;
+    clearable: boolean;
+    hover: boolean;
+    halfIncrements: boolean;
+    itemAriaLabel: string;
+    emptyIcon: IconValue;
+    fullIcon: IconValue;
+    itemLabelPosition: string;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $props: SlotsToProps<{
+        item: [VRatingItemSlot];
+        'item-label': [VRatingItemLabelSlot];
+    }>;
+});
+declare type VRating = InstanceType<typeof VRating>;
+
+export { VRating };

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

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

package/lib/components/VResponsive/VResponsive.mjs

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VResponsive.css"; // Composables
+import "./VResponsive.css";
 
+// Composables
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs"; // Utilities
-
 import { computed } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs";
 export function useAspectStyles(props) {
@@ -23,7 +23,6 @@ export const VResponsive = defineComponent({
     contentClass: String,
     ...makeDimensionProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -36,7 +35,6 @@ export const VResponsive = defineComponent({
     } = useDimension(props);
     useRender(() => {
       var _slots$additional;
-
       return _createVNode("div", {
         "class": "v-responsive",
         "style": dimensionStyles.value
@@ -49,6 +47,5 @@ export const VResponsive = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VResponsive.mjs.map

package/lib/components/VResponsive/VResponsive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VResponsive.mjs","names":["makeDimensionProps","useDimension","computed","defineComponent","useRender","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = defineComponent({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { aspectStyles } = useAspectStyles(props)\n    const { dimensionStyles } = useDimension(props)\n\n    useRender(() => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n\n        { slots.additional?.() }\n\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,kB,EAAoBC,Y,4CAE7B;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,S;AAE1B,OAAO,SAASC,eAAT,CAA0BC,KAA1B,EAAoE;EACzE,OAAO;IACLC,YAAY,EAAEL,QAAQ,CAAC,MAAM;MAC3B,MAAMM,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAP,CAApB;MAEA,OAAOF,KAAK,GACR;QAAEG,aAAa,EAAEC,MAAM,CAAC,IAAIJ,KAAJ,GAAY,GAAb,CAAN,GAA0B;MAA3C,CADQ,GAERK,SAFJ;IAGD,CANqB;EADjB,CAAP;AASD;AAED,OAAO,MAAMC,WAAW,GAAGX,eAAe,CAAC;EACzCY,IAAI,EAAE,aADmC;EAGzCT,KAAK,EAAE;IACLI,WAAW,EAAE,CAACE,MAAD,EAASH,MAAT,CADR;IAELO,YAAY,EAAEJ,MAFT;IAIL,GAAGZ,kBAAkB;EAJhB,CAHkC;;EAUzCiB,KAAK,CAAEX,KAAF,QAAoB;IAAA,IAAX;MAAEY;IAAF,CAAW;IACvB,MAAM;MAAEX;IAAF,IAAmBF,eAAe,CAACC,KAAD,CAAxC;IACA,MAAM;MAAEa;IAAF,IAAsBlB,YAAY,CAACK,KAAD,CAAxC;IAEAF,SAAS,CAAC;MAAA;;MAAA;QAAA,SACG,cADH;QAAA,SAC0Be,eAAe,CAACC;MAD1C;QAAA,SAEK,qBAFL;QAAA,SAEmCb,YAAY,CAACa;MAFhD,+BAIJF,KAAK,CAACG,UAJF,qBAIJ,uBAAAH,KAAK,CAJD,EAMJA,KAAK,CAACI,OAAN;QAAA,SACY,CAAC,uBAAD,EAA0BhB,KAAK,CAACU,YAAhC;MADZ,IAC6DE,KAAK,CAACI,OAAN,EAD7D,EANI;IAAA,CAAD,CAAT;IAYA,OAAO,EAAP;EACD;;AA3BwC,CAAD,CAAnC"}
+{"version":3,"file":"VResponsive.mjs","names":["makeDimensionProps","useDimension","computed","defineComponent","useRender","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = defineComponent({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { aspectStyles } = useAspectStyles(props)\n    const { dimensionStyles } = useDimension(props)\n\n    useRender(() => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n\n        { slots.additional?.() }\n\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VResponsive = InstanceType<typeof VResponsive>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,YAAY,4CAEzC;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,SAASC,eAAe,CAAEC,KAAwC,EAAE;EACzE,OAAO;IACLC,YAAY,EAAEL,QAAQ,CAAC,MAAM;MAC3B,MAAMM,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAW,CAAC;MAEvC,OAAOF,KAAK,GACR;QAAEG,aAAa,EAAEC,MAAM,CAAC,CAAC,GAAGJ,KAAK,GAAG,GAAG,CAAC,GAAG;MAAI,CAAC,GAChDK,SAAS;IACf,CAAC;EACH,CAAC;AACH;AAEA,OAAO,MAAMC,WAAW,GAAGX,eAAe,CAAC;EACzCY,IAAI,EAAE,aAAa;EAEnBT,KAAK,EAAE;IACLI,WAAW,EAAE,CAACE,MAAM,EAAEH,MAAM,CAAC;IAC7BO,YAAY,EAAEJ,MAAM;IAEpB,GAAGZ,kBAAkB;EACvB,CAAC;EAEDiB,KAAK,CAAEX,KAAK,QAAa;IAAA,IAAX;MAAEY;IAAM,CAAC;IACrB,MAAM;MAAEX;IAAa,CAAC,GAAGF,eAAe,CAACC,KAAK,CAAC;IAC/C,MAAM;MAAEa;IAAgB,CAAC,GAAGlB,YAAY,CAACK,KAAK,CAAC;IAE/CF,SAAS,CAAC;MAAA;MAAA;QAAA,SACG,cAAc;QAAA,SAASe,eAAe,CAACC;MAAK;QAAA,SAC1C,qBAAqB;QAAA,SAASb,YAAY,CAACa;MAAK,+BAEzDF,KAAK,CAACG,UAAU,qBAAhB,uBAAAH,KAAK,CAAe,EAEpBA,KAAK,CAACI,OAAO;QAAA,SACD,CAAC,uBAAuB,EAAEhB,KAAK,CAACU,YAAY;MAAC,IAAIE,KAAK,CAACI,OAAO,EAAE,EAC7E;IAAA,CAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+import * as vue from 'vue';
+
+declare const VResponsive: vue.DefineComponent<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}>>, {}>;
+declare type VResponsive = InstanceType<typeof VResponsive>;
+
+export { VResponsive };

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

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

package/lib/components/VSelect/VSelect.css

@@ -1,3 +1,15 @@
+.v-input--density-default {
+  --select-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --select-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --select-chips-margin-bottom: 4px;
+}
+
 .v-select .v-field .v-text-field__prefix,
 .v-select .v-field .v-text-field__suffix,
 .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -5,9 +17,12 @@
 }
 .v-select .v-field .v-field__input > input {
   align-self: flex-start;
-  opacity: 0;
+  opacity: 1;
   flex: 0 0;
   position: absolute;
+  width: 100%;
+  transition: none;
+  pointer-events: none;
 }
 .v-select .v-field .v-field__append-inner > .v-icon {
   margin-inline-start: 4px;
@@ -23,7 +38,7 @@
 }
 .v-select__content {
   overflow: hidden;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 4px;
 }
 .v-select__selection {
@@ -38,7 +53,11 @@
 }
 .v-select--chips .v-select__selection {
   margin-top: 2px;
+  margin-bottom: var(--select-chips-margin-bottom);
 }
 .v-select--chips .v-select__selection:first-child {
   margin-inline-start: 0;
+}
+.v-select--selected .v-field .v-field__input > input {
+  opacity: 0;
 }