@unizhen/ui 0.1.100 → 0.1.102

package/lib/components/table/drawer.vue.d.ts

@@ -1,17 +1,21 @@
 import { ObjectKey } from '../interface';
 import { ITableOptions } from './interface';
-import { PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNodeChild, SlotsType, ComponentProvideOptions, CSSProperties } from 'vue';
+import { PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNodeChild, CSSProperties, SlotsType, ComponentProvideOptions } from 'vue';
 import { ButtonSize, ButtonType, ButtonSpinProps, ButtonSlots, ThemeCommonVars, DrawerContentSlots, DrawerPlacement, SkeletonSize, SpinSlots, PopoverTrigger, PopoverPlacement, PopoverSlots, ButtonProps, CardSegmented, CardSize, ModalSlots } from 'naive-ui';
 import { MaybeArray } from 'naive-ui/es/_utils';
-import { Theme } from 'naive-ui/es/_mixins';
-import { ExtractThemeOverrides } from 'naive-ui/es/_mixins/use-theme';
-import { BaseWaveRef, ScrollbarProps } from 'naive-ui/es/_internal';
+import { ButtonTheme, ButtonThemeOverrides } from 'naive-ui/es/button/styles';
 import { RtlItem } from 'naive-ui/es/config-provider/src/internal-interface';
+import { ScrollbarProps } from 'naive-ui/es/_internal';
+import { DrawerThemeVars, DrawerTheme, DrawerThemeOverrides } from 'naive-ui/es/drawer/styles';
+import { ScrollbarTheme } from 'naive-ui/es/_internal/scrollbar/styles';
+import { SkeletonTheme, SkeletonThemeOverrides } from 'naive-ui/es/skeleton/styles';
+import { SpinTheme, SpinThemeOverrides } from 'naive-ui/es/spin/styles';
 import { InternalRenderBody } from 'naive-ui/es/popover/src/interface';
 import { TriggerEventHandlers } from 'naive-ui/es/popover/src/Popover';
-import { BinderInst } from 'vueuc';
+import { PopoverTheme, PopoverThemeOverrides } from 'naive-ui/es/popover/styles';
 import { ModalDraggableOptions } from 'naive-ui/es/modal/src/interface';
 import { IconPlacement } from 'naive-ui/es/dialog/src/interface';
