@uzum-tech/ui 1.11.2 → 1.12.1

package/es/_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/es/_internal/icons/BurgerMenuIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/_internal/icons/BurgerMenuIcon.js

@@ -0,0 +1,4 @@
+import { h } from 'vue';
+import { replaceable } from './replaceable';
+export default replaceable('burgerMenu', h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+    h("path", { d: "M3 12H15M3 6H21M3 18H21", stroke: "#101010", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/es/_internal/icons/Logout.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/_internal/icons/Logout.js

@@ -0,0 +1,4 @@
+import { h } from 'vue';
+import { replaceable } from './replaceable';
+export default replaceable('logout', h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+    h("path", { d: "M16 17L21 12M21 12L16 7M21 12H9M9 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H9", stroke: "#101010", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/es/_internal/icons/OzbekFlag.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/_internal/icons/OzbekFlag.js

@@ -0,0 +1,15 @@
+import { h } from 'vue';
+import { replaceable } from './replaceable';
+export default replaceable('ozbekFlag', h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    h("g", { "clip-path": "url(#clip0_1120_2014)" },
+        h("rect", { width: "24", height: "24", rx: "12", fill: "#FBFBFB" }),
+        h("path", { d: "M23.3798 15.818C23.7821 14.6186 24 13.3347 24 11.9998C24 10.665 23.7821 9.38103 23.3798 8.18164L0.620206 8.18164C0.21795 9.38103 0 10.665 0 11.9998C0 13.3347 0.21795 14.6186 0.620206 15.818H23.3798Z", fill: "#FBFBFB" }),
+        h("path", { d: "M23.3797 8.18182H0.620117C2.21503 3.42632 6.70734 0 11.9999 0C17.2925 0 21.7848 3.42632 23.3797 8.18182Z", fill: "#0099B5" }),
+        h("path", { d: "M9.18066 2.39209C9.33998 2.39209 9.49554 2.40845 9.64551 2.43994C9.81623 2.47583 9.82506 2.70343 9.68262 2.8042C9.10672 3.21169 8.73047 3.88294 8.73047 4.64209C8.73047 5.40124 9.10672 6.07249 9.68262 6.47998C9.82506 6.58075 9.81623 6.80835 9.64551 6.84424C9.49554 6.87573 9.33998 6.89209 9.18066 6.89209C7.938 6.89209 6.93066 5.88473 6.93066 4.64209C6.93066 3.39945 7.938 2.39209 9.18066 2.39209ZM11.5498 5.38525C11.5797 5.29312 11.7103 5.29312 11.7402 5.38525L11.8691 5.77979H12.2842C12.3807 5.78008 12.4209 5.90353 12.3428 5.96045L12.0068 6.20459L12.1348 6.59912C12.1647 6.69113 12.0598 6.76795 11.9814 6.71143L11.6455 6.46729L11.3096 6.71143C11.2312 6.76835 11.1253 6.69125 11.1553 6.59912L11.2842 6.20459L10.9482 5.96045C10.8699 5.90351 10.91 5.77979 11.0068 5.77979H11.4219L11.5498 5.38525ZM13.8926 5.38525C13.9225 5.29312 14.0531 5.29312 14.083 5.38525L14.2109 5.77979H14.627C14.7235 5.78012 14.7636 5.90353 14.6855 5.96045L14.3496 6.20459L14.4775 6.59912C14.5074 6.69112 14.4026 6.7679 14.3242 6.71143L13.9883 6.46729L13.6523 6.71143C13.574 6.76837 13.4681 6.69125 13.498 6.59912L13.627 6.20459L13.291 5.96045C13.2126 5.90351 13.2527 5.77979 13.3496 5.77979H13.7646L13.8926 5.38525ZM16.2354 5.38525C16.2653 5.29312 16.3958 5.29312 16.4258 5.38525L16.5537 5.77979H16.9697C17.0662 5.78016 17.1063 5.90353 17.0283 5.96045L16.6924 6.20459L16.8203 6.59912C16.8502 6.69111 16.7453 6.76786 16.667 6.71143L16.3311 6.46729L15.9951 6.71143C15.9167 6.76837 15.8109 6.69125 15.8408 6.59912L15.9697 6.20459L15.6338 5.96045C15.5554 5.90351 15.5955 5.77979 15.6924 5.77979H16.1074L16.2354 5.38525ZM13.8926 2.68506C13.9225 2.59293 14.0531 2.59293 14.083 2.68506L14.2109 3.07959H14.627C14.7234 3.07993 14.7635 3.2033 14.6855 3.26025L14.3496 3.50439L14.4775 3.89893C14.5074 3.99096 14.4026 4.06783 14.3242 4.01123L13.9883 3.76709L13.6523 4.01123C13.574 4.06817 13.4681 3.99106 13.498 3.89893L13.627 3.50439L13.291 3.26025C13.2126 3.20331 13.2527 3.07959 13.3496 3.07959H13.7646L13.8926 2.68506ZM16.2354 2.68506C16.2653 2.59293 16.3958 2.59293 16.4258 2.68506L16.5537 3.07959H16.9697C17.0662 3.07997 17.1062 3.2033 17.0283 3.26025L16.6924 3.50439L16.8203 3.89893C16.8502 3.99095 16.7453 4.06779 16.667 4.01123L16.3311 3.76709L15.9951 4.01123C15.9167 4.06817 15.8109 3.99106 15.8408 3.89893L15.9697 3.50439L15.6338 3.26025C15.5554 3.20331 15.5955 3.07959 15.6924 3.07959H16.1074L16.2354 2.68506Z", fill: "#FBFBFB" }),
+        h("path", { d: "M23.3797 15.8184C21.7848 20.5739 17.2925 24.0002 11.9999 24.0002C6.70734 24.0002 2.21503 20.5739 0.620117 15.8184L23.3797 15.8184Z", fill: "#00C853" }),
+        h("path", { d: "M23.3797 8.18164C23.4401 8.36159 23.4963 8.54345 23.5482 8.7271H0.45166C0.503602 8.54345 0.559806 8.36159 0.620159 8.18164L23.3797 8.18164Z", fill: "#F44336" }),
+        h("path", { d: "M23.3797 15.818C23.4401 15.6381 23.4963 15.4562 23.5482 15.2726H0.45166C0.503602 15.4562 0.559806 15.6381 0.620159 15.818H23.3797Z", fill: "#F44336" })),
+    h("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", stroke: "black", "stroke-opacity": "0.08" }),
+    h("defs", null,
+        h("clipPath", { id: "clip0_1120_2014" },
+            h("rect", { width: "24", height: "24", rx: "12", fill: "white" })))));

package/es/_internal/icons/RussiaFlag.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/_internal/icons/RussiaFlag.js

@@ -0,0 +1,11 @@
+import { h } from 'vue';
+import { replaceable } from './replaceable';
+export default replaceable('russiaFlag', h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    h("g", { "clip-path": "url(#clip0_1120_1297)" },
+        h("path", { d: "M12.0001 0C6.85271 0 2.47511 3.2472 0.770508 7.8H23.2291C21.5251 3.2472 17.1475 0 12.0001 0Z", fill: "#FBFBFB" }),
+        h("path", { d: "M24 12C24 10.5198 23.7192 9.10925 23.2296 7.80005H0.7704C0.2808 9.10925 0 10.5198 0 12C0 13.4802 0.2808 14.8908 0.7704 16.2H23.229C23.7192 14.8908 24 13.4802 24 12Z", fill: "#3F51B5" }),
+        h("path", { d: "M23.2297 16.2002H0.770508C2.47511 20.753 6.85271 24.0002 12.0001 24.0002C17.1475 24.0002 21.5251 20.753 23.2297 16.2002Z", fill: "#D90026" })),
+    h("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", stroke: "black", "stroke-opacity": "0.08" }),
+    h("defs", null,
+        h("clipPath", { id: "clip0_1120_1297" },
+            h("rect", { width: "24", height: "24", rx: "12", fill: "white" })))));

package/es/_internal/icons/SendFilled.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/_internal/icons/SendFilled.js

@@ -0,0 +1,9 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+    name: 'SendFilled',
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            h("g", { fill: "none" },
+                h("path", { d: "M12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l18-9a.75.75 0 0 0 0-1.341l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395z", fill: "currentColor" }))));
+    }
+});

