@uzum-tech/ui 2.1.0 → 2.1.2

package/es/_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/es/_internal/icon/index.mjs

@@ -1,2 +1,4 @@
 export { default as UBaseIcon } from "./src/Icon.mjs";
-export { iconProps, UIcon } from "./src/UIcon.mjs";
+export { iconProps } from "./src/interface.mjs";
+export { renderIcon } from "./src/render-icon.mjs";
+export { UIcon } from "./src/UIcon.mjs";

package/es/_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/es/_internal/icon/src/UIcon.mjs

@@ -4,15 +4,7 @@ import { formatLength, warn } from "../../../_utils/index.mjs";
 import style from "../../../icon/src/styles/index.cssr.mjs";
 import { iconLight } from "../../../icon/styles/index.mjs";
 import UBaseIcon from "./Icon.mjs";
-export const iconProps = Object.assign(Object.assign({}, useTheme.props), {
-  depth: [String, Number],
-  size: [Number, String],
-  color: String,
-  component: Object,
-  name: String,
-  pack: String,
-  onClick: Function
-});
+import { iconProps } from "./interface.mjs";
 const UIconImpl = defineComponent({
   _n_icon__: true,
   name: 'Icon',

package/es/_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/es/_internal/icon/src/interface.mjs

@@ -0,0 +1,10 @@
+import { useTheme } from "../../../_mixins/index.mjs";
+export const iconProps = Object.assign(Object.assign({}, useTheme.props), {
+  depth: [String, Number],
+  size: [Number, String],
+  color: String,
+  component: Object,
+  name: String,
+  pack: String,
+  onClick: Function
+});

package/es/_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/es/_internal/icon/src/render-icon.mjs

@@ -0,0 +1,10 @@
+import { h } from 'vue';
+import { UIcon } from "./UIcon.mjs";
+export function renderIcon(name, props, children) {
+  const slots = children == null ? undefined : {
+    default: typeof children === 'function' ? children : () => children
+  };
+  return h(UIcon, Object.assign(Object.assign({}, props), {
+    name
+  }), slots);
+}

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

@@ -53,6 +53,10 @@ export declare const buttonProps: {
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -767,6 +771,10 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -1537,6 +1545,10 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -2216,6 +2228,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     readonly iconPlacement: "left" | "right";
     readonly attrType: "submit" | "button" | "reset";
     readonly nativeFocusBehavior: boolean;
+    readonly visible: boolean;
 }, SlotsType<ButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
 type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;

package/es/button/src/Button.mjs

@@ -60,6 +60,10 @@ export const buttonProps = Object.assign(Object.assign({}, useTheme.props), {
   nativeFocusBehavior: {
     type: Boolean,
     default: !isSafari
+  },
+  visible: {
+    type: Boolean,
+    default: true
   }
 });
 const Button = defineComponent({
@@ -487,6 +491,7 @@ const Button = defineComponent({
     };
   },
   render() {
+    if (this.visible === false) return null;
     const {
       mergedClsPrefix,
       tag: Component,

package/es/chat/src/Chat.mjs

@@ -571,7 +571,9 @@ export default defineComponent({
     }, {
       default: () => h(Fragment, null, resolveSlot($slots.sidebar, () => [h(ChatSidebar, null, {
         sidebarHeaderMain: $slots.sidebarHeaderMain,
-        sidebarHeaderActions: $slots.sidebarHeaderActions
+        sidebarHeaderActions: $slots.sidebarHeaderActions,
+        chatItemStatus: $slots.chatItemStatus,
+        chatItemSuffix: $slots.chatItemSuffix
       })]), this.selectedChatId && resolveSlot($slots.default, () => [h(ChatMainArea, {
         ref: "mainAreaRef"
       }, {

package/es/chat/src/ChatListItems.mjs

@@ -1,4 +1,4 @@
-import { computed, defineComponent, h, inject } from 'vue';
+import { computed, defineComponent, Fragment, h, inject } from 'vue';
 import { CheckmarkDoneSharp, MdTime, PersonOutline, Refresh } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { UAvatar } from "../../avatar/index.mjs";
@@ -195,7 +195,7 @@ export default defineComponent({
           const lastMessageIsOwn = item.lastMessageIsOwn;
           return h("div", {
             class: `${mergedClsPrefixRef.value}-chat-sidebar__item-indicators`
-          }, h("div", {
+          }, slots.chatItemSuffix ? slots.chatItemSuffix(item) : h(Fragment, null, h("div", {
             class: `${mergedClsPrefixRef.value}-chat-sidebar__item-time`
           }, item.datetime), h("div", {
             class: `${mergedClsPrefixRef.value}-chat-sidebar__item-status`
@@ -210,7 +210,7 @@ export default defineComponent({
           }, props.badgeProps, {
             theme: themeRef.value.peers.Badge,
             themeOverrides: themeRef.value.peerOverrides.Badge
-          }))));
+          })))));
         }
       });
     };

package/es/chat/src/ChatParts/Sidebar.mjs

@@ -126,7 +126,8 @@ export default defineComponent({
         notificationsShown: this.notificationsShownSetRef,
         onChatSelect: this.handleChatSelect
       }, {
-        chatItemStatus: this.slots.chatItemStatus
+        chatItemStatus: this.slots.chatItemStatus,
+        chatItemSuffix: this.slots.chatItemSuffix
       })
     }));
   }

package/es/chat/src/interface.d.ts

@@ -198,6 +198,7 @@ export interface ChatSlots {
     listHeader?: () => VNodeChild;
     listEmpty?: () => VNodeChild;
     chatItemStatus?: (item: ChatListItemData) => VNodeChild;
+    chatItemSuffix?: (item: ChatListItemData) => VNodeChild;
     messageStatus?: (message: ChatMessageData) => VNodeChild;
     messageContent?: (message: ChatMessageData) => VNodeChild;
     messageTimestamp?: (message: ChatMessageData) => VNodeChild;

package/es/components.d.ts

@@ -3282,6 +3282,10 @@ export declare const UButton: import("vue").DefineComponent<import("vue").Extrac
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -4052,6 +4056,10 @@ export declare const UButton: import("vue").DefineComponent<import("vue").Extrac
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -4731,6 +4739,7 @@ export declare const UButton: import("vue").DefineComponent<import("vue").Extrac
     readonly iconPlacement: "left" | "right";
     readonly attrType: "submit" | "button" | "reset";
     readonly nativeFocusBehavior: boolean;
+    readonly visible: boolean;
 }, import("vue").SlotsType<import("./button").ButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const UxButton: new () => {
     $props: Partial<{
@@ -4755,6 +4764,7 @@ export declare const UxButton: new () => {
         readonly iconPlacement: "left" | "right";
         readonly attrType: "submit" | "button" | "reset";
         readonly nativeFocusBehavior: boolean;
+        readonly visible: boolean;
     } & {
         readonly theme?: import("./_mixins").Theme<"Button", {
             heightTiny: string;
@@ -55062,6 +55072,7 @@ export declare const UDrawerContent: import("vue").DefineComponent<import("vue")
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -55205,6 +55216,7 @@ export declare const UDrawerContent: import("vue").DefineComponent<import("vue")
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -65483,7 +65495,7 @@ export declare const UHighlight: import("vue").DefineComponent<import("vue").Ext
     readonly patterns: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './icon';
-export { iconProps } from './icon';
+export { iconProps, renderIcon } from './icon';
 export declare const UIcon: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;

package/es/components.mjs

@@ -237,7 +237,7 @@ export { heatmapDark, heatmapLight, heatmapMockData, heatmapProps } from "./heat
 export const UHeatmap = wrap(_UHeatmap);
 export { highlightProps } from "./highlight/index.mjs";
 export const UHighlight = wrap(_UHighlight);
-export { iconProps } from "./icon/index.mjs";
+export { iconProps, renderIcon } from "./icon/index.mjs";
 export const UIcon = wrap(_UIcon);
 export { iconBarItemProps, iconBarProps } from "./icon-bar/index.mjs";
 export const UIconBar = wrap(_UIconBar);

package/es/dialog/src/DialogProvider.d.ts

@@ -438,6 +438,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<ExtractPropT
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "submit" | "button" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
+            visible?: boolean | undefined;
         } | undefined;
         negativeButtonProps?: {
             bordered?: boolean | undefined;
@@ -815,6 +816,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<ExtractPropT
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "submit" | "button" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
+            visible?: boolean | undefined;
         } | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
         onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
@@ -1225,6 +1227,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<ExtractPropT
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "submit" | "button" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
+            visible?: boolean | undefined;
         } | undefined;
         negativeButtonProps?: {
             bordered?: boolean | undefined;
@@ -1602,6 +1605,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<ExtractPropT
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "submit" | "button" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
+            visible?: boolean | undefined;
         } | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
         onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;

package/es/drawer/src/DrawerContent.d.ts

@@ -12,6 +12,7 @@ export declare const drawerContentProps: {
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     bodyStyle: PropType<string | CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: PropType<string | CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -46,6 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     bodyStyle: PropType<string | CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: PropType<string | CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -189,6 +191,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     bodyStyle: PropType<string | CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: PropType<string | CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;

package/es/drawer/src/DrawerContent.mjs

@@ -14,6 +14,7 @@ export const drawerContentProps = {
   headerStyle: [Object, String],
   footerStyle: [Object, String],
   bodyStyle: [Object, String],
+  bodyContentClass: String,
   bodyContentStyle: [Object, String],
   nativeScrollbar: {
     type: Boolean,
@@ -104,6 +105,7 @@ export default defineComponent({
       nativeScrollbar,
       mergedTheme,
       bodyStyle,
+      bodyContentClass,
       bodyContentStyle,
       headerStyle,
       footerStyle,
@@ -142,7 +144,7 @@ export default defineComponent({
       style: bodyStyle,
       role: "none"
     }, h("div", {
-      class: `${mergedClsPrefix}-drawer-body-content-wrapper`,
+      class: [`${mergedClsPrefix}-drawer-body-content-wrapper`, bodyContentClass],
       style: bodyContentStyle,
       role: "none"
     }, $slots)) : h(UScrollbar, Object.assign({
@@ -150,7 +152,7 @@ export default defineComponent({
       theme: mergedTheme.peers.Scrollbar
     }, scrollbarProps, {
       class: `${mergedClsPrefix}-drawer-body`,
-      contentClass: `${mergedClsPrefix}-drawer-body-content-wrapper`,
+      contentClass: [`${mergedClsPrefix}-drawer-body-content-wrapper`, bodyContentClass],
       contentStyle: bodyContentStyle
     }), $slots), footerNode);
   }

package/es/ellipsis/src/Ellipsis.mjs

@@ -170,7 +170,8 @@ export default defineComponent({
       } = this;
       return h(UTooltip, Object.assign({
         ref: "tooltipRef",
-        placement: "top"
+        placement: "top",
+        variant: "plain"
       }, tooltip, {
         getDisabled: this.getTooltipDisabled,
         theme: mergedTheme.peers.Tooltip,

package/es/header/src/mobile/HeaderMobile.d.ts

@@ -207,8 +207,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly primaryActionText: string;
     readonly secondaryActionText: string;
-    readonly menuOptions: NormalizedMenuItem[];
     readonly visible: boolean;
+    readonly menuOptions: NormalizedMenuItem[];
     readonly menuType: "drawer" | "dropdown";
     readonly drawerPlacement: "left" | "right";
     readonly drawerWidth: string;

package/es/icon/index.d.ts

@@ -1,2 +1,2 @@
-export { iconProps, UIcon } from './src/Icon';
-export type { IconProps } from './src/Icon';
+export { iconProps, renderIcon, UIcon } from './src/Icon';
+export type { IconProps, RenderIconProps } from './src/Icon';

package/es/icon/index.mjs

@@ -1 +1 @@
-export { iconProps, UIcon } from "./src/Icon.mjs";
+export { iconProps, renderIcon, UIcon } from "./src/Icon.mjs";

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

@@ -1,2 +1,2 @@
-export { iconProps, UIcon } from '../../_internal/icon';
-export type { Depth, GenericUIcon, IconNameOf, IconProps } from '../../_internal/icon';
+export { iconProps, renderIcon, UIcon } from '../../_internal/icon';
+export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from '../../_internal/icon';

package/es/icon/src/Icon.mjs

@@ -1 +1 @@
-export { iconProps, UIcon } from "../../_internal/icon/index.mjs";
+export { iconProps, renderIcon, UIcon } from "../../_internal/icon/index.mjs";

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

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