@uzum-tech/ui 1.12.0 → 1.12.1

package/lib/_internal/typography/src/variants.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.variantToCssVars = void 0;
+exports.variantToCssVars = exports.defaultVariantOptions = void 0;
+exports.mergeVariantOptions = mergeVariantOptions;
+exports.mergeVariantWeights = mergeVariantWeights;
 exports.getVariantCssVars = getVariantCssVars;
 exports.getVariantTag = getVariantTag;
 const fontFamily = 'var(--u-font-famliy-variant)';
-const baseStyles = {
+exports.defaultVariantOptions = {
     display: {
         l: {
             fontSize: '42px',
@@ -52,7 +54,12 @@ const baseStyles = {
             letterSpacing: '-0.009em',
             tag: 'h3'
         },
-        s: { fontSize: '18px', lineHeight: '28px', letterSpacing: '0', tag: 'h3' }
+        s: {
+            fontSize: '18px',
+            lineHeight: '28px',
+            letterSpacing: '0',
+            tag: 'h3'
+        }
     },
     body: {
         l: {
@@ -75,13 +82,21 @@ const baseStyles = {
         }
     }
 };
+const variantWeights = {
+    display: ['', 'medium', 'semi-bold', 'bold'],
+    heading: ['medium', 'semi-bold', 'bold'],
+    title: ['medium', 'semi-bold', 'bold'],
+    body: ['medium', 'semi-bold', 'bold']
+};
 const fontWeights = {
     medium: { weight: '500', style: 'medium' },
     'semi-bold': { weight: '600', style: 'semibold' },
-    bold: { weight: '700', style: 'bold' }
+    bold: { weight: '700', style: 'bold' },
+    '': { weight: '700', style: 'bold' }
 };
-function createVariant(category, size, weight) {
-    const base = baseStyles[category][size];
+function createVariant(options, category, size, weight) {
+    var _a, _b, _c;
+    const base = (_b = (_a = options === null || options === void 0 ? void 0 : options[category]) === null || _a === void 0 ? void 0 : _a[size]) !== null && _b !== void 0 ? _b : (_c = exports.defaultVariantOptions[category]) === null || _c === void 0 ? void 0 : _c[size];
     const { weight: fontWeight, style: fontStyle } = fontWeights[weight];
     return {
         fontFamily,
@@ -93,45 +108,74 @@ function createVariant(category, size, weight) {
         tag: base.tag
     };
 }
-function getVariantCssVars(variant, baseVars, fontFamilyVariant) {
-    if (!variant || !exports.variantToCssVars[variant]) {
+function mergeVariantOptions(variantOptions) {
+    if (!variantOptions)
+        return exports.defaultVariantOptions;
+    const mergedOptions = {};
+    const categories = new Set([
+        ...Object.keys(exports.defaultVariantOptions),
+        ...Object.keys(variantOptions)
+    ]);
+    categories.forEach((categoryKey) => {
+        const category = categoryKey;
+        mergedOptions[category] = Object.assign(Object.assign({}, (exports.defaultVariantOptions[category] || {})), (variantOptions[category] || {}));
+    });
+    return mergedOptions;
+}
+function mergeVariantWeights(variantWeightsOptions) {
+    if (!variantWeightsOptions)
+        return variantWeights;
+    const mergedWeights = {};
+    const categories = new Set([
+        ...Object.keys(variantWeights),
+        ...Object.keys(variantWeightsOptions)
+    ]);
+    categories.forEach((category) => {
+        const defaultWeights = variantWeights[category] || [];
+        const customWeights = variantWeightsOptions[category] || [];
+        const combined = [...defaultWeights];
+        customWeights.forEach((weight) => {
+            if (!combined.includes(weight)) {
+                combined.push(weight);
+            }
+        });
+        mergedWeights[category] = combined;
+    });
+    return mergedWeights;
+}
+function createVariantToCssVars(variantOptions, variantWeightsOptions) {
+    const configs = {};
+    const mergedWeights = mergeVariantWeights(variantWeightsOptions);
+    Object.entries(variantOptions).forEach(([category, sizes]) => {
+        const weights = mergedWeights[category] || [];
+        Object.keys(sizes).forEach((size) => {
+            weights.forEach((weight) => {
+                const variantKey = `${category}-${size}${weight ? `-${weight}` : ''}`;
+                configs[variantKey] = createVariant(variantOptions, category, size, weight);
+            });
+        });
+    });
+    return configs;
+}
+function resolveVariantConfigs(variantOptions, variantWeightsOptions) {
+    const hasCustomOptions = variantOptions && Object.keys(variantOptions).length > 0;
+    const hasCustomWeights = variantWeightsOptions && Object.keys(variantWeightsOptions).length > 0;
+    if (!hasCustomOptions && !hasCustomWeights) {
+        return exports.variantToCssVars;
+    }
+    return createVariantToCssVars(mergeVariantOptions(variantOptions), variantWeightsOptions);
+}
+function getVariantCssVars(variant, baseVars, fontFamilyVariant, variantOptions, variantWeightsOptions) {
+    const variantStyles = variant
+        ? resolveVariantConfigs(variantOptions, variantWeightsOptions)[variant]
+        : undefined;
+    if (!variantStyles) {
         return baseVars;
     }
-    const variantStyles = exports.variantToCssVars[variant];
     return Object.assign(Object.assign({}, baseVars), { '--u-font-famliy-variant': fontFamilyVariant, '--u-variant-font-size': variantStyles.fontSize, '--u-variant-font-weight': variantStyles.fontWeight, '--u-variant-line-height': variantStyles.lineHeight, '--u-variant-font-family': variantStyles.fontFamily, '--u-variant-font-style': variantStyles.fontStyle, '--u-variant-letter-spacing': variantStyles.letterSpacing });
 }
-function getVariantTag(variant) {
-    return exports.variantToCssVars[variant].tag;
+function getVariantTag(variant, variantOptions, variantWeightsOptions) {
+    var _a;
+    return (_a = resolveVariantConfigs(variantOptions, variantWeightsOptions)[variant]) === null || _a === void 0 ? void 0 : _a.tag;
 }
-exports.variantToCssVars = {
-    // Display variants
-    'display-l': createVariant('display', 'l', 'bold'),
-    'display-s': createVariant('display', 's', 'bold'),
-    // Heading variants
-    'heading-l-semi-bold': createVariant('heading', 'l', 'semi-bold'),
-    'heading-l-bold': createVariant('heading', 'l', 'bold'),
-    'heading-m-semi-bold': createVariant('heading', 'm', 'semi-bold'),
-    'heading-m-bold': createVariant('heading', 'm', 'bold'),
-    'heading-s-semi-bold': createVariant('heading', 's', 'semi-bold'),
-    'heading-s-bold': createVariant('heading', 's', 'bold'),
-    // Title variants
-    'title-l-medium': createVariant('title', 'l', 'medium'),
-    'title-l-semi-bold': createVariant('title', 'l', 'semi-bold'),
-    'title-l-bold': createVariant('title', 'l', 'bold'),
-    'title-m-medium': createVariant('title', 'm', 'medium'),
-    'title-m-semi-bold': createVariant('title', 'm', 'semi-bold'),
-    'title-m-bold': createVariant('title', 'm', 'bold'),
-    'title-s-medium': createVariant('title', 's', 'medium'),
-    'title-s-semi-bold': createVariant('title', 's', 'semi-bold'),
-    'title-s-bold': createVariant('title', 's', 'bold'),
-    // Body variants
-    'body-l-medium': createVariant('body', 'l', 'medium'),
-    'body-l-semi-bold': createVariant('body', 'l', 'semi-bold'),
-    'body-l-bold': createVariant('body', 'l', 'bold'),
-    'body-m-medium': createVariant('body', 'm', 'medium'),
-    'body-m-semi-bold': createVariant('body', 'm', 'semi-bold'),
-    'body-m-bold': createVariant('body', 'm', 'bold'),
-    'body-s-medium': createVariant('body', 's', 'medium'),
-    'body-s-semi-bold': createVariant('body', 's', 'semi-bold'),
-    'body-s-bold': createVariant('body', 's', 'bold')
-};
+exports.variantToCssVars = createVariantToCssVars(exports.defaultVariantOptions, variantWeights);

package/lib/_internal/typography/styles/dark.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const styles_1 = require("../../../styles");
+const common_1 = require("../../../_styles/common");
 const light_1 = require("./light");
 const typographyDark = {
     name: 'Typography',
-    common: styles_1.commonDark,
+    common: common_1.commonDark,
     self: light_1.self
 };
 exports.default = typographyDark;

package/lib/_internal/typography/styles/light.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../../../_mixins';
-import { ThemeCommonVars } from '../../../config-provider';
+import type { ThemeCommonVars } from '../../../config-provider';
 export declare const self: (vars: ThemeCommonVars) => {
     margin: string;
     aTextColor: string;

package/lib/_internal/typography/styles/light.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
-const styles_1 = require("../../../styles");
+const common_1 = require("../../../_styles/common");
 const self = (vars) => {
     const { borderRadiusSmall, brandPrimary500, elementsQuaternary, textPrimary, brandQuaternary500, staticRed, staticOrange, staticGreen, elementsTertiary, fontBodyMedium, lineHeightBodyMedium, codeBorder } = vars;
     return {
@@ -26,7 +26,7 @@ const self = (vars) => {
 exports.self = self;
 const typographyLight = {
     name: 'Typography',
-    common: styles_1.commonLight,
+    common: common_1.commonLight,
     self: exports.self
 };
 exports.default = typographyLight;

package/lib/affix/src/Affix.d.ts

@@ -27,7 +27,7 @@ export declare const affixProps: {
         readonly default: undefined;
     };
 };
-export declare const affixPropKeys: ("top" | "bottom" | "position" | "target" | "listenTo" | "triggerTop" | "triggerBottom" | "offsetTop" | "offsetBottom")[];
+export declare const affixPropKeys: ("top" | "bottom" | "listenTo" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
 export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }>>, {
-    readonly position: "absolute" | "fix";
-    readonly target: (() => HTMLElement) | undefined;
+    readonly position: "fix" | "absolute";
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
+    readonly target: (() => HTMLElement) | undefined;
 }, {}>;
 export default _default;

package/lib/alert/src/Alert.d.ts

@@ -929,11 +929,11 @@ declare const _default: import("vue").DefineComponent<{
         descriptionSpaceBanner: string;
     }, any>>>;
 }>>, {
-    type: "default" | "primary" | "info" | "success" | "warning" | "error";
+    type: "default" | "info" | "warning" | "error" | "success" | "primary";
     showIcon: boolean;
-    closable: boolean;
+    layoutType: "banner" | "alert";
     rounded: boolean;
-    layoutType: "alert" | "banner";
     actionsHorizontal: boolean;
+    closable: boolean;
 }, {}>;
 export default _default;

package/lib/anchor/src/AnchorAdapter.d.ts

@@ -280,15 +280,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly type: "block" | "rail";
     readonly top: number;
-    readonly position: "absolute" | "fix";
-    readonly target: (() => HTMLElement) | undefined;
-    readonly affix: boolean;
-    readonly offsetTop: number | undefined;
-    readonly offsetBottom: number | undefined;
     readonly showRail: boolean;
     readonly showBackground: boolean;
     readonly bound: number;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
+    readonly position: "fix" | "absolute";
+    readonly offsetTop: number | undefined;
+    readonly offsetBottom: number | undefined;
+    readonly target: (() => HTMLElement) | undefined;
+    readonly affix: boolean;
 }, {}>;
 export default _default;

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -1608,12 +1608,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
+    readonly clearable: boolean;
+    readonly defaultValue: string | null;
     readonly resetMenuOnOptionsChange: boolean;
     readonly placement: FollowerPlacement;
-    readonly defaultValue: string | null;
-    readonly clearable: boolean;
-    readonly options: AutoCompleteOptions;
     readonly blurAfterSelect: boolean;
     readonly clearAfterSelect: boolean;
+    readonly options: AutoCompleteOptions;
 }, {}>;
 export default _default;

package/lib/avatar/src/Avatar.d.ts

@@ -243,8 +243,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly loading: boolean;
     readonly bordered: boolean;
-    readonly round: boolean;
     readonly circle: boolean;
+    readonly round: boolean;
     readonly lazy: boolean;
 }, {}>;
 export default _default;

package/lib/avatar-group/src/AvatarGroup.d.ts

@@ -240,7 +240,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly loading: boolean;
-    readonly vertical: boolean;
     readonly options: AvatarGroupOption[];
+    readonly vertical: boolean;
 }, {}>;
 export default _default;

package/lib/back-top/src/BackTop.d.ts

@@ -253,7 +253,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly bottom: string | number;
     readonly to: string | HTMLElement;
     readonly show: boolean | undefined;
-    readonly 'onUpdate:show': Function;
     readonly visibilityHeight: number;
+    readonly 'onUpdate:show': Function;
 }, {}>;
 export default _default;

package/lib/badge/src/Badge.d.ts

@@ -232,7 +232,7 @@ declare const _default: import("vue").DefineComponent<{
         dotSize: string;
     }, any>>>;
 }>>, {
-    readonly type: "default" | "info" | "success" | "warning" | "error" | "prime";
+    readonly type: "default" | "info" | "warning" | "error" | "success" | "prime";
     readonly show: boolean;
     readonly dot: boolean;
     readonly showZero: boolean;

package/lib/button/src/Button.d.ts

@@ -2193,19 +2193,19 @@ declare const Button: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean;
     readonly tag: keyof HTMLElementTagNameMap;
-    readonly tertiary: boolean;
-    readonly ghost: boolean;
+    readonly block: boolean;
+    readonly circle: boolean;
     readonly round: boolean;
     readonly strong: boolean;
-    readonly circle: boolean;
+    readonly tertiary: boolean;
     readonly text: boolean;
-    readonly focusable: boolean;
-    readonly dashed: boolean;
-    readonly block: boolean;
-    readonly secondary: boolean;
     readonly loadingSkeleton: boolean;
+    readonly ghost: boolean;
+    readonly secondary: boolean;
     readonly quaternary: boolean;
+    readonly focusable: boolean;
     readonly keyboard: boolean;
+    readonly dashed: boolean;
     readonly iconPlacement: "left" | "right";
     readonly attrType: "button" | "submit" | "reset";
     readonly nativeFocusBehavior: boolean;

package/lib/card/src/Card.d.ts

@@ -29,7 +29,7 @@ export declare const cardBaseProps: {
         readonly default: "div";
     };
 };
-export declare const cardBasePropKeys: ("title" | "bordered" | "tag" | "closable" | "role" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented")[];
+export declare const cardBasePropKeys: ("title" | "bordered" | "tag" | "closable" | "onClose" | "contentStyle" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role")[];
 export declare const cardProps: {
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
@@ -568,10 +568,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     bordered: boolean;
     tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
     closable: boolean;
-    hoverable: boolean;
+    size: "small" | "medium" | "large" | "huge";
     embedded: boolean;
     segmented: boolean | CardSegmented;
+    hoverable: boolean;
 }, {}>;
 export default _default;

package/lib/card-list/src/CardList.d.ts

@@ -251,9 +251,9 @@ declare const _default: import("vue").DefineComponent<{
         dropDownBgColor: string;
     }, any>>>;
 }>>, {
-    readonly cols: string | number;
+    readonly showDivider: boolean;
     readonly xGap: string | number;
     readonly yGap: string | number;
-    readonly showDivider: boolean;
+    readonly cols: string | number;
 }, {}>;
 export default _default;

package/lib/card-list/src/CardListItem.d.ts

@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<{
         direction: "horizontal" | "vertical";
     }) => VNode>;
 }>>, {
+    readonly embedded: boolean;
     readonly direction: "vertical" | "horizontal";
     readonly dropdown: boolean;
-    readonly embedded: boolean;
 }, {}>;
 export default _default;

package/lib/carousel/src/Carousel.d.ts

@@ -325,23 +325,23 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
     }, any>>>;
 }>>, {
-    draggable: boolean;
-    trigger: "hover" | "click";
-    direction: "vertical" | "horizontal";
-    loop: boolean;
-    showArrow: boolean;
     keyboard: boolean;
-    autoplay: boolean;
-    dotType: "line" | "dot";
     defaultIndex: number;
+    showArrow: boolean;
+    dotType: "dot" | "line";
     dotPlacement: "left" | "right" | "top" | "bottom";
     slidesPerView: number | "auto";
     spaceBetween: number;
     centeredSlides: boolean;
+    direction: "vertical" | "horizontal";
+    autoplay: boolean;
     interval: number;
-    effect: "card" | "slide" | "fade" | "custom";
+    loop: boolean;
+    effect: "slide" | "fade" | "card" | "custom";
     showDots: boolean;
+    trigger: "click" | "hover";
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    draggable: boolean;
     touchable: boolean;
     mousewheel: boolean;
 }, {}>;

package/lib/carousel/src/CarouselDots.d.ts

@@ -64,9 +64,9 @@ declare const _default: import("vue").DefineComponent<{
     keyboard: BooleanConstructor;
 }>>, {
     total: number;
-    trigger: "hover" | "click";
     keyboard: boolean;
     currentIndex: number;
-    dotType: "line" | "never" | "dot";
+    dotType: "dot" | "line" | "never";
+    trigger: "click" | "hover";
 }, {}>;
 export default _default;

package/lib/cascader/src/Cascader.d.ts

@@ -3357,26 +3357,26 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean | undefined;
     readonly bordered: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
+    readonly clearable: boolean;
+    readonly defaultValue: Value | null;
+    readonly placement: FollowerPlacement;
+    readonly options: CascaderOption[];
     readonly show: boolean | undefined;
     readonly separator: string;
+    readonly allowCheckingNotLoaded: boolean;
     readonly multiple: boolean;
-    readonly labelField: string;
-    readonly virtualScroll: boolean;
-    readonly valueField: string;
-    readonly placement: FollowerPlacement;
-    readonly defaultValue: Value | null;
     readonly filterable: boolean;
-    readonly clearable: boolean;
-    readonly options: CascaderOption[];
+    readonly disabledField: string;
+    readonly expandTrigger: ExpandTrigger;
     readonly clearFilterAfterSelect: boolean;
     readonly remote: boolean;
-    readonly childrenField: string;
-    readonly expandTrigger: ExpandTrigger;
-    readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
-    readonly checkStrategy: CheckStrategy;
-    readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
+    readonly virtualScroll: boolean;
+    readonly checkStrategy: CheckStrategy;
+    readonly valueField: string;
+    readonly labelField: string;
+    readonly childrenField: string;
 }, {}>;
 export default _default;

