@uzum-tech/ui 2.0.1 → 2.0.3

package/lib/mapping-card/src/interface.d.ts

@@ -2,6 +2,7 @@ import type { PropType, VNodeChild } from 'vue';
 import type { BuiltinType, BuiltinTypeMap, ComponentConfig } from '../../_internal/component-renderer';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ButtonProps } from '../../button';
+import type { EmptyProps } from '../../empty';
 import type { IconProps } from '../../icon';
 import type { PaginationProps } from '../../pagination';
 import type { SwitchProps } from '../../switch';
@@ -55,6 +56,7 @@ export interface MappingCardListInterface {
     items?: MappingCardProps[];
     pagination?: PaginationProps | false;
     gap?: number;
+    emptyProps?: Partial<EmptyProps>;
 }
 export declare const mappingCardProps: {
     readonly title: PropType<MappingCardInterface["title"]>;
@@ -104,6 +106,7 @@ export declare const mappingCardListProps: {
         readonly type: NumberConstructor;
         readonly default: 16;
     };
+    readonly emptyProps: PropType<Partial<EmptyProps>>;
 };
 export type MappingCardProps = ExtractPublicPropTypes<typeof mappingCardProps>;
 export type MappingCardListProps = ExtractPublicPropTypes<typeof mappingCardListProps>;

package/lib/mapping-card/src/interface.js

@@ -48,5 +48,6 @@ exports.mappingCardListProps = {
     gap: {
         type: Number,
         default: 16
-    }
+    },
+    emptyProps: Object
 };

package/lib/mapping-card/src/styles/index.cssr.js

@@ -92,6 +92,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('mapping-card', `
  color: var(--u-arrow-color);
  font-size: 16px;
  flex-shrink: 0;
- `)]), (0, cssr_1.cB)('mapping-card-list', [(0, cssr_1.cE)('pagination', `
+ `)]), (0, cssr_1.cB)('mapping-card-list', `
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ height: 100%;
+ `, [(0, cssr_1.cE)('pagination', `
  margin-top: 16px;
+ `), (0, cssr_1.cE)('empty', `
+ margin: auto;
  `)])]);

package/lib/modal/src/BodyWrapper.d.ts