+import { ModalTheme, ModalThemeOverrides } from 'naive-ui/es/modal/styles';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: DefineComponent<{}, {
@@ -122,628 +126,15 @@ declare const __VLS_export: DefineComponent<{}, {
             readonly default: boolean;
         };
         readonly spinProps: PropType< ButtonSpinProps>;
-        readonly theme: PropType< Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>>;
+        readonly theme: PropType< ButtonTheme>;
+        readonly themeOverrides: PropType< ButtonThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< ButtonThemeOverrides>;
     }>, {
         selfElRef: Ref<HTMLElement | null, HTMLElement | null>;
-        waveElRef: Ref<{
-            play: () => void;
-        } | null, BaseWaveRef | {
-            play: () => void;
-        } | null>;
+        waveElRef: unknown;
         mergedClsPrefix: Ref<string, string>;
         mergedFocusable: ComputedRef<boolean>;
-        mergedSize: ComputedRef<"tiny" | "small" | "medium" | "large">;
+        mergedSize: ComputedRef<"large" | "medium" | "small" | "tiny">;
         showBorder: ComputedRef<boolean>;
         enterPressed: Ref<boolean, boolean>;
         rtlEnabled: Ref< RtlItem | undefined, RtlItem | undefined> | undefined;
@@ -752,44 +143,8 @@ declare const __VLS_export: DefineComponent<{}, {
         handleBlur: () => void;
         handleKeyup: (e: KeyboardEvent) => void;
         handleClick: (e: MouseEvent) => void;
-        customColorCssVars: ComputedRef<{
-            "--n-border-color": string;
-            "--n-border-color-hover": string;
-            "--n-border-color-pressed": string;
-            "--n-border-color-focus": string;
-            "--n-border-color-disabled": string;
-        } | null>;
-        cssVars: ComputedRef<{
-            "--n-width": string;
-            "--n-height": string;
-            "--n-font-size": string;
-            "--n-padding": string;
-            "--n-icon-size": string;
-            "--n-icon-margin": string;
-            "--n-border-radius": string;
-            "--n-border": string;
-            "--n-border-hover": string;
-            "--n-border-pressed": string;
-            "--n-border-focus": string;
-            "--n-border-disabled": string;
-            "--n-color": string;
-            "--n-color-hover": string;
-            "--n-color-pressed": string;
-            "--n-color-focus": string;
-            "--n-color-disabled": string;
-            "--n-ripple-color": string;
-            "--n-text-color": string;
-            "--n-text-color-hover": string;
-            "--n-text-color-pressed": string;
-            "--n-text-color-focus": string;
-            "--n-text-color-disabled": string;
-            "--n-font-weight": string;
-            "--n-bezier": string;
-            "--n-bezier-ease-out": string;
-            "--n-ripple-duration": string;
-            "--n-opacity-disabled": string;
-            "--n-wave-opacity": string;
-        }> | undefined;
+        customColorCssVars: Ref<CSSProperties>;
+        cssVars: Ref<CSSProperties, CSSProperties> | undefined;
         themeClass: Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
@@ -843,635 +198,26 @@ declare const __VLS_export: DefineComponent<{}, {
             readonly default: boolean;
         };
         readonly spinProps: PropType< ButtonSpinProps>;
-        readonly theme: PropType< Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>>>;
+        readonly theme: PropType< ButtonTheme>;
+        readonly themeOverrides: PropType< ButtonThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< ButtonThemeOverrides>;
     }>> & Readonly<{}>, {
-        readonly disabled: boolean;
         readonly type: ButtonType;
         readonly bordered: boolean;
         readonly block: boolean;
         readonly loading: boolean;
+        readonly strong: boolean;
+        readonly disabled: boolean;
         readonly circle: boolean;
         readonly round: boolean;
         readonly text: boolean;
-        readonly strong: boolean;
+        readonly tag: keyof HTMLElementTagNameMap;
         readonly tertiary: boolean;
         readonly ghost: boolean;
         readonly secondary: boolean;
         readonly quaternary: boolean;
         readonly focusable: boolean;
         readonly keyboard: boolean;
-        readonly tag: keyof HTMLElementTagNameMap;
         readonly dashed: boolean;
         readonly iconPlacement: "left" | "right";
         readonly attrType: "button" | "submit" | "reset";
@@ -1497,43 +243,9 @@ declare const __VLS_export: DefineComponent<{}, {
         handleCloseClick: () => void;
         mergedTheme: Ref<{
             common: ThemeCommonVars;
-            self: {
-                bodyPadding: string;
-                borderRadius: string;
-                headerPadding: string;
-                footerPadding: string;
-                color: string;
-                textColor: string;
-                titleTextColor: string;
-                titleFontSize: string;
-                titleFontWeight: string;
-                boxShadow: string;
-                lineHeight: string;
-                headerBorderBottom: string;
-                footerBorderTop: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                resizableTriggerColorHover: string;
-            };
+            self: DrawerThemeVars;
             peers: {
-                Scrollbar: Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
+                Scrollbar: ScrollbarTheme;
             };
             peerOverrides: {
                 Scrollbar?: {
@@ -1544,43 +256,9 @@ declare const __VLS_export: DefineComponent<{}, {
             };
         }, {
             common: ThemeCommonVars;
-            self: {
-                bodyPadding: string;
-                borderRadius: string;
-                headerPadding: string;
-                footerPadding: string;
-                color: string;
-                textColor: string;
-                titleTextColor: string;
-                titleFontSize: string;
-                titleFontWeight: string;
-                boxShadow: string;
-                lineHeight: string;
-                headerBorderBottom: string;
-                footerBorderTop: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                resizableTriggerColorHover: string;
-            };
+            self: DrawerThemeVars;
             peers: {
-                Scrollbar: Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
+                Scrollbar: ScrollbarTheme;
             };
             peerOverrides: {
                 Scrollbar?: {
@@ -1684,117 +362,9 @@ declare const __VLS_export: DefineComponent<{}, {
         readonly target: null;
         readonly onShow: PropType<(value: boolean) => void>;
         readonly onHide: PropType<(value: boolean) => void>;
-        readonly theme: PropType< Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
+        readonly theme: PropType< DrawerTheme>;
+        readonly themeOverrides: PropType< DrawerThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< DrawerThemeOverrides>;
     }>, {
         mergedClsPrefix: Ref<string, string>;
         namespace: ComputedRef<string | undefined>;
@@ -1804,43 +374,9 @@ declare const __VLS_export: DefineComponent<{}, {
         handleEsc: (e: KeyboardEvent) => void;
         mergedTheme: ComputedRef<{
             common: ThemeCommonVars;
-            self: {
-                bodyPadding: string;
-                borderRadius: string;
-                headerPadding: string;
-                footerPadding: string;
-                color: string;
-                textColor: string;
-                titleTextColor: string;
-                titleFontSize: string;
-                titleFontWeight: string;
-                boxShadow: string;
-                lineHeight: string;
-                headerBorderBottom: string;
-                footerBorderTop: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                resizableTriggerColorHover: string;
-            };
+            self: DrawerThemeVars;
             peers: {
-                Scrollbar: Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
+                Scrollbar: ScrollbarTheme;
             };
             peerOverrides: {
                 Scrollbar?: {
@@ -1850,33 +386,7 @@ declare const __VLS_export: DefineComponent<{}, {
                 } | undefined;
             };
         }>;
-        cssVars: ComputedRef<{
-            "--n-line-height": string;
-            "--n-color": string;
-            "--n-border-radius": string;
-            "--n-text-color": string;
-            "--n-box-shadow": string;
-            "--n-bezier": string;
-            "--n-bezier-out": string;
-            "--n-bezier-in": string;
-            "--n-header-padding": string;
-            "--n-body-padding": string;
-            "--n-footer-padding": string;
-            "--n-title-text-color": string;
-            "--n-title-font-size": string;
-            "--n-title-font-weight": string;
-            "--n-header-border-bottom": string;
-            "--n-footer-border-top": string;
-            "--n-close-icon-color": string;
-            "--n-close-icon-color-hover": string;
-            "--n-close-icon-color-pressed": string;
-            "--n-close-size": string;
-            "--n-close-color-hover": string;
-            "--n-close-color-pressed": string;
-            "--n-close-icon-size": string;
-            "--n-close-border-radius": string;
-            "--n-resize-trigger-color-hover": string;
-        }> | undefined;
+        cssVars: Ref<CSSProperties, CSSProperties> | undefined;
         themeClass: Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
         isMounted: Readonly< Ref<boolean, boolean>>;
@@ -1953,121 +463,13 @@ declare const __VLS_export: DefineComponent<{}, {
         readonly target: null;
         readonly onShow: PropType<(value: boolean) => void>;
         readonly onHide: PropType<(value: boolean) => void>;
-        readonly theme: PropType< Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Drawer", {
-            bodyPadding: string;
-            borderRadius: string;
-            headerPadding: string;
-            footerPadding: string;
-            color: string;
-            textColor: string;
-            titleTextColor: string;
-            titleFontSize: string;
-            titleFontWeight: string;
-            boxShadow: string;
-            lineHeight: string;
-            headerBorderBottom: string;
-            footerBorderTop: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeSize: string;
-            closeIconSize: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            closeBorderRadius: string;
-            resizableTriggerColorHover: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
+        readonly theme: PropType< DrawerTheme>;
+        readonly themeOverrides: PropType< DrawerThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< DrawerThemeOverrides>;
     }>> & Readonly<{}>, {
         readonly placement: DrawerPlacement;
         readonly show: boolean;
-        readonly displayDirective: "show" | "if";
+        readonly displayDirective: "if" | "show";
         readonly resizable: boolean;
         readonly blockScroll: boolean;
         readonly closeOnEsc: boolean;
@@ -2098,43 +500,12 @@ declare const __VLS_export: DefineComponent<{}, {
             readonly type: BooleanConstructor;
             readonly default: true;
         };
-        readonly theme: PropType< Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>>;
+        readonly theme: PropType< SkeletonTheme>;
+        readonly themeOverrides: PropType< SkeletonThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< SkeletonThemeOverrides>;
     }>, {
         mergedClsPrefix: Ref<string, string>;
-        style: ComputedRef<{
-            display: string;
-            verticalAlign: string;
-            borderRadius: string;
-            width: string | undefined;
-            height: string | undefined;
-            animation: string;
-            "--n-bezier": string;
-            "--n-color-start": string;
-            "--n-color-end": string;
-        }>;
+        style: Ref<CSSProperties>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
         readonly text: BooleanConstructor;
         readonly round: BooleanConstructor;
@@ -2154,30 +525,9 @@ declare const __VLS_export: DefineComponent<{}, {
             readonly type: BooleanConstructor;
             readonly default: true;
         };
-        readonly theme: PropType< Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>;
-        readonly themeOverrides: PropType< ExtractThemeOverrides<Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>>;
-        readonly builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Skeleton", {
-            color: string;
-            colorEnd: string;
-            borderRadius: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-        }, any>>>;
+        readonly theme: PropType< SkeletonTheme>;
+        readonly themeOverrides: PropType< SkeletonThemeOverrides>;
+        readonly builtinThemeOverrides: PropType< SkeletonThemeOverrides>;
     }>> & Readonly<{}>, {
         readonly circle: boolean;
         readonly round: boolean;
@@ -2187,10 +537,7 @@ declare const __VLS_export: DefineComponent<{}, {
         readonly sharp: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     NSpin: DefineComponent<ExtractPropTypes<{
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
+        strokeWidth: NumberConstructor;
         stroke: {
             type: StringConstructor;
             default: undefined;
@@ -2224,57 +571,18 @@ declare const __VLS_export: DefineComponent<{}, {
             default: undefined;
         };
         delay: NumberConstructor;
-        theme: PropType< Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>>;
+        theme: PropType< SpinTheme>;
+        themeOverrides: PropType< SpinThemeOverrides>;
+        builtinThemeOverrides: PropType< SpinThemeOverrides>;
     }>, {
         mergedClsPrefix: Ref<string, string>;
         active: Ref<boolean, boolean>;
         mergedStrokeWidth: ComputedRef<number>;
-        cssVars: ComputedRef<{
-            "--n-bezier": string;
-            "--n-opacity-spinning": string;
-            "--n-size": string;
-            "--n-color": string;
-            "--n-text-color": string;
-        }> | undefined;
+        cssVars: Ref<CSSProperties, CSSProperties> | undefined;
         themeClass: Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
+        strokeWidth: NumberConstructor;
         stroke: {
             type: StringConstructor;
             default: undefined;
@@ -2308,44 +616,13 @@ declare const __VLS_export: DefineComponent<{}, {
             default: undefined;
         };
         delay: NumberConstructor;
-        theme: PropType< Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Spin", {
-            fontSize: string;
-            textColor: string;
-            sizeTiny: string;
-            sizeSmall: string;
-            sizeMedium: string;
-            sizeLarge: string;
-            sizeHuge: string;
-            color: string;
-            opacitySpinning: string;
-        }, any>>>;
+        theme: PropType< SpinTheme>;
+        themeOverrides: PropType< SpinThemeOverrides>;
+        builtinThemeOverrides: PropType< SpinThemeOverrides>;
     }>> & Readonly<{}>, {
-        size: number | "small" | "medium" | "large";
+        size: number | "large" | "medium" | "small";
         show: boolean;
         stroke: string;
-        strokeWidth: number;
         scale: number;
         radius: number;
         rotate: boolean;
@@ -2444,93 +721,11 @@ declare const __VLS_export: DefineComponent<{}, {
         };
         minWidth: NumberConstructor;
         maxWidth: NumberConstructor;
-        theme: PropType< Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
+        theme: PropType< PopoverTheme>;
+        themeOverrides: PropType< PopoverThemeOverrides>;
+        builtinThemeOverrides: PropType< PopoverThemeOverrides>;
     }>, {
-        binderInstRef: Ref<{
-            targetRef: HTMLElement | null;
-        } | null, BinderInst | {
-            targetRef: HTMLElement | null;
-        } | null>;
+        binderInstRef: unknown;
         positionManually: ComputedRef<boolean>;
         mergedShowConsideringDisabledProp: ComputedRef<boolean>;
         uncontrolledShow: Ref<boolean, boolean>;
@@ -2636,103 +831,24 @@ declare const __VLS_export: DefineComponent<{}, {
         };
         minWidth: NumberConstructor;
         maxWidth: NumberConstructor;
-        theme: PropType< Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Popover", {
-            fontSize: string;
-            borderRadius: string;
-            color: string;
-            dividerColor: string;
-            textColor: string;
-            boxShadow: string;
-            space: string;
-            spaceArrow: string;
-            arrowOffset: string;
-            arrowOffsetVertical: string;
-            arrowHeight: string;
-            padding: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-        }>>>;
+        theme: PropType< PopoverTheme>;
+        themeOverrides: PropType< PopoverThemeOverrides>;
+        builtinThemeOverrides: PropType< PopoverThemeOverrides>;
     }>> & Readonly<{}>, {
-        disabled: boolean;
+        to: string | boolean | HTMLElement;
         raw: boolean;
         width: number | "trigger";
         duration: number;
         scrollable: boolean;
         trigger: PopoverTrigger;
-        to: string | boolean | HTMLElement;
+        disabled: boolean;
         placement: PopoverPlacement;
         show: boolean | undefined;
-        showArrow: boolean;
-        arrow: boolean | undefined;
         defaultShow: boolean;
+        showArrow: boolean;
         delay: number;
         arrowPointToCenter: boolean;
-        displayDirective: "show" | "if";
+        displayDirective: "if" | "show";
         flip: boolean;
         animated: boolean;
         overlap: boolean;
@@ -2742,6 +858,7 @@ declare const __VLS_export: DefineComponent<{}, {
         internalInheritedEventHandlers: TriggerEventHandlers[];
         internalTrapFocus: boolean;
         internalExtraClass: string[];
+        arrow: boolean | undefined;
     }, SlotsType<PopoverSlots>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     NModal: DefineComponent<ExtractPropTypes<{
         draggable: PropType<boolean | ModalDraggableOptions>;
@@ -2857,882 +974,9 @@ declare const __VLS_export: DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        theme: PropType< Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>>;
+        theme: PropType< ModalTheme>;
+        themeOverrides: PropType< ModalThemeOverrides>;
+        builtinThemeOverrides: PropType< ModalThemeOverrides>;
     }>, {
         mergedClsPrefix: Ref<string, string>;
         namespace: ComputedRef<string | undefined>;
@@ -3747,12 +991,7 @@ declare const __VLS_export: DefineComponent<{}, {
         handleNegativeClick: () => void;
         handlePositiveClick: () => void;
         handleCloseClick: () => void;
-        cssVars: ComputedRef<{
-            "--n-bezier-ease-out": string;
-            "--n-box-shadow": string;
-            "--n-color": string;
-            "--n-text-color": string;
-        }> | undefined;
+        cssVars: Ref<CSSProperties, CSSProperties> | undefined;
         themeClass: Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
@@ -3869,897 +1108,24 @@ declare const __VLS_export: DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        theme: PropType< Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>;
-        themeOverrides: PropType< ExtractThemeOverrides<Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: PropType< ExtractThemeOverrides<Theme<"Modal", {
-            color: string;
-            textColor: string;
-            boxShadow: string;
-        }, {
-            Scrollbar: Theme<"Scrollbar", {
-                height: string;
-                width: string;
-                borderRadius: string;
-                color: string;
-                colorHover: string;
-                railInsetHorizontalBottom: string;
-                railInsetHorizontalTop: string;
-                railInsetVerticalRight: string;
-                railInsetVerticalLeft: string;
-                railColor: string;
-            }, any>;
-            Dialog: Theme<"Dialog", {
-                fontSize: string;
-                lineHeight: string;
-                border: string;
-                titleTextColor: string;
-                textColor: string;
-                color: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
-                iconColor: string;
-                iconColorInfo: string;
-                iconColorSuccess: string;
-                iconColorWarning: string;
-                iconColorError: string;
-                borderRadius: string;
-                titleFontWeight: string;
-                titleFontSize: string;
-                padding: string;
-                iconSize: string;
-                actionSpace: string;
-                contentMargin: string;
-                iconMargin: string;
-                iconMarginIconTop: string;
-                closeSize: string;
-                closeIconSize: string;
-                closeMargin: string;
-                closeMarginIconTop: string;
-            }, {
-                Button: Theme<"Button", {
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    borderRadiusTiny: string;
-                    borderRadiusSmall: string;
-                    borderRadiusMedium: string;
-                    borderRadiusLarge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    opacityDisabled: string;
-                    colorOpacitySecondary: string;
-                    colorOpacitySecondaryHover: string;
-                    colorOpacitySecondaryPressed: string;
-                    colorSecondary: string;
-                    colorSecondaryHover: string;
-                    colorSecondaryPressed: string;
-                    colorTertiary: string;
-                    colorTertiaryHover: string;
-                    colorTertiaryPressed: string;
-                    colorQuaternary: string;
-                    colorQuaternaryHover: string;
-                    colorQuaternaryPressed: string;
-                    color: string;
-                    colorHover: string;
-                    colorPressed: string;
-                    colorFocus: string;
-                    colorDisabled: string;
-                    textColor: string;
-                    textColorTertiary: string;
-                    textColorHover: string;
-                    textColorPressed: string;
-                    textColorFocus: string;
-                    textColorDisabled: string;
-                    textColorText: string;
-                    textColorTextHover: string;
-                    textColorTextPressed: string;
-                    textColorTextFocus: string;
-                    textColorTextDisabled: string;
-                    textColorGhost: string;
-                    textColorGhostHover: string;
-                    textColorGhostPressed: string;
-                    textColorGhostFocus: string;
-                    textColorGhostDisabled: string;
-                    border: string;
-                    borderHover: string;
-                    borderPressed: string;
-                    borderFocus: string;
-                    borderDisabled: string;
-                    rippleColor: string;
-                    colorPrimary: string;
-                    colorHoverPrimary: string;
-                    colorPressedPrimary: string;
-                    colorFocusPrimary: string;
-                    colorDisabledPrimary: string;
-                    textColorPrimary: string;
-                    textColorHoverPrimary: string;
-                    textColorPressedPrimary: string;
-                    textColorFocusPrimary: string;
-                    textColorDisabledPrimary: string;
-                    textColorTextPrimary: string;
-                    textColorTextHoverPrimary: string;
-                    textColorTextPressedPrimary: string;
-                    textColorTextFocusPrimary: string;
-                    textColorTextDisabledPrimary: string;
-                    textColorGhostPrimary: string;
-                    textColorGhostHoverPrimary: string;
-                    textColorGhostPressedPrimary: string;
-                    textColorGhostFocusPrimary: string;
-                    textColorGhostDisabledPrimary: string;
-                    borderPrimary: string;
-                    borderHoverPrimary: string;
-                    borderPressedPrimary: string;
-                    borderFocusPrimary: string;
-                    borderDisabledPrimary: string;
-                    rippleColorPrimary: string;
-                    colorInfo: string;
-                    colorHoverInfo: string;
-                    colorPressedInfo: string;
-                    colorFocusInfo: string;
-                    colorDisabledInfo: string;
-                    textColorInfo: string;
-                    textColorHoverInfo: string;
-                    textColorPressedInfo: string;
-                    textColorFocusInfo: string;
-                    textColorDisabledInfo: string;
-                    textColorTextInfo: string;
-                    textColorTextHoverInfo: string;
-                    textColorTextPressedInfo: string;
-                    textColorTextFocusInfo: string;
-                    textColorTextDisabledInfo: string;
-                    textColorGhostInfo: string;
-                    textColorGhostHoverInfo: string;
-                    textColorGhostPressedInfo: string;
-                    textColorGhostFocusInfo: string;
-                    textColorGhostDisabledInfo: string;
-                    borderInfo: string;
-                    borderHoverInfo: string;
-                    borderPressedInfo: string;
-                    borderFocusInfo: string;
-                    borderDisabledInfo: string;
-                    rippleColorInfo: string;
-                    colorSuccess: string;
-                    colorHoverSuccess: string;
-                    colorPressedSuccess: string;
-                    colorFocusSuccess: string;
-                    colorDisabledSuccess: string;
-                    textColorSuccess: string;
-                    textColorHoverSuccess: string;
-                    textColorPressedSuccess: string;
-                    textColorFocusSuccess: string;
-                    textColorDisabledSuccess: string;
-                    textColorTextSuccess: string;
-                    textColorTextHoverSuccess: string;
-                    textColorTextPressedSuccess: string;
-                    textColorTextFocusSuccess: string;
-                    textColorTextDisabledSuccess: string;
-                    textColorGhostSuccess: string;
-                    textColorGhostHoverSuccess: string;
-                    textColorGhostPressedSuccess: string;
-                    textColorGhostFocusSuccess: string;
-                    textColorGhostDisabledSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    borderPressedSuccess: string;
-                    borderFocusSuccess: string;
-                    borderDisabledSuccess: string;
-                    rippleColorSuccess: string;
-                    colorWarning: string;
-                    colorHoverWarning: string;
-                    colorPressedWarning: string;
-                    colorFocusWarning: string;
-                    colorDisabledWarning: string;
-                    textColorWarning: string;
-                    textColorHoverWarning: string;
-                    textColorPressedWarning: string;
-                    textColorFocusWarning: string;
-                    textColorDisabledWarning: string;
-                    textColorTextWarning: string;
-                    textColorTextHoverWarning: string;
-                    textColorTextPressedWarning: string;
-                    textColorTextFocusWarning: string;
-                    textColorTextDisabledWarning: string;
-                    textColorGhostWarning: string;
-                    textColorGhostHoverWarning: string;
-                    textColorGhostPressedWarning: string;
-                    textColorGhostFocusWarning: string;
-                    textColorGhostDisabledWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    borderPressedWarning: string;
-                    borderFocusWarning: string;
-                    borderDisabledWarning: string;
-                    rippleColorWarning: string;
-                    colorError: string;
-                    colorHoverError: string;
-                    colorPressedError: string;
-                    colorFocusError: string;
-                    colorDisabledError: string;
-                    textColorError: string;
-                    textColorHoverError: string;
-                    textColorPressedError: string;
-                    textColorFocusError: string;
-                    textColorDisabledError: string;
-                    textColorTextError: string;
-                    textColorTextHoverError: string;
-                    textColorTextPressedError: string;
-                    textColorTextFocusError: string;
-                    textColorTextDisabledError: string;
-                    textColorGhostError: string;
-                    textColorGhostHoverError: string;
-                    textColorGhostPressedError: string;
-                    textColorGhostFocusError: string;
-                    textColorGhostDisabledError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    borderPressedError: string;
-                    borderFocusError: string;
-                    borderDisabledError: string;
-                    rippleColorError: string;
-                    waveOpacity: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingRoundTiny: string;
-                    paddingRoundSmall: string;
-                    paddingRoundMedium: string;
-                    paddingRoundLarge: string;
-                    iconMarginTiny: string;
-                    iconMarginSmall: string;
-                    iconMarginMedium: string;
-                    iconMarginLarge: string;
-                    iconSizeTiny: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    rippleDuration: string;
-                }, any>;
-            }>;
-            Card: Theme<"Card", {
-                lineHeight: string;
-                color: string;
-                colorModal: string;
-                colorPopover: string;
-                colorTarget: string;
-                colorEmbedded: string;
-                colorEmbeddedModal: string;
-                colorEmbeddedPopover: string;
-                textColor: string;
-                titleTextColor: string;
-                borderColor: string;
-                actionColor: string;
-                titleFontWeight: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                boxShadow: string;
-                borderRadius: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                titleFontSizeSmall: string;
-                titleFontSizeMedium: string;
-                titleFontSizeLarge: string;
-                titleFontSizeHuge: string;
-                closeIconSize: string;
-                closeSize: string;
-            }, any>;
-        }>>>;
+        theme: PropType< ModalTheme>;
+        themeOverrides: PropType< ModalThemeOverrides>;
+        builtinThemeOverrides: PropType< ModalThemeOverrides>;
     }>> & Readonly<{}>, {
-        type: "default" | "info" | "warning" | "error" | "success";
         showIcon: boolean;
+        type: "error" | "info" | "success" | "warning" | "default";
         bordered: boolean;
         closable: boolean;
         loading: boolean;
-        show: boolean;
-        transformOrigin: "center" | "mouse";
-        tag: keyof HTMLElementTagNameMap;
         contentScrollable: boolean;
         embedded: boolean;
         segmented: boolean | CardSegmented;
         hoverable: boolean;
+        tag: keyof HTMLElementTagNameMap;
         closeFocusable: boolean;
-        displayDirective: "show" | "if";
+        show: boolean;
+        displayDirective: "if" | "show";
+        transformOrigin: "center" | "mouse";
         blockScroll: boolean;
         closeOnEsc: boolean;
         autoFocus: boolean;