@uzum-tech/ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/header/src/HeaderNavigation.js

@@ -66,7 +66,7 @@ exports.headerNavigationProps = {
     onUpdateMenuValue: [Function, Array],
     onUpdateActiveMenuKey: Function
 };
-exports.default = (0, vue_1.defineComponent)({
+const HeaderNavigation = (0, vue_1.defineComponent)({
     name: 'HeaderNavigation',
     props: exports.headerNavigationProps,
     setup(props) {
@@ -386,3 +386,4 @@ exports.default = (0, vue_1.defineComponent)({
         return tabsNode;
     }
 });
+exports.default = HeaderNavigation;

package/lib/heatmap/src/Heatmap.js

@@ -20,6 +20,8 @@ const utils_1 = require("./utils");
 function transformHeatmapFirstDayOfWeekToDateFns(firstDayOfWeek) {
     return ((firstDayOfWeek + 1) % 7);
 }
+const HEATMAP_LABEL_BASE_DATE = new Date(2024, 0, 1);
+const HEATMAP_LABEL_BASE_YEAR = 2024;
 exports.heatmapProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { activeColors: Array, colorTheme: String, data: Array, loadingData: Object, fillCalendarLeading: Boolean, firstDayOfWeek: {
         type: Number,
         default: 0
@@ -121,7 +123,7 @@ exports.default = (0, vue_1.defineComponent)({
         const weekLabelsRef = (0, vue_1.computed)(() => {
             const { weekdayFormat } = localeRef.value;
             const { locale } = dateLocaleRef.value;
-            const baseDate = (0, date_fns_1.startOfWeek)(new Date(), {
+            const baseDate = (0, date_fns_1.startOfWeek)(HEATMAP_LABEL_BASE_DATE, {
                 weekStartsOn: transformHeatmapFirstDayOfWeekToDateFns(props.firstDayOfWeek)
             });
             return Array.from({ length: 7 }, (_, i) => {
@@ -134,11 +136,10 @@ exports.default = (0, vue_1.defineComponent)({
         const loadingMonthLabelsRef = (0, vue_1.computed)(() => {
             const { monthFormat } = localeRef.value;
             const { locale } = dateLocaleRef.value;
-            const currentYear = new Date().getFullYear();
             // for more consistent month label widths
             const colSpans = [5, 4, 5, 4, 5, 4, 5, 4, 4, 5, 4, 4];
             return Array.from({ length: 12 }, (_, i) => {
-                const monthDate = new Date(currentYear, i, 1);
+                const monthDate = new Date(HEATMAP_LABEL_BASE_YEAR, i, 1);
                 return {
                     name: (0, date_fns_1.format)(monthDate, monthFormat, { locale }),
                     colSpan: colSpans[i]

package/lib/image/src/Image.js

@@ -16,7 +16,6 @@ exports.imageProps = Object.assign({ alt: String, height: [String, Number], imgP
         type: String,
         default: 'fill'
     }, previewSrc: String, fallbackSrc: String, width: [String, Number], src: String, previewDisabled: Boolean, loadDescription: String, onError: Function, onLoad: Function }, interface_1.imagePreviewSharedProps);
-let uuid = 0;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Image',
     props: exports.imageProps,
@@ -32,13 +31,13 @@ exports.default = (0, vue_1.defineComponent)({
             return props.previewSrc || props.src;
         });
         const previewShowRef = (0, vue_1.ref)(false);
-        const imageId = uuid++;
+        const imageId = `r${(0, vue_1.useId)()}`;
         const showPreview = () => {
             if (props.previewDisabled || showErrorRef.value)
                 return;
             if (imageGroupHandle) {
                 imageGroupHandle.setThumbnailEl(imageRef.value);
-                imageGroupHandle.toggleShow(`r${imageId}`);
+                imageGroupHandle.toggleShow(imageId);
                 return;
             }
             const { value: previewInst } = previewInstRef;

package/lib/image/src/ImageGroup.d.ts

@@ -5,7 +5,7 @@ export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePre
     groupId: string;
     mergedClsPrefixRef: Ref<string>;
     renderToolbarRef: Ref<ImageRenderToolbar | undefined>;
-    registerImageUrl: (id: number, url: string) => () => void;
+    registerImageUrl: (id: string, url: string) => () => void;
     toggleShow: (imageId: string) => void;
 }>;
 export declare const imageGroupProps: {

package/lib/image/src/ImageGroup.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageGroupProps = exports.imageGroupInjectionKey = void 0;
-const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
@@ -24,7 +23,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.imageGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const groupId = `c${(0, seemly_1.createId)()}`;
+        const groupId = `c${(0, vue_1.useId)()}`;
         const previewInstRef = (0, vue_1.ref)(null);
         const uncontrolledShowRef = (0, vue_1.ref)(props.defaultShow);
         const controlledShowRef = (0, vue_1.toRef)(props, 'show');
@@ -46,12 +45,12 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.srcList) {
                 (0, _utils_1.throwError)('image-group', '`u-image` can\'t be placed inside `u-image-group` when image group\'s `src-list` prop is set.');
             }
-            const sid = `r${id}`;
-            if (!registeredImageUrlMap.value.has(`r${sid}`)) {
+            const sid = id;
+            if (!registeredImageUrlMap.value.has(sid)) {
                 registeredImageUrlMap.value.set(sid, url);
             }
             return function unregisterPreviewUrl() {
-                if (!registeredImageUrlMap.value.has(sid)) {
+                if (registeredImageUrlMap.value.has(sid)) {
                     registeredImageUrlMap.value.delete(sid);
                 }
             };

package/lib/menu/src/Menu.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.menuProps = void 0;
-const seemly_1 = require("seemly");
 const treemate_1 = require("treemate");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
@@ -360,7 +359,7 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('menu', (0, vue_1.computed)(() => (props.inverted ? 'a' : 'b')), cssVarsRef, props)
             : undefined;
-        const ellipsisNodeId = (0, seemly_1.createId)();
+        const ellipsisNodeId = (0, vue_1.useId)();
         const overflowRef = (0, vue_1.ref)(null);
         const counterRef = (0, vue_1.ref)(null);
         let isFirstResize = true;

package/lib/message/src/MessageProvider.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.messageProviderProps = void 0;
-const seemly_1 = require("seemly");
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -24,6 +23,8 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const messageListRef = (0, vue_1.ref)([]);
         const messageRefs = (0, vue_1.ref)({});
+        const providerId = (0, vue_1.useId)();
+        let messageKeyIndex = 0;
         const api = {
             create(content, options) {
                 return create(content, Object.assign({ type: 'default' }, options));
@@ -51,7 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         (0, vue_1.provide)(context_1.messageApiInjectionKey, api);
         function create(content, options) {
-            const key = (0, seemly_1.createId)();
+            const key = `${providerId}-${messageKeyIndex++}`;
             const messageReactive = (0, vue_1.reactive)(Object.assign(Object.assign({}, options), { content,
                 key, destroy: () => {
                     var _a;

package/lib/modal/src/ModalProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UModalProvider = exports.modalProviderProps = void 0;
-const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
@@ -16,8 +15,10 @@ exports.UModalProvider = (0, vue_1.defineComponent)({
     setup() {
         const modalListRef = (0, vue_1.ref)([]);
         const modalInstRefs = {};
+        const providerId = (0, vue_1.useId)();
+        let modalKeyIndex = 0;
         function create(options = {}) {
-            const key = (0, seemly_1.createId)();
+            const key = `${providerId}-${modalKeyIndex++}`;
             const modalReactive = (0, vue_1.reactive)(Object.assign(Object.assign({}, options), { key, destroy: () => {
                     var _a;
                     (_a = modalInstRefs[`u-modal-${key}`]) === null || _a === void 0 ? void 0 : _a.hide();

package/lib/notification/src/NotificationProvider.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.notificationProviderProps = exports.notificationApiInjectionKey = void 0;
-const seemly_1 = require("seemly");
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -29,8 +28,10 @@ exports.default = (0, vue_1.defineComponent)({
         const notificationListRef = (0, vue_1.ref)([]);
         const notificationRefs = {};
         const leavingKeySet = new Set();
+        const providerId = (0, vue_1.useId)();
+        let notificationKeyIndex = 0;
         function create(options) {
-            const key = (0, seemly_1.createId)();
+            const key = `${providerId}-${notificationKeyIndex++}`;
             const destroy = () => {
                 leavingKeySet.add(key);
                 // If you push n + 1 message when max is n, notificationRefs[key] maybe not be set

package/lib/time/src/Time.d.ts

@@ -13,6 +13,7 @@ export declare const timeProps: {
         readonly type: PropType<number | Date>;
         readonly default: undefined;
     };
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly unix: BooleanConstructor;
     readonly format: StringConstructor;
     readonly text: BooleanConstructor;
@@ -32,6 +33,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<number | Date>;
         readonly default: undefined;
     };
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly unix: BooleanConstructor;
     readonly format: StringConstructor;
     readonly text: BooleanConstructor;
@@ -51,6 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<number | Date>;
         readonly default: undefined;
     };
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly unix: BooleanConstructor;
     readonly format: StringConstructor;
     readonly text: BooleanConstructor;

package/lib/time/src/Time.js

@@ -18,6 +18,7 @@ exports.timeProps = {
         type: [Number, Date],
         default: undefined // the same as `time` prop
     },
+    ssrCurrentTimestamp: Number,
     unix: Boolean,
     format: String,
     text: Boolean,
@@ -27,7 +28,8 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Time',
     props: exports.timeProps,
     setup(props) {
-        const now = Date.now();
+        var _a;
+        const now = (_a = props.ssrCurrentTimestamp) !== null && _a !== void 0 ? _a : Date.now();
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('Time');
         const mergedFormatRef = (0, vue_1.computed)(() => {
             const { timeZone } = props;

package/lib/time-picker/src/Panel.js

@@ -91,6 +91,10 @@ exports.default = (0, vue_1.defineComponent)({
     props: timePickerPanelProps,
     setup(props) {
         const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.timePickerInjectionKey);
+        const mountedRef = (0, vue_1.ref)(false);
+        (0, vue_1.onMounted)(() => {
+            mountedRef.value = true;
+        });
         const hoursRef = (0, vue_1.computed)(() => {
             const { isHourDisabled, hours, use12Hours, amPmValue } = props;
             if (!use12Hours) {
@@ -103,7 +107,10 @@ exports.default = (0, vue_1.defineComponent)({
                 });
             }
             else {
-                const mergedAmPmValue = amPmValue !== null && amPmValue !== void 0 ? amPmValue : (0, utils_1.getAmPm)(Date.now());
+                // Keep the initial SSR and hydration render deterministic when there is
+                // no selected value yet. After mount we can safely derive AM/PM from
+                // the current local time.
+                const mergedAmPmValue = amPmValue !== null && amPmValue !== void 0 ? amPmValue : (mountedRef.value ? (0, utils_1.getAmPm)(Date.now()) : 'am');
                 return (0, utils_1.getTimeUnits)(utils_1.time.hours, hours, mergedAmPmValue).map((hour) => {
                     const hourAs12FormattedNumber = Number(hour);
                     const hourAs24FormattedNumber = mergedAmPmValue === 'pm' && hourAs12FormattedNumber !== 12

package/lib/upload/src/Upload.js

@@ -13,7 +13,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.uploadProps = void 0;
-const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
@@ -89,6 +88,8 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
     props: exports.uploadProps,
     setup(props) {
+        const uploadId = (0, vue_1.useId)();
+        const uploadKeyIndexRef = (0, vue_1.ref)(0);
         const { localeRef } = (0, _mixins_1.useLocale)('Upload');
         const { submitImpl, customSubmitImpl } = (0, useUpload_1.useUpload)();
         if (props.abstract && props.listType === 'image-card') {
@@ -139,6 +140,11 @@ exports.default = (0, vue_1.defineComponent)({
             uncontrolledFileListRef.value = files;
         }
         const mergedMultipleRef = (0, vue_1.computed)(() => props.multiple || props.directory);
+        function createUploadKey() {
+            const key = `${uploadId}-${uploadKeyIndexRef.value}`;
+            uploadKeyIndexRef.value += 1;
+            return key;
+        }
         function handleFileAddition(fileAndEntries, e) {
             if (!fileAndEntries || fileAndEntries.length === 0)
                 return;
@@ -158,11 +164,11 @@ exports.default = (0, vue_1.defineComponent)({
             if (max) {
                 fileAndEntries = fileAndEntries.slice(0, max - mergedFileListRef.value.length);
             }
-            const batchId = (0, seemly_1.createId)();
+            const batchId = createUploadKey();
             void Promise.all(fileAndEntries.map((_a) => __awaiter(this, [_a], void 0, function* ({ file, entry }) {
                 var _b;
                 const fileInfo = {
-                    id: (0, seemly_1.createId)(),
+                    id: createUploadKey(),
                     batchId,
                     name: file.name,
                     status: 'pending',

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.0-beta.1";
+declare const _default: "2.0.0-beta.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-beta.1';
+exports.default = '2.0.0-beta.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.3",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
     "name": "KapitalLab",
@@ -36,7 +36,7 @@
   ],
   "sideEffects": false,
   "main": "lib/index.js",
-  "module": "es/index.js",
+  "module": "es/index.mjs",
   "unpkg": "dist/index.js",
   "jsdelivr": "dist/index.js",
   "types": "es/index.d.ts",
@@ -87,12 +87,12 @@
   },
   "web-types": "./web-types.json",
   "peerDependencies": {
-    "vue": "3.0.0"
+    "vue": "^3.0.0"
   },
   "dependencies": {
     "@css-render/plugin-bem": "0.15.14",
     "@css-render/vue3-ssr": "0.15.14",
-    "@types/lodash": "4.17.20",
+    "@types/lodash": "4.17.24",
     "@types/lodash-es": "4.17.12",
     "@vueuse/core": "13.3.0",
     "async-validator": "4.2.5",
@@ -102,9 +102,9 @@
     "date-fns": "4.1.0",
     "date-fns-tz": "3.2.0",
     "evtd": "0.2.4",
-    "highlight.js": "11.8.0",
-    "lodash": "4.17.21",
-    "lodash-es": "4.17.21",
+    "highlight.js": "11.11.1",
+    "lodash": "4.17.23",
+    "lodash-es": "4.17.23",
     "seemly": "0.3.10",
     "treemate": "0.3.11",
     "vdirs": "0.1.8",
@@ -113,42 +113,42 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "5.3.0",
-    "@babel/core": "7.28.0",
-    "@babel/generator": "7.28.0",
-    "@babel/parser": "7.28.0",
-    "@babel/preset-env": "7.28.0",
-    "@babel/traverse": "7.28.0",
+    "@babel/core": "7.29.0",
+    "@babel/generator": "7.29.1",
+    "@babel/parser": "7.29.2",
+    "@babel/preset-env": "7.29.2",
+    "@babel/traverse": "7.29.0",
     "@lylajs/web": "2.1.0",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "28.0.6",
-    "@rollup/plugin-node-resolve": "16.0.1",
-    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-node-resolve": "16.0.3",
+    "@rollup/plugin-replace": "6.0.3",
     "@rollup/plugin-terser": "0.4.4",
     "@types/babel__core": "7.20.5",
     "@types/babel__generator": "7.27.0",
     "@types/babel__traverse": "7.28.0",
-    "@types/estree": "1.0.1",
+    "@types/estree": "1.0.8",
     "@types/fs-extra": "11.0.4",
     "@types/node": "24.0.12",
     "@types/superagent": "8.1.9",
     "@vicons/fluent": "0.13.0",
     "@vicons/ionicons4": "0.13.0",
     "@vicons/ionicons5": "0.13.0",
-    "@vitejs/plugin-vue": "6.0.0",
+    "@vitejs/plugin-vue": "6.0.5",
     "@vitest/coverage-v8": "3.2.4",
-    "@vue/compiler-sfc": "3.5.21",
-    "@vue/server-renderer": "3.5.21",
+    "@vue/compiler-sfc": "3.5.31",
+    "@vue/server-renderer": "3.5.31",
     "@vue/test-utils": "2.4.6",
-    "autoprefixer": "10.4.21",
+    "autoprefixer": "10.4.27",
     "codesandbox": "2.2.3",
-    "cssnano": "7.1.0",
+    "cssnano": "7.1.3",
     "deepmerge": "4.3.1",
     "esbuild": "0.25.10",
     "eslint": "9.39.4",
     "express": "5.1.0",
-    "fast-glob": "3.3.1",
+    "fast-glob": "3.3.3",
     "fflate": "0.8.2",
-    "fs-extra": "11.3.0",
+    "fs-extra": "11.3.4",
     "grapheme-splitter": "1.0.4",
     "husky": "9.1.7",
     "inquirer": "12.7.0",
@@ -156,19 +156,19 @@
     "katex": "0.16.28",
     "lint-staged": "16.1.6",
     "marked": "12.0.2",
-    "prettier": "3.6.2",
-    "rimraf": "6.0.1",
-    "rollup": "4.45.1",
+    "prettier": "3.8.1",
+    "rimraf": "6.1.3",
+    "rollup": "4.60.0",
     "rollup-plugin-esbuild": "6.2.1",
-    "superagent": "10.2.2",
-    "tsx": "4.20.3",
+    "superagent": "10.3.0",
+    "tsx": "4.21.0",
     "typescript": "5.9.2",
     "vfonts": "0.0.3",
-    "vite": "7.0.4",
+    "vite": "7.1.12",
     "vitest": "3.2.4",
-    "vue": "3.5.21",
+    "vue": "3.5.31",
     "vue-router": "4.5.1",
-    "vue-tsc": "3.0.7"
+    "vue-tsc": "3.2.6"
   },
   "pnpm": {
     "overrides": {

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.3",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -1461,6 +1461,11 @@
               "description": "Validator of the date.",
               "default": "undefined"
             },
+            {
+              "name": "ssr-current-timestamp",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/calendar",
+              "type": "number"
+            },
             {
               "name": "value",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/calendar",
@@ -3973,17 +3978,30 @@
             {
               "name": "breakpoint-props",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
-              "type": "object"
+              "type": "Record<number, GlobalComponentConfig>",
+              "description": "Responsive global component props. By default they resolve from `window.innerWidth`. In SSR, set `ssr-breakpoint-width` to make the server render deterministic and avoid hydration mismatches.",
+              "default": "undefined"
             },
             {
               "name": "breakpoint-theme-overrides",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
-              "type": "object"
+              "type": "Record<number, ThemeOverrides>",
+              "description": "Responsive theme overrides using the same breakpoint resolution rules as `breakpoint-props`. In SSR, pair them with `ssr-breakpoint-width` if they affect rendered output.",
+              "default": "undefined"
             },
             {
               "name": "breakpoint-mode",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
-              "type": "string"
+              "type": "'mobile-first' | 'desktop-first'",
+              "description": "Controls responsive resolution strategy for `breakpoint-props` and `breakpoint-theme-overrides`. `mobile-first` behaves like min-width breakpoints and inherits from smaller widths. `desktop-first` behaves like max-width breakpoints and inherits from larger widths.",
+              "default": "'desktop-first'"
+            },
+            {
+              "name": "ssr-breakpoint-width",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
+              "type": "number",
+              "description": "Explicit width used to resolve `breakpoint-props` and `breakpoint-theme-overrides` during SSR and the first client hydration pass. Useful for avoiding hydration style mismatches in SSR apps.",
+              "default": "undefined"
             },
             {
               "name": "preflight-style-disabled",
@@ -4961,6 +4979,11 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
               "type": "number"
             },
+            {
+              "name": "ssr-current-timestamp",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "number"
+            },
             {
               "name": "bind-calendar-months",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
@@ -18106,6 +18129,11 @@
               "description": "Target time.",
               "default": "Date.now()"
             },
+            {
+              "name": "ssr-current-timestamp",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/time",
+              "type": "number"
+            },
             {
               "name": "unix",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/time",