@uzum-tech/ui 2.0.0-beta.9 → 2.0.0

package/lib/components.d.ts

@@ -34211,6 +34211,7 @@ export declare const UConfigProvider: import("vue").DefineComponent<import("vue"
     readonly themeOverrides: import("vue").PropType<import("./config-provider").GlobalThemeOverrides | null>;
     readonly componentOptions: import("vue").PropType<import("./config-provider").GlobalComponentConfig>;
     readonly icons: import("vue").PropType<import("./config-provider").GlobalIconConfig>;
+    readonly iconPacks: import("vue").PropType<import("./config-provider").IconPacksConfig>;
     readonly breakpoints: import("vue").PropType<import("./config-provider/src/internal-interface").Breakpoints>;
     readonly breakpointProps: import("vue").PropType<import("./config-provider").BreakpointProps>;
     readonly breakpointThemeOverrides: import("vue").PropType<import("./config-provider").BreakpointThemeOverrides>;
@@ -34260,6 +34261,7 @@ export declare const UConfigProvider: import("vue").DefineComponent<import("vue"
     readonly themeOverrides: import("vue").PropType<import("./config-provider").GlobalThemeOverrides | null>;
     readonly componentOptions: import("vue").PropType<import("./config-provider").GlobalComponentConfig>;
     readonly icons: import("vue").PropType<import("./config-provider").GlobalIconConfig>;
+    readonly iconPacks: import("vue").PropType<import("./config-provider").IconPacksConfig>;
     readonly breakpoints: import("vue").PropType<import("./config-provider/src/internal-interface").Breakpoints>;
     readonly breakpointProps: import("vue").PropType<import("./config-provider").BreakpointProps>;
     readonly breakpointThemeOverrides: import("vue").PropType<import("./config-provider").BreakpointThemeOverrides>;
@@ -65458,11 +65460,117 @@ export declare const UHighlight: import("vue").DefineComponent<import("vue").Ext
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './icon';
 export { iconProps } from './icon';
-export declare const UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly depth: import("vue").PropType<import("./icon/src/Icon").Depth>;
+export declare const UIcon: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;
+        readonly size: import("vue").PropType<number | string>;
+        readonly color: StringConstructor;
+        readonly component: import("vue").PropType<import("vue").Component>;
+        readonly name: import("vue").PropType<string>;
+        readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+        readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>;
+        readonly themeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>>;
+        readonly builtinThemeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>>;
+    }>> & Readonly<{}>, {
+        mergedClsPrefix: import("vue").Ref<string, string>;
+        resolvedPackedIcon: import("vue").ComputedRef<import("vue").VNodeChild>;
+        mergedStyle: import("vue").ComputedRef<{
+            fontSize: string | undefined;
+            color: string | undefined;
+        }>;
+        cssVars: import("vue").ComputedRef<{
+            '--u-bezier': string;
+            '--u-color': string;
+            '--u-opacity': string;
+        }> | undefined;
+        themeClass: import("vue").Ref<string, string> | undefined;
+        onRender: (() => void) | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;
+        readonly size: import("vue").PropType<number | string>;
+        readonly color: StringConstructor;
+        readonly component: import("vue").PropType<import("vue").Component>;
+        readonly name: import("vue").PropType<string>;
+        readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+        readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>;
+        readonly themeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>>;
+        readonly builtinThemeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>>>;
+    }>> & Readonly<{}>, {
+        mergedClsPrefix: import("vue").Ref<string, string>;
+        resolvedPackedIcon: import("vue").ComputedRef<import("vue").VNodeChild>;
+        mergedStyle: import("vue").ComputedRef<{
+            fontSize: string | undefined;
+            color: string | undefined;
+        }>;
+        cssVars: import("vue").ComputedRef<{
+            '--u-bezier': string;
+            '--u-color': string;
+            '--u-opacity': string;
+        }> | undefined;
+        themeClass: import("vue").Ref<string, string> | undefined;
+        onRender: (() => void) | undefined;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;
     readonly size: import("vue").PropType<number | string>;
     readonly color: StringConstructor;
     readonly component: import("vue").PropType<import("vue").Component>;
+    readonly name: import("vue").PropType<string>;
+    readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
         color: string;
@@ -65488,8 +65596,9 @@ export declare const UIcon: import("vue").DefineComponent<import("vue").ExtractP
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>, {
+}>> & Readonly<{}>, {
     mergedClsPrefix: import("vue").Ref<string, string>;
+    resolvedPackedIcon: import("vue").ComputedRef<import("vue").VNodeChild>;
     mergedStyle: import("vue").ComputedRef<{
         fontSize: string | undefined;
         color: string | undefined;
@@ -65501,37 +65610,7 @@ export declare const UIcon: import("vue").DefineComponent<import("vue").ExtractP
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly depth: import("vue").PropType<import("./icon/src/Icon").Depth>;
-    readonly size: import("vue").PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: import("vue").PropType<import("vue").Component>;
-    readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
-    readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("./_mixins/use-theme").ExtractThemeOverrides<import("./_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("./_internal/icon").GenericUIcon;
 export type * from './icon-bar';
 export { iconBarItemProps, iconBarProps } from './icon-bar';
 export declare const UIconBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { Hljs } from '../../_mixins';
 import type { UDateLocale, ULocale } from '../../locales';
-import type { GlobalComponentConfig, GlobalIconConfig, GlobalTheme, GlobalThemeOverrides } from './interface';
+import type { GlobalComponentConfig, GlobalIconConfig, GlobalTheme, GlobalThemeOverrides, IconPacksConfig } from './interface';
 import type { BreakpointMode, BreakpointProps, Breakpoints, BreakpointThemeOverrides, RtlProp } from './internal-interface';
 import type { Katex } from './katex';
 export declare const configProviderProps: {
@@ -28,6 +28,7 @@ export declare const configProviderProps: {
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
+    readonly iconPacks: PropType<IconPacksConfig>;
     readonly breakpoints: PropType<Breakpoints>;
     readonly breakpointProps: PropType<BreakpointProps>;
     readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
@@ -73,6 +74,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
+    readonly iconPacks: PropType<IconPacksConfig>;
     readonly breakpoints: PropType<Breakpoints>;
     readonly breakpointProps: PropType<BreakpointProps>;
     readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
@@ -122,6 +124,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
+    readonly iconPacks: PropType<IconPacksConfig>;
     readonly breakpoints: PropType<Breakpoints>;
     readonly breakpointProps: PropType<BreakpointProps>;
     readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;

package/lib/config-provider/src/ConfigProvider.js

@@ -29,6 +29,7 @@ exports.configProviderProps = {
     themeOverrides: Object,
     componentOptions: Object,
     icons: Object,
+    iconPacks: Object,
     breakpoints: Object,
     breakpointProps: Object,
     breakpointThemeOverrides: Object,
@@ -184,6 +185,12 @@ exports.default = (0, vue_1.defineComponent)({
             const { icons } = props;
             return icons === undefined ? UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconsRef.value : icons;
         });
+        const mergedIconPacksRef = (0, vue_1.computed)(() => {
+            const { iconPacks } = props;
+            return iconPacks === undefined
+                ? UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconPacksRef.value
+                : iconPacks;
+        });
         const updateWindowWidth = () => {
             if (_utils_1.isBrowser) {
                 windowWidthRef.value = window.innerWidth;
@@ -286,6 +293,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedSsrBreakpointWidthRef,
             mergedRtlRef,
             mergedIconsRef,
+            mergedIconPacksRef,
             mergedComponentPropsRef,
             mergedBreakpointPropsRef,
             mergedBreakpointThemeOverridesRef,

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

@@ -13,4 +13,4 @@ export type GlobalThemeOverrides = {
 } & {
     [key in keyof GlobalThemeWithoutCommon]?: ExtractThemeOverrides<GlobalThemeWithoutCommon[key]>;
 };
-export type { BreakpointMode, BreakpointProps, BreakpointThemeOverrides, GlobalComponentConfig, GlobalIconConfig } from './internal-interface';
+export type { BreakpointMode, BreakpointProps, BreakpointThemeOverrides, GlobalComponentConfig, GlobalIconConfig, IconPackName, IconPacksConfig } from './internal-interface';

package/lib/config-provider/src/internal-interface.d.ts

@@ -1,3 +1,4 @@
+import type { AnyIconPack, IconPackRegistry } from '@uzum-tech/icons';
 import type { CNode } from 'css-render';
 import type { Ref, VNodeChild } from 'vue';
 import type { AccountOptionTheme } from '../../_internal/account-option/styles';
@@ -406,6 +407,12 @@ export interface GlobalComponentConfig {
     Header?: HeaderProps;
     InputOtp?: InputOtpProps;
 }
+export type IconPackName = keyof IconPackRegistry extends never ? string : keyof IconPackRegistry & string;
+export interface IconPacksConfig {
+    packs: AnyIconPack[];
+    defaultPackName: IconPackName;
+    async?: boolean;
+}
 export interface GlobalIconConfig {
     attach?: () => VNodeChild;
     cancel?: () => VNodeChild;
@@ -461,6 +468,7 @@ export interface ConfigProviderInjection {
     mergedKatexRef: Ref<Katex | undefined>;
     mergedComponentPropsRef: Ref<GlobalComponentConfig | undefined>;
     mergedIconsRef: Ref<GlobalIconConfig | undefined>;
+    mergedIconPacksRef: Ref<IconPacksConfig | undefined>;
     mergedThemeRef: Ref<GlobalTheme | undefined>;
     mergedThemeOverridesRef: Ref<GlobalThemeOverrides | undefined>;
     mergedRtlRef: Ref<RtlEnabledState | undefined>;

package/lib/icon/src/Icon.d.ts

@@ -1,109 +1,2 @@
-import type { Component, PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-export declare const iconProps: {
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-};
-export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
-export declare const UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-}>, {
-    mergedClsPrefix: import("vue").Ref<string, string>;
-    mergedStyle: import("vue").ComputedRef<{
-        fontSize: string | undefined;
-        color: string | undefined;
-    }>;
-    cssVars: import("vue").ComputedRef<{
-        '--u-bezier': string;
-        '--u-color': string;
-        '--u-opacity': string;
-    }> | undefined;
-    themeClass: import("vue").Ref<string, string> | undefined;
-    onRender: (() => void) | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { iconProps, UIcon } from '../../_internal/icon';
+export type { Depth, GenericUIcon, IconNameOf, IconProps } from '../../_internal/icon';

package/lib/icon/src/Icon.js

@@ -1,76 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UIcon = exports.iconProps = void 0;
-const vue_1 = require("vue");
-const _mixins_1 = require("../../_mixins");
-const _utils_1 = require("../../_utils");
-const styles_1 = require("../styles");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, onClick: Function });
-exports.UIcon = (0, vue_1.defineComponent)({
-    _n_icon__: true,
-    name: 'Icon',
-    inheritAttrs: false,
-    props: exports.iconProps,
-    setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Icon', '-icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);
-        const cssVarsRef = (0, vue_1.computed)(() => {
-            const { depth } = props;
-            const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-            if (depth !== undefined) {
-                const { color, [`opacity${depth}Depth`]: opacity } = self;
-                return {
-                    '--u-bezier': cubicBezierEaseInOut,
-                    '--u-color': color,
-                    '--u-opacity': opacity
-                };
-            }
-            return {
-                '--u-bezier': cubicBezierEaseInOut,
-                '--u-color': '',
-                '--u-opacity': ''
-            };
-        });
-        const themeClassHandle = inlineThemeDisabled
-            ? (0, _mixins_1.useThemeClass)('icon', (0, vue_1.computed)(() => `${props.depth || 'd'}`), cssVarsRef, props)
-            : undefined;
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedStyle: (0, vue_1.computed)(() => {
-                const { size, color } = props;
-                return {
-                    fontSize: (0, _utils_1.formatLength)(size),
-                    color
-                };
-            }),
-            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-        };
-    },
-    render() {
-        var _a;
-        const { $parent, depth, mergedClsPrefix, component, onRender, themeClass } = this;
-        if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
-            (0, _utils_1.warn)('icon', 'don\'t wrap `u-icon` inside `u-icon`');
-        }
-        onRender === null || onRender === void 0 ? void 0 : onRender();
-        return (0, vue_1.h)('i', (0, vue_1.mergeProps)(this.$attrs, {
-            role: 'img',
-            class: [
-                `${mergedClsPrefix}-icon`,
-                themeClass,
-                {
-                    [`${mergedClsPrefix}-icon--depth`]: depth,
-                    [`${mergedClsPrefix}-icon--color-transition`]: depth !== undefined
-                }
-            ],
-            style: [this.cssVars, this.mergedStyle],
-            onClick: this.onClick
-        }), component ? (0, vue_1.h)(component) : this.$slots);
-    }
-});
+var icon_1 = require("../../_internal/icon");
+Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return icon_1.iconProps; } });
+Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return icon_1.UIcon; } });

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.0-beta.9";
+declare const _default: "2.0.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.0.0-beta.9';
+exports.default = '2.0.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
     "name": "KapitalLab",
@@ -87,8 +87,14 @@
   },
   "web-types": "./web-types.json",
   "peerDependencies": {
+    "@uzum-tech/icons": "^1.0.0",
     "vue": "^3.0.0"
   },
+  "peerDependenciesMeta": {
+    "@uzum-tech/icons": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@css-render/plugin-bem": "0.15.14",
     "@css-render/vue3-ssr": "0.15.14",
@@ -131,6 +137,7 @@
     "@types/fs-extra": "11.0.4",
     "@types/node": "24.0.12",
     "@types/superagent": "8.1.9",
+    "@uzum-tech/icons": "1.0.0",
     "@vicons/fluent": "0.13.0",
     "@vicons/ionicons4": "0.13.0",
     "@vicons/ionicons5": "0.13.0",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -7598,6 +7598,16 @@
               "description-sections": {
                 "since": "2.24.6"
               }
+            },
+            {
+              "name": "name",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon",
+              "type": "string"
+            },
+            {
+              "name": "pack",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon",
+              "type": "string"
             }
           ],
           "js": {