@uzum-tech/ui 2.1.0 → 2.1.2

package/es/locales/common/uzUZ.mjs

@@ -0,0 +1,162 @@
+const uzUZ = {
+  name: 'uz-UZ',
+  global: {
+    undo: 'Bekor qilish',
+    redo: 'Qaytadan bajarish',
+    confirm: 'Tasdiqlash',
+    clear: 'Tozalash'
+  },
+  Popconfirm: {
+    positiveText: 'Tasdiqlash',
+    negativeText: 'Bekor qilish'
+  },
+  Cascader: {
+    placeholder: 'Tanlang',
+    loading: 'Yuklanmoqda',
+    loadingRequiredMessage: label => `${label} ning barcha quyi elementlarini belgilashdan oldin ularni yuklang.`
+  },
+  Time: {
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+  },
+  DatePicker: {
+    yearFormat: 'yyyy',
+    monthFormat: 'MMM',
+    dayFormat: 'eeeeee',
+    yearTypeFormat: 'yyyy',
+    monthTypeFormat: 'yyyy-MM',
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+    quarterFormat: 'yyyy-qqq',
+    weekFormat: 'YYYY-w',
+    clear: 'Tozalash',
+    now: 'Hozir',
+    confirm: 'Tasdiqlash',
+    selectTime: 'Vaqtni tanlash',
+    selectDate: 'Sanani tanlash',
+    datePlaceholder: 'Sanani tanlang',
+    datetimePlaceholder: 'Sana va vaqtni tanlang',
+    monthPlaceholder: 'Oyni tanlang',
+    yearPlaceholder: 'Yilni tanlang',
+    quarterPlaceholder: 'Chorakni tanlang',
+    weekPlaceholder: 'Haftani tanlang',
+    startDatePlaceholder: 'Boshlanish sanasi',
+    endDatePlaceholder: 'Tugash sanasi',
+    startDatetimePlaceholder: 'Boshlanish sanasi va vaqti',
+    endDatetimePlaceholder: 'Tugash sanasi va vaqti',
+    startMonthPlaceholder: 'Boshlanish oyi',
+    endMonthPlaceholder: 'Tugash oyi',
+    monthBeforeYear: true,
+    firstDayOfWeek: 1,
+    today: 'Bugun'
+  },
+  DataTable: {
+    checkTableAll: 'Jadvaldagi barchasini tanlash',
+    uncheckTableAll: 'Jadvaldagi barcha tanlovni bekor qilish',
+    confirm: 'Tasdiqlash',
+    clear: 'Tozalash'
+  },
+  LegacyTransfer: {
+    sourceTitle: 'Manba',
+    targetTitle: 'Manzil'
+  },
+  Transfer: {
+    selectAll: 'Barchasini tanlash',
+    unselectAll: 'Barcha tanlovni bekor qilish',
+    clearAll: 'Tozalash',
+    total: num => `Jami ${num} ta`,
+    selected: num => `${num} ta tanlandi`
+  },
+  Empty: {
+    title: 'Hech narsa topilmadi',
+    description: 'Qidiruv soʻrovini oʻzgartirib koʻring'
+  },
+  Select: {
+    placeholder: 'Tanlang'
+  },
+  TimePicker: {
+    placeholder: 'Vaqtni tanlang',
+    positiveText: 'OK',
+    negativeText: 'Bekor qilish',
+    now: 'Hozir',
+    clear: 'Tozalash'
+  },
+  Pagination: {
+    goto: 'Oʻtish',
+    selectionSuffix: 'sahifa'
+  },
+  DynamicTags: {
+    add: 'Qoʻshish'
+  },
+  Log: {
+    loading: 'Yuklanmoqda'
+  },
+  Input: {
+    placeholder: 'Kiriting',
+    copied: 'Nusxalandi'
+  },
+  InputNumber: {
+    placeholder: 'Kiriting'
+  },
+  DynamicInput: {
+    create: 'Yaratish'
+  },
+  ThemeEditor: {
+    title: 'Mavzu muharriri',
+    clearAllVars: 'Barcha oʻzgaruvchilarni tozalash',
+    clearSearch: 'Qidiruvni tozalash',
+    filterCompName: 'Komponent nomi boʻyicha filtr',
+    filterVarName: 'Oʻzgaruvchi nomi boʻyicha filtr',
+    import: 'Import qilish',
+    export: 'Eksport qilish',
+    restore: 'Standart holatga qaytarish'
+  },
+  Image: {
+    tipPrevious: 'Oldingi rasm (←)',
+    tipNext: 'Keyingi rasm (→)',
+    tipCounterclockwise: 'Soat mili yoʻnalishiga teskari aylantirish',
+    tipClockwise: 'Soat mili yoʻnalishi boʻyicha aylantirish',
+    tipZoomOut: 'Kichraytirish',
+    tipZoomIn: 'Kattalashtirish',
+    tipDownload: 'Yuklab olish',
+    tipClose: 'Yopish (Esc)',
+    tipOriginalSize: 'Asl oʻlchamga qaytarish'
+  },
+  Upload: {
+    title: 'Faylni tanlang yoki shu yerga tashlang',
+    subtitle: 'PDF, PNG, JPEG, 100 MB dan oshmasin',
+    uploading: 'Yuklanmoqda'
+  },
+  Chat: {
+    inputPlaceholder: 'Xabar yozing...',
+    typingText: 'Yozmoqda...',
+    retryText: 'Qayta yuborish',
+    closeButtonText: 'Chatni yopish',
+    shareButtonTooltip: 'Chatni ulashish',
+    profileButtonTooltip: 'Profilni koʻrish',
+    unreadNotificationText: 'ta yangi xabar',
+    editText: 'Tahrirlash',
+    copyText: 'Nusxalash',
+    deleteText: 'Oʻchirish',
+    editingTitle: 'Tahrirlanmoqda'
+  },
+  MappingCard: {
+    copyTooltip: 'Nusxalash',
+    editTooltip: 'Tahrirlash',
+    deleteTooltip: 'Oʻchirish',
+    switchTooltip: 'Almashtirish'
+  },
+  Header: {
+    desktopSearchTitle: 'Qidiruv',
+    searchPlaceholder: 'Sayt boʻyicha qidirish',
+    primaryActionText: 'Mijoz boʻlish',
+    secondaryActionText: 'Ilovaga oʻtish'
+  },
+  Heatmap: {
+    less: 'kam',
+    more: 'koʻp',
+    monthFormat: 'MMM',
+    weekdayFormat: 'eeeeee'
+  }
+};
+export default uzUZ;

