vuetify 3.0.0-beta.9 → 3.0.1

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

@@ -0,0 +1,320 @@
+import * as vue from 'vue';
+import { VNodeChild, PropType, JSXComponent, ComputedRef, Ref } from 'vue';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+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 EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+interface VInputSlot {
+    id: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPristine: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => void;
+}
+declare type VInputSlots = MakeSlots<{
+    default: [VInputSlot];
+    prepend: [VInputSlot];
+    append: [VInputSlot];
+    details: [VInputSlot];
+}>;
+declare const VInput: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            focused: BooleanConstructor;
+            disabled: BooleanConstructor;
+            error: BooleanConstructor;
+            errorMessages: {
+                type: PropType<string | string[]>;
+                default: () => never[];
+            };
+            maxErrors: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            name: StringConstructor;
+            label: StringConstructor;
+            readonly: BooleanConstructor;
+            rules: {
+                type: PropType<ValidationRule[]>;
+                default: () => never[];
+            };
+            modelValue: null;
+            validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+            validationValue: null;
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            id: StringConstructor;
+            appendIcon: PropType<IconValue>;
+            prependIcon: PropType<IconValue>;
+            hideDetails: PropType<boolean | "auto">;
+            messages: {
+                type: PropType<string | string[]>;
+                default: () => never[];
+            };
+            direction: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules">;
+        $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", val: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            focused: BooleanConstructor;
+            disabled: BooleanConstructor;
+            error: BooleanConstructor;
+            errorMessages: {
+                type: PropType<string | string[]>;
+                default: () => never[];
+            };
+            maxErrors: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            name: StringConstructor;
+            label: StringConstructor;
+            readonly: BooleanConstructor;
+            rules: {
+                type: PropType<ValidationRule[]>;
+                default: () => never[];
+            };
+            modelValue: null;
+            validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+            validationValue: null;
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            id: StringConstructor;
+            appendIcon: PropType<IconValue>;
+            prependIcon: PropType<IconValue>;
+            hideDetails: PropType<boolean | "auto">;
+            messages: {
+                type: PropType<string | string[]>;
+                default: () => never[];
+            };
+            direction: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        }, {
+            reset: () => void;
+            resetValidation: () => void;
+            validate: () => Promise<string[]>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'update:modelValue': (val: any) => boolean;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            messages: string | string[];
+            density: Density;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+        }> & {
+            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<{
+        focused: BooleanConstructor;
+        disabled: BooleanConstructor;
+        error: BooleanConstructor;
+        errorMessages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        maxErrors: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        name: StringConstructor;
+        label: StringConstructor;
+        readonly: BooleanConstructor;
+        rules: {
+            type: PropType<ValidationRule[]>;
+            default: () => never[];
+        };
+        modelValue: null;
+        validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+        validationValue: null;
+        density: {
+            type: PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        id: StringConstructor;
+        appendIcon: PropType<IconValue>;
+        prependIcon: PropType<IconValue>;
+        hideDetails: PropType<boolean | "auto">;
+        messages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        direction: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        reset: () => void;
+        resetValidation: () => void;
+        validate: () => Promise<string[]>;
+    }> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    focused: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: null;
+    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+}, {
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => Promise<string[]>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'update:modelValue': (val: any) => boolean;
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    messages: string | string[];
+    density: Density;
+    focused: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $props: SlotsToProps<VInputSlots>;
+});
+declare type VInput = InstanceType<typeof VInput>;
+
+export { VInput };

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

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

package/lib/components/VItemGroup/VItem.mjs

@@ -1,16 +1,13 @@
 // Composables
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
-
 import { genericComponent } from "../../util/index.mjs"; // Types
