@vuetify/nightly 3.8.2-master.2025-04-19 → 3.8.2-master.2025-04-22

package/lib/labs/VCalendar/VCalendarMonthDay.d.ts

@@ -1,14 +1,18 @@
+import type { PropType } from 'vue';
+import type { CalendarDay } from "../../composables/calendar.js";
 export type VCalendarMonthDaySlots = {
-    default: never;
-    content: never;
-    title: {
-        title?: number | string;
+    dayBody: {
+        day?: CalendarDay;
+        events?: Array<any>;
     };
-    event: {
-        day?: Object;
+    dayEvent: {
+        day?: CalendarDay;
         allDay: boolean;
         event: Record<string, unknown>;
     };
+    dayTitle: {
+        title?: number | string;
+    };
 };
 export declare const makeVCalendarMonthDayProps: <Defaults extends {
     active?: unknown;
@@ -19,19 +23,23 @@ export declare const makeVCalendarMonthDayProps: <Defaults extends {
     title?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     active: unknown extends Defaults["active"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
+        type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
         default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
     };
     color: unknown extends Defaults["color"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
         default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
     };
-    day: unknown extends Defaults["day"] ? ObjectConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["day"] ? Record<string, any> : Record<string, any> | Defaults["day"]>;
-        default: unknown extends Defaults["day"] ? Record<string, any> : Record<string, any> | Defaults["day"];
+    day: unknown extends Defaults["day"] ? {
+        type: PropType<CalendarDay>;
+    } : Omit<{
+        type: PropType<CalendarDay>;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["day"] ? CalendarDay : CalendarDay | Defaults["day"]>;
+        default: unknown extends Defaults["day"] ? CalendarDay : CalendarDay | Defaults["day"];
     };
     disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
         default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
     };
     events: unknown extends Defaults["events"] ? {
@@ -50,11 +58,11 @@ export declare const makeVCalendarMonthDayProps: <Defaults extends {
         fromAsync<T, U_2>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U_2, thisArg?: any): Promise<Awaited<U_2>[]>;
         readonly [Symbol.species]: ArrayConstructor;
     } : {
-        type: import("vue").PropType<unknown extends Defaults["events"] ? any[] : any[] | Defaults["events"]>;
+        type: PropType<unknown extends Defaults["events"] ? any[] : any[] | Defaults["events"]>;
         default: unknown extends Defaults["events"] ? any[] : any[] | Defaults["events"];
     };
     title: unknown extends Defaults["title"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["title"] ? string | number : string | number | Defaults["title"]>;
+        type: PropType<unknown extends Defaults["title"] ? string | number : string | number | Defaults["title"]>;
         default: unknown extends Defaults["title"] ? string | number : NonNullable<string | number> | Defaults["title"];
     };
 };
@@ -65,58 +73,66 @@ export declare const VCalendarMonthDay: {
     } & {
         color?: string | undefined;
         title?: string | number | undefined;
-        day?: Record<string, any> | undefined;
+        day?: CalendarDay | undefined;
         events?: any[] | undefined;
     } & {
-        $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-            content?: (() => import("vue").VNodeChild) | undefined;
-            title?: ((arg: {
-                title?: number | string;
+        $children?: {} | import("vue").VNodeChild | {
+            dayBody?: ((arg: {
+                day?: CalendarDay;
+                events?: Array<any>;
             }) => import("vue").VNodeChild) | undefined;
-            event?: ((arg: {
-                day?: Object;
+            dayEvent?: ((arg: {
+                day?: CalendarDay;
                 allDay: boolean;
                 event: Record<string, unknown>;
             }) => import("vue").VNodeChild) | undefined;
+            dayTitle?: ((arg: {
+                title?: number | string;
+            }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
-            content?: false | (() => import("vue").VNodeChild) | undefined;
-            title?: false | ((arg: {
-                title?: number | string;
+            dayBody?: false | ((arg: {
+                day?: CalendarDay;
+                events?: Array<any>;
             }) => import("vue").VNodeChild) | undefined;
-            event?: false | ((arg: {
-                day?: Object;
+            dayEvent?: false | ((arg: {
+                day?: CalendarDay;
                 allDay: boolean;
                 event: Record<string, unknown>;
             }) => import("vue").VNodeChild) | undefined;
+            dayTitle?: false | ((arg: {
+                title?: number | string;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
-        "v-slot:content"?: false | (() => import("vue").VNodeChild) | undefined;
-        "v-slot:title"?: false | ((arg: {
-            title?: number | string;
+        "v-slot:dayBody"?: false | ((arg: {
+            day?: CalendarDay;
+            events?: Array<any>;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:event"?: false | ((arg: {
-            day?: Object;
+        "v-slot:dayEvent"?: false | ((arg: {
+            day?: CalendarDay;
             allDay: boolean;
             event: Record<string, unknown>;
         }) => import("vue").VNodeChild) | undefined;
+        "v-slot:dayTitle"?: false | ((arg: {
+            title?: number | string;
+        }) => import("vue").VNodeChild) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         active: boolean;
         disabled: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
-        default: () => import("vue").VNode[];
-        content: () => import("vue").VNode[];
-        title: (arg: {
-            title?: number | string;
+        dayBody: (arg: {
+            day?: CalendarDay;
+            events?: Array<any>;
         }) => import("vue").VNode[];
-        event: (arg: {
-            day?: Object;
+        dayEvent: (arg: {
+            day?: CalendarDay;
             allDay: boolean;
             event: Record<string, unknown>;
         }) => import("vue").VNode[];
+        dayTitle: (arg: {
+            title?: number | string;
+        }) => import("vue").VNode[];
     }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -130,44 +146,50 @@ export declare const VCalendarMonthDay: {
     } & {
         color?: string | undefined;
         title?: string | number | undefined;
-        day?: Record<string, any> | undefined;
+        day?: CalendarDay | undefined;
         events?: any[] | undefined;
     } & {
-        $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
-            default?: (() => import("vue").VNodeChild) | undefined;
-            content?: (() => import("vue").VNodeChild) | undefined;
-            title?: ((arg: {
-                title?: number | string;
+        $children?: {} | import("vue").VNodeChild | {
+            dayBody?: ((arg: {
+                day?: CalendarDay;
+                events?: Array<any>;
             }) => import("vue").VNodeChild) | undefined;
-            event?: ((arg: {
-                day?: Object;
+            dayEvent?: ((arg: {
+                day?: CalendarDay;
                 allDay: boolean;
                 event: Record<string, unknown>;
             }) => import("vue").VNodeChild) | undefined;
+            dayTitle?: ((arg: {
+                title?: number | string;
+            }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            default?: false | (() => import("vue").VNodeChild) | undefined;
-            content?: false | (() => import("vue").VNodeChild) | undefined;
-            title?: false | ((arg: {
-                title?: number | string;
+            dayBody?: false | ((arg: {
+                day?: CalendarDay;
+                events?: Array<any>;
             }) => import("vue").VNodeChild) | undefined;
-            event?: false | ((arg: {
-                day?: Object;
+            dayEvent?: false | ((arg: {
+                day?: CalendarDay;
                 allDay: boolean;
                 event: Record<string, unknown>;
             }) => import("vue").VNodeChild) | undefined;
+            dayTitle?: false | ((arg: {
+                title?: number | string;
+            }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
-        "v-slot:content"?: false | (() => import("vue").VNodeChild) | undefined;
-        "v-slot:title"?: false | ((arg: {
-            title?: number | string;
+        "v-slot:dayBody"?: false | ((arg: {
+            day?: CalendarDay;
+            events?: Array<any>;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:event"?: false | ((arg: {
-            day?: Object;
+        "v-slot:dayEvent"?: false | ((arg: {
+            day?: CalendarDay;
             allDay: boolean;
             event: Record<string, unknown>;
         }) => import("vue").VNodeChild) | undefined;
+        "v-slot:dayTitle"?: false | ((arg: {
+            title?: number | string;
+        }) => import("vue").VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         active: boolean;
         disabled: boolean;
@@ -181,62 +203,72 @@ export declare const VCalendarMonthDay: {
 } & {
     color?: string | undefined;
     title?: string | number | undefined;
-    day?: Record<string, any> | undefined;
+    day?: CalendarDay | undefined;
     events?: any[] | undefined;
 } & {
-    $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
-        default?: (() => import("vue").VNodeChild) | undefined;
-        content?: (() => import("vue").VNodeChild) | undefined;
-        title?: ((arg: {
-            title?: number | string;
+    $children?: {} | import("vue").VNodeChild | {
+        dayBody?: ((arg: {
+            day?: CalendarDay;
+            events?: Array<any>;
         }) => import("vue").VNodeChild) | undefined;
-        event?: ((arg: {
-            day?: Object;
+        dayEvent?: ((arg: {
+            day?: CalendarDay;
             allDay: boolean;
             event: Record<string, unknown>;
         }) => import("vue").VNodeChild) | undefined;
+        dayTitle?: ((arg: {
+            title?: number | string;
+        }) => import("vue").VNodeChild) | undefined;
     };
     'v-slots'?: {
-        default?: false | (() => import("vue").VNodeChild) | undefined;
-        content?: false | (() => import("vue").VNodeChild) | undefined;
-        title?: false | ((arg: {
-            title?: number | string;
+        dayBody?: false | ((arg: {
+            day?: CalendarDay;
+            events?: Array<any>;
         }) => import("vue").VNodeChild) | undefined;
-        event?: false | ((arg: {
-            day?: Object;
+        dayEvent?: false | ((arg: {
+            day?: CalendarDay;
             allDay: boolean;
             event: Record<string, unknown>;
         }) => import("vue").VNodeChild) | undefined;
+        dayTitle?: false | ((arg: {
+            title?: number | string;
+        }) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
-    "v-slot:content"?: false | (() => import("vue").VNodeChild) | undefined;
-    "v-slot:title"?: false | ((arg: {
-        title?: number | string;
+    "v-slot:dayBody"?: false | ((arg: {
+        day?: CalendarDay;
+        events?: Array<any>;
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:event"?: false | ((arg: {
-        day?: Object;
+    "v-slot:dayEvent"?: false | ((arg: {
+        day?: CalendarDay;
         allDay: boolean;
         event: Record<string, unknown>;
     }) => import("vue").VNodeChild) | undefined;
+    "v-slot:dayTitle"?: false | ((arg: {
+        title?: number | string;
+    }) => import("vue").VNodeChild) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     active: boolean;
     disabled: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
-    default: () => import("vue").VNode[];
-    content: () => import("vue").VNode[];
-    title: (arg: {
-        title?: number | string;
+    dayBody: (arg: {
+        day?: CalendarDay;
+        events?: Array<any>;
     }) => import("vue").VNode[];
-    event: (arg: {
-        day?: Object;
+    dayEvent: (arg: {
+        day?: CalendarDay;
         allDay: boolean;
         event: Record<string, unknown>;
     }) => import("vue").VNode[];
+    dayTitle: (arg: {
+        title?: number | string;
+    }) => import("vue").VNode[];
 }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
     active: BooleanConstructor;
     color: StringConstructor;
-    day: ObjectConstructor;
+    day: {
+        type: PropType<CalendarDay>;
+    };
     disabled: BooleanConstructor;
     events: {
         (arrayLength: number): any[];
@@ -258,7 +290,9 @@ export declare const VCalendarMonthDay: {
 }, import("vue").ExtractPropTypes<{
     active: BooleanConstructor;
     color: StringConstructor;
-    day: ObjectConstructor;
+    day: {
+        type: PropType<CalendarDay>;
+    };
     disabled: BooleanConstructor;
     events: {
         (arrayLength: number): any[];

package/lib/labs/VCalendar/VCalendarMonthDay.js

@@ -1,70 +1,72 @@
-import { createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
 import "./VCalendarMonthDay.css";
 
 // Components
 import { VCalendarEvent } from "./VCalendarEvent.js";
 import { VBtn } from "../../components/VBtn/index.js"; // Utilities
-import { genericComponent, propsFactory, useRender } from "../../util/index.js";
+import { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVCalendarMonthDayProps = propsFactory({
   active: Boolean,
   color: String,
-  day: Object,
+  day: {
+    type: Object
+  },
   disabled: Boolean,
   events: Array,
   title: [Number, String]
 }, 'VCalendarMonthDay');
 export const VCalendarMonthDay = genericComponent()({
   name: 'VCalendarMonthDay',
+  inheritAttrs: false,
   props: makeVCalendarMonthDayProps(),
   setup(props, _ref) {
     let {
-      emit,
+      attrs,
       slots
     } = _ref;
     useRender(() => {
-      const hasTitle = !!(props.title || slots.title?.({
-        title: props.title
-      }));
-      return _createVNode("div", {
+      return _createVNode("div", _mergeProps({
         "class": ['v-calendar-month__day']
-      }, [!props.day?.isHidden && hasTitle && _createVNode("div", {
+      }, getPrefixedEventHandlers(attrs, ':day', () => props)), [!props.day?.isHidden ? _createVNode("div", {
         "key": "title",
         "class": "v-calendar-weekly__day-label"
-      }, [slots.title?.({
+      }, [slots.dayTitle?.({
         title: props.title
-      }) ?? _createVNode(VBtn, {
+      }) ?? _createVNode(VBtn, _mergeProps({
         "class": props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined,
         "color": props.color,
         "disabled": props.disabled,
         "icon": true,
         "size": "x-small",
-        "variant": props.day?.isToday ? undefined : 'flat'
-      }, {
-        default: () => [props.title]
-      })]), !props.day?.isHidden && _createVNode("div", {
+        "variant": props.day?.isToday ? undefined : 'flat',
+        "text": `${props.title}`
+      }, getPrefixedEventHandlers(attrs, ':date', () => props)), null)]) : undefined, !props.day?.isHidden ? _createVNode("div", {
         "key": "content",
         "class": "v-calendar-weekly__day-content"
-      }, [slots.content?.() ?? _createVNode("div", null, [_createVNode("div", {
+      }, [slots.dayBody?.({
+        day: props.day,
+        events: props.events
+      }) ?? _createVNode("div", null, [_createVNode("div", {
         "class": "v-calendar-weekly__day-alldayevents-container"
-      }, [props.events?.filter(event => event.allDay).map(event => slots.event ? slots.event({
+      }, [props.events?.filter(event => event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
         day: props.day,
         allDay: true,
         event
-      }) : _createVNode(VCalendarEvent, {
+      }) : _createVNode(VCalendarEvent, _mergeProps({
         "day": props.day,
         "event": event,
         "allDay": true
-      }, null))]), _createVNode("div", {
+      }, attrs), null))]), _createVNode("div", {
         "class": "v-calendar-weekly__day-events-container"
-      }, [props.events?.filter(event => !event.allDay).map(event => slots.event ? slots.event({
+      }, [props.events?.filter(event => !event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
         day: props.day,
         event,
         allDay: false
-      }) : _createVNode(VCalendarEvent, {
+      }) : _createVNode(VCalendarEvent, _mergeProps({
         "day": props.day,
         "event": event
-      }, null))])])]), !props.day?.isHidden && slots.default?.()]);
+      }, attrs), null))])])]) : undefined]);
     });
     return {};
   }

package/lib/labs/VCalendar/VCalendarMonthDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarMonthDay.js","names":["VCalendarEvent","VBtn","genericComponent","propsFactory","useRender","makeVCalendarMonthDayProps","active","Boolean","color","String","day","Object","disabled","events","Array","title","Number","VCalendarMonthDay","name","props","setup","_ref","emit","slots","hasTitle","_createVNode","isHidden","isToday","undefined","default","content","filter","event","allDay","map"],"sources":["../../../src/labs/VCalendar/VCalendarMonthDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarMonthDay.sass'\n\n// Components\nimport { VCalendarEvent } from './VCalendarEvent'\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport type VCalendarMonthDaySlots = {\n  default: never\n  content: never\n  title: { title?: number | string }\n  event: { day?: Object, allDay: boolean, event: Record<string, unknown> }\n}\n\nexport const makeVCalendarMonthDayProps = propsFactory({\n  active: Boolean,\n  color: String,\n  day: Object,\n  disabled: Boolean,\n  events: Array<any>,\n  title: [Number, String],\n}, 'VCalendarMonthDay')\n\nexport const VCalendarMonthDay = genericComponent<VCalendarMonthDaySlots>()({\n  name: 'VCalendarMonthDay',\n\n  props: makeVCalendarMonthDayProps(),\n\n  setup (props, { emit, slots }) {\n    useRender(() => {\n      const hasTitle = !!(props.title || slots.title?.({ title: props.title }))\n\n      return (\n        <div\n          class={[\n            'v-calendar-month__day',\n          ]}\n        >\n          { !props.day?.isHidden && hasTitle && (\n            <div key=\"title\" class=\"v-calendar-weekly__day-label\">\n              { slots.title?.({ title: props.title }) ?? (\n                <VBtn\n                  class={ props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined }\n                  color={ props.color }\n                  disabled={ props.disabled }\n                  icon\n                  size=\"x-small\"\n                  variant={ props.day?.isToday ? undefined : 'flat' }\n                >\n                  { props.title }\n                </VBtn>\n              )}\n            </div>\n          )}\n\n          { !props.day?.isHidden && (\n            <div key=\"content\" class=\"v-calendar-weekly__day-content\">\n              { slots.content?.() ?? (\n                <div>\n                  <div class=\"v-calendar-weekly__day-alldayevents-container\">\n                    { props.events?.filter(event => event.allDay).map(event => slots.event\n                      ? slots.event({ day: props.day, allDay: true, event })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } allDay />\n                      ))}\n                  </div>\n\n                  <div class=\"v-calendar-weekly__day-events-container\">\n                    { props.events?.filter(event => !event.allDay).map(event => slots.event\n                      ? slots.event({ day: props.day, event, allDay: false })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } />\n                      ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n\n          { !props.day?.isHidden && slots.default?.() }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCalendarMonthDay = InstanceType<typeof VCalendarMonthDay>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendarMonthDay.js","names":["VCalendarEvent","VBtn","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarMonthDayProps","active","Boolean","color","String","day","type","Object","disabled","events","Array","title","Number","VCalendarMonthDay","name","inheritAttrs","props","setup","_ref","attrs","slots","_createVNode","_mergeProps","isHidden","dayTitle","isToday","undefined","dayBody","filter","event","allDay","map","dayEvent"],"sources":["../../../src/labs/VCalendar/VCalendarMonthDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarMonthDay.sass'\n\n// Components\nimport { VCalendarEvent } from './VCalendarEvent'\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport type VCalendarMonthDaySlots = {\n  dayBody: { day?: CalendarDay, events?: Array<any> }\n  dayEvent: { day?: CalendarDay, allDay: boolean, event: Record<string, unknown> }\n  dayTitle: { title?: number | string }\n}\n\nexport const makeVCalendarMonthDayProps = propsFactory({\n  active: Boolean,\n  color: String,\n  day: {\n    type: Object as PropType<CalendarDay>,\n  },\n  disabled: Boolean,\n  events: Array<any>,\n  title: [Number, String],\n}, 'VCalendarMonthDay')\n\nexport const VCalendarMonthDay = genericComponent<VCalendarMonthDaySlots>()({\n  name: 'VCalendarMonthDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarMonthDayProps(),\n\n  setup (props, { attrs, slots }) {\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-calendar-month__day',\n          ]}\n          { ...getPrefixedEventHandlers(attrs, ':day', () => props) }\n        >\n          { !props.day?.isHidden ? (\n            <div key=\"title\" class=\"v-calendar-weekly__day-label\">\n              { slots.dayTitle?.({ title: props.title }) ?? (\n                <VBtn\n                  class={ props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined }\n                  color={ props.color }\n                  disabled={ props.disabled }\n                  icon\n                  size=\"x-small\"\n                  variant={ props.day?.isToday ? undefined : 'flat' }\n                  text={ `${props.title}` }\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props) }\n                />\n              )\n            }\n            </div>\n          ) : undefined }\n\n          { !props.day?.isHidden ? (\n            <div key=\"content\" class=\"v-calendar-weekly__day-content\" >\n              { slots.dayBody?.({ day: props.day, events: props.events }) ?? (\n                <div>\n                  <div class=\"v-calendar-weekly__day-alldayevents-container\">\n                    { props.events?.filter(event => event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, allDay: true, event })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } allDay { ...attrs } />\n                      ))}\n                  </div>\n\n                  <div class=\"v-calendar-weekly__day-events-container\">\n                    { props.events?.filter(event => !event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, event, allDay: false })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } { ...attrs } />\n                      ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          ) : undefined }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCalendarMonthDay = InstanceType<typeof VCalendarMonthDay>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VIconBtn/VIconBtn.js

@@ -14,7 +14,7 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.js";
 import { makeTagProps } from "../../composables/tag.js";
 import { makeThemeProps, provideTheme } from "../../composables/theme.js";
 import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.js"; // Utilities
-import { toDisplayString, toRef } from 'vue';
+import { toDisplayString } from 'vue';
 import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVIconBtnProps = propsFactory({
   active: {
@@ -95,7 +95,7 @@ export const VIconBtn = genericComponent()({
       colorClasses,
       colorStyles,
       variantClasses
-    } = useVariant(toRef(() => ({
+    } = useVariant(() => ({
       color: (() => {
         if (props.disabled) return undefined;
         if (!isActive.value) return props.color;
@@ -110,7 +110,7 @@ export const VIconBtn = genericComponent()({
         if (isActive.value) return props.activeVariant ?? props.variant;
         return props.baseVariant ?? props.variant;
       })()
-    })));
+    }));
     const btnSizeMap = new Map(props.sizes);
     const iconSizeMap = new Map(props.iconSizes);
     function onClick() {

package/lib/labs/VIconBtn/VIconBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"VIconBtn.js","names":["VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","toDisplayString","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVIconBtnProps","active","type","Boolean","default","undefined","activeColor","String","activeIcon","Function","Object","activeVariant","baseVariant","disabled","height","Number","width","hideOverlay","icon","iconColor","iconSize","iconSizes","Array","loading","opacity","readonly","rotate","size","sizes","text","tag","variant","VIconBtn","name","props","emits","value","setup","_ref","attrs","slots","isActive","themeClasses","borderClasses","elevationClasses","roundedClasses","colorClasses","colorStyles","variantClasses","color","btnSizeMap","Map","iconSizeMap","onClick","href","_btnSize","hasNamedSize","has","btnSize","get","btnHeight","btnWidth","_iconSize","hasNamedIconSize","iconProps","_createVNode","class","style","_mergeProps","loader"],"sources":["../../../src/labs/VIconBtn/VIconBtn.tsx"],"sourcesContent":["// Styles\nimport './VIconBtn.scss'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { toDisplayString, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { IconValue } from '@/composables/icons'\nimport type { Variant } from '@/composables/variant'\n\nexport type VIconBtnSlots = {\n  default: never\n  loader: never\n}\n\nexport type VIconBtnSizes = 'x-small' | 'small' | 'default' | 'large' | 'x-large'\n\nexport const makeVIconBtnProps = propsFactory({\n  active: {\n    type: Boolean,\n    default: undefined,\n  },\n  activeColor: String,\n  activeIcon: [String, Function, Object] as PropType<IconValue>,\n  activeVariant: String as PropType<Variant>,\n  baseVariant: {\n    type: String as PropType<Variant>,\n    default: 'tonal',\n  },\n  disabled: Boolean,\n  height: [Number, String],\n  width: [Number, String],\n  hideOverlay: Boolean,\n  icon: [String, Function, Object] as PropType<IconValue>,\n  iconColor: String,\n  iconSize: [Number, String] as PropType<VIconBtnSizes | number | string>,\n  iconSizes: {\n    type: Array as PropType<[VIconBtnSizes, number][]>,\n    default: () => ([\n      ['x-small', 10],\n      ['small', 16],\n      ['default', 24],\n      ['large', 28],\n      ['x-large', 32],\n    ]),\n  },\n  loading: Boolean,\n  opacity: [Number, String],\n  readonly: Boolean,\n  rotate: [Number, String],\n  size: {\n    type: [Number, String] as PropType<VIconBtnSizes | number | string>,\n    default: 'default',\n  },\n  sizes: {\n    type: Array as PropType<[VIconBtnSizes, number][]>,\n    default: () => ([\n      ['x-small', 16],\n      ['small', 24],\n      ['default', 40],\n      ['large', 48],\n      ['x-large', 56],\n    ]),\n  },\n  text: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'button' }),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VIconBtn')\n\nexport const VIconBtn = genericComponent<VIconBtnSlots>()({\n  name: 'VIconBtn',\n\n  props: makeVIconBtnProps(),\n\n  emits: {\n    'update:active': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'active')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { colorClasses, colorStyles, variantClasses } = useVariant(toRef(() => ({\n      color: (() => {\n        if (props.disabled) return undefined\n        if (!isActive.value) return props.color\n        // Use an inline fallback as opposed to setting a default color\n        // because non-toggle buttons are default flat whereas toggle\n        // buttons are default tonal and active flat. The exact use\n        // case for this is a toggle button with no active color.\n        return props.activeColor ?? props.color ?? 'surface-variant'\n      })(),\n      variant: (() => {\n        if (isActive.value === undefined) return props.variant\n        if (isActive.value) return props.activeVariant ?? props.variant\n        return props.baseVariant ?? props.variant\n      })(),\n    })))\n\n    const btnSizeMap = new Map(props.sizes)\n    const iconSizeMap = new Map(props.iconSizes)\n\n    function onClick () {\n      if (\n        props.disabled ||\n        props.readonly ||\n        isActive.value === undefined ||\n        (props.tag === 'a' && attrs.href)\n      ) return\n\n      isActive.value = !isActive.value\n    }\n\n    useRender(() => {\n      const icon = isActive.value ? props.activeIcon ?? props.icon : props.icon\n\n      const _btnSize = props.size as VIconBtnSizes\n      const hasNamedSize = btnSizeMap.has(_btnSize)\n      const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize\n      const btnHeight = props.height ?? btnSize\n      const btnWidth = props.width ?? btnSize\n\n      const _iconSize = props.iconSize as VIconBtnSizes\n      const hasNamedIconSize = iconSizeMap.has(_iconSize)\n\n      const iconSize = !_iconSize\n        ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default')\n        : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize\n\n      const iconProps = { icon, size: iconSize, iconColor: props.iconColor, opacity: props.opacity }\n\n      return (\n        <props.tag\n          class={[\n            {\n              'v-icon-btn': true,\n              'v-icon-btn--active': isActive.value,\n              'v-icon-btn--disabled': props.disabled,\n              'v-icon-btn--loading': props.loading,\n              'v-icon-btn--readonly': props.readonly,\n              [`v-icon-btn--${props.size}`]: true,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            borderClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            {\n              '--v-icon-btn-rotate': convertToUnit(props.rotate, 'deg'),\n              '--v-icon-btn-height': convertToUnit(btnHeight),\n              '--v-icon-btn-width': convertToUnit(btnWidth),\n            },\n            colorStyles.value,\n            props.style,\n          ]}\n          tabindex={ props.disabled || props.readonly ? -1 : 0 }\n          onClick={ onClick }\n        >\n          { genOverlays(!props.hideOverlay, 'v-icon-btn') }\n\n          <div class=\"v-icon-btn__content\" data-no-activator=\"\">\n            { (!slots.default && icon) ? (\n              <VIcon\n                key=\"content-icon\"\n                { ...iconProps }\n              />\n            ) : (\n              <VDefaultsProvider\n                key=\"content-defaults\"\n                disabled={ !icon }\n                defaults={{ VIcon: { ...iconProps } }}\n                v-slots={{\n                  default: () => slots.default?.() ?? toDisplayString(props.text),\n                }}\n              />\n            )}\n          </div>\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-icon-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate=\"disable-shrink\"\n                  width=\"2\"\n                  size={ iconSize }\n                />\n              )}\n            </span>\n          )}\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VIconBtn = InstanceType<typeof VIconBtn>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VIconBtn.js","names":["VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","toDisplayString","convertToUnit","genericComponent","propsFactory","useRender","makeVIconBtnProps","active","type","Boolean","default","undefined","activeColor","String","activeIcon","Function","Object","activeVariant","baseVariant","disabled","height","Number","width","hideOverlay","icon","iconColor","iconSize","iconSizes","Array","loading","opacity","readonly","rotate","size","sizes","text","tag","variant","VIconBtn","name","props","emits","value","setup","_ref","attrs","slots","isActive","themeClasses","borderClasses","elevationClasses","roundedClasses","colorClasses","colorStyles","variantClasses","color","btnSizeMap","Map","iconSizeMap","onClick","href","_btnSize","hasNamedSize","has","btnSize","get","btnHeight","btnWidth","_iconSize","hasNamedIconSize","iconProps","_createVNode","class","style","_mergeProps","loader"],"sources":["../../../src/labs/VIconBtn/VIconBtn.tsx"],"sourcesContent":["// Styles\nimport './VIconBtn.scss'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { toDisplayString } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { IconValue } from '@/composables/icons'\nimport type { Variant } from '@/composables/variant'\n\nexport type VIconBtnSlots = {\n  default: never\n  loader: never\n}\n\nexport type VIconBtnSizes = 'x-small' | 'small' | 'default' | 'large' | 'x-large'\n\nexport const makeVIconBtnProps = propsFactory({\n  active: {\n    type: Boolean,\n    default: undefined,\n  },\n  activeColor: String,\n  activeIcon: [String, Function, Object] as PropType<IconValue>,\n  activeVariant: String as PropType<Variant>,\n  baseVariant: {\n    type: String as PropType<Variant>,\n    default: 'tonal',\n  },\n  disabled: Boolean,\n  height: [Number, String],\n  width: [Number, String],\n  hideOverlay: Boolean,\n  icon: [String, Function, Object] as PropType<IconValue>,\n  iconColor: String,\n  iconSize: [Number, String] as PropType<VIconBtnSizes | number | string>,\n  iconSizes: {\n    type: Array as PropType<[VIconBtnSizes, number][]>,\n    default: () => ([\n      ['x-small', 10],\n      ['small', 16],\n      ['default', 24],\n      ['large', 28],\n      ['x-large', 32],\n    ]),\n  },\n  loading: Boolean,\n  opacity: [Number, String],\n  readonly: Boolean,\n  rotate: [Number, String],\n  size: {\n    type: [Number, String] as PropType<VIconBtnSizes | number | string>,\n    default: 'default',\n  },\n  sizes: {\n    type: Array as PropType<[VIconBtnSizes, number][]>,\n    default: () => ([\n      ['x-small', 16],\n      ['small', 24],\n      ['default', 40],\n      ['large', 48],\n      ['x-large', 56],\n    ]),\n  },\n  text: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'button' }),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VIconBtn')\n\nexport const VIconBtn = genericComponent<VIconBtnSlots>()({\n  name: 'VIconBtn',\n\n  props: makeVIconBtnProps(),\n\n  emits: {\n    'update:active': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'active')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { colorClasses, colorStyles, variantClasses } = useVariant(() => ({\n      color: (() => {\n        if (props.disabled) return undefined\n        if (!isActive.value) return props.color\n        // Use an inline fallback as opposed to setting a default color\n        // because non-toggle buttons are default flat whereas toggle\n        // buttons are default tonal and active flat. The exact use\n        // case for this is a toggle button with no active color.\n        return props.activeColor ?? props.color ?? 'surface-variant'\n      })(),\n      variant: (() => {\n        if (isActive.value === undefined) return props.variant\n        if (isActive.value) return props.activeVariant ?? props.variant\n        return props.baseVariant ?? props.variant\n      })(),\n    }))\n\n    const btnSizeMap = new Map(props.sizes)\n    const iconSizeMap = new Map(props.iconSizes)\n\n    function onClick () {\n      if (\n        props.disabled ||\n        props.readonly ||\n        isActive.value === undefined ||\n        (props.tag === 'a' && attrs.href)\n      ) return\n\n      isActive.value = !isActive.value\n    }\n\n    useRender(() => {\n      const icon = isActive.value ? props.activeIcon ?? props.icon : props.icon\n\n      const _btnSize = props.size as VIconBtnSizes\n      const hasNamedSize = btnSizeMap.has(_btnSize)\n      const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize\n      const btnHeight = props.height ?? btnSize\n      const btnWidth = props.width ?? btnSize\n\n      const _iconSize = props.iconSize as VIconBtnSizes\n      const hasNamedIconSize = iconSizeMap.has(_iconSize)\n\n      const iconSize = !_iconSize\n        ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default')\n        : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize\n\n      const iconProps = { icon, size: iconSize, iconColor: props.iconColor, opacity: props.opacity }\n\n      return (\n        <props.tag\n          class={[\n            {\n              'v-icon-btn': true,\n              'v-icon-btn--active': isActive.value,\n              'v-icon-btn--disabled': props.disabled,\n              'v-icon-btn--loading': props.loading,\n              'v-icon-btn--readonly': props.readonly,\n              [`v-icon-btn--${props.size}`]: true,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            borderClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            {\n              '--v-icon-btn-rotate': convertToUnit(props.rotate, 'deg'),\n              '--v-icon-btn-height': convertToUnit(btnHeight),\n              '--v-icon-btn-width': convertToUnit(btnWidth),\n            },\n            colorStyles.value,\n            props.style,\n          ]}\n          tabindex={ props.disabled || props.readonly ? -1 : 0 }\n          onClick={ onClick }\n        >\n          { genOverlays(!props.hideOverlay, 'v-icon-btn') }\n\n          <div class=\"v-icon-btn__content\" data-no-activator=\"\">\n            { (!slots.default && icon) ? (\n              <VIcon\n                key=\"content-icon\"\n                { ...iconProps }\n              />\n            ) : (\n              <VDefaultsProvider\n                key=\"content-defaults\"\n                disabled={ !icon }\n                defaults={{ VIcon: { ...iconProps } }}\n                v-slots={{\n                  default: () => slots.default?.() ?? toDisplayString(props.text),\n                }}\n              />\n            )}\n          </div>\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-icon-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate=\"disable-shrink\"\n                  width=\"2\"\n                  size={ iconSize }\n                />\n              )}\n            </span>\n          )}\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VIconBtn = InstanceType<typeof VIconBtn>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VPicker/VPicker.js

@@ -7,7 +7,6 @@ import { VPickerTitle } from "./VPickerTitle.js";
 import { VDefaultsProvider } from "../../components/VDefaultsProvider/VDefaultsProvider.js";
 import { makeVSheetProps, VSheet } from "../../components/VSheet/VSheet.js"; // Composables
 import { useBackgroundColor } from "../../composables/color.js"; // Utilities
-import { toRef } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVPickerProps = propsFactory({
   bgColor: String,
@@ -27,7 +26,7 @@ export const VPicker = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     useRender(() => {
       const sheetProps = VSheet.filterProps(props);
       const hasTitle = !!(props.title || slots.title);