vuetify 3.3.13 → 3.3.14

package/lib/labs/VDateRangePicker/VDateRangeCard.mjs

@@ -1,4 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+// @ts-nocheck
+/* eslint-disable */
+
 // Styles
 import "./VDateRangeCard.css";
 

package/lib/labs/VDateRangePicker/VDateRangeCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDateRangeCard.mjs","names":["makeVDatePickerControlsProps","VDatePickerControls","makeVDatePickerMonthProps","VDatePickerMonth","makeVDatePickerYearsProps","VDatePickerYears","VCard","createDatePicker","makeTransitionProps","ref","defineComponent","propsFactory","useRender","dateEmits","makeDateProps","useDate","makeVDateRangeCardProps","transition","VDateRangeCard","name","props","emits","setup","_ref","emit","adapter","hoverDate","cardProps","filterProps","datePickerControlsProps","datePickerMonthProps","datePickerYearsProps","_createVNode","_mergeProps","default","viewMode","_Fragment","displayDate","modelValue","value","$event","addMonths"],"sources":["../../../src/labs/VDateRangePicker/VDateRangeCard.tsx"],"sourcesContent":["// Styles\nimport './VDateRangeCard.sass'\n\n// Components\nimport { makeVDatePickerControlsProps, VDatePickerControls } from '../VDatePicker/VDatePickerControls'\nimport { makeVDatePickerMonthProps, VDatePickerMonth } from '../VDatePicker/VDatePickerMonth'\nimport { makeVDatePickerYearsProps, VDatePickerYears } from '../VDatePicker/VDatePickerYears'\nimport { VCard } from '@/components/VCard'\n\n// Composables\nimport { createDatePicker } from '../VDatePicker/composables'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { dateEmits, makeDateProps } from '../VDateInput/composables'\nimport { useDate } from '@/labs/date'\n\nexport const makeVDateRangeCardProps = propsFactory({\n  ...makeDateProps(),\n  ...makeVDatePickerControlsProps(),\n  ...makeVDatePickerMonthProps(),\n  ...makeVDatePickerYearsProps(),\n  ...makeTransitionProps({ transition: 'fade' }),\n}, 'VDateRangeCard')\n\nexport const VDateRangeCard = defineComponent({\n  name: 'VDateRangeCard',\n\n  props: makeVDateRangeCardProps(),\n\n  emits: {\n    ...dateEmits,\n  },\n\n  setup (props, { emit }) {\n    const adapter = useDate()\n    createDatePicker(props)\n\n    const hoverDate = ref(null)\n\n    useRender(() => {\n      const [cardProps] = VCard.filterProps(props)\n      const [datePickerControlsProps] = VDatePickerControls.filterProps(props)\n      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props)\n      const [datePickerYearsProps] = VDatePickerYears.filterProps(props)\n\n      return (\n        <VCard\n          { ...cardProps }\n          class=\"v-date-range-card\"\n        >\n          { props.viewMode === 'month' ? (\n            <>\n              <div class=\"v-date-range-card__start\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"start\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"start\"\n                />\n              </div>\n              <div class=\"v-date-range-card__divider\" />\n              <div class=\"v-date-range-card__end\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"end\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  displayDate={ adapter.addMonths(props.displayDate, 1) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"end\"\n                />\n              </div>\n            </>\n          ) : (\n            <div class=\"v-date-range-card__years\">\n              <VDatePickerControls\n                { ...datePickerControlsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n              <VDatePickerYears\n                { ...datePickerYearsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n            </div>\n          )}\n        </VCard>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VDateRangeCard = InstanceType<typeof VDateRangeCard>\n"],"mappings":"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"}
+{"version":3,"file":"VDateRangeCard.mjs","names":["makeVDatePickerControlsProps","VDatePickerControls","makeVDatePickerMonthProps","VDatePickerMonth","makeVDatePickerYearsProps","VDatePickerYears","VCard","createDatePicker","makeTransitionProps","ref","defineComponent","propsFactory","useRender","dateEmits","makeDateProps","useDate","makeVDateRangeCardProps","transition","VDateRangeCard","name","props","emits","setup","_ref","emit","adapter","hoverDate","cardProps","filterProps","datePickerControlsProps","datePickerMonthProps","datePickerYearsProps","_createVNode","_mergeProps","default","viewMode","_Fragment","displayDate","modelValue","value","$event","addMonths"],"sources":["../../../src/labs/VDateRangePicker/VDateRangeCard.tsx"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VDateRangeCard.sass'\n\n// Components\nimport { makeVDatePickerControlsProps, VDatePickerControls } from '../VDatePicker/VDatePickerControls'\nimport { makeVDatePickerMonthProps, VDatePickerMonth } from '../VDatePicker/VDatePickerMonth'\nimport { makeVDatePickerYearsProps, VDatePickerYears } from '../VDatePicker/VDatePickerYears'\nimport { VCard } from '@/components/VCard'\n\n// Composables\nimport { createDatePicker } from '../VDatePicker/composables'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { dateEmits, makeDateProps } from '../VDateInput/composables'\nimport { useDate } from '@/labs/date'\n\nexport const makeVDateRangeCardProps = propsFactory({\n  ...makeDateProps(),\n  ...makeVDatePickerControlsProps(),\n  ...makeVDatePickerMonthProps(),\n  ...makeVDatePickerYearsProps(),\n  ...makeTransitionProps({ transition: 'fade' }),\n}, 'VDateRangeCard')\n\nexport const VDateRangeCard = defineComponent({\n  name: 'VDateRangeCard',\n\n  props: makeVDateRangeCardProps(),\n\n  emits: {\n    ...dateEmits,\n  },\n\n  setup (props, { emit }) {\n    const adapter = useDate()\n    createDatePicker(props)\n\n    const hoverDate = ref(null)\n\n    useRender(() => {\n      const [cardProps] = VCard.filterProps(props)\n      const [datePickerControlsProps] = VDatePickerControls.filterProps(props)\n      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props)\n      const [datePickerYearsProps] = VDatePickerYears.filterProps(props)\n\n      return (\n        <VCard\n          { ...cardProps }\n          class=\"v-date-range-card\"\n        >\n          { props.viewMode === 'month' ? (\n            <>\n              <div class=\"v-date-range-card__start\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"start\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"start\"\n                />\n              </div>\n              <div class=\"v-date-range-card__divider\" />\n              <div class=\"v-date-range-card__end\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"end\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  displayDate={ adapter.addMonths(props.displayDate, 1) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"end\"\n                />\n              </div>\n            </>\n          ) : (\n            <div class=\"v-date-range-card__years\">\n              <VDatePickerControls\n                { ...datePickerControlsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n              <VDatePickerYears\n                { ...datePickerYearsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n            </div>\n          )}\n        </VCard>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VDateRangeCard = InstanceType<typeof VDateRangeCard>\n"],"mappings":"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"}

package/lib/labs/VDateRangePicker/index.d.mts

@@ -20,8 +20,8 @@ declare const VDateRangeCard: {
                 component?: vue.Component | undefined;
             })> | undefined;
             inputMode?: "calendar" | "keyboard" | undefined;
+            disabled?: boolean | string[] | undefined;
             multiple?: boolean | undefined;
-            range?: string | boolean | undefined;
             modelValue?: any[] | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
@@ -31,13 +31,13 @@ declare const VDateRangeCard: {
             showAdjacentMonths?: boolean | undefined;
             hideWeekdays?: boolean | undefined;
             showWeek?: boolean | undefined;
-            readonly max?: number | undefined;
+            readonly max?: string | number | Date | undefined;
             key?: string | number | symbol | undefined;
             readonly height?: string | number | undefined;
             readonly color?: string | undefined;
             style?: unknown;
             class?: unknown;
-            readonly min?: number | undefined;
+            readonly min?: string | number | Date | undefined;
             readonly format?: string | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -100,7 +100,7 @@ declare const VDateRangeCard: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void) & ((event: "update:displayDate", date: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
             transition: Omit<{
@@ -118,10 +118,10 @@ declare const VDateRangeCard: {
                 })>;
             };
             color: StringConstructor;
-            min: NumberConstructor;
-            max: NumberConstructor;
             height: (StringConstructor | NumberConstructor)[];
             displayDate: null;
+            min: (StringConstructor | NumberConstructor | DateConstructor)[];
+            max: (StringConstructor | NumberConstructor | DateConstructor)[];
             format: StringConstructor;
             modelValue: {
                 type: vue.PropType<any[]>;
@@ -135,9 +135,9 @@ declare const VDateRangeCard: {
             side: {
                 type: StringConstructor;
             };
-            viewMode: {
-                type: vue.PropType<"month" | "year">;
-                default: string;
+            disabled: {
+                type: vue.PropType<boolean | string[]>;
+                default: boolean;
             };
             nextIcon: {
                 type: StringConstructor[];
@@ -155,10 +155,9 @@ declare const VDateRangeCard: {
                 type: StringConstructor[];
                 default: string;
             };
-            range: {
-                default: boolean;
-                type: (StringConstructor | BooleanConstructor)[];
-                validator: (v: any) => boolean;
+            viewMode: {
+                type: vue.PropType<"month" | "year">;
+                default: string;
             };
             inputMode: {
                 type: vue.PropType<"calendar" | "keyboard">;
@@ -181,8 +180,8 @@ declare const VDateRangeCard: {
                 component?: vue.Component | undefined;
             })>;
             inputMode: "calendar" | "keyboard";
+            disabled: boolean | string[];
             multiple: boolean;
-            range: string | boolean;
             modelValue: any[];
             collapseIcon: string;
             expandIcon: string;
@@ -228,10 +227,10 @@ declare const VDateRangeCard: {
             })>;
         };
         color: StringConstructor;
-        min: NumberConstructor;
-        max: NumberConstructor;
         height: (StringConstructor | NumberConstructor)[];
         displayDate: null;
+        min: (StringConstructor | NumberConstructor | DateConstructor)[];
+        max: (StringConstructor | NumberConstructor | DateConstructor)[];
         format: StringConstructor;
         modelValue: {
             type: vue.PropType<any[]>;
@@ -245,9 +244,9 @@ declare const VDateRangeCard: {
         side: {
             type: StringConstructor;
         };
-        viewMode: {
-            type: vue.PropType<"month" | "year">;
-            default: string;
+        disabled: {
+            type: vue.PropType<boolean | string[]>;
+            default: boolean;
         };
         nextIcon: {
             type: StringConstructor[];
@@ -265,10 +264,9 @@ declare const VDateRangeCard: {
             type: StringConstructor[];
             default: string;
         };
-        range: {
-            default: boolean;
-            type: (StringConstructor | BooleanConstructor)[];
-            validator: (v: any) => boolean;
+        viewMode: {
+            type: vue.PropType<"month" | "year">;
+            default: string;
         };
         inputMode: {
             type: vue.PropType<"calendar" | "keyboard">;
@@ -300,10 +298,10 @@ declare const VDateRangeCard: {
         })>;
     };
     color: StringConstructor;
-    min: NumberConstructor;
-    max: NumberConstructor;
     height: (StringConstructor | NumberConstructor)[];
     displayDate: null;
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
     format: StringConstructor;
     modelValue: {
         type: vue.PropType<any[]>;
@@ -317,9 +315,9 @@ declare const VDateRangeCard: {
     side: {
         type: StringConstructor;
     };
-    viewMode: {
-        type: vue.PropType<"month" | "year">;
-        default: string;
+    disabled: {
+        type: vue.PropType<boolean | string[]>;
+        default: boolean;
     };
     nextIcon: {
         type: StringConstructor[];
@@ -337,10 +335,9 @@ declare const VDateRangeCard: {
         type: StringConstructor[];
         default: string;
     };
-    range: {
-        default: boolean;
-        type: (StringConstructor | BooleanConstructor)[];
-        validator: (v: any) => boolean;
+    viewMode: {
+        type: vue.PropType<"month" | "year">;
+        default: string;
     };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
@@ -363,8 +360,8 @@ declare const VDateRangeCard: {
         component?: vue.Component | undefined;
     })>;
     inputMode: "calendar" | "keyboard";
+    disabled: boolean | string[];
     multiple: boolean;
-    range: string | boolean;
     modelValue: any[];
     collapseIcon: string;
     expandIcon: string;
@@ -390,10 +387,10 @@ declare const VDateRangeCard: {
         })>;
     };
     color: StringConstructor;
-    min: NumberConstructor;
-    max: NumberConstructor;
     height: (StringConstructor | NumberConstructor)[];
     displayDate: null;
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
     format: StringConstructor;
     modelValue: {
         type: vue.PropType<any[]>;
@@ -407,9 +404,9 @@ declare const VDateRangeCard: {
     side: {
         type: StringConstructor;
     };
-    viewMode: {
-        type: vue.PropType<"month" | "year">;
-        default: string;
+    disabled: {
+        type: vue.PropType<boolean | string[]>;
+        default: boolean;
     };
     nextIcon: {
         type: StringConstructor[];
@@ -427,10 +424,9 @@ declare const VDateRangeCard: {
         type: StringConstructor[];
         default: string;
     };
-    range: {
-        default: boolean;
-        type: (StringConstructor | BooleanConstructor)[];
-        validator: (v: any) => boolean;
+    viewMode: {
+        type: vue.PropType<"month" | "year">;
+        default: string;
     };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
@@ -452,10 +448,10 @@ declare const VDateRangeCard: {
         })>;
     };
     color: StringConstructor;
-    min: NumberConstructor;
-    max: NumberConstructor;
     height: (StringConstructor | NumberConstructor)[];
     displayDate: null;
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
     format: StringConstructor;
     modelValue: {
         type: vue.PropType<any[]>;
@@ -469,9 +465,9 @@ declare const VDateRangeCard: {
     side: {
         type: StringConstructor;
     };
-    viewMode: {
-        type: vue.PropType<"month" | "year">;
-        default: string;
+    disabled: {
+        type: vue.PropType<boolean | string[]>;
+        default: boolean;
     };
     nextIcon: {
         type: StringConstructor[];
@@ -489,10 +485,9 @@ declare const VDateRangeCard: {
         type: StringConstructor[];
         default: string;
     };
-    range: {
-        default: boolean;
-        type: (StringConstructor | BooleanConstructor)[];
-        validator: (v: any) => boolean;
+    viewMode: {
+        type: vue.PropType<"month" | "year">;
+        default: string;
     };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
@@ -525,6 +520,7 @@ declare const VDateRangePicker: {
             calendarIcon?: string | undefined;
             keyboardIcon?: string | undefined;
             showInputSwitch?: boolean | undefined;
+            max?: string | number | Date | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -543,6 +539,7 @@ declare const VDateRangePicker: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
+            min?: string | number | Date | undefined;
             elevation?: string | number | undefined;
             format?: string | undefined;
             ref?: vue.VNodeRef | undefined;
@@ -613,7 +610,7 @@ declare const VDateRangePicker: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "cancel") => void) & ((event: "update:modelValue", date: any) => void) & ((event: "update:inputMode", input: string) => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", mode: "month" | "year") => void) & ((event: "save", date: any) => void);
+        $emit: ((event: "cancel") => void) & ((event: "update:modelValue", date: any) => void) & ((event: "update:inputMode", input: string) => void) & ((event: "update:viewMode", mode: "month" | "year") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "save", date: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
@@ -635,6 +632,7 @@ declare const VDateRangePicker: {
             keyboardIcon: string;
             showInputSwitch: boolean;
         } & {
+            max?: string | number | Date | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -649,6 +647,7 @@ declare const VDateRangePicker: {
             title?: string | undefined;
             class?: any;
             range?: any;
+            min?: string | number | Date | undefined;
             elevation?: string | number | undefined;
             format?: string | undefined;
             side?: string | undefined;
@@ -742,6 +741,7 @@ declare const VDateRangePicker: {
         keyboardIcon: string;
         showInputSwitch: boolean;
     } & {
+        max?: string | number | Date | undefined;
         location?: Anchor | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -756,6 +756,7 @@ declare const VDateRangePicker: {
         title?: string | undefined;
         class?: any;
         range?: any;
+        min?: string | number | Date | undefined;
         elevation?: string | number | undefined;
         format?: string | undefined;
         side?: string | undefined;
@@ -802,6 +803,7 @@ declare const VDateRangePicker: {
     keyboardIcon: string;
     showInputSwitch: boolean;
 } & {
+    max?: string | number | Date | undefined;
     location?: Anchor | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
@@ -816,6 +818,7 @@ declare const VDateRangePicker: {
     title?: string | undefined;
     class?: any;
     range?: any;
+    min?: string | number | Date | undefined;
     elevation?: string | number | undefined;
     format?: string | undefined;
     side?: string | undefined;
@@ -908,6 +911,8 @@ declare const VDateRangePicker: {
     side: {
         type: StringConstructor;
     };
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;
@@ -1002,6 +1007,8 @@ declare const VDateRangePicker: {
     side: {
         type: StringConstructor;
     };
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;

package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSkeletonLoader.mjs","names":["useBackgroundColor","makeDimensionProps","useDimension","makeElevationProps","useElevation","useLocale","makeThemeProps","provideTheme","computed","toRef","genericComponent","propsFactory","useRender","wrapInArray","rootTypes","actions","article","avatar","button","card","chip","divider","heading","image","paragraph","sentences","subtitle","table","text","genBone","type","children","arguments","length","undefined","_createVNode","genBones","bone","split","Array","from","map","genStructure","includes","mapBones","push","bones","replace","makeVSkeletonLoaderProps","boilerplate","Boolean","color","String","loading","loadingText","default","VSkeletonLoader","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","dimensionStyles","elevationClasses","themeClasses","t","items","join","isLoading","value"],"sources":["../../../src/labs/VSkeletonLoader/VSkeletonLoader.tsx"],"sourcesContent":["// Styles\nimport './VSkeletonLoader.sass'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useLocale } from '@/composables/locale'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType, VNode } from 'vue'\n\ntype VSkeletonBone<T> = T | VSkeletonBone<T>[]\n\nexport type VSkeletonBones = VSkeletonBone<VNode>\nexport type VSkeletonLoaderType = keyof typeof rootTypes\n\nexport const rootTypes = {\n  actions: 'button@2',\n  article: 'heading, paragraph',\n  avatar: 'avatar',\n  button: 'button',\n  card: 'image, heading',\n  'card-avatar': 'image, list-item-avatar',\n  chip: 'chip',\n  'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',\n  'date-picker-options': 'text, avatar@2',\n  'date-picker-days': 'avatar@28',\n  divider: 'divider',\n  heading: 'heading',\n  image: 'image',\n  'list-item': 'text',\n  'list-item-avatar': 'avatar, text',\n  'list-item-two-line': 'sentences',\n  'list-item-avatar-two-line': 'avatar, sentences',\n  'list-item-three-line': 'paragraph',\n  'list-item-avatar-three-line': 'avatar, paragraph',\n  paragraph: 'text@3',\n  sentences: 'text@2',\n  subtitle: 'text',\n  table: 'table-heading, table-thead, table-tbody, table-tfoot',\n  'table-heading': 'chip, text',\n  'table-thead': 'heading@6',\n  'table-tbody': 'table-row-divider@6',\n  'table-row-divider': 'table-row, divider',\n  'table-row': 'text@6',\n  'table-tfoot': 'text@2, avatar@2',\n  text: 'text',\n} as const\n\nfunction genBone (type: string, children: VSkeletonBones = []) {\n  return (\n    <div\n      class={[\n        'v-skeleton-loader__bone',\n        `v-skeleton-loader__${type}`,\n      ]}\n    >\n      { children }\n    </div>\n  )\n}\n\nfunction genBones (bone: string) {\n  // e.g. 'text@3'\n  const [type, length] = bone.split('@') as [VSkeletonLoaderType, number]\n\n  // Generate a length array based upon\n  // value after @ in the bone string\n  return Array.from({ length }).map(() => genStructure(type))\n}\n\nfunction genStructure (type?: string): VSkeletonBones {\n  let children: VSkeletonBones = []\n\n  if (!type) return children\n\n  // TODO: figure out a better way to type this\n  const bone = (rootTypes as Record<string, string>)[type]\n\n  // End of recursion, do nothing\n  /* eslint-disable-next-line no-empty, brace-style */\n  if (type === bone) {}\n  // Array of values - e.g. 'heading, paragraph, text@2'\n  else if (type.includes(',')) return mapBones(type)\n  // Array of values - e.g. 'paragraph@4'\n  else if (type.includes('@')) return genBones(type)\n  // Array of values - e.g. 'card@2'\n  else if (bone.includes(',')) children = mapBones(bone)\n  // Array of values - e.g. 'list-item@2'\n  else if (bone.includes('@')) children = genBones(bone)\n  // Single value - e.g. 'card-heading'\n  else if (bone) children.push(genStructure(bone))\n\n  return [genBone(type, children)]\n}\n\nfunction mapBones (bones: string) {\n  // Remove spaces and return array of structures\n  return bones.replace(/\\s/g, '').split(',').map(genStructure)\n}\n\nexport const makeVSkeletonLoaderProps = propsFactory({\n  boilerplate: Boolean,\n  color: String,\n  loading: Boolean,\n  loadingText: {\n    type: String,\n    default: '$vuetify.loading',\n  },\n  type: {\n    type: [String, Array] as PropType<string | readonly string[]>,\n    default: 'image',\n  },\n\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeThemeProps(),\n}, 'VSkeletonLoader')\n\nexport const VSkeletonLoader = genericComponent()({\n  name: 'VSkeletonLoader',\n\n  props: makeVSkeletonLoaderProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { themeClasses } = provideTheme(props)\n    const { t } = useLocale()\n\n    const items = computed(() => genStructure(wrapInArray(props.type).join(',')))\n\n    useRender(() => {\n      const isLoading = !slots.default || props.loading\n\n      return (\n        <div\n          class={[\n            'v-skeleton-loader',\n            {\n              'v-skeleton-loader--boilerplate': props.boilerplate,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            elevationClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            isLoading ? dimensionStyles.value : {},\n          ]}\n          aria-busy={ !props.boilerplate ? isLoading : undefined }\n          aria-live={ !props.boilerplate ? 'polite' : undefined }\n          aria-label={ !props.boilerplate ? t(props.loadingText) : undefined }\n          role={ !props.boilerplate ? 'alert' : undefined }\n        >\n          { isLoading ? items.value : slots.default?.() }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>\n"],"mappings":"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"}
+{"version":3,"file":"VSkeletonLoader.mjs","names":["useBackgroundColor","makeDimensionProps","useDimension","makeElevationProps","useElevation","useLocale","makeThemeProps","provideTheme","computed","toRef","genericComponent","propsFactory","useRender","wrapInArray","rootTypes","actions","article","avatar","button","card","chip","divider","heading","image","paragraph","sentences","subtitle","table","text","genBone","type","children","arguments","length","undefined","_createVNode","genBones","bone","split","Array","from","map","genStructure","includes","mapBones","push","bones","replace","makeVSkeletonLoaderProps","boilerplate","Boolean","color","String","loading","loadingText","default","VSkeletonLoader","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","dimensionStyles","elevationClasses","themeClasses","t","items","join","isLoading","value"],"sources":["../../../src/labs/VSkeletonLoader/VSkeletonLoader.tsx"],"sourcesContent":["// Styles\nimport './VSkeletonLoader.sass'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useLocale } from '@/composables/locale'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType, VNode } from 'vue'\n\ntype VSkeletonBone<T> = T | VSkeletonBone<T>[]\n\nexport type VSkeletonBones = VSkeletonBone<VNode>\nexport type VSkeletonLoaderType = keyof typeof rootTypes\n\nexport const rootTypes = {\n  actions: 'button@2',\n  article: 'heading, paragraph',\n  avatar: 'avatar',\n  button: 'button',\n  card: 'image, heading',\n  'card-avatar': 'image, list-item-avatar',\n  chip: 'chip',\n  'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',\n  'date-picker-options': 'text, avatar@2',\n  'date-picker-days': 'avatar@28',\n  divider: 'divider',\n  heading: 'heading',\n  image: 'image',\n  'list-item': 'text',\n  'list-item-avatar': 'avatar, text',\n  'list-item-two-line': 'sentences',\n  'list-item-avatar-two-line': 'avatar, sentences',\n  'list-item-three-line': 'paragraph',\n  'list-item-avatar-three-line': 'avatar, paragraph',\n  paragraph: 'text@3',\n  sentences: 'text@2',\n  subtitle: 'text',\n  table: 'table-heading, table-thead, table-tbody, table-tfoot',\n  'table-heading': 'chip, text',\n  'table-thead': 'heading@6',\n  'table-tbody': 'table-row-divider@6',\n  'table-row-divider': 'table-row, divider',\n  'table-row': 'text@6',\n  'table-tfoot': 'text@2, avatar@2',\n  text: 'text',\n} as const\n\nfunction genBone (type: string, children: VSkeletonBones = []) {\n  return (\n    <div\n      class={[\n        'v-skeleton-loader__bone',\n        `v-skeleton-loader__${type}`,\n      ]}\n    >\n      { children }\n    </div>\n  )\n}\n\nfunction genBones (bone: string) {\n  // e.g. 'text@3'\n  const [type, length] = bone.split('@') as [VSkeletonLoaderType, number]\n\n  // Generate a length array based upon\n  // value after @ in the bone string\n  return Array.from({ length }).map(() => genStructure(type))\n}\n\nfunction genStructure (type?: string): VSkeletonBones {\n  let children: VSkeletonBones = []\n\n  if (!type) return children\n\n  // TODO: figure out a better way to type this\n  const bone = (rootTypes as Record<string, string>)[type]\n\n  // End of recursion, do nothing\n  /* eslint-disable-next-line no-empty, brace-style */\n  if (type === bone) {}\n  // Array of values - e.g. 'heading, paragraph, text@2'\n  else if (type.includes(',')) return mapBones(type)\n  // Array of values - e.g. 'paragraph@4'\n  else if (type.includes('@')) return genBones(type)\n  // Array of values - e.g. 'card@2'\n  else if (bone.includes(',')) children = mapBones(bone)\n  // Array of values - e.g. 'list-item@2'\n  else if (bone.includes('@')) children = genBones(bone)\n  // Single value - e.g. 'card-heading'\n  else if (bone) children.push(genStructure(bone))\n\n  return [genBone(type, children)]\n}\n\nfunction mapBones (bones: string) {\n  // Remove spaces and return array of structures\n  return bones.replace(/\\s/g, '').split(',').map(genStructure)\n}\n\nexport const makeVSkeletonLoaderProps = propsFactory({\n  boilerplate: Boolean,\n  color: String,\n  loading: Boolean,\n  loadingText: {\n    type: String,\n    default: '$vuetify.loading',\n  },\n  type: {\n    type: [String, Array] as PropType<\n      | VSkeletonLoaderType | (string & {})\n      | ReadonlyArray<VSkeletonLoaderType | (string & {})>\n    >,\n    default: 'image',\n  },\n\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeThemeProps(),\n}, 'VSkeletonLoader')\n\nexport const VSkeletonLoader = genericComponent()({\n  name: 'VSkeletonLoader',\n\n  props: makeVSkeletonLoaderProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { themeClasses } = provideTheme(props)\n    const { t } = useLocale()\n\n    const items = computed(() => genStructure(wrapInArray(props.type).join(',')))\n\n    useRender(() => {\n      const isLoading = !slots.default || props.loading\n\n      return (\n        <div\n          class={[\n            'v-skeleton-loader',\n            {\n              'v-skeleton-loader--boilerplate': props.boilerplate,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            elevationClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            isLoading ? dimensionStyles.value : {},\n          ]}\n          aria-busy={ !props.boilerplate ? isLoading : undefined }\n          aria-live={ !props.boilerplate ? 'polite' : undefined }\n          aria-label={ !props.boilerplate ? t(props.loadingText) : undefined }\n          role={ !props.boilerplate ? 'alert' : undefined }\n        >\n          { isLoading ? items.value : slots.default?.() }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>\n"],"mappings":"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"}

package/lib/labs/VSkeletonLoader/index.d.mts

@@ -10,7 +10,7 @@ declare const VSkeletonLoader: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
-            type?: string | readonly string[] | undefined;
+            type?: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[] | undefined;
             loading?: boolean | undefined;
             loadingText?: string | undefined;
             boilerplate?: boolean | undefined;
@@ -91,7 +91,7 @@ declare const VSkeletonLoader: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            type: string | readonly string[];
+            type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -115,7 +115,7 @@ declare const VSkeletonLoader: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-            type: string | readonly string[];
+            type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -144,7 +144,7 @@ declare const VSkeletonLoader: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        type: string | readonly string[];
+        type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
         loading: boolean;
         loadingText: string;
         boilerplate: boolean;
@@ -172,7 +172,7 @@ declare const VSkeletonLoader: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    type: string | readonly string[];
+    type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -196,7 +196,7 @@ declare const VSkeletonLoader: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    type: string | readonly string[];
+    type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -224,7 +224,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<string | readonly string[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }, vue.ExtractPropTypes<{
@@ -247,7 +247,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<string | readonly string[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }>>;