@@ -55,6 +55,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: {
         type: BooleanConstructor;
         required: true;
@@ -1283,6 +1300,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: {
         type: BooleanConstructor;
         required: true;
@@ -1310,8 +1344,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: "default" | "error" | "warning" | "success" | "info";
     size: "small" | "medium" | "large";
     loading: boolean;
+    tag: keyof HTMLElementTagNameMap;
     showIcon: boolean;
     closable: boolean;
+    contentScrollable: boolean;
+    embedded: boolean;
+    segmented: boolean | import("../../card").CardSegmented;
+    hoverable: boolean;
     draggable: boolean | ModalDraggableOptions;
     trapFocus: boolean;
     autoFocus: boolean;

package/lib/modal/src/Modal.d.ts

@@ -51,6 +51,23 @@ export declare const modalProps: {
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    headerExtraStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -1097,6 +1114,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    headerExtraStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -2159,6 +2193,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    headerExtraStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -3155,9 +3206,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: "default" | "error" | "warning" | "success" | "info";
     size: "small" | "medium" | "large";
     loading: boolean;
+    tag: keyof HTMLElementTagNameMap;
     showIcon: boolean;
     closable: boolean;
     show: boolean;
+    contentScrollable: boolean;
+    embedded: boolean;
+    segmented: boolean | import("../../card").CardSegmented;
+    hoverable: boolean;
     displayDirective: "show" | "if";
     maskClosable: boolean;
     trapFocus: boolean;

package/lib/modal/src/ModalEnvironment.d.ts

@@ -55,6 +55,23 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../..").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -1112,6 +1129,23 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../..").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -2108,9 +2142,14 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
     type: "default" | "error" | "warning" | "success" | "info";
     size: "small" | "medium" | "large";
     loading: boolean;
+    tag: keyof HTMLElementTagNameMap;
     showIcon: boolean;
     closable: boolean;
     show: boolean;
+    contentScrollable: boolean;
+    embedded: boolean;
+    segmented: boolean | import("../..").CardSegmented;
+    hoverable: boolean;
     displayDirective: "show" | "if";
     maskClosable: boolean;
     trapFocus: boolean;

package/lib/modal/src/presetProps.d.ts

@@ -31,6 +31,23 @@ declare const presetProps: {
     onPositiveClick: PropType<(e: MouseEvent) => void>;
     onNegativeClick: PropType<(e: MouseEvent) => void>;
     onClose: PropType<() => void>;
+    contentClass: StringConstructor;
+    contentScrollable: BooleanConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | import("../../card/src/Card").CardSegmented>;
+        readonly default: false;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
 };
-declare const presetPropsKeys: ("bordered" | "icon" | "type" | "content" | "body" | "title" | "size" | "positiveText" | "negativeText" | "loading" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "action" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("bordered" | "icon" | "type" | "content" | "body" | "title" | "size" | "positiveText" | "negativeText" | "loading" | "tag" | "showIcon" | "closable" | "onClose" | "contentClass" | "contentStyle" | "iconPlacement" | "contentScrollable" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "positiveButtonProps" | "negativeButtonProps" | "action" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/lib/modal/src/presetProps.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.presetPropsKeys = exports.presetProps = void 0;
 const _utils_1 = require("../../_utils");
+const Card_1 = require("../../card/src/Card");
 const dialogProps_1 = require("../../dialog/src/dialogProps");
-const presetProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { size: {
+const presetProps = Object.assign(Object.assign(Object.assign({}, Card_1.cardBaseProps), dialogProps_1.dialogProps), { size: {
         type: String,
         default: 'medium'
     } });

package/lib/notification/src/NotificationEnvironment.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 export declare const notificationEnvOptions: {
     readonly duration: NumberConstructor;
+    readonly pauseOnVisibilityChange: BooleanConstructor;
     readonly onClose: PropType<() => Promise<boolean> | boolean | any>;
     readonly onLeave: PropType<() => void>;
     readonly onAfterEnter: PropType<() => void>;
@@ -41,6 +42,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<Extr
         required: true;
     };
     duration: NumberConstructor;
+    pauseOnVisibilityChange: BooleanConstructor;
     onClose: PropType<() => Promise<boolean> | boolean | any>;
     onLeave: PropType<() => void>;
     onAfterEnter: PropType<() => void>;
@@ -87,6 +89,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<Extr
         required: true;
     };
     duration: NumberConstructor;
+    pauseOnVisibilityChange: BooleanConstructor;
     onClose: PropType<() => Promise<boolean> | boolean | any>;
     onLeave: PropType<() => void>;
     onAfterEnter: PropType<() => void>;
@@ -116,5 +119,6 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<Extr
     type: "default" | "error" | "warning" | "success" | "info" | "primary";
     closable: boolean;
     keepAliveOnHover: boolean;
+    pauseOnVisibilityChange: boolean;
     hideIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/notification/src/NotificationEnvironment.js

@@ -5,7 +5,7 @@ const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const context_1 = require("./context");
 const Notification_1 = require("./Notification");
-exports.notificationEnvOptions = Object.assign(Object.assign({}, Notification_1.notificationProps), { duration: Number, onClose: Function, onLeave: Function, onAfterEnter: Function, onAfterLeave: Function, 
+exports.notificationEnvOptions = Object.assign(Object.assign({}, Notification_1.notificationProps), { duration: Number, pauseOnVisibilityChange: Boolean, onClose: Function, onLeave: Function, onAfterEnter: Function, onAfterLeave: Function, 
     /** @deprecated */
     onHide: Function, 
     /** @deprecated */
@@ -27,10 +27,44 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
         const { wipTransitionCountRef } = (0, vue_1.inject)(context_1.notificationProviderInjectionKey);
         const showRef = (0, vue_1.ref)(true);
         let timerId = null;
+        let remainingDuration = null;
+        let timerStartedAt = null;
+        let timerPausedForVisibility = false;
+        function clearTimer() {
+            if (timerId !== null) {
+                window.clearTimeout(timerId);
+                timerId = null;
+            }
+        }
         function hide() {
             showRef.value = false;
-            if (timerId) {
-                window.clearTimeout(timerId);
+            clearTimer();
+        }
+        function startTimer(duration) {
+            clearTimer();
+            remainingDuration = duration;
+            timerStartedAt = Date.now();
+            timerId = window.setTimeout(hide, duration);
+        }
+        function handleVisibilityChange() {
+            if (document.visibilityState === 'hidden') {
+                if (timerId !== null) {
+                    clearTimer();
+                    if (timerStartedAt !== null && remainingDuration !== null) {
+                        remainingDuration = Math.max(0, remainingDuration - (Date.now() - timerStartedAt));
+                    }
+                    timerStartedAt = null;
+                    timerPausedForVisibility = true;
+                }
+            }
+            else if (timerPausedForVisibility) {
+                timerPausedForVisibility = false;
+                if (remainingDuration !== null && remainingDuration > 0) {
+                    startTimer(remainingDuration);
+                }
+                else {
+                    hide();
+                }
             }
         }
         function handleBeforeEnter(el) {
@@ -81,16 +115,13 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
         function setHideTimeout() {
             const { duration } = props;
             if (duration) {
-                timerId = window.setTimeout(hide, duration);
+                startTimer(duration);
             }
         }
         function handleMouseenter(e) {
             if (e.currentTarget !== e.target)
                 return;
-            if (timerId !== null) {
-                window.clearTimeout(timerId);
-                timerId = null;
-            }
+            clearTimer();
         }
         function handleMouseleave(e) {
             if (e.currentTarget !== e.target)
@@ -112,8 +143,14 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
         }
         (0, vue_1.onMounted)(() => {
             if (props.duration) {
-                timerId = window.setTimeout(hide, props.duration);
+                startTimer(props.duration);
             }
+            if (props.pauseOnVisibilityChange) {
+                document.addEventListener('visibilitychange', handleVisibilityChange);
+            }
+        });
+        (0, vue_1.onBeforeUnmount)(() => {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
         });
         return {
             show: showRef,

package/lib/notification/src/NotificationProvider.d.ts

@@ -741,6 +741,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type?: "default" | "error" | "warning" | "success" | "info" | "primary" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
+        pauseOnVisibilityChange?: boolean | undefined;
         hideIcon?: boolean | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
@@ -766,6 +767,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type?: "default" | "error" | "warning" | "success" | "info" | "primary" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
+        pauseOnVisibilityChange?: boolean | undefined;
         hideIcon?: boolean | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;

package/lib/notification/src/styles/index.cssr.d.ts

@@ -1,3 +1,2 @@
-import type { CNode } from 'css-render';
-declare const _default: CNode;
+declare const _default: import("css-render").CNode;
 export default _default;

package/lib/notification/src/styles/index.cssr.js

@@ -36,12 +36,16 @@ const cssr_1 = require("../../../_utils/cssr");
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  z-index: 4000;
  position: fixed;
+ left: 0;
+ right: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
+ pointer-events: none;
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cB)('scrollbar', `
- width: initial;
+ width: -moz-fit-content;
+ width: fit-content;
  overflow: visible;
  height: -moz-fit-content !important;
  height: fit-content !important;
@@ -67,8 +71,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  margin-bottom: 0;
  margin-top: 12px;
  `)]), (0, cssr_1.cM)('top, bottom', `
- left: 50%;
- transform: translateX(-50%);
+ align-items: center;
  `, [(0, cssr_1.cB)('notification-wrapper', [(0, cssr_1.c)('&.notification-transition-enter-from, &.notification-transition-leave-to', `
  transform: scale(0.85);
  `), (0, cssr_1.c)('&.notification-transition-leave-from, &.notification-transition-enter-to', `
@@ -77,15 +80,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  transform-origin: top center;
  `)]), (0, cssr_1.cM)('bottom', [(0, cssr_1.cB)('notification-wrapper', `
  transform-origin: bottom center;
- `)]), (0, cssr_1.cM)('top-right', `
- right: 0;
- `, [placementTransformStyle('top-right')]), (0, cssr_1.cM)('top-left', `
- left: 0;
- `, [placementTransformStyle('top-left')]), (0, cssr_1.cM)('bottom-right', `
- right: 0;
- `, [placementTransformStyle('bottom-right')]), (0, cssr_1.cM)('bottom-left', `
- left: 0;
- `, [placementTransformStyle('bottom-left')]), (0, cssr_1.cM)('scrollable', [(0, cssr_1.cM)('top-right', `
+ `)]), (0, cssr_1.cM)('top-right, bottom-right', `
+ align-items: flex-end;
+ `), (0, cssr_1.cM)('top-left, bottom-left', `
+ align-items: flex-start;
+ `), (0, cssr_1.cM)('scrollable', [(0, cssr_1.cM)('top-right', `
  top: 0;
  `), (0, cssr_1.cM)('top-left', `
  top: 0;
@@ -122,6 +121,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  `)]), (0, cssr_1.cB)('notification', `
  background-color: var(--u-color);
  color: var(--u-text-color);
+ pointer-events: auto;
  transition:
  background-color .3s var(--u-bezier),
  color .3s var(--u-bezier),
@@ -219,14 +219,4 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  color: var(--u-text-color);
  `, [(0, cssr_1.c)('&:first-child', {
   margin: 0
-})])])])])]);
-function placementTransformStyle(placement) {
-  const direction = placement.split('-')[1];
-  const transformXEnter = direction === 'left' ? 'calc(-100%)' : 'calc(100%)';
-  const transformXLeave = '0';
-  return (0, cssr_1.cB)('notification-wrapper', [(0, cssr_1.c)('&.notification-transition-enter-from, &.notification-transition-leave-to', `
- transform: translate(${transformXEnter}, 0);
- `), (0, cssr_1.c)('&.notification-transition-leave-from, &.notification-transition-enter-to', `
- transform: translate(${transformXLeave}, 0);
- `)]);
-}
+})])])])])]);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.0";
+declare const _default: "2.0.3";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
     "name": "KapitalLab",
@@ -181,6 +181,9 @@
     "overrides": {
       "cssstyle": "5.2.1"
     },
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ],
     "peerDependencyRules": {
       "ignoreMissing": [
         "@babel/core",

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",
+  "version": "2.0.3",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -8618,6 +8618,13 @@
               "description": "Whether to show increase/decrease buttons.",
               "default": "true"
             },
+            {
+              "name": "type",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/input-number",
+              "type": "'default' | 'amount'",
+              "description": "When set to `amount`, the input will format numbers with a space thousands separator and increase/decrease buttons will be hidden.",
+              "default": "'default'"
+            },
             {
               "name": "size",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/input-number",