@vuetify/nightly 3.6.11-master.2024-07-07 → 3.6.12-master.2024-07-10

package/lib/components/VDialog/index.d.mts

@@ -41,7 +41,7 @@ interface LocationStrategyData {
     isRtl: Ref<boolean>;
 }
 type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref<Record<string, string>>) => undefined | {
-    updateLocation: (e: Event) => void;
+    updateLocation: (e?: Event) => void;
 };
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
@@ -106,7 +106,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         activatorProps: Record<string, any>;
@@ -191,7 +191,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -218,7 +218,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -296,7 +296,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -403,7 +403,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -499,7 +499,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -559,7 +559,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -655,7 +655,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         activatorProps: Record<string, any>;
@@ -739,7 +739,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         activatorProps: Record<string, any>;
@@ -790,7 +790,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         activatorProps: Record<string, any>;
@@ -875,7 +875,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -902,7 +902,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -980,7 +980,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -1087,7 +1087,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -1183,7 +1183,7 @@ declare const VDialog: {
             eager: boolean;
             location: Anchor;
             locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
+                updateLocation: (e?: Event | undefined) => void;
             } | undefined) | "connected";
             scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
@@ -1243,7 +1243,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1336,7 +1336,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
         activatorProps: Record<string, any>;
@@ -1371,7 +1371,7 @@ declare const VDialog: {
     eager: boolean;
     location: Anchor;
     locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-        updateLocation: (e: Event) => void;
+        updateLocation: (e?: Event | undefined) => void;
     } | undefined) | "connected";
     scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     activatorProps: Record<string, any>;
@@ -1456,7 +1456,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1483,7 +1483,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1561,7 +1561,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1668,7 +1668,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1764,7 +1764,7 @@ declare const VDialog: {
         eager: boolean;
         location: Anchor;
         locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected";
         scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
@@ -1824,7 +1824,7 @@ declare const VDialog: {
     eager: boolean;
     location: Anchor;
     locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-        updateLocation: (e: Event) => void;
+        updateLocation: (e?: Event | undefined) => void;
     } | undefined) | "connected";
     scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
     activatorProps: Record<string, any>;
@@ -1920,7 +1920,7 @@ declare const VDialog: {
     eager: boolean;
     location: Anchor;
     locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-        updateLocation: (e: Event) => void;
+        updateLocation: (e?: Event | undefined) => void;
     } | undefined) | "connected";
     scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     activatorProps: Record<string, any>;
@@ -1979,7 +1979,7 @@ declare const VDialog: {
     };
     locationStrategy: {
         type: vue.PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected">;
         default: string;
         validator: (val: any) => boolean;
@@ -2087,7 +2087,7 @@ declare const VDialog: {
     };
     locationStrategy: {
         type: vue.PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
+            updateLocation: (e?: Event | undefined) => void;
         } | undefined) | "connected">;
         default: string;
         validator: (val: any) => boolean;

package/lib/components/VExpansionPanel/VExpansionPanels.mjs

