@feedmepos/ui-library 1.5.1-beta.2 → 1.5.1-beta.4

package/dist/CHANGELOG.md

@@ -1,3 +1,13 @@
+# 1.5.1-beta.4 - 2025-02-24
+
+- `FmBadge`
+  - fix badge not showing when value is `0`
+
+# 1.5.1-beta.3 - 2025-02-23
+
+- `FmMenu`
+  - add `flip-padding` prop (default to `{ bottom: 40 }`) to allow user to customize the padding for the menu when it's flipped.
+
 # 1.5.0-beta.1 - 2025-02-17
 
 - `FmSelect`

package/dist/components/badge/FmBadge.vue.d.ts

@@ -15,10 +15,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
     class: undefined;
 }>>>, {
-    class: string;
     inline: boolean;
     value: number | null;
     variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+    class: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/bottom-sheet/FmBottomSheet.vue.d.ts

@@ -25,9 +25,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onOn:clickedAway"?: (() => any) | undefined;
 }, {
     header: string;
-    modelValue: boolean;
-    zIndex: number;
     dismissAway: boolean;
+    zIndex: number;
+    modelValue: boolean;
     noHeader: boolean;
 }, {}>, {
     "bottom-sheet-button"?(_: {}): any;

package/dist/components/button/FmButton.vue.d.ts

@@ -68,12 +68,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     appendIcon: string;
     loading: boolean;
 }>>>, {
-    size: "md" | "lg";
+    variant: "primary" | "secondary" | "destructive" | "tertiary" | "plain" | "fab" | FmButtonVariant;
     type: "button" | "submit" | "reset";
     label: string;
-    variant: "plain" | "primary" | "secondary" | "destructive" | "tertiary" | "fab" | FmButtonVariant;
-    icon: string;
+    size: "md" | "lg";
     disabled: boolean;
+    icon: string;
     iconPosition: "prepend" | "append";
     prependIcon: string;
     appendIcon: string;

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -78,15 +78,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     legend: undefined;
     tooltip: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"bar">>;
-    tooltip: Partial<TooltipOptions<"bar">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     stacked: boolean;
     maintainAspectRatio: boolean;
     hideXAxis: boolean;
     hideYAxis: boolean;
+    tooltip: Partial<TooltipOptions<"bar">>;
 }, {}>, {
     title?(_: {}): any;
 }>;

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -73,8 +73,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"line">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     hideXAxis: boolean;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -76,9 +76,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maintainAspectRatio: boolean;
     percentage: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"pie" | "doughnut">>;
     text: string;
+    name: string;
     textColor: string;
     paragraph: string;
     maintainAspectRatio: boolean;

package/dist/components/chip/FmChip.vue.d.ts

