@vuetify/nightly 3.10.9-dev.2025-11-05 → 3.10.9-dev.2025-11-08

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js

@@ -2,10 +2,11 @@ import { mergeProps as _mergeProps, createElementVNode as _createElementVNode, n
 // Composables
 import { useTextColor } from "../../composables/color.js";
 import { makeComponentProps } from "../../composables/component.js";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.js";
 import { makeRouterProps, useLink } from "../../composables/router.js";
 import { makeTagProps } from "../../composables/tag.js"; // Utilities
 import { computed } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.js";
+import { genericComponent, pick, propsFactory, useRender } from "../../util/index.js";
 export const makeVBreadcrumbsItemProps = propsFactory({
   active: Boolean,
   activeClass: String,
@@ -14,6 +15,7 @@ export const makeVBreadcrumbsItemProps = propsFactory({
   disabled: Boolean,
   title: String,
   ...makeComponentProps(),
+  ...pick(makeDimensionProps(), ['width', 'maxWidth']),
   ...makeRouterProps(),
   ...makeTagProps({
     tag: 'li'
@@ -29,6 +31,9 @@ export const VBreadcrumbsItem = genericComponent()({
     } = _ref;
     const link = useLink(props, attrs);
     const isActive = computed(() => props.active || link.isActive?.value);
+    const {
+      dimensionStyles
+    } = useDimension(props);
     const {
       textColorClasses,
       textColorStyles
@@ -40,7 +45,7 @@ export const VBreadcrumbsItem = genericComponent()({
           'v-breadcrumbs-item--disabled': props.disabled,
           [`${props.activeClass}`]: isActive.value && props.activeClass
         }, textColorClasses.value, props.class]),
-        "style": _normalizeStyle([textColorStyles.value, props.style]),
+        "style": _normalizeStyle([textColorStyles.value, dimensionStyles.value, props.style]),
         "aria-current": isActive.value ? 'page' : undefined
       }, {
         default: () => [!link.isLink.value ? slots.default?.() ?? props.title : _createElementVNode("a", _mergeProps({

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbsItem.js","names":["useTextColor","makeComponentProps","makeRouterProps","useLink","makeTagProps","computed","genericComponent","propsFactory","useRender","makeVBreadcrumbsItemProps","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","VBreadcrumbsItem","name","props","setup","_ref","slots","attrs","link","isActive","value","textColorClasses","textColorStyles","_createVNode","_normalizeClass","class","_normalizeStyle","style","undefined","default","isLink","_createElementVNode","_mergeProps","navigate","linkProps"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBreadcrumbsItemProps = propsFactory({\n  active: Boolean,\n  activeClass: String,\n  activeColor: String,\n  color: String,\n  disabled: Boolean,\n  title: String,\n\n  ...makeComponentProps(),\n  ...makeRouterProps(),\n  ...makeTagProps({ tag: 'li' }),\n}, 'VBreadcrumbsItem')\n\nexport const VBreadcrumbsItem = genericComponent()({\n  name: 'VBreadcrumbsItem',\n\n  props: makeVBreadcrumbsItemProps(),\n\n  setup (props, { slots, attrs }) {\n    const link = useLink(props, attrs)\n    const isActive = computed(() => props.active || link.isActive?.value)\n\n    const { textColorClasses, textColorStyles } = useTextColor(\n      () => isActive.value ? props.activeColor : props.color\n    )\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n            props.class,\n          ]}\n          style={[\n            textColorStyles.value,\n            props.style,\n          ]}\n          aria-current={ isActive.value ? 'page' : undefined }\n        >\n          { !link.isLink.value ? slots.default?.() ?? props.title : (\n            <a\n              class=\"v-breadcrumbs-item--link\"\n              onClick={ link.navigate }\n              { ...link.linkProps }\n            >\n              { slots.default?.() ?? props.title }\n            </a>\n          )}\n        </props.tag>\n      )\n    })\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY,oCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,yBAAyB,GAAGF,YAAY,CAAC;EACpDG,MAAM,EAAEC,OAAO;EACfC,WAAW,EAAEC,MAAM;EACnBC,WAAW,EAAED,MAAM;EACnBE,KAAK,EAAEF,MAAM;EACbG,QAAQ,EAAEL,OAAO;EACjBM,KAAK,EAAEJ,MAAM;EAEb,GAAGZ,kBAAkB,CAAC,CAAC;EACvB,GAAGC,eAAe,CAAC,CAAC;EACpB,GAAGE,YAAY,CAAC;IAAEc,GAAG,EAAE;EAAK,CAAC;AAC/B,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC,CAAC,CAAC;EACjDc,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEZ,yBAAyB,CAAC,CAAC;EAElCa,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,IAAI,GAAGvB,OAAO,CAACkB,KAAK,EAAEI,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGtB,QAAQ,CAAC,MAAMgB,KAAK,CAACX,MAAM,IAAIgB,IAAI,CAACC,QAAQ,EAAEC,KAAK,CAAC;IAErE,MAAM;MAAEC,gBAAgB;MAAEC;IAAgB,CAAC,GAAG9B,YAAY,CACxD,MAAM2B,QAAQ,CAACC,KAAK,GAAGP,KAAK,CAACP,WAAW,GAAGO,KAAK,CAACN,KACnD,CAAC;IAEDP,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAV,KAAA,CAAAH,GAAA;QAAA,SAAAc,eAAA,CAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAEL,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEP,KAAK,CAACL,QAAQ;UAC9C,CAAC,GAAGK,KAAK,CAACT,WAAW,EAAE,GAAGe,QAAQ,CAACC,KAAK,IAAIP,KAAK,CAACT;QACpD,CAAC,EACDiB,gBAAgB,CAACD,KAAK,EACtBP,KAAK,CAACY,KAAK,CACZ;QAAA,SAAAC,eAAA,CACM,CACLJ,eAAe,CAACF,KAAK,EACrBP,KAAK,CAACc,KAAK,CACZ;QAAA,gBACcR,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGQ;MAAS;QAAAC,OAAA,EAAAA,CAAA,MAEhD,CAACX,IAAI,CAACY,MAAM,CAACV,KAAK,GAAGJ,KAAK,CAACa,OAAO,GAAG,CAAC,IAAIhB,KAAK,CAACJ,KAAK,GAAAsB,mBAAA,MAAAC,WAAA;UAAA;UAAA,WAGzCd,IAAI,CAACe;QAAQ,GAClBf,IAAI,CAACgB,SAAS,IAEjBlB,KAAK,CAACa,OAAO,GAAG,CAAC,IAAIhB,KAAK,CAACJ,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IACF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VBreadcrumbsItem.js","names":["useTextColor","makeComponentProps","makeDimensionProps","useDimension","makeRouterProps","useLink","makeTagProps","computed","genericComponent","pick","propsFactory","useRender","makeVBreadcrumbsItemProps","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","VBreadcrumbsItem","name","props","setup","_ref","slots","attrs","link","isActive","value","dimensionStyles","textColorClasses","textColorStyles","_createVNode","_normalizeClass","class","_normalizeStyle","style","undefined","default","isLink","_createElementVNode","_mergeProps","navigate","linkProps"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, pick, propsFactory, useRender } from '@/util'\n\nexport const makeVBreadcrumbsItemProps = propsFactory({\n  active: Boolean,\n  activeClass: String,\n  activeColor: String,\n  color: String,\n  disabled: Boolean,\n  title: String,\n\n  ...makeComponentProps(),\n  ...pick(makeDimensionProps(), ['width', 'maxWidth']),\n  ...makeRouterProps(),\n  ...makeTagProps({ tag: 'li' }),\n}, 'VBreadcrumbsItem')\n\nexport const VBreadcrumbsItem = genericComponent()({\n  name: 'VBreadcrumbsItem',\n\n  props: makeVBreadcrumbsItemProps(),\n\n  setup (props, { slots, attrs }) {\n    const link = useLink(props, attrs)\n    const isActive = computed(() => props.active || link.isActive?.value)\n    const { dimensionStyles } = useDimension(props)\n\n    const { textColorClasses, textColorStyles } = useTextColor(\n      () => isActive.value ? props.activeColor : props.color\n    )\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n            props.class,\n          ]}\n          style={[\n            textColorStyles.value,\n            dimensionStyles.value,\n            props.style,\n          ]}\n          aria-current={ isActive.value ? 'page' : undefined }\n        >\n          { !link.isLink.value ? slots.default?.() ?? props.title : (\n            <a\n              class=\"v-breadcrumbs-item--link\"\n              onClick={ link.navigate }\n              { ...link.linkProps }\n            >\n              { slots.default?.() ?? props.title }\n            </a>\n          )}\n        </props.tag>\n      )\n    })\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY,oCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS;AAExD,OAAO,MAAMC,yBAAyB,GAAGF,YAAY,CAAC;EACpDG,MAAM,EAAEC,OAAO;EACfC,WAAW,EAAEC,MAAM;EACnBC,WAAW,EAAED,MAAM;EACnBE,KAAK,EAAEF,MAAM;EACbG,QAAQ,EAAEL,OAAO;EACjBM,KAAK,EAAEJ,MAAM;EAEb,GAAGf,kBAAkB,CAAC,CAAC;EACvB,GAAGQ,IAAI,CAACP,kBAAkB,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;EACpD,GAAGE,eAAe,CAAC,CAAC;EACpB,GAAGE,YAAY,CAAC;IAAEe,GAAG,EAAE;EAAK,CAAC;AAC/B,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMC,gBAAgB,GAAGd,gBAAgB,CAAC,CAAC,CAAC;EACjDe,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEZ,yBAAyB,CAAC,CAAC;EAElCa,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,IAAI,GAAGxB,OAAO,CAACmB,KAAK,EAAEI,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGvB,QAAQ,CAAC,MAAMiB,KAAK,CAACX,MAAM,IAAIgB,IAAI,CAACC,QAAQ,EAAEC,KAAK,CAAC;IACrE,MAAM;MAAEC;IAAgB,CAAC,GAAG7B,YAAY,CAACqB,KAAK,CAAC;IAE/C,MAAM;MAAES,gBAAgB;MAAEC;IAAgB,CAAC,GAAGlC,YAAY,CACxD,MAAM8B,QAAQ,CAACC,KAAK,GAAGP,KAAK,CAACP,WAAW,GAAGO,KAAK,CAACN,KACnD,CAAC;IAEDP,SAAS,CAAC,MAAM;MACd,OAAAwB,YAAA,CAAAX,KAAA,CAAAH,GAAA;QAAA,SAAAe,eAAA,CAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAEN,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEP,KAAK,CAACL,QAAQ;UAC9C,CAAC,GAAGK,KAAK,CAACT,WAAW,EAAE,GAAGe,QAAQ,CAACC,KAAK,IAAIP,KAAK,CAACT;QACpD,CAAC,EACDkB,gBAAgB,CAACF,KAAK,EACtBP,KAAK,CAACa,KAAK,CACZ;QAAA,SAAAC,eAAA,CACM,CACLJ,eAAe,CAACH,KAAK,EACrBC,eAAe,CAACD,KAAK,EACrBP,KAAK,CAACe,KAAK,CACZ;QAAA,gBACcT,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGS;MAAS;QAAAC,OAAA,EAAAA,CAAA,MAEhD,CAACZ,IAAI,CAACa,MAAM,CAACX,KAAK,GAAGJ,KAAK,CAACc,OAAO,GAAG,CAAC,IAAIjB,KAAK,CAACJ,KAAK,GAAAuB,mBAAA,MAAAC,WAAA;UAAA;UAAA,WAGzCf,IAAI,CAACgB;QAAQ,GAClBhB,IAAI,CAACiB,SAAS,IAEjBnB,KAAK,CAACc,OAAO,GAAG,CAAC,IAAIjB,KAAK,CAACJ,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IACF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VCombobox/VCombobox.d.ts

@@ -1946,6 +1946,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -2066,6 +2067,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -2175,7 +2177,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">>;
     } : Omit<{
         type: PropType<Partial<{
             style: import("vue").StyleValue;
@@ -2183,6 +2185,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -2303,6 +2306,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -2412,7 +2416,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">>;
     }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["menuProps"] ? Partial<{
             style: import("vue").StyleValue;
@@ -2420,6 +2424,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -2540,6 +2545,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -2649,12 +2655,13 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex"> : Defaults["menuProps"] | (Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex"> : Defaults["menuProps"] | (Partial<{
             style: import("vue").StyleValue;
             locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -2775,6 +2782,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -2884,13 +2892,14 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">)>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">)>;
         default: unknown extends Defaults["menuProps"] ? Partial<{
             style: import("vue").StyleValue;
             locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -3011,6 +3020,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -3120,12 +3130,13 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex"> : Defaults["menuProps"] | NonNullable<Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex"> : Defaults["menuProps"] | NonNullable<Partial<{
             style: import("vue").StyleValue;
             locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -3246,6 +3257,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -3355,7 +3367,7 @@ export declare const makeVComboboxProps: <Defaults extends {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">>;
     };
     multiple: unknown extends Defaults["multiple"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"]>;
@@ -3721,6 +3733,7 @@ export declare const VCombobox: {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -3841,6 +3854,7 @@ export declare const VCombobox: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -3950,7 +3964,7 @@ export declare const VCombobox: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: "exact" | boolean | undefined;
         delimiters?: readonly string[] | undefined;
@@ -6567,6 +6581,7 @@ export declare const VCombobox: {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -6687,6 +6702,7 @@ export declare const VCombobox: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -6796,7 +6812,7 @@ export declare const VCombobox: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: "exact" | boolean | undefined;
         delimiters?: readonly string[] | undefined;
@@ -9331,6 +9347,7 @@ export declare const VCombobox: {
         location: import("../../util/index.js").Anchor | undefined;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         closeDelay: string | number;
         openDelay: string | number;
@@ -9451,6 +9468,7 @@ export declare const VCombobox: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset?: string | number | number[] | undefined;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         height?: string | number | undefined;
         maxHeight?: string | number | undefined;
@@ -9560,7 +9578,7 @@ export declare const VCombobox: {
         "v-slot:default"?: false | ((arg: {
             isActive: import("vue").Ref<boolean, boolean>;
         }) => import("vue").VNodeChild) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">) | undefined;
     itemColor?: string | undefined;
     autoSelectFirst?: "exact" | boolean | undefined;
     delimiters?: readonly string[] | undefined;
@@ -12336,6 +12354,7 @@ export declare const VCombobox: {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -12456,6 +12475,7 @@ export declare const VCombobox: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -12565,7 +12585,7 @@ export declare const VCombobox: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">>;
     };
     multiple: BooleanConstructor;
     noDataText: {
@@ -12989,6 +13009,7 @@ export declare const VCombobox: {
             location: import("../../util/index.js").Anchor | undefined;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             closeDelay: string | number;
             openDelay: string | number;
@@ -13109,6 +13130,7 @@ export declare const VCombobox: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -13218,7 +13240,7 @@ export declare const VCombobox: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "zIndex">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "activatorProps" | "closeDelay" | "closeOnBack" | "closeOnContentClick" | "contained" | "disableInitialFocus" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openDelay" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "submenu" | "transition" | "viewportMargin" | "zIndex">>;
     };
     multiple: BooleanConstructor;
     noDataText: {