-
 export const VItem = genericComponent()({
   name: 'VItem',
   props: makeGroupItemProps(),
   emits: {
     'group:selected': val => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -25,7 +22,6 @@ export const VItem = genericComponent()({
     } = useGroupItem(props, VItemGroupSymbol);
     return () => {
       var _slots$default;
-
       return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
         isSelected: isSelected.value,
         selectedClass: selectedClass.value,
@@ -36,6 +32,5 @@ export const VItem = genericComponent()({
       });
     };
   }
-
 });
 //# sourceMappingURL=VItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;SACSC,gB,gCAET;;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,GAIhC;EACHE,IAAI,EAAE,OADH;EAGHC,KAAK,EAAEN,kBAAkB,EAHtB;EAKHO,KAAK,EAAE;IACL,kBAAmBC,GAAD,IAA6B;EAD1C,CALJ;;EASHC,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,MAAd;MAAsBC,MAAtB;MAA8BC,aAA9B;MAA6CC,KAA7C;MAAoDC;IAApD,IAAiEf,YAAY,CAACK,KAAD,EAAQJ,gBAAR,CAAnF;IACA,OAAO;MAAA;;MAAA,yBAAMQ,KAAK,CAACO,OAAZ,qBAAM,oBAAAP,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACI,KADI;QAE3BD,aAAa,EAAEA,aAAa,CAACC,KAFF;QAG3BH,MAH2B;QAI3BC,MAJ2B;QAK3BE,KAAK,EAAEA,KAAK,CAACA,KALc;QAM3BC,QAAQ,EAAEA,QAAQ,CAACD;MANQ,CAAX,CAAX;IAAA,CAAP;EAQD;;AAnBE,CAJgC,CAA9B"}
+{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $props: SlotsToProps<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,4BAEzB;AAAA,SACSC,gBAAgB,gCAEzB;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAIjC,CAAC;EACHE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGf,YAAY,CAACK,KAAK,EAAEJ,gBAAgB,CAAC;IAC5G,OAAO;MAAA;MAAA,yBAAMQ,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACI,KAAK;QAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;QAClCH,MAAM;QACNC,MAAM;QACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;QAClBC,QAAQ,EAAEA,QAAQ,CAACD;MACrB,CAAC,CAAC;IAAA;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VItemGroup/VItemGroup.mjs

@@ -1,16 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VItemGroup.css"; // Composables
+import "./VItemGroup.css";
 
+// Composables
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
-
 import { defineComponent } from "../../util/index.mjs";
 export const VItemGroupSymbol = Symbol.for('vuetify:v-item-group');
 export const VItemGroup = defineComponent({
   name: 'VItemGroup',
-  props: { ...makeGroupProps({
+  props: {
+    ...makeGroupProps({
       selectedClass: 'v-item--selected'
     }),
     ...makeTagProps(),
@@ -19,7 +20,6 @@ export const VItemGroup = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -36,7 +36,6 @@ export const VItemGroup = defineComponent({
     } = useGroup(props, VItemGroupSymbol);
     return () => {
       var _slots$default;
-
       return _createVNode(props.tag, {
         "class": ['v-item-group', themeClasses.value]
       }, {
@@ -50,6 +49,5 @@ export const VItemGroup = defineComponent({
       });
     };
   }
-
 });
 //# sourceMappingURL=VItemGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VItemGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;SACSC,e;AAET,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;EACxCK,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE,EACL,GAAGX,cAAc,CAAC;MAChBY,aAAa,EAAE;IADC,CAAD,CADZ;IAIL,GAAGV,YAAY,EAJV;IAKL,GAAGC,cAAc;EALZ,CAHiC;EAWxCU,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAXiC;;EAexCC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBb,YAAY,CAACO,KAAD,CAArC;IACA,MAAM;MAAEO,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+CrB,QAAQ,CAACU,KAAD,EAAQL,gBAAR,CAA7D;IAEA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,cADK,EAELW,YAAY,CAACH,KAFR;MAFJ;QAAA,kCAODE,KAAK,CAACO,OAPL,qBAOD,oBAAAP,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAPJ;MAAA;IAAA,CAAP;EAgBD;;AAnCuC,CAAD,CAAlC"}
+{"version":3,"file":"VItemGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;EACxCK,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,cAAc,CAAC;MAChBY,aAAa,EAAE;IACjB,CAAC,CAAC;IACF,GAAGV,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGb,YAAY,CAACO,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGrB,QAAQ,CAACU,KAAK,EAAEL,gBAAgB,CAAC;IAEtF,OAAO;MAAA;MAAA;QAAA,SAEI,CACL,cAAc,EACdW,YAAY,CAACH,KAAK;MACnB;QAAA,kCAECE,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,EAAW;UAChBE,UAAU;UACVC,MAAM;UACNC,IAAI;UACJC,IAAI;UACJC,QAAQ,EAAEA,QAAQ,CAACR;QACrB,CAAC,CAAC;MAAA;IAAA,CAEL;EACH;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,204 @@
+import * as vue from 'vue';
+import { VNodeChild, Ref, ComponentInternalInstance, ComputedRef } from 'vue';
+
+declare const VItemGroup: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    modelValue: any;
+    selectedClass: string;
+}>;
+declare type VItemGroup = InstanceType<typeof VItemGroup>;
+
+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]>;
+};
+
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+interface GroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    toggle: () => void;
+    select: (value: boolean) => void;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: GroupProvide;
+}
+
+declare const VItem: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            value: null;
+            disabled: BooleanConstructor;
+            selectedClass: StringConstructor;
+        }, "$children" | "v-slots" | "v-slot:default">>> & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled">;
+        $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: "group:selected", val: {
+            value: boolean;
+        }) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            value: null;
+            disabled: BooleanConstructor;
+            selectedClass: StringConstructor;
+        }, "$children" | "v-slots" | "v-slot:default">>> & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, "$children" | "v-slots" | "v-slot:default">, string, {
+            disabled: boolean;
+        }> & {
+            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<{
+        value: null;
+        disabled: BooleanConstructor;
+        selectedClass: StringConstructor;
+    }, "$children" | "v-slots" | "v-slot:default">>> & {
+        "onGroup:selected"?: ((val: {
+            value: boolean;
+        }) => any) | undefined;
+    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[] | undefined> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+}, "$children" | "v-slots" | "v-slot:default">>> & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'group:selected': (val: {
+        value: boolean;
+    }) => boolean;
+}, "$children" | "v-slots" | "v-slot:default">, string, {
+    disabled: boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $props: SlotsToProps<{
+        default: [GroupItemProvide];
+    }>;
+});
+declare type VItem = InstanceType<typeof VItem>;
+
+export { VItem, VItemGroup };

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

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

package/lib/components/VKbd/VKbd.css

@@ -1,9 +1,9 @@
 .v-kbd {
-  background: rgb(var(--v-kbd-background-color));
+  background: rgb(var(--v-theme-kbd));
+  color: rgb(var(--v-theme-on-kbd));
   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);
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }

package/lib/components/VKbd/VKbd.sass

@@ -2,9 +2,9 @@
 @use './variables' as *
 
 .v-kbd
-  background: rgb(var(--v-kbd-background-color))
+  background: rgb(var(--v-theme-kbd))
+  color: rgb(var(--v-theme-on-kbd))
   border-radius: $kbd-border-radius
-  color: rgb(var(--v-kbd-color))
   font-size: $kbd-font-size
   font-weight: $kbd-font-weight
   padding: $kbd-padding