package/es/locales/common/zhCN.d.ts

@@ -0,0 +1,3 @@
+import type { ULocale } from './enUS';
+declare const zhCN: ULocale;
+export default zhCN;

package/es/locales/common/zhCN.mjs

@@ -0,0 +1,162 @@
+const zhCN = {
+  name: 'zh-CN',
+  global: {
+    undo: '撤销',
+    redo: '重做',
+    confirm: '确认',
+    clear: '清除'
+  },
+  Popconfirm: {
+    positiveText: '确认',
+    negativeText: '取消'
+  },
+  Cascader: {
+    placeholder: '请选择',
+    loading: '加载中',
+    loadingRequiredMessage: label => `加载全部 ${label} 的子节点后才可选中`
+  },
+  Time: {
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+  },
+  DatePicker: {
+    yearFormat: 'yyyy年',
+    monthFormat: 'MMM',
+    dayFormat: 'eeeeee',
+    yearTypeFormat: 'yyyy',
+    monthTypeFormat: 'yyyy-MM',
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+    quarterFormat: 'yyyy-qqq',
+    weekFormat: 'YYYY-w周',
+    clear: '清除',
+    now: '此刻',
+    confirm: '确认',
+    selectTime: '选择时间',
+    selectDate: '选择日期',
+    datePlaceholder: '选择日期',
+    datetimePlaceholder: '选择日期时间',
+    monthPlaceholder: '选择月份',
+    yearPlaceholder: '选择年份',
+    quarterPlaceholder: '选择季度',
+    weekPlaceholder: '选择周',
+    startDatePlaceholder: '开始日期',
+    endDatePlaceholder: '结束日期',
+    startDatetimePlaceholder: '开始日期时间',
+    endDatetimePlaceholder: '结束日期时间',
+    startMonthPlaceholder: '开始月份',
+    endMonthPlaceholder: '结束月份',
+    monthBeforeYear: false,
+    firstDayOfWeek: 0,
+    today: '今天'
+  },
+  DataTable: {
+    checkTableAll: '选择全部表格数据',
+    uncheckTableAll: '取消选择全部表格数据',
+    confirm: '确认',
+    clear: '重置'
+  },
+  LegacyTransfer: {
+    sourceTitle: '源项',
+    targetTitle: '目标项'
+  },
+  Transfer: {
+    selectAll: '全选',
+    unselectAll: '取消全选',
+    clearAll: '清除',
+    total: num => `共 ${num} 项`,
+    selected: num => `已选 ${num} 项`
+  },
+  Empty: {
+    title: '未找到匹配项',
+    description: '请尝试修改搜索条件'
+  },
+  Select: {
+    placeholder: '请选择'
+  },
+  TimePicker: {
+    placeholder: '请选择时间',
+    positiveText: '确认',
+    negativeText: '取消',
+    now: '此刻',
+    clear: '清除'
+  },
+  Pagination: {
+    goto: '跳至',
+    selectionSuffix: '页'
+  },
+  DynamicTags: {
+    add: '添加'
+  },
+  Log: {
+    loading: '加载中'
+  },
+  Input: {
+    placeholder: '请输入',
+    copied: '已复制'
+  },
+  InputNumber: {
+    placeholder: '请输入'
+  },
+  DynamicInput: {
+    create: '添加'
+  },
+  ThemeEditor: {
+    title: '主题编辑器',
+    clearAllVars: '清除全部变量',
+    clearSearch: '清除搜索',
+    filterCompName: '过滤组件名',
+    filterVarName: '过滤变量名',
+    import: '导入',
+    export: '导出',
+    restore: '恢复默认'
+  },
+  Image: {
+    tipPrevious: '上一张（←）',
+    tipNext: '下一张（→）',
+    tipCounterclockwise: '向左旋转',
+    tipClockwise: '向右旋转',
+    tipZoomOut: '缩小',
+    tipZoomIn: '放大',
+    tipDownload: '下载',
+    tipClose: '关闭（Esc）',
+    tipOriginalSize: '缩放到原始尺寸'
+  },
+  Upload: {
+    title: '选择文件或拖拽到此处',
+    subtitle: 'PDF、PNG、JPEG，不超过 100 MB',
+    uploading: '上传中'
+  },
+  Chat: {
+    inputPlaceholder: '输入消息...',
+    typingText: '正在输入...',
+    retryText: '重新发送',
+    closeButtonText: '关闭聊天',
+    shareButtonTooltip: '分享聊天',
+    profileButtonTooltip: '查看资料',
+    unreadNotificationText: '条新消息',
+    editText: '编辑',
+    copyText: '复制',
+    deleteText: '删除',
+    editingTitle: '编辑中'
+  },
+  MappingCard: {
+    copyTooltip: '复制',
+    editTooltip: '编辑',
+    deleteTooltip: '删除',
+    switchTooltip: '切换'
+  },
+  Header: {
+    desktopSearchTitle: '搜索',
+    searchPlaceholder: '站内搜索',
+    primaryActionText: '成为客户',
+    secondaryActionText: '前往应用'
+  },
+  Heatmap: {
+    less: '少',
+    more: '多',
+    monthFormat: 'MMM',
+    weekdayFormat: 'eeeeee'
+  }
+};
+export default zhCN;