@@ -39,14 +39,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onChip-closed"?: (() => any) | undefined;
 }, {
-    label: string;
     variant: FmChipVariant;
-    icon: string;
+    label: string;
+    selected: boolean;
     disabled: boolean;
-    selectable: boolean;
+    icon: string;
     rightIcon: string;
-    selected: boolean;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/chip-group/FmChipGroup.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onChip-closed"?: ((index: number) => any) | undefined;
 }, {
     disabled: boolean;
-    selectable: boolean;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>;
 export default _default;

package/dist/components/dialog/FmDialog.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    modelValue: boolean;
     zIndex: number;
+    modelValue: boolean;
     overlay: boolean;
     minWidth: string | number;
     closeButton: boolean;

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -101,8 +101,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onDialog-opened"?: (() => any) | undefined;
     "onDialog-closed"?: ((mv?: any) => any) | undefined;
 }, {
-    zIndex: number;
     dismissAway: boolean;
+    zIndex: number;
     message: string;
     overlay: boolean;
     minWidth: string | number;

package/dist/components/form/calendar/date-picker/FmDatePicker.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -38,10 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/calendar/date-picker/FmDatePickerDesktop.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -38,10 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-picker/FmDatePickerMobile.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -38,10 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-range-picker/FmDateRangePicker.vue.d.ts

@@ -52,9 +52,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     compare: boolean;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: import("./common").FmCalendarPredefinedRange[];
 }, {}>, {

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerDesktop.vue.d.ts

@@ -46,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -53,11 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
     compare: boolean;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
 }, {}>, {

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerMobile.vue.d.ts

@@ -46,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -53,11 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
     compare: boolean;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
 }, {}>, {

package/dist/components/form/field/FmField.vue.d.ts

@@ -33,11 +33,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     size: "sm" | "md";
     disabled: boolean;
+    prependIcon: string;
+    appendIcon: string;
     focused: boolean;
     invalid: boolean;
     tag: string;
-    prependIcon: string;
-    appendIcon: string;
     showValidBorder: boolean;
     iconOutlined: boolean;
 }, {}>, {

package/dist/components/form/form-group/FmFormGroup.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperState: string;
     tag: string;
 }>>>, {
-    required: boolean;
-    label: string;
     info: string;
+    label: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
     focused: boolean;

package/dist/components/form/label/FmLabel.vue.d.ts

@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     info: string;
     locale: string;
 }>>>, {
-    required: boolean;
-    label: string;
     info: string;
+    label: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
     locale: "en" | "cn";

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
-    label: string;
     inline: boolean;
+    label: string;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;

package/dist/components/form/search/FmGlobalSearch.vue.d.ts

@@ -65,8 +65,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     modelValue: string;
     placeholder: string;
-    onSearch: (input: string) => Promise<FmGlobalSearchSuggestion[]>;
     show: boolean;
+    onSearch: (input: string) => Promise<FmGlobalSearchSuggestion[]>;
     suggestions: FmGlobalSearchSuggestion[];
     hintPlaceholder: string;
     notFoundPlaceholder: string;

package/dist/components/form/search/FmSearch.vue.d.ts

@@ -74,13 +74,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
     maxWidth: string | number;
-    showValidBorder: boolean;
-    minLength: number;
     maxLength: number;
-    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
+    minLength: number;
+    autofocus: boolean;
+    showValidBorder: boolean;
+    inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
-    autofocus: boolean;
     showSuccess: boolean;
     prependText: string;
     appendText: string;

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -78,7 +78,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    maxHeight: number;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
@@ -87,10 +86,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperState: "success" | "warning" | "none" | "error";
     placement: Placement;
     width: number;
+    maxHeight: number;
     showValidBorder: boolean;
     multiselect: boolean;
     menuId: string;
-    searchTarget: "label" | "value";
+    searchTarget: "value" | "label";
     searchDebounce: number;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePicker.vue.d.ts

@@ -36,9 +36,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerDesktop.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -38,10 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerMobile.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -38,10 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePicker.vue.d.ts

@@ -51,9 +51,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: import("./common").FmCalendarPredefinedRange[];
 }, {}>, {

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerDesktop.vue.d.ts

@@ -48,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -55,10 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
     defaultCompareType: CompareType;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerMobile.vue.d.ts

@@ -48,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -55,10 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
     max: string;
+    min: string;
+    showValidBorder: boolean;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
     defaultCompareType: CompareType;

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -74,19 +74,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
+    prependIcon: string;
+    appendIcon: string;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
-    prependIcon: string;
-    appendIcon: string;
+    max: number;
+    min: number;
+    step: number;
     showValidBorder: boolean;
     inputmode: "numeric" | "decimal";
-    step: number;
-    min: number;
-    max: number;
     prependText: string;
     appendText: string;
     isCurrency: boolean;

package/dist/components/form/switch/FmSwitch.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    label: string;
     value: any;
+    label: string;
     disabled: boolean;
     sublabel: string;
     labelPlacement: "left" | "right";

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -92,18 +92,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     datalist: string[];
     label: string;
     disabled: boolean;
+    prependIcon: string;
+    appendIcon: string;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
-    prependIcon: string;
-    appendIcon: string;
-    showValidBorder: boolean;
-    minLength: number;
     maxLength: number;
-    inputmode: "text" | "numeric" | "search" | "none" | "email" | "password" | "tel" | "url" | "decimal";
+    minLength: number;
+    showValidBorder: boolean;
+    inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
     formatter: (value: string) => string;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -65,12 +65,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
-    showValidBorder: boolean;
-    minLength: number;
     maxLength: number;
+    minLength: number;
+    autofocus: boolean;
+    showValidBorder: boolean;
     readonly: boolean;
     showWordCount: boolean;
-    autofocus: boolean;
     showSuccess: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/time-picker/FmTimePicker.vue.d.ts

@@ -35,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -42,7 +43,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
     placeholder: string;
     showValidBorder: boolean;
 }, {}>, {

package/dist/components/form/time-picker/FmTimeRangePicker.vue.d.ts

@@ -38,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
@@ -45,7 +46,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    zIndex: number;
     placeholder: string;
     showValidBorder: boolean;
     disableTimeCheck: boolean;

package/dist/components/menu/menu-component/FmMenu.vue.d.ts

@@ -31,6 +31,11 @@ interface FmMenu {
     shift?: boolean;
     /** shift the menu when it's height is lower than the available height */
     minHeight?: number;
+    /** padding for the menu */
+    flipPadding?: {
+        bottom?: number;
+        top?: number;
+    };
     /**
      * The element ids to exclude from click window behavior.
      */
@@ -67,6 +72,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     inPopover: boolean;
     zIndex: number;
     shift: boolean;
+    flipPadding: () => {
+        bottom: number;
+    };
 }>, {
     toggleMenu: typeof toggleMenu;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -83,19 +91,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     inPopover: boolean;
     zIndex: number;
     shift: boolean;
+    flipPadding: () => {
+        bottom: number;
+    };
 }>>> & {
     "onMenu-changed"?: ((opened: boolean) => any) | undefined;
 }, {
     shift: boolean;
+    zIndex: number;
     disabled: boolean;
-    maxHeight: number;
     placement: Placement;
-    zIndex: number;
     width: number;
     trigger: "click" | "hover";
     closeOnClick: boolean;
     closeOnMouseLeave: boolean;
+    maxHeight: number;
     inPopover: boolean;
+    flipPadding: {
+        bottom?: number | undefined;
+        top?: number | undefined;
+    };
 }, {}>, {
     "menu-button"?(_: {}): any;
     "menu-wrapper"?(_: {