@uzum-tech/ui 1.12.0 → 1.12.2

package/es/typography/src/text.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
 export declare const textProps: {
     readonly variant: {
-        readonly type: PropType<import("../../_internal/typography/src/variants").TypographyVariant>;
+        readonly type: PropType<import("..").TypographyVariant>;
         readonly default: undefined;
     };
     readonly tag: {
@@ -16,6 +16,18 @@ export declare const textProps: {
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    readonly color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    readonly variantOptions: {
+        readonly type: PropType<import("..").TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    readonly variantWeightsOptions: {
+        readonly type: PropType<import("..").TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
@@ -95,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: unknown) => true;
     };
     variant: {
-        readonly type: PropType<import("../../_internal/typography/src/variants").TypographyVariant>;
+        readonly type: PropType<import("..").TypographyVariant>;
         readonly default: undefined;
     };
     tag: {
@@ -110,6 +122,18 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    variantOptions: {
+        readonly type: PropType<import("..").TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    variantWeightsOptions: {
+        readonly type: PropType<import("..").TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     underline: BooleanConstructor;
@@ -189,7 +213,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: unknown) => true;
     };
     variant: {
-        readonly type: PropType<import("../../_internal/typography/src/variants").TypographyVariant>;
+        readonly type: PropType<import("..").TypographyVariant>;
         readonly default: undefined;
     };
     tag: {
@@ -204,6 +228,18 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    variantOptions: {
+        readonly type: PropType<import("..").TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    variantWeightsOptions: {
+        readonly type: PropType<import("..").TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     underline: BooleanConstructor;
@@ -263,16 +299,19 @@ declare const _default: import("vue").DefineComponent<{
         codeBorder: string;
     }, any>>>;
 }>>, {
-    type: "default" | "info" | "success" | "warning" | "error";
+    type: "default" | "info" | "warning" | "error" | "success";
     tag: keyof HTMLElementTagNameMap;
     as: string;
+    color: string;
     code: boolean;
     strong: boolean;
     text: string;
+    variant: import("..").TypographyVariant;
     italic: boolean;
+    variantOptions: import("..").TypographyVariantOptions;
+    variantWeightsOptions: import("..").TypographyVariantWeightsOptions;
     underline: boolean;
     strikethrough: boolean;
-    variant: import("../../_internal/typography/src/variants").TypographyVariant;
     delete: boolean;
 }, {}>;
 export default _default;

package/es/upload/src/Upload.d.ts

@@ -3096,22 +3096,22 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: "small" | "medium" | "large";
     readonly vertical: boolean;
     readonly multiple: boolean;
-    readonly method: string;
-    readonly listType: ListType;
-    readonly showPreviewButton: boolean;
-    readonly showRemoveButton: boolean;
-    readonly showCancelButton: boolean;
-    readonly showRetryButton: boolean;
-    readonly showDownloadButton: boolean;
-    readonly shouldUseThumbnailUrl: ShouldUseThumbnailUrl;
-    readonly withCredentials: boolean;
-    readonly responseType: XMLHttpRequestResponseType;
-    readonly directory: boolean;
     readonly noIcon: boolean;
+    readonly directory: boolean;
     readonly directoryDnd: boolean;
+    readonly method: string;
     readonly showFileList: boolean;
+    readonly withCredentials: boolean;
+    readonly responseType: XMLHttpRequestResponseType;
     readonly defaultUpload: boolean;
     readonly defaultFileList: FileInfo[];
+    readonly showCancelButton: boolean;
+    readonly showRemoveButton: boolean;
+    readonly showDownloadButton: boolean;
+    readonly showRetryButton: boolean;
+    readonly showPreviewButton: boolean;
+    readonly listType: ListType;
+    readonly shouldUseThumbnailUrl: ShouldUseThumbnailUrl;
     readonly showTrigger: boolean;
 }, {}>;
 export default _default;

package/es/upload/src/UploadFile.d.ts

@@ -303,7 +303,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    progressStatus: import("vue").ComputedRef<"info" | "success" | "error">;
+    progressStatus: import("vue").ComputedRef<"info" | "error" | "success">;
     buttonType: import("vue").ComputedRef<"error" | undefined>;
     showProgress: import("vue").ComputedRef<boolean>;
     disabled: import("vue").Ref<boolean>;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.0";
+declare const _default: "1.12.2";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.12.0';
+export default '1.12.2';

package/es/virtual-list/src/VirtualList.d.ts

@@ -135,10 +135,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 0;
     };
 }>>, {
-    readonly paddingBottom: string | number;
-    readonly paddingTop: string | number;
     readonly items: VirtualListItemData[];
     readonly keyField: string;
+    readonly paddingBottom: string | number;
+    readonly paddingTop: string | number;
     readonly visibleItemsTag: string | object;
     readonly ignoreItemResize: boolean;
     readonly itemResizable: boolean;

package/es/watermark/src/Watermark.d.ts

@@ -275,24 +275,24 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly fontWeight: number;
     readonly width: number;
+    readonly zIndex: number;
     readonly fontSize: number;
     readonly height: number;
     readonly lineHeight: number;
-    readonly rotate: number;
-    readonly fontStretch: string;
-    readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
-    readonly fontVariant: string;
-    readonly zIndex: number;
-    readonly xGap: number;
-    readonly yGap: number;
     readonly fullscreen: boolean;
+    readonly rotate: number;
     readonly selectable: boolean;
     readonly debug: boolean;
     readonly cross: boolean;
+    readonly xGap: number;
+    readonly yGap: number;
     readonly yOffset: number;
     readonly xOffset: number;
     readonly imageOpacity: number;
+    readonly fontStyle: `oblique ${number}deg` | "normal" | "italic" | "oblique";
+    readonly fontVariant: string;
     readonly fontColor: string;
+    readonly fontStretch: string;
     readonly globalRotate: number;
 }, {}>;
 export default _default;

package/lib/_internal/close/src/Close.d.ts

@@ -41,9 +41,9 @@ declare const _default: import("vue").DefineComponent<{
     absolute: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    round: boolean;
     absolute: boolean;
-    isButtonTag: boolean;
+    round: boolean;
     focusable: boolean;
+    isButtonTag: boolean;
 }, {}>;
 export default _default;

package/lib/_internal/loading/src/Loading.d.ts

@@ -61,9 +61,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
+    show: boolean;
     strokeWidth: number;
     stroke: string;
-    show: boolean;
     scale: number;
     radius: number;
 }, {}>;

package/lib/_internal/safe-top-scrollbar/src/SafeTopScrollbar.d.ts

@@ -338,10 +338,10 @@ declare const SafeTopScrollbar: import("vue").DefineComponent<{
         railColor: string;
     }, any>>>;
 }>>, {
+    readonly trigger: "none" | "hover";
+    readonly xScrollable: boolean;
     readonly duration: number;
     readonly scrollable: boolean;
-    readonly xScrollable: boolean;
-    readonly trigger: "none" | "hover";
     readonly useUnifiedContainer: boolean;
     readonly triggerDisplayManually: boolean;
     readonly internalHoistYRail: boolean;

package/lib/_internal/scrollbar/src/Scrollbar.d.ts

@@ -326,10 +326,10 @@ declare const Scrollbar: import("vue").DefineComponent<{
         railColor: string;
     }, any>>>;
 }>>, {
+    readonly trigger: "none" | "hover";
+    readonly xScrollable: boolean;
     readonly duration: number;
     readonly scrollable: boolean;
-    readonly xScrollable: boolean;
-    readonly trigger: "none" | "hover";
     readonly useUnifiedContainer: boolean;
     readonly triggerDisplayManually: boolean;
     readonly internalHoistYRail: boolean;

package/lib/_internal/select-menu/src/SelectMenu.d.ts

@@ -672,17 +672,17 @@ declare const _default: import("vue").DefineComponent<{
     value: Value | null;
     loading: boolean;
     inlineThemeDisabled: boolean;
+    resetMenuOnOptionsChange: boolean;
     size: Size;
-    focusable: boolean;
     show: boolean;
-    scrollable: boolean;
+    focusable: boolean;
     multiple: boolean;
-    account: boolean;
-    showCheckmark: boolean;
-    labelField: string;
-    autoPending: boolean;
     virtualScroll: boolean;
     valueField: string;
-    resetMenuOnOptionsChange: boolean;
+    labelField: string;
+    showCheckmark: boolean;
+    account: boolean;
+    scrollable: boolean;
+    autoPending: boolean;
 }, {}>;
 export default _default;

package/lib/_internal/selection/src/Selection.d.ts

@@ -1177,25 +1177,25 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
+    clearable: boolean;
     size: SelectSize;
-    active: boolean;
     round: boolean;
-    pattern: string;
-    autofocus: boolean;
-    filled: boolean;
+    loadingSkeleton: boolean;
+    secondary: boolean;
+    showArrow: boolean;
     multiple: boolean;
-    account: boolean;
-    labelField: string;
+    filterable: boolean;
     valueField: string;
-    showArrow: boolean;
-    secondary: boolean;
+    labelField: string;
+    filled: boolean;
+    ignoreComposition: boolean;
+    counter: boolean;
+    account: boolean;
+    autofocus: boolean;
+    pattern: string;
+    active: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)>[] | null;
-    filterable: boolean;
-    clearable: boolean;
-    loadingSkeleton: boolean;
     focused: boolean;
-    ignoreComposition: boolean;
-    counter: boolean;
 }, {}>;
 export default _default;

