@unicom-cloud/ui 0.8.157 → 0.8.159

package/input-tag/InputTag.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isArray as e, isArrayAndNotEmpty as t, isFunction as n, isNumber as r, isObjectLike as i, isPlainObject as a, isString as o, isUndefinedOrNull as s } from "../utils/is.js";
 import c from "../utils/uuid.js";
 import { Backspace as l } from "../utils/keyboardCode.js";
-import u from "../hooks/use-merge-value/index.js";
+import u from "../hooks/use-controllable-value/index.js";
 import d from "../utils/className.js";
 import ee from "../hooks/use-merge-props/index.js";
 import te from "../config-provider/context.js";
@@ -13,7 +13,7 @@ import "../config-provider/index.js";
 import oe from "../utils/fillNBSP.js";
 import se from "../utils/getHotkeyHandler.js";
 import { HYPHEN as ce } from "../utils/string.js";
-import le from "../input/InputElement.js";
+import le from "../input/InputComponent.js";
 import "../constant/index.js";
 import ue from "../draggable/index.js";
 import de from "../flex/index.js";
@@ -22,13 +22,13 @@ import pe from "../popover/index.js";
 import me from "../tag/index.js";
 import { PREFIX_INPUT_TAG as he } from "./constant.js";
 import ge from "./hook/useComputeAutoWidthDelay.js";