package/lib/cascader/src/CascaderMenu.d.ts

@@ -443,7 +443,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     loading: boolean;
-    show: boolean;
     placement: FollowerPlacement;
+    show: boolean;
 }, {}>;
 export default _default;

package/lib/cascader/src/CascaderSelectMenu.d.ts

@@ -434,9 +434,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: Value | null;
-    pattern: string;
     show: boolean;
     multiple: boolean;
+    pattern: string;
     tmNodes: TmNode[];
 }, {}>;
 export default _default;

package/lib/checkbox/src/Checkbox.d.ts

@@ -711,14 +711,14 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     disabled: boolean | undefined;
-    checked: string | number | boolean | undefined;
-    focusable: boolean;
     position: "left" | "right";
-    defaultChecked: string | number | boolean;
-    checkedValue: string | number | boolean;
-    uncheckedValue: string | number | boolean;
+    focusable: boolean;
     indeterminate: boolean;
     ripple: boolean;
     privateInsideTable: boolean;
+    checked: string | number | boolean | undefined;
+    defaultChecked: string | number | boolean;
+    checkedValue: string | number | boolean;
+    uncheckedValue: string | number | boolean;
 }, {}>;
 export default _default;

package/lib/code/src/Code.d.ts

@@ -217,8 +217,8 @@ declare const _default: import("vue").DefineComponent<{
     inline: boolean;
     trim: boolean;
     code: string;
-    wordWrap: boolean;
     uri: boolean;
+    wordWrap: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;
 }, {}>;