package/lib/_internal/skeleton/src/Skeleton.d.ts

@@ -146,8 +146,8 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly repeat: number;
-    readonly round: boolean;
     readonly circle: boolean;
+    readonly round: boolean;
     readonly text: boolean;
     readonly animated: boolean;
     readonly sharp: boolean;

package/lib/_internal/typography/index.d.ts

@@ -1,2 +1,3 @@
 export { default as InternalUText, internalTextProps } from './src/text';
 export type { InternalTextProps } from './src/text';
+export type { TypographyVariant, TypographyVariantOptions, TypographyVariantWeightsOptions } from './src/variants';

package/lib/_internal/typography/src/text.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, ExtractPublicPropTypes } from 'vue';
-import { TypographyVariant } from './variants';
+import { TypographyVariant, TypographyVariantOptions, TypographyVariantWeightsOptions } from './variants';
 export declare const internalTextProps: {
     readonly variant: {
         readonly type: PropType<TypographyVariant>;
@@ -17,6 +17,18 @@ export declare const internalTextProps: {
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    readonly color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    readonly variantOptions: {
+        readonly type: PropType<TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    readonly variantWeightsOptions: {
+        readonly type: PropType<TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
@@ -94,6 +106,18 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    readonly color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    readonly variantOptions: {
+        readonly type: PropType<TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    readonly variantWeightsOptions: {
+        readonly type: PropType<TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
@@ -175,6 +199,18 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"default" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
+    readonly color: {
+        readonly type: PropType<string>;
+        readonly default: undefined;
+    };
+    readonly variantOptions: {
+        readonly type: PropType<TypographyVariantOptions>;
+        readonly default: () => {};
+    };
+    readonly variantWeightsOptions: {
+        readonly type: PropType<TypographyVariantWeightsOptions>;
+        readonly default: () => {};
+    };
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
@@ -234,13 +270,16 @@ declare const _default: import("vue").DefineComponent<{
         codeBorder: string;
     }, any>>>;
 }>>, {
-    readonly type: "default" | "info" | "success" | "warning" | "error";
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly tag: keyof HTMLElementTagNameMap;
+    readonly color: string;
     readonly strong: boolean;
     readonly text: string;
+    readonly variant: TypographyVariant;
     readonly italic: boolean;
+    readonly variantOptions: TypographyVariantOptions;
+    readonly variantWeightsOptions: TypographyVariantWeightsOptions;
     readonly underline: boolean;
     readonly strikethrough: boolean;
-    readonly variant: TypographyVariant;
 }, {}>;
 export default _default;

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.internalTextProps = void 0;
 const vue_1 = require("vue");
-const styles_1 = require("../styles");
+const light_1 = __importDefault(require("../styles/light"));
 const text_cssr_1 = __importDefault(require("./styles/text.cssr"));
 const variants_1 = require("./variants");
 const _mixins_1 = require("../../../_mixins");
@@ -22,14 +22,24 @@ exports.internalTextProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, type: {
         type: String,
         default: 'default'
+    }, color: {
+        type: String,
+        default: undefined
+    }, variantOptions: {
+        type: Object,
+        default: () => ({})
+    }, variantWeightsOptions: {
+        type: Object,
+        default: () => ({})
     }, strong: Boolean, italic: Boolean, underline: Boolean, strikethrough: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'InternalUText',
     props: exports.internalTextProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Typography', '-text', text_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Typography', '-text', text_cssr_1.default, light_1.default, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
+            var _a;
             const { variant } = props;
             const textColorKey = props.type === 'default'
                 ? 'textColor'
@@ -38,7 +48,7 @@ exports.default = (0, vue_1.defineComponent)({
             const baseVars = {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-a-text-color': aTextColor,
-                '--u-text-color': textColor,
+                '--u-text-color': (_a = props.color) !== null && _a !== void 0 ? _a : textColor,
                 '--u-font-weight-strong': fontWeightStrong,
                 '--u-font-famliy-mono': fontFamilyMono,
                 '--u-code-border-radius': codeBorderRadius,
@@ -50,12 +60,15 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-margin': margin,
                 '--u-prefix-color': blockquotePrefixColor
             };
-            return (0, variants_1.getVariantCssVars)(variant, baseVars, fontFamilyWixMadeforDisplay);
+            return (0, variants_1.getVariantCssVars)(variant, baseVars, fontFamilyWixMadeforDisplay, props.variantOptions, props.variantWeightsOptions);
         });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('text', (0, vue_1.computed)(() => `${(props === null || props === void 0 ? void 0 : props.variant) || ''}${(props === null || props === void 0 ? void 0 : props.tag) || ''}`), cssVarsRef, props)
             : undefined;
-        const tagToRender = props.tag || (props.variant && (0, variants_1.getVariantTag)(props.variant)) || 'span';
+        const tagToRender = props.tag ||
+            (props.variant &&
+                (0, variants_1.getVariantTag)(props.variant, props.variantOptions, props.variantWeightsOptions)) ||
+            'span';
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             tagToRender,

package/lib/_internal/typography/src/variants.d.ts

@@ -1,4 +1,11 @@
-export type TypographyVariant = 'display-l' | 'display-s' | 'heading-l-semi-bold' | 'heading-l-bold' | 'heading-m-semi-bold' | 'heading-m-bold' | 'heading-s-semi-bold' | 'heading-s-bold' | 'title-l-medium' | 'title-l-semi-bold' | 'title-l-bold' | 'title-m-medium' | 'title-m-semi-bold' | 'title-m-bold' | 'title-s-medium' | 'title-s-semi-bold' | 'title-s-bold' | 'body-l-medium' | 'body-l-semi-bold' | 'body-l-bold' | 'body-m-medium' | 'body-m-semi-bold' | 'body-m-bold' | 'body-s-medium' | 'body-s-semi-bold' | 'body-s-bold';
+export interface TypographyVariantBase {
+    fontSize: string;
+    lineHeight: string;
+    letterSpacing: string;
+    tag: keyof HTMLElementTagNameMap;
+}
+export type TypographyVariantOptions = Record<PropertyKey, Record<PropertyKey, TypographyVariantBase>>;
+export type TypographyVariantWeightsOptions = Record<PropertyKey, readonly string[]>;
 export interface TypographyVariantConfig {
     fontFamily: string;
     fontSize: string;
@@ -8,6 +15,100 @@ export interface TypographyVariantConfig {
     letterSpacing: string;
     tag: keyof HTMLElementTagNameMap;
 }
-export declare function getVariantCssVars(variant: TypographyVariant | undefined, baseVars: Record<string, string>, fontFamilyVariant: string): Record<string, string>;
-export declare function getVariantTag(variant: TypographyVariant): keyof HTMLElementTagNameMap;
-export declare const variantToCssVars: Record<TypographyVariant, TypographyVariantConfig>;
+export declare const defaultVariantOptions: {
+    readonly display: {
+        readonly l: {
+            readonly fontSize: "42px";
+            readonly lineHeight: "48px";
+            readonly letterSpacing: "-0.014em";
+            readonly tag: "h1";
+        };
+        readonly s: {
+            readonly fontSize: "36px";
+            readonly lineHeight: "44px";
+            readonly letterSpacing: "-0.013em";
+            readonly tag: "h1";
+        };
+    };
+    readonly heading: {
+        readonly l: {
+            readonly fontSize: "32px";
+            readonly lineHeight: "40px";
+            readonly letterSpacing: "-0.01em";
+            readonly tag: "h2";
+        };
+        readonly m: {
+            readonly fontSize: "28px";
+            readonly lineHeight: "36px";
+            readonly letterSpacing: "-0.009em";
+            readonly tag: "h2";
+        };
+        readonly s: {
+            readonly fontSize: "24px";
+            readonly lineHeight: "30px";
+            readonly letterSpacing: "-0.01em";
+            readonly tag: "h2";
+        };
+    };
+    readonly title: {
+        readonly l: {
+            readonly fontSize: "22px";
+            readonly lineHeight: "32px";
+            readonly letterSpacing: "-0.01em";
+            readonly tag: "h3";
+        };
+        readonly m: {
+            readonly fontSize: "20px";
+            readonly lineHeight: "30px";
+            readonly letterSpacing: "-0.009em";
+            readonly tag: "h3";
+        };
+        readonly s: {
+            readonly fontSize: "18px";
+            readonly lineHeight: "28px";
+            readonly letterSpacing: "0";
+            readonly tag: "h3";
+        };
+    };
+    readonly body: {
+        readonly l: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+            readonly letterSpacing: "0.004em";
+            readonly tag: "p";
+        };
+        readonly m: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "21px";
+            readonly letterSpacing: "0.006em";
+            readonly tag: "p";
+        };
+        readonly s: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly letterSpacing: "0.008em";
+            readonly tag: "p";
+        };
+    };
+};
+declare const variantWeights: {
+    readonly display: readonly ["", "medium", "semi-bold", "bold"];
+    readonly heading: readonly ["medium", "semi-bold", "bold"];
+    readonly title: readonly ["medium", "semi-bold", "bold"];
+    readonly body: readonly ["medium", "semi-bold", "bold"];
+};
+type VariantWeights = typeof variantWeights;
+type WeightSuffix<W> = W extends string ? (W extends '' ? '' : `-${W}`) : '';
+export type TypographyVariantFromOptions<Options extends TypographyVariantOptions> = {
+    [Category in keyof Options & keyof VariantWeights]: {
+        [Size in keyof Options[Category]]: `${string & Category}-${string & Size}${WeightSuffix<VariantWeights[Category][number]>}`;
+    }[keyof Options[Category]];
+}[keyof Options & keyof VariantWeights];
+export type TypographyDefaultVariant = TypographyVariantFromOptions<typeof defaultVariantOptions>;
+export type TypographyVariant = TypographyDefaultVariant | (string & {});
+export declare function mergeVariantOptions(variantOptions?: TypographyVariantOptions): TypographyVariantOptions;
+export declare function mergeVariantWeights(variantWeightsOptions?: Partial<Record<PropertyKey, readonly string[]>>): Record<PropertyKey, readonly string[]>;
+export declare function getVariantCssVars(variant: TypographyVariant | undefined, baseVars: Record<string, string>, fontFamilyVariant: string, variantOptions?: TypographyVariantOptions, variantWeightsOptions?: Partial<Record<PropertyKey, readonly string[]>>): Record<string, string>;
+export declare function getVariantTag(variant: TypographyVariant, variantOptions?: TypographyVariantOptions, variantWeightsOptions?: Partial<Record<PropertyKey, readonly string[]>>): keyof HTMLElementTagNameMap;
+export declare const variantToCssVars: Record<string, TypographyVariantConfig>;
+export {};