@@ -5,17 +5,21 @@ import "./VExpansionPanel.css";
 // Components
 import { VExpansionPanelSymbol } from "./shared.mjs";
 import { makeVExpansionPanelProps } from "./VExpansionPanel.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
 import { computed, toRef } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
 const allowedVariants = ['default', 'accordion', 'inset', 'popout'];
 export const makeVExpansionPanelsProps = propsFactory({
   flat: Boolean,
   ...makeGroupProps(),
-  ...makeVExpansionPanelProps(),
+  ...pick(makeVExpansionPanelProps(), ['bgColor', 'collapseIcon', 'color', 'eager', 'elevation', 'expandIcon', 'focusable', 'hideActions', 'readonly', 'ripple', 'rounded', 'tile', 'static']),
   ...makeThemeProps(),
+  ...makeComponentProps(),
+  ...makeTagProps(),
   variant: {
     type: String,
     default: 'default',

package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VExpansionPanels.mjs","names":["VExpansionPanelSymbol","makeVExpansionPanelProps","provideDefaults","makeGroupProps","useGroup","makeThemeProps","provideTheme","computed","toRef","genericComponent","propsFactory","useRender","allowedVariants","makeVExpansionPanelsProps","flat","Boolean","variant","type","String","default","validator","v","includes","VExpansionPanels","name","props","emits","val","setup","_ref","slots","next","prev","themeClasses","variantClass","VExpansionPanel","bgColor","collapseIcon","color","eager","elevation","expandIcon","focusable","hideActions","readonly","ripple","rounded","static","_createVNode","tag","tile","value","class","style"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanels.tsx"],"sourcesContent":["// Styles\nimport './VExpansionPanel.sass'\n\n// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { makeVExpansionPanelProps } from './VExpansionPanel'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedVariants = ['default', 'accordion', 'inset', 'popout'] as const\n\ntype Variant = typeof allowedVariants[number]\n\nexport type VExpansionPanelSlot = {\n  prev: () => void\n  next: () => void\n}\n\nexport type VExpansionPanelSlots = {\n  default: VExpansionPanelSlot\n}\n\nexport const makeVExpansionPanelsProps = propsFactory({\n  flat: Boolean,\n\n  ...makeGroupProps(),\n  ...makeVExpansionPanelProps(),\n  ...makeThemeProps(),\n\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'default',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'VExpansionPanels')\n\nexport const VExpansionPanels = genericComponent<VExpansionPanelSlots>()({\n  name: 'VExpansionPanels',\n\n  props: makeVExpansionPanelsProps(),\n\n  emits: {\n    'update:modelValue': (val: unknown) => true,\n  },\n\n  setup (props, { slots }) {\n    const { next, prev } = useGroup(props, VExpansionPanelSymbol)\n\n    const { themeClasses } = provideTheme(props)\n\n    const variantClass = computed(() => props.variant && `v-expansion-panels--variant-${props.variant}`)\n\n    provideDefaults({\n      VExpansionPanel: {\n        bgColor: toRef(props, 'bgColor'),\n        collapseIcon: toRef(props, 'collapseIcon'),\n        color: toRef(props, 'color'),\n        eager: toRef(props, 'eager'),\n        elevation: toRef(props, 'elevation'),\n        expandIcon: toRef(props, 'expandIcon'),\n        focusable: toRef(props, 'focusable'),\n        hideActions: toRef(props, 'hideActions'),\n        readonly: toRef(props, 'readonly'),\n        ripple: toRef(props, 'ripple'),\n        rounded: toRef(props, 'rounded'),\n        static: toRef(props, 'static'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-expansion-panels',\n          {\n            'v-expansion-panels--flat': props.flat,\n            'v-expansion-panels--tile': props.tile,\n          },\n          themeClasses.value,\n          variantClass.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({ prev, next }) }\n      </props.tag>\n    ))\n\n    return {\n      next,\n      prev,\n    }\n  },\n})\n\nexport type VExpansionPanels = InstanceType<typeof VExpansionPanels>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VExpansionPanels.mjs","names":["VExpansionPanelSymbol","makeVExpansionPanelProps","makeComponentProps","provideDefaults","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","computed","toRef","genericComponent","pick","propsFactory","useRender","allowedVariants","makeVExpansionPanelsProps","flat","Boolean","variant","type","String","default","validator","v","includes","VExpansionPanels","name","props","emits","val","setup","_ref","slots","next","prev","themeClasses","variantClass","VExpansionPanel","bgColor","collapseIcon","color","eager","elevation","expandIcon","focusable","hideActions","readonly","ripple","rounded","static","_createVNode","tag","tile","value","class","style"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanels.tsx"],"sourcesContent":["// Styles\nimport './VExpansionPanel.sass'\n\n// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { makeVExpansionPanelProps } from './VExpansionPanel'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedVariants = ['default', 'accordion', 'inset', 'popout'] as const\n\ntype Variant = typeof allowedVariants[number]\n\nexport type VExpansionPanelSlot = {\n  prev: () => void\n  next: () => void\n}\n\nexport type VExpansionPanelSlots = {\n  default: VExpansionPanelSlot\n}\n\nexport const makeVExpansionPanelsProps = propsFactory({\n  flat: Boolean,\n\n  ...makeGroupProps(),\n  ...pick(makeVExpansionPanelProps(), [\n    'bgColor',\n    'collapseIcon',\n    'color',\n    'eager',\n    'elevation',\n    'expandIcon',\n    'focusable',\n    'hideActions',\n    'readonly',\n    'ripple',\n    'rounded',\n    'tile',\n    'static',\n  ]),\n  ...makeThemeProps(),\n  ...makeComponentProps(),\n  ...makeTagProps(),\n\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'default',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'VExpansionPanels')\n\nexport const VExpansionPanels = genericComponent<VExpansionPanelSlots>()({\n  name: 'VExpansionPanels',\n\n  props: makeVExpansionPanelsProps(),\n\n  emits: {\n    'update:modelValue': (val: unknown) => true,\n  },\n\n  setup (props, { slots }) {\n    const { next, prev } = useGroup(props, VExpansionPanelSymbol)\n\n    const { themeClasses } = provideTheme(props)\n\n    const variantClass = computed(() => props.variant && `v-expansion-panels--variant-${props.variant}`)\n\n    provideDefaults({\n      VExpansionPanel: {\n        bgColor: toRef(props, 'bgColor'),\n        collapseIcon: toRef(props, 'collapseIcon'),\n        color: toRef(props, 'color'),\n        eager: toRef(props, 'eager'),\n        elevation: toRef(props, 'elevation'),\n        expandIcon: toRef(props, 'expandIcon'),\n        focusable: toRef(props, 'focusable'),\n        hideActions: toRef(props, 'hideActions'),\n        readonly: toRef(props, 'readonly'),\n        ripple: toRef(props, 'ripple'),\n        rounded: toRef(props, 'rounded'),\n        static: toRef(props, 'static'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-expansion-panels',\n          {\n            'v-expansion-panels--flat': props.flat,\n            'v-expansion-panels--tile': props.tile,\n          },\n          themeClasses.value,\n          variantClass.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({ prev, next }) }\n      </props.tag>\n    ))\n\n    return {\n      next,\n      prev,\n    }\n  },\n})\n\nexport type VExpansionPanels = InstanceType<typeof VExpansionPanels>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB;AAAA,SACrBC,wBAAwB,iCAEjC;AAAA,SACSC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAExD;AAGA,MAAMC,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAU;AAa5E,OAAO,MAAMC,yBAAyB,GAAGH,YAAY,CAAC;EACpDI,IAAI,EAAEC,OAAO;EAEb,GAAGd,cAAc,CAAC,CAAC;EACnB,GAAGQ,IAAI,CAACX,wBAAwB,CAAC,CAAC,EAAE,CAClC,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,CACT,CAAC;EACF,GAAGM,cAAc,CAAC,CAAC;EACnB,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGI,YAAY,CAAC,CAAC;EAEjBa,OAAO,EAAE;IACPC,IAAI,EAAEC,MAA2B;IACjCC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAGC,CAAM,IAAKT,eAAe,CAACU,QAAQ,CAACD,CAAC;EACnD;AACF,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAME,gBAAgB,GAAGf,gBAAgB,CAAuB,CAAC,CAAC;EACvEgB,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEZ,yBAAyB,CAAC,CAAC;EAElCa,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAY,IAAK;EACzC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,IAAI;MAAEC;IAAK,CAAC,GAAG9B,QAAQ,CAACuB,KAAK,EAAE5B,qBAAqB,CAAC;IAE7D,MAAM;MAAEoC;IAAa,CAAC,GAAG5B,YAAY,CAACoB,KAAK,CAAC;IAE5C,MAAMS,YAAY,GAAG5B,QAAQ,CAAC,MAAMmB,KAAK,CAACT,OAAO,IAAK,+BAA8BS,KAAK,CAACT,OAAQ,EAAC,CAAC;IAEpGhB,eAAe,CAAC;MACdmC,eAAe,EAAE;QACfC,OAAO,EAAE7B,KAAK,CAACkB,KAAK,EAAE,SAAS,CAAC;QAChCY,YAAY,EAAE9B,KAAK,CAACkB,KAAK,EAAE,cAAc,CAAC;QAC1Ca,KAAK,EAAE/B,KAAK,CAACkB,KAAK,EAAE,OAAO,CAAC;QAC5Bc,KAAK,EAAEhC,KAAK,CAACkB,KAAK,EAAE,OAAO,CAAC;QAC5Be,SAAS,EAAEjC,KAAK,CAACkB,KAAK,EAAE,WAAW,CAAC;QACpCgB,UAAU,EAAElC,KAAK,CAACkB,KAAK,EAAE,YAAY,CAAC;QACtCiB,SAAS,EAAEnC,KAAK,CAACkB,KAAK,EAAE,WAAW,CAAC;QACpCkB,WAAW,EAAEpC,KAAK,CAACkB,KAAK,EAAE,aAAa,CAAC;QACxCmB,QAAQ,EAAErC,KAAK,CAACkB,KAAK,EAAE,UAAU,CAAC;QAClCoB,MAAM,EAAEtC,KAAK,CAACkB,KAAK,EAAE,QAAQ,CAAC;QAC9BqB,OAAO,EAAEvC,KAAK,CAACkB,KAAK,EAAE,SAAS,CAAC;QAChCsB,MAAM,EAAExC,KAAK,CAACkB,KAAK,EAAE,QAAQ;MAC/B;IACF,CAAC,CAAC;IAEFd,SAAS,CAAC,MAAAqC,YAAA,CAAAvB,KAAA,CAAAwB,GAAA;MAAA,SAEC,CACL,oBAAoB,EACpB;QACE,0BAA0B,EAAExB,KAAK,CAACX,IAAI;QACtC,0BAA0B,EAAEW,KAAK,CAACyB;MACpC,CAAC,EACDjB,YAAY,CAACkB,KAAK,EAClBjB,YAAY,CAACiB,KAAK,EAClB1B,KAAK,CAAC2B,KAAK,CACZ;MAAA,SACO3B,KAAK,CAAC4B;IAAK;MAAAlC,OAAA,EAAAA,CAAA,MAEjBW,KAAK,CAACX,OAAO,GAAG;QAAEa,IAAI;QAAED;MAAK,CAAC,CAAC;IAAA,EAEpC,CAAC;IAEF,OAAO;MACLA,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VExpansionPanel/index.d.mts

@@ -33,9 +33,6 @@ declare const VExpansionPanels: {
         focusable: boolean;
     } & {
         class?: any;
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: any;
         theme?: string | undefined;
         color?: string | undefined;
         modelValue?: any;
@@ -81,9 +78,6 @@ declare const VExpansionPanels: {
         focusable: boolean;
     } & {
         class?: any;
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: any;
         theme?: string | undefined;
         color?: string | undefined;
         modelValue?: any;
@@ -155,9 +149,6 @@ declare const VExpansionPanels: {
         focusable: boolean;
     } & {
         class?: any;
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: any;
         theme?: string | undefined;
         color?: string | undefined;
         modelValue?: any;
@@ -225,9 +216,6 @@ declare const VExpansionPanels: {
     focusable: boolean;
 } & {
     class?: any;
-    title?: string | undefined;
-    text?: string | undefined;
-    value?: any;
     theme?: string | undefined;
     color?: string | undefined;
     modelValue?: any;
@@ -283,51 +271,46 @@ declare const VExpansionPanels: {
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    eager: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
     class: PropType<any>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    theme: StringConstructor;
     color: StringConstructor;
-    expandIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    collapseIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    hideActions: BooleanConstructor;
-    focusable: BooleanConstructor;
     static: BooleanConstructor;
-    ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
-        default: boolean;
-    };
     readonly: BooleanConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
-    value: null;
-    disabled: BooleanConstructor;
-    selectedClass: StringConstructor;
+    eager: BooleanConstructor;
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    title: StringConstructor;
-    text: StringConstructor;
     bgColor: StringConstructor;
+    ripple: {
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
+        default: boolean;
+    };
+    collapseIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    expandIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    hideActions: BooleanConstructor;
+    focusable: BooleanConstructor;
     modelValue: {
         type: null;
         default: undefined;
@@ -335,6 +318,8 @@ declare const VExpansionPanels: {
     multiple: BooleanConstructor;
     mandatory: PropType<boolean | "force">;
     max: NumberConstructor;
+    selectedClass: StringConstructor;
+    disabled: BooleanConstructor;
     flat: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     variant: {
@@ -342,51 +327,46 @@ declare const VExpansionPanels: {
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    eager: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
     class: PropType<any>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    theme: StringConstructor;
     color: StringConstructor;
-    expandIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    collapseIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    hideActions: BooleanConstructor;
-    focusable: BooleanConstructor;
     static: BooleanConstructor;
-    ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
-        default: boolean;
-    };
     readonly: BooleanConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
-    value: null;
-    disabled: BooleanConstructor;
-    selectedClass: StringConstructor;
+    eager: BooleanConstructor;
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    title: StringConstructor;
-    text: StringConstructor;
     bgColor: StringConstructor;
+    ripple: {
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
+        default: boolean;
+    };
+    collapseIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    expandIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    hideActions: BooleanConstructor;
+    focusable: BooleanConstructor;
     modelValue: {
         type: null;
         default: undefined;
@@ -394,6 +374,8 @@ declare const VExpansionPanels: {
     multiple: BooleanConstructor;
     mandatory: PropType<boolean | "force">;
     max: NumberConstructor;
+    selectedClass: StringConstructor;
+    disabled: BooleanConstructor;
     flat: BooleanConstructor;
 }>>;
 type VExpansionPanels = InstanceType<typeof VExpansionPanels>;

package/lib/components/VField/VField.css

@@ -141,6 +141,11 @@
   position: relative;
   width: 100%;
 }
+.v-field.v-field--center-affix.v-field--variant-underlined .v-field__input, .v-field.v-field--center-affix.v-field--variant-plain .v-field__input {
+  padding-top: unset;
+  padding-bottom: unset;
+}
+
 .v-input--density-default .v-field__input {
   row-gap: 8px;
 }
@@ -208,12 +213,12 @@ textarea.v-field__input::placeholder {
   padding-top: 0;
 }
 
-.v-field.v-field--variant-underlined .v-field__append-inner,
-.v-field.v-field--variant-underlined .v-field__clearable,
-.v-field.v-field--variant-underlined .v-field__prepend-inner,
-.v-field.v-field--variant-plain .v-field__append-inner,
-.v-field.v-field--variant-plain .v-field__clearable,
-.v-field.v-field--variant-plain .v-field__prepend-inner {
+.v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__append-inner,
+.v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__clearable,
+.v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__prepend-inner,
+.v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__append-inner,
+.v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__clearable,
+.v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__prepend-inner {
   align-items: flex-start;
   padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
   padding-bottom: var(--v-field-padding-bottom, 4px);

package/lib/components/VField/VField.mjs

@@ -27,10 +27,7 @@ export const makeVFieldProps = propsFactory({
     default: '$clear'
   },
   active: Boolean,
-  centerAffix: {
-    type: Boolean,
-    default: undefined
-  },
+  centerAffix: Boolean,
   color: String,
   baseColor: String,
   dirty: Boolean,
@@ -97,8 +94,9 @@ export const VField = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
+    const isSingleLine = computed(() => props.singleLine || props.centerAffix);
     const isActive = computed(() => props.dirty || props.active);
-    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label));
+    const hasLabel = computed(() => !isSingleLine.value && !!(props.label || slots.label));
     const uid = getUid();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
@@ -187,7 +185,7 @@ export const VField = genericComponent()({
         "class": ['v-field', {
           'v-field--active': isActive.value,
           'v-field--appended': hasAppend,
-          'v-field--center-affix': props.centerAffix ?? !isPlainOrUnderlined.value,
+          'v-field--center-affix': props.centerAffix,
           'v-field--disabled': props.disabled,
           'v-field--dirty': props.dirty,
           'v-field--error': props.error,
@@ -196,7 +194,7 @@ export const VField = genericComponent()({
           'v-field--persistent-clear': props.persistentClear,
           'v-field--prepended': hasPrepend,
           'v-field--reverse': props.reverse,
-          'v-field--single-line': props.singleLine,
+          'v-field--single-line': isSingleLine.value,
           'v-field--no-label': !label(),
           [`v-field--variant-${props.variant}`]: true
         }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],