package/lib/collapse/src/Collapse.d.ts

@@ -312,10 +312,10 @@ declare const _default: import("vue").DefineComponent<{
         boxSizing: string;
     }, any>>>;
 }>>, {
-    readonly displayDirective: "show" | "if";
     readonly defaultExpandedNames: string | number | (string | number)[] | null;
     readonly arrowPlacement: ArrowPlacement;
     readonly accordion: boolean;
+    readonly displayDirective: "show" | "if";
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
 }, {}>;
 export default _default;

package/lib/collapse-transition/src/CollapseTransition.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
         bezier: string;
     }, any>>>;
 }>>, {
-    readonly appear: boolean;
     readonly show: boolean;
+    readonly appear: boolean;
     readonly collapsed: boolean | undefined;
 }, {}>;
 export default _default;

package/lib/color-picker/src/ColorPicker.d.ts

@@ -2905,12 +2905,12 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
-    readonly show: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly show: boolean | undefined;
     readonly defaultShow: boolean;
-    readonly actions: ActionType[];
-    readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
+    readonly showAlpha: boolean;
     readonly showPreview: boolean;
+    readonly actions: ActionType[];
 }, {}>;
 export default _default;

package/lib/config-provider/src/ConfigProvider.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type ComputedRef, type ExtractPropTypes } from 'vue';
 import { type Hljs } from '../../_mixins';
 import type { UDateLocale, ULocale } from '../../locales';
 import type { GlobalTheme, GlobalThemeOverrides, GlobalComponentConfig, GlobalIconConfig } from './interface';
-import type { RtlProp, Breakpoints } from './internal-interface';
+import type { RtlProp, Breakpoints, BreakpointProps, BreakpointThemeOverrides } from './internal-interface';
 import type { Katex } from './katex';
 export declare const configProviderProps: {
     readonly abstract: BooleanConstructor;
@@ -29,6 +29,8 @@ export declare const configProviderProps: {
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;
@@ -66,6 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;
@@ -107,6 +111,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;