package/es/_internal/icons/index.d.ts

@@ -56,3 +56,8 @@ export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
 export { default as PersonOutline } from './PersonOutline';
 export { default as ArrowHookUpRight } from './ArrowHookUpRight';
 export { default as PersonNote } from './PersonNote';
+export { default as SendFilled } from './SendFilled';
+export { default as RussiaFlag } from './RussiaFlag';
+export { default as OzbekFlag } from './OzbekFlag';
+export { default as LogoutIcon } from './Logout';
+export { default as BurgerMenuIcon } from './BurgerMenuIcon';

package/es/_internal/icons/index.js

@@ -56,3 +56,8 @@ export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
 export { default as PersonOutline } from './PersonOutline';
 export { default as ArrowHookUpRight } from './ArrowHookUpRight';
 export { default as PersonNote } from './PersonNote';
+export { default as SendFilled } from './SendFilled';
+export { default as RussiaFlag } from './RussiaFlag';
+export { default as OzbekFlag } from './OzbekFlag';
+export { default as LogoutIcon } from './Logout';
+export { default as BurgerMenuIcon } from './BurgerMenuIcon';

package/es/_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/es/_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/es/_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/es/_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/es/_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/es/_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/es/_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/es/_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 underline: boolean;
     readonly strikethrough: boolean;
-    readonly variant: TypographyVariant;
+    readonly variantOptions: TypographyVariantOptions;
+    readonly variantWeightsOptions: TypographyVariantWeightsOptions;
 }, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { h, defineComponent, computed } from 'vue';
-import { typographyLight } from '../styles';
+import typographyLight from '../styles/light';
 import style from './styles/text.cssr';
 import { getVariantCssVars, getVariantTag } from './variants';
 import { useTheme, useConfig, useThemeClass } from '../../../_mixins';
@@ -16,6 +16,15 @@ export const internalTextProps = Object.assign(Object.assign({}, useTheme.props)
     }, 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 });
 export default defineComponent({
     name: 'InternalUText',
@@ -24,6 +33,7 @@ export default defineComponent({
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Typography', '-text', style, typographyLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
+            var _a;
             const { variant } = props;
             const textColorKey = props.type === 'default'
                 ? 'textColor'
@@ -32,7 +42,7 @@ export default 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,
@@ -44,12 +54,15 @@ export default defineComponent({
                 '--u-margin': margin,
                 '--u-prefix-color': blockquotePrefixColor
             };
-            return getVariantCssVars(variant, baseVars, fontFamilyWixMadeforDisplay);
+            return getVariantCssVars(variant, baseVars, fontFamilyWixMadeforDisplay, props.variantOptions, props.variantWeightsOptions);
         });
         const themeClassHandle = inlineThemeDisabled
             ? useThemeClass('text', 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 && getVariantTag(props.variant)) || 'span';
+        const tagToRender = props.tag ||
+            (props.variant &&
+                getVariantTag(props.variant, props.variantOptions, props.variantWeightsOptions)) ||
+            'span';
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             tagToRender,

package/es/_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 {};