package/es/locales/date/uzUZ.d.ts

@@ -0,0 +1,3 @@
+import type { UDateLocale } from './enUS';
+declare const dateUzUZ: UDateLocale;
+export default dateUzUZ;

package/es/locales/date/uzUZ.mjs

@@ -0,0 +1,6 @@
+import { uz } from 'date-fns/locale';
+const dateUzUZ = {
+  name: 'uz-UZ',
+  locale: uz
+};
+export default dateUzUZ;

package/es/locales/date/zhCN.d.ts

@@ -0,0 +1,3 @@
+import type { UDateLocale } from './enUS';
+declare const dateZhCN: UDateLocale;
+export default dateZhCN;

package/es/locales/date/zhCN.mjs

@@ -0,0 +1,6 @@
+import { zhCN } from 'date-fns/locale';
+const dateZhCN = {
+  name: 'zh-CN',
+  locale: zhCN
+};
+export default dateZhCN;

package/es/locales/index.d.ts

@@ -1,8 +1,12 @@
 export { default as enUS } from './common/enUS';
 export type { ULocale } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
+export { default as uzUZ } from './common/uzUZ';
+export { default as zhCN } from './common/zhCN';
 export { default as dateEnUS } from './date/enUS';
 export type { UDateLocale } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
+export { default as dateUzUZ } from './date/uzUZ';
+export { default as dateZhCN } from './date/zhCN';
 export type { UPartialLocale } from './utils/index';
 export { createLocale } from './utils/index';

package/es/locales/index.mjs

@@ -1,5 +1,9 @@
 export { default as enUS } from "./common/enUS.mjs";
 export { default as ruRU } from "./common/ruRU.mjs";
+export { default as uzUZ } from "./common/uzUZ.mjs";
+export { default as zhCN } from "./common/zhCN.mjs";
 export { default as dateEnUS } from "./date/enUS.mjs";
 export { default as dateRuRU } from "./date/ruRU.mjs";
+export { default as dateUzUZ } from "./date/uzUZ.mjs";
+export { default as dateZhCN } from "./date/zhCN.mjs";
 export { createLocale } from "./utils/index.mjs";

package/es/popover/src/PopoverBody.mjs

@@ -271,7 +271,7 @@ export default defineComponent({
               style: props.footerStyle
             }, children) : null;
           })) : props.scrollable ? (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots) : h("div", {
-            class: `${mergedClsPrefix}-popover__content`,
+            class: [`${mergedClsPrefix}-popover__content`, props.contentClass],
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? h(UxScrollbar, {

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.1.0";
+declare const _default: "2.1.2";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.0';
+export default '2.1.2';

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

@@ -1,3 +1,5 @@
 export { default as UBaseIcon } from './src/Icon';
-export { iconProps, UIcon } from './src/UIcon';
-export type { Depth, GenericUIcon, IconNameOf, IconProps } from './src/UIcon';
+export { iconProps } from './src/interface';
+export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from './src/interface';
+export { renderIcon } from './src/render-icon';
+export { UIcon } from './src/UIcon';

package/lib/_internal/icon/index.js

@@ -3,9 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.iconProps = exports.UBaseIcon = void 0;
+exports.UIcon = exports.renderIcon = exports.iconProps = exports.UBaseIcon = void 0;
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "UBaseIcon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+var interface_1 = require("./src/interface");
+Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return interface_1.iconProps; } });
+var render_icon_1 = require("./src/render-icon");
+Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return render_icon_1.renderIcon; } });
 var UIcon_1 = require("./src/UIcon");
-Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return UIcon_1.iconProps; } });
 Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return UIcon_1.UIcon; } });

package/lib/_internal/icon/src/UIcon.d.ts

@@ -1,52 +1,14 @@
-import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
-import type { Component, PropType, VNodeChild } from 'vue';
-import type { ExtractPublicPropTypes } from '../../../_utils';
-import type { IconPackName } from '../../../config-provider/src/internal-interface';
-export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
-export declare const iconProps: {
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    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>;
+import type { VNodeChild } from 'vue';
+import type { GenericUIcon } from './interface';
 declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
+    readonly depth: import("vue").PropType<import("./interface").Depth>;
+    readonly size: import("vue").PropType<number | string>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+    readonly component: import("vue").PropType<import("vue").Component>;
+    readonly name: import("vue").PropType<string>;
+    readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+    readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -54,7 +16,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly themeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -62,7 +24,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -85,14 +47,14 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     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 depth: import("vue").PropType<import("./interface").Depth>;
+    readonly size: import("vue").PropType<number | string>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+    readonly component: import("vue").PropType<import("vue").Component>;
+    readonly name: import("vue").PropType<string>;
+    readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+    readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -100,7 +62,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly themeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -108,7 +70,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -117,10 +79,5 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity5Depth: string;
     }, any>>>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
-export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
-    pack?: P;
-    name?: IconNameOf<P>;
-}) => any;
 export declare const UIcon: typeof UIconImpl & GenericUIcon;
 export {};

package/lib/_internal/icon/src/UIcon.js

@@ -3,18 +3,18 @@ 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;
+exports.UIcon = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../../_mixins");
 const _utils_1 = require("../../../_utils");
 const index_cssr_1 = __importDefault(require("../../../icon/src/styles/index.cssr"));
 const styles_1 = require("../../../icon/styles");
 const Icon_1 = __importDefault(require("./Icon"));
-exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });
+const interface_1 = require("./interface");
 const UIconImpl = (0, vue_1.defineComponent)({
     _n_icon__: true,
     name: 'Icon',
-    props: exports.iconProps,
+    props: interface_1.iconProps,
     setup(props) {
         const { mergedClsPrefixRef, mergedIconPacksRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Icon', '-icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);

package/lib/_internal/icon/src/interface.d.ts

@@ -0,0 +1,50 @@
+import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
+import type { Component, PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import type { IconPackName } from '../../../config-provider/src/internal-interface';
+export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
+export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
+export declare const iconProps: {
+    readonly depth: PropType<Depth>;
+    readonly size: PropType<number | string>;
+    readonly color: StringConstructor;
+    readonly component: PropType<Component>;
+    readonly name: PropType<string>;
+    readonly pack: PropType<IconPackName>;
+    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>;
+type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
+export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
+    pack?: P;
+    name?: IconNameOf<P>;
+}) => any;
+export type RenderIconProps<P extends IconPackName = IconPackName> = IconBaseProps & {
+    pack?: P;
+};
+export type RenderIconChildren = VNodeChild | (() => VNodeChild);
+export {};

package/lib/_internal/icon/src/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconProps = void 0;
+const _mixins_1 = require("../../../_mixins");
+exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });

package/lib/_internal/icon/src/render-icon.d.ts

@@ -0,0 +1,4 @@
+import type { VNode } from 'vue';
+import type { IconPackName } from '../../../config-provider/src/internal-interface';
+import type { IconNameOf, RenderIconChildren, RenderIconProps } from './interface';
+export declare function renderIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;

package/lib/_internal/icon/src/render-icon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderIcon = renderIcon;
+const vue_1 = require("vue");
+const UIcon_1 = require("./UIcon");
+function renderIcon(name, props, children) {
+    const slots = children == null
+        ? undefined
+        : { default: typeof children === 'function' ? children : () => children };
+    return (0, vue_1.h)(UIcon_1.UIcon, Object.assign(Object.assign({}, props), { name }), slots);
+}