@uzum-tech/ui 2.1.0 → 2.1.1

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/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;

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/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/version.d.ts

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

package/es/version.mjs

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

package/lib/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/lib/button/src/Button.js

@@ -40,6 +40,9 @@ exports.buttonProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, onClick: [Function, Array], nativeFocusBehavior: {
         type: Boolean,
         default: !browser_1.isSafari
+    }, visible: {
+        type: Boolean,
+        default: true
     } });
 const Button = (0, vue_1.defineComponent)({
     name: 'Button',
@@ -474,6 +477,8 @@ const Button = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        if (this.visible === false)
+            return null;
         const { mergedClsPrefix, tag: Component, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const children = (0, _utils_1.resolveWrappedSlot)(this.$slots.default, children => children && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-button__content` }, children)));

package/lib/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;

package/lib/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/lib/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/lib/version.d.ts

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

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "pnpm@10.33.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
@@ -13,6 +13,10 @@
       "email": "jbalancer@mail.ru",
       "url": "https://jbalancer.com"
     },
+    {
+      "name": "Otabek Azamov",
+      "email": "o.azamov@uzum.com"
+    },
     {
       "name": "Suyarov Sarvarbek",
       "email": "nick881sava@gmail.com"
@@ -138,7 +142,7 @@
     "@types/fs-extra": "11.0.4",
     "@types/node": "24.0.12",
     "@types/superagent": "8.1.9",
-    "@uzum-tech/icons": "1.1.0",
+    "@uzum-tech/icons": "1.2.1",
     "@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.1.0",
+  "version": "2.1.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -1192,6 +1192,16 @@
               "type": "string",
               "description": "What tag need the button be rendered as.",
               "default": "'button'"
+            },
+            {
+              "name": "visible",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/button",
+              "type": "boolean",
+              "description": "Whether to render the button. When `false`, the button is not rendered at all.",
+              "default": "true",
+              "description-sections": {
+                "since": "2.1.1"
+              }
             }
           ],
           "js": {