-import f, { useContext as p, useImperativeHandle as _e, useMemo as ve, useRef as m, useState as ye } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import be from "@unicom-cloud/icons/IconUiClose";
+import _e, { Fragment as ve, forwardRef as ye, useContext as f, useImperativeHandle as be, useMemo as xe, useRef as p, useState as Se } from "react";
+import { Fragment as Ce, jsx as m, jsxs as h } from "react/jsx-runtime";
+import we from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/input-tag/InputTag.tsx
-var xe = `__input_${c()}`, _ = (e) => s(e), v = (e) => {
+var Te = `__input_${c()}`, g = (e) => s(e), _ = (e) => {
 	e.target.tagName !== "INPUT" && e.preventDefault();
-}, y = (t) => e(t) ? t.map((e) => a(e) ? {
+}, v = (t) => e(t) ? t.map((e) => a(e) ? {
 	...e,
 	label: "label" in e ? e.label : e.value,
 	value: e.value,
@@ -36,177 +36,184 @@ var xe = `__input_${c()}`, _ = (e) => s(e), v = (e) => {
 } : {
 	label: e,
 	value: e
-}) : [], Se = { validate: (e, t) => e && t.every((t) => t.value !== e) };
-function b(e, s) {
-	let { prefixCls: c, getPrefixCls: b, size: x, componentConfig: Ce, rtl: S } = p(te), we = p(ne), Te = p(re), C = ee(e, Se, Ce?.InputTag), { className: Ee, style: De, placeholder: Oe, error: ke, disabled: w, readOnly: T = Te?.readOnly ?? we?.readOnly, allowClear: Ae, autoFocus: je, labelInValue: Me, disableInput: Ne, saveOnBlur: Pe, dragToSort: Fe, icon: E, prefix: D, suffix: O, addBefore: k, addAfter: A, tokenSeparators: j, validate: M, renderTag: N, tagClassName: P, maxTagCount: F, onInputChange: Ie, onKeyDown: Le, onPaste: Re, onChange: ze, onFocus: Be, onBlur: Ve, onPressEnter: He, onRemove: Ue, onClear: We, onClick: I, ...Ge } = C, L = b?.(he), R = "size" in C ? C.size : x, Ke = T ? ce : Oe, z = i(F) ? F.count : F, B = m(void 0), V = m(void 0), H = m(void 0), [U, qe] = ye(!1), [W, Je] = u([], {
-		defaultValue: "defaultValue" in C ? y(C.defaultValue) : void 0,
-		value: "value" in C ? y(C.value) : void 0
-	}), [G, K] = u("", { value: C.inputValue }), Ye = ge(W), Xe = !!(Fe && !T && !w);
-	_e(s, () => Object.assign({}, B.current, {
-		select: B.current?.select,
-		blur: B.current?.blur,
-		focus: B.current?.focus,
+}) : [], Ee = { validate: (e, t) => e && t.every((t) => t.value !== e) };
+function y(e, s) {
+	let { prefixCls: c, getPrefixCls: ye, size: y, componentConfig: b, rtl: x } = f(te), De = f(ne), Oe = f(re), S = ee(e, Ee, b?.InputTag), { className: ke, style: Ae, placeholder: je, error: Me, disabled: C, readOnly: w = Oe?.readOnly ?? De?.readOnly, allowClear: Ne, autoFocus: Pe, labelInValue: Fe, disableInput: Ie, saveOnBlur: Le, dragToSort: Re, icon: T, prefix: E, suffix: D, addBefore: O, addAfter: k, tokenSeparators: A, validate: j, renderTag: M, tagClassName: N, maxTagCount: P, onInputChange: ze, onKeyDown: Be, onPaste: Ve, onChange: He, onFocus: Ue, onBlur: We, onPressEnter: Ge, onRemove: Ke, onClear: qe, onClick: F, ...Je } = S, I = ye?.(he), L = "size" in S ? S.size : y, Ye = w ? ce : je, R = i(P) ? P.count : P, z = p(void 0), B = p(void 0), V = p(null), [H, Xe] = Se(!1), [U, Ze] = u({
+		defaultValue: "defaultValue" in S ? v(S.defaultValue) : void 0,
+		value: "value" in S ? v(S.value) : void 0
+	}, {
+		defaultValue: [],
+		triggerPropName: !1
+	}), [W, G] = u({ value: S.inputValue }, {
+		defaultValue: "",
+		triggerPropName: !1
+	}), Qe = ge(U), $e = !!(Re && !w && !C);
+	be(s, () => Object.assign({}, z.current, {
+		select: z.current?.select,
+		blur: z.current?.blur,
+		focus: z.current?.focus,
+		addValueToTag: q,
 		getInputElement() {
-			return B.current?.getRootElement?.();
+			return z.current?.getRootElement?.();
 		},
 		getRootElement() {
-			return H.current;
+			return V.current;
 		}
 	}));
-	let q = (e, t) => {
-		w || T || ("value" in C || Je(e), ze?.(Me ? e : e.map((e) => e?.value), t));
-	}, Ze = (e, t, n) => {
-		w || T || (Ue?.(e, t, n), q([...W.slice(0, t), ...W.slice(t + 1)], "remove"));
-	}, Qe = se(new Map([[l.key, (e) => {
-		if (!e.target.value && W.length) for (let t = W.length - 1; t >= 0; t--) {
-			let n = W[t];
+	let K = (e, t) => {
+		C || w || ("value" in S || Ze(e), He?.(Fe ? e : e.map((e) => e?.value), t));
+	}, et = (e, t, n) => {
+		C || w || (Ke?.(e, t, n), K([...U.slice(0, t), ...U.slice(t + 1)], "remove"));
+	}, tt = se(new Map([[l.key, (e) => {
+		if (!e.target.value && U.length) for (let t = U.length - 1; t >= 0; t--) {
+			let n = U[t];
 			if (n.closable !== !1) {
-				Ze(n, t, e);
+				et(n, t, e);
 				return;
 			}
 		}
-	}]])), $e = async () => {
+	}]])), q = async () => {
 		try {
-			let e = n(M) ? await M(G, W) : !0;
-			e && (q(W.concat({
-				value: e === !0 ? G : e,
-				label: G
-			}), "add"), K(""));
+			let e = n(j) ? await j(W, U) : !0;
+			e && (K(U.concat({
+				value: e === !0 ? W : e,
+				label: W
+			}), "add"), G(""));
 		} catch (e) {
 			console.error(e);
 		}
-	}, et = (e, t, n = !1) => {
-		let a = e.value, s = e.label, c = !T && !w && e.closable !== !1, l = i(a) ? t : a, u = (n) => {
-			Ze(e, t, n);
+	}, nt = (e, t, n = !1) => {
+		let a = e.value, s = e.label, c = !w && !C && e.closable !== !1, l = i(a) ? t : a, u = (n) => {
+			et(e, t, n);
 		};
-		return !n && r(z) && t >= z ? t === W.length - 1 ? (s = tt(W.length - Number(z)), c = !1, {
+		return !n && r(R) && t >= R ? t === U.length - 1 ? (s = rt(U.length - Number(R)), c = !1, {
 			valueKey: l,
 			dom: s
 		}) : {
 			valueKey: l,
 			dom: null
-		} : N ? {
+		} : M ? {
 			valueKey: l,
-			dom: N({
+			dom: M({
 				value: a,
 				label: s,
 				closable: c,
 				onClose: u
-			}, t, W)
+			}, t, U)
 		} : {
 			valueKey: l,
-			dom: /* @__PURE__ */ h(me, {
+			dom: /* @__PURE__ */ m(me, {
 				closable: c,
 				onClose: u,
 				visible: !0,
 				children: oe(s),
-				closeIcon: E?.removeIcon,
-				__closeIconProps: { onMouseDown: v },
-				className: d(`${L}-tag`, { [P]: P }),
+				closeIcon: T?.removeIcon,
+				__closeIconProps: { onMouseDown: _ },
+				className: d(`${I}-tag`, { [N]: N }),
 				title: o(s) ? s : void 0
 			}, `${l}-tag`)
 		};
 	};
-	function tt(e) {
-		let t = i(F) && F.render ? F.render : () => /* @__PURE__ */ g("span", {
-			className: `${L}-tag-ellipsis`,
+	function rt(e) {
+		let t = i(P) && P.render ? P.render : () => /* @__PURE__ */ h("span", {
+			className: `${I}-tag-ellipsis`,
 			children: ["+", e]
-		}), n = a(F) && F.popoverProps;
-		return /* @__PURE__ */ h(pe, {
-			content: /* @__PURE__ */ h(de, {
+		}), n = a(P) && P.popoverProps;
+		return /* @__PURE__ */ m(pe, {
+			content: /* @__PURE__ */ m(de, {
 				wrap: !0,
 				gap: "1x",
-				children: W.map((e, t, n) => ({
+				children: U.map((e, t, n) => ({
 					tagValue: e,
 					tagIndex: t
-				})).slice(-e).map(({ tagValue: e, tagIndex: t }) => et(e, t, !0)?.dom)
+				})).slice(-e).map(({ tagValue: e, tagIndex: t }) => nt(e, t, !0)?.dom)
 			}),
 			...n || {},
-			children: t(e, W)
+			children: t(e, U)
 		});
 	}
-	let nt = async (e) => {
-		if (V.current = null, t(j)) {
-			let t = e.split(RegExp(`[${j.join("")}]`));
+	let it = async (e) => {
+		if (B.current = null, t(A)) {
+			let t = e.split(RegExp(`[${A.join("")}]`));
 			if (t.length > 1) {
-				V.current = Date.now();
+				B.current = Date.now();
 				let e = [];
 				await Promise.all(t.map(async (t) => {
-					let r = t ? n(M) ? await M(t, W) : !0 : !1;
+					let r = t ? n(j) ? await j(t, U) : !0 : !1;
 					r && e.push({
 						value: r === !0 ? t : r,
 						label: t
 					});
-				})), e.length && q(W.concat(e), "add");
+				})), e.length && K(U.concat(e), "add");
 			}
 		}
-	}, J = Ae && !w && !T && W.length ? /* @__PURE__ */ h(ae, {
-		prefix: L,
-		size: R,
-		className: `${L}-clear-icon`,
+	}, at = Ne && !C && !w && U.length ? /* @__PURE__ */ m(ae, {
+		prefix: I,
+		size: L,
+		className: `${I}-clear-icon`,
 		onClick: (e) => {
-			e.stopPropagation(), q([], "clear"), U || B.current?.focus?.(), We?.();
+			e.stopPropagation(), K([], "clear"), H || z.current?.focus?.(), qe?.();
 		},
-		children: E?.clearIcon || /* @__PURE__ */ h(be, {})
-	}, "clearIcon") : null, rt = w || Ne, Y = ve(() => {
+		children: T?.clearIcon || /* @__PURE__ */ m(we, {})
+	}, "clearIcon") : null, ot = C || Ie, J = xe(() => {
 		let e = {};
-		return W.map((t, n, r) => {
+		return U.map((t, n, r) => {
 			let i = e[t.value] || 0, a = i >= 1;
 			e[t.value] = i + 1;
-			let { dom: o, valueKey: s } = et(t, n);
-			return f.isValidElement(o) ? /* @__PURE__ */ h(f.Fragment, { children: o }, a ? [s, n].join("-") : s) : o;
+			let { dom: o, valueKey: s } = nt(t, n);
+			return _e.isValidElement(o) ? /* @__PURE__ */ m(ve, { children: o }, a ? [s, n].join("-") : s) : o;
 		});
 	}, [
-		W,
-		w,
-		T
-	]), X = [/* @__PURE__ */ h(le, {
+		U,
+		C,
+		w
+	]), Y = [/* @__PURE__ */ m(le, {
 		autoComplete: "off",
-		size: R,
-		disabled: rt,
-		readOnly: T,
-		ref: B,
-		autoFocus: je,
-		placeholder: W.length ? "" : Ke,
-		prefixCls: `${L}-input`,
-		...W.length ? {} : { style: { order: -1 } },
+		size: L,
+		disabled: ot,
+		readOnly: w,
+		ref: z,
+		autoFocus: Pe,
+		placeholder: U.length ? "" : Ye,
+		prefixCls: `${I}-input`,
+		...U.length ? {} : { style: { order: -1 } },
 		autoFitWidth: {
-			delay: () => Ye.current,
+			delay: () => Qe.current,
 			pure: !0
 		},
 		onPressEnter: async (e) => {
-			G && e.preventDefault(), He?.(e), await $e();
+			W && e.preventDefault(), Ge?.(e), await q();
 		},
 		onFocus: (e) => {
-			!rt && !T && (qe(!0), Be?.(e));
+			!ot && !w && (Xe(!0), Ue?.(e));
 		},
 		onBlur: async (e) => {
-			qe(!1), Ve?.(e), Pe && await $e(), K("");
+			Xe(!1), We?.(e), Le && await q(), G("");
 		},
-		value: G,
+		value: W,
 		onChange: (e, t) => {
-			Ie?.(e, t), t.nativeEvent.inputType !== "insertFromPaste" && nt(e), V.current ? K("") : K(e);
+			ze?.(e, t), t.nativeEvent.inputType !== "insertFromPaste" && it(e), B.current ? G("") : G(e);
 		},
 		onKeyDown: (e) => {
-			Qe(e), Le?.(e);
+			tt(e), Be?.(e);
 		},
 		onPaste: (e) => {
-			Re?.(e), nt(e.clipboardData.getData("text"));
+			Ve?.(e), it(e.clipboardData.getData("text"));
 		}
-	}, xe)], it = !T && !_(D), at = !T && (!_(O) || !_(J)), ot = !T && !_(k), st = !T && !_(A), Z = ot || st, ct = C.status || (ke ? "error" : void 0), lt = d(L, {
-		[`${L}-size-${R}`]: R,
-		[`${L}-disabled`]: w,
-		[`${L}-${ct}`]: ct,
-		[`${L}-focus`]: U,
-		[`${L}-readonly`]: T,
-		[`${L}-has-suffix`]: at,
-		[`${L}-has-placeholder`]: !W.length,
-		[`${L}-rtl`]: S
+	}, Te)], st = !w && !g(E), X = !w && (!g(D) || !g(at)), ct = !w && !g(O), lt = !w && !g(k), Z = ct || lt, ut = S.status || (Me ? "error" : void 0), dt = d(I, {
+		[`${I}-size-${L}`]: L,
+		[`${I}-disabled`]: C,
+		[`${I}-${ut}`]: ut,
+		[`${I}-focus`]: H,
+		[`${I}-readonly`]: w,
+		[`${I}-has-suffix`]: X,
+		[`${I}-has-placeholder`]: !U.length,
+		[`${I}-rtl`]: x
 	}), Q = {
-		style: De,
-		className: Ee
-	}, $ = /* @__PURE__ */ h("div", {
-		...ie(Ge, [
+		style: Ae,
+		className: ke
+	}, $ = /* @__PURE__ */ m("div", {
+		...ie(Je, [
 			"status",
 			"size",
 			"defaultValue",
@@ -214,68 +221,68 @@ function b(e, s) {
 			"inputValue"
 		]),
 		...Z ? {} : Q,
-		className: Z ? lt : d(lt, Q.className),
+		className: Z ? dt : d(dt, Q.className),
 		onMouseDown: (e) => {
-			U && v(e);
+			H && _(e);
 		},
 		onClick: (e) => {
-			!U && B.current?.focus?.(), I && I(e);
+			!H && z.current?.focus?.(), F && F(e);
 		},
-		ref: Z ? void 0 : H,
-		children: /* @__PURE__ */ g("div", {
-			className: d(`${L}-view`, T && `${L}-view-readonly`),
+		ref: Z ? void 0 : V,
+		children: /* @__PURE__ */ h("div", {
+			className: d(`${I}-view`, w && `${I}-view-readonly`),
 			children: [
-				it && /* @__PURE__ */ h("div", {
-					className: `${L}-prefix`,
-					onMouseDown: v,
-					children: D
+				st && /* @__PURE__ */ m("div", {
+					className: `${I}-prefix`,
+					onMouseDown: _,
+					children: E
 				}),
-				/* @__PURE__ */ h("div", {
-					className: `${L}-inner`,
-					children: Xe ? /* @__PURE__ */ h(ue, {
+				/* @__PURE__ */ m("div", {
+					className: `${I}-inner`,
+					children: $e ? /* @__PURE__ */ h(Ce, { children: [/* @__PURE__ */ m(ue, {
 						itemWrapperStyle: { display: "inline-block" },
 						direction: "horizontal",
 						onIndexChange: (e, t) => {
-							q(function(e, t, n) {
+							t < 0 || e < 0 || t >= U.length || e > U.length || K(function(e, t, n) {
 								e = e.slice();
 								let r = t > n, [i] = e.splice(t, 1);
 								return e.splice(r ? n : n - 1, 0, i), e;
-							}(W, t, e), "sort");
+							}(U, t, e), "sort");
 						},
-						children: Y.concat(X)
-					}, "draggable") : z === "responsive" ? /* @__PURE__ */ h(fe, {
-						items: Y,
-						suffixItems: X,
-						ellipsisNode: ({ ellipsisCount: e }) => tt(e)
-					}, `max_tag_group_${z}`) : Y.concat(X)
+						children: J
+					}, "draggable"), Y] }) : R === "responsive" ? /* @__PURE__ */ m(fe, {
+						items: J,
+						suffixItems: Y,
+						ellipsisNode: ({ ellipsisCount: e }) => rt(e)
+					}, `max_tag_group_${R}`) : J.concat(Y)
 				}, "transitionGroupWithDrag"),
-				at && /* @__PURE__ */ g("div", {
-					className: `${L}-suffix`,
-					onMouseDown: v,
-					children: [J, O]
+				X && /* @__PURE__ */ h("div", {
+					className: `${I}-suffix`,
+					onMouseDown: _,
+					children: [at, D]
 				})
 			]
 		})
 	});
-	return Z ? /* @__PURE__ */ g("div", {
+	return Z ? /* @__PURE__ */ h("div", {
 		...Q,
-		className: d(`${L}-wrapper`, { [`${L}-wrapper-rtl`]: S }, Q.className),
-		ref: H,
+		className: d(`${I}-wrapper`, { [`${I}-wrapper-rtl`]: x }, Q.className),
+		ref: V,
 		children: [
-			ot && /* @__PURE__ */ h("div", {
-				className: `${L}-addbefore`,
-				children: k
+			ct && /* @__PURE__ */ m("div", {
+				className: `${I}-addbefore`,
+				children: O
 			}),
 			$,
-			st && /* @__PURE__ */ h("div", {
-				className: `${L}-addafter`,
-				children: A
+			lt && /* @__PURE__ */ m("div", {
+				className: `${I}-addafter`,
+				children: k
 			})
 		]
 	}) : $;
 }
-var x = f.forwardRef(b);
-x.displayName = "InputTag";
+var b = ye(y);
+b.displayName = "InputTag";
 //#endregion
-export { x as default };
+export { b as default };
 /* 独立思考，明辨是非 */

package/input-tag/constant.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 //#region components/pc/input-tag/constant.ts
 var e = "input-tag";
 //#endregion

package/input-tag/hook/useComputeAutoWidthDelay.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { useEffect as e, useRef as t } from "react";
 //#region components/pc/input-tag/hook/useComputeAutoWidthDelay.tsx
 var n = 300, r = (r) => {

package/input-tag/index.d.ts

@@ -1,4 +1,4 @@
 import type { InputTagProps } from './InputTag';
-declare const InputTag: import("react").ForwardRefExoticComponent<InputTagProps<any> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
+declare const InputTag: import("react").ForwardRefExoticComponent<InputTagProps<string | import("./interface").ObjectValueType> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
 export default InputTag;
 export type { InputTagProps };

package/input-tag/index.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "./InputTag.js";
-//#region components/pc/input-tag/index.tsx
+//#region components/pc/input-tag/index.ts
 var t = Object.assign(e, {});
 //#endregion
 export { t as default };

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/layout/Footer.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/layout/Header.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/layout/Layout.d.ts

@@ -1,14 +1,4 @@
 import React from 'react';
-import Content from './Content';
-import Footer from './Footer';
-import Header from './Header';
-import Sider from './Sider';
 import type { LayoutProps } from './interface';
-declare const ForwardRefLayout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<unknown>>;
-declare const LayoutComponent: typeof ForwardRefLayout & {
-    Sider: typeof Sider;
-    Header: typeof Header;
-    Footer: typeof Footer;
-    Content: typeof Content;
-};
+declare const LayoutComponent: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<unknown>>;
 export default LayoutComponent;

package/layout/Layout.js

@@ -1,13 +1,9 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isBoolean as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";
 import r from "../config-provider/context.js";
 import "../config-provider/index.js";
-import "./Content.js";
-import "./Footer.js";
-import "./Header.js";
-import "./Sider.js";
 import i, { forwardRef as a, useContext as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 import d from "lodash/get";

package/layout/Sider.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import type { SiderProps } from './interface';
-declare const ForwardRefSider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<unknown>>;
-declare const SiderComponent: typeof ForwardRefSider & {
+declare const SiderComponent: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<unknown>> & {
     ___PQB_SIDER___: boolean;
-    ___PQB_SIGN___: "sider";
+    ___PQB_SIGN___: string;
 };
 export default SiderComponent;