@univerjs/icons 1.35.0 → 1.39.0

package/dist/cjs/table-icon.cjs

@@ -15,12 +15,22 @@ const element = {
 		"height": "1em"
 	},
 	"children": [{
+		"tag": "rect",
+		"attrs": {
+			"width": 12.4,
+			"height": 12.4,
+			"x": 1.8,
+			"y": 1.8,
+			"stroke": "currentColor",
+			"rx": 1.8,
+			"strokeWidth": 1.2
+		}
+	}, {
 		"tag": "path",
 		"attrs": {
-			"fill": "currentColor",
-			"d": "M1.7643 4.13354C1.7643 2.82523 2.82488 1.76465 4.13319 1.76465H11.8665C13.1748 1.76465 14.2354 2.82524 14.2354 4.13354V11.8669C14.2354 13.1752 13.1748 14.2358 11.8665 14.2358H4.13318C2.82488 14.2358 1.7643 13.1752 1.7643 11.8669V6.1462C1.76388 6.13711 1.76367 6.12797 1.76367 6.11878C1.76367 6.10959 1.76388 6.10045 1.7643 6.09136V4.13354ZM2.94652 6.70989V11.8669C2.94652 12.5222 3.47781 13.0535 4.13318 13.0535H5.52732V6.70989H2.94652ZM5.52732 5.52767H2.94652V4.13354C2.94652 3.47816 3.47781 2.94687 4.13319 2.94687H5.52732V5.52767ZM6.70954 6.70989V13.0535H11.8665C12.5219 13.0535 13.0532 12.5222 13.0532 11.8669V6.70989L6.70954 6.70989ZM13.0532 5.52767L6.70954 5.52767V2.94687H11.8665C12.5219 2.94687 13.0532 3.47816 13.0532 4.13354V5.52767Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+			"stroke": "currentColor",
+			"d": "M1.8 5.6H14.2M5.6 1.8V14.2",
+			"strokeWidth": 1.2
 		}
 	}]
 };

package/dist/cjs/text-icon.cjs

@@ -15,35 +15,14 @@ const element = {
 		"height": "1em"
 	},
 	"children": [{
-		"tag": "g",
+		"tag": "path",
 		"attrs": {
-			"fill": "currentColor",
-			"clipPath": "url(#text-icon_clip0_1293_26)"
-		},
-		"children": [{
-			"tag": "path",
-			"attrs": { "d": "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" }
-		}, {
-			"tag": "path",
-			"attrs": { "d": "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" }
-		}]
-	}, {
-		"tag": "defs",
-		"attrs": {},
-		"children": [{
-			"tag": "clipPath",
-			"attrs": { "id": "text-icon_clip0_1293_26" },
-			"children": [{
-				"tag": "path",
-				"attrs": {
-					"fill": "white",
-					"d": "M0 0H16V16H0z",
-					"transform": "translate(.9)"
-				}
-			}]
-		}]
-	}],
-	"defIds": ["text-icon_clip0_1293_26"]
+			"stroke": "currentColor",
+			"d": "M2.22891 2.67227H11.5622M6.89541 2.67227V14.0056M10.2289 7.00552H15.5622M12.8954 7.00552V14.0055",
+			"strokeLinecap": "round",
+			"strokeWidth": 1.2
+		}
+	}]
 };
 const TextIcon = (0, react.forwardRef)(function TextIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/esm/a-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AIcon;

package/dist/esm/activity-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ActivityIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ActivityIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ActivityIcon;

package/dist/esm/add-digits-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AddDigitsIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AddDigitsIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AddDigitsIcon;

package/dist/esm/add-image-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AddImageIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AddImageIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AddImageIcon;

package/dist/esm/add-image-icon.js

@@ -10,21 +10,47 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [{
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+	"children": [
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M7.9998 1.65005H3.64981C2.54524 1.65005 1.6498 2.54548 1.6498 3.65005V12.35C1.6498 13.4546 2.54523 14.35 3.6498 14.35H12.3498C13.4544 14.35 14.3498 13.4546 14.3498 12.3501V8.00005",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M1.6498 11.2148L5.43408 8.29588L10.711 12.0198",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M9.46559 10.1621L10.9774 8.65032C11.2042 8.42344 11.5634 8.39794 11.8201 8.59045L14.3498 10.4877",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M11.8097 1.74783V6.24167M9.6603 3.897H14.1541",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.2
+			}
 		}
-	}, {
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"
-		}
-	}]
+	]
 };
 const AddImageIcon = forwardRef(function AddImageIcon(props, ref) {
 	return createElement(IconBase, Object.assign({}, props, {

package/dist/esm/add-note-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AddNoteIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AddNoteIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AddNoteIcon;

package/dist/esm/addition-and-subtraction-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AdditionAndSubtractionIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AdditionAndSubtractionIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AdditionAndSubtractionIcon;

package/dist/esm/adjust-height-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AdjustHeightDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AdjustHeightDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AdjustHeightDoubleIcon;

package/dist/esm/adjust-width-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AdjustWidthDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AdjustWidthDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AdjustWidthDoubleIcon;

package/dist/esm/ai-assistant-multi-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AiAssistantMultiIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AiAssistantMultiIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AiAssistantMultiIcon;

package/dist/esm/align-bottom-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AlignBottomIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AlignBottomIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AlignBottomIcon;

package/dist/esm/align-text-both-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AlignTextBothIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AlignTextBothIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AlignTextBothIcon;

package/dist/esm/align-top-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AlignTopIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AlignTopIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AlignTopIcon;

package/dist/esm/all-border-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AllBorderIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AllBorderIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AllBorderIcon;

package/dist/esm/amplify-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AmplifyIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AmplifyIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AmplifyIcon;

package/dist/esm/area-chart-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AreaChartIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AreaChartIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AreaChartIcon;

package/dist/esm/arrow-down-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowDownIcon;

package/dist/esm/arrow-left-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowLeftIcon;

package/dist/esm/arrow-right-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowRightIcon;

package/dist/esm/arrow-tilt-down-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowTiltDownIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowTiltDownIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowTiltDownIcon;

package/dist/esm/arrow-tilt-up-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowTiltUpIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowTiltUpIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowTiltUpIcon;

package/dist/esm/arrow-up-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default ArrowUpIcon;

package/dist/esm/ascending-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AscendingIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AscendingIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AscendingIcon;

package/dist/esm/auto-height-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AutoHeightDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AutoHeightDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AutoHeightDoubleIcon;

package/dist/esm/auto-width-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AutoWidthDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AutoWidthDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AutoWidthDoubleIcon;

package/dist/esm/autofill-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AutofillDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AutofillDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AutofillDoubleIcon;

package/dist/esm/autowrap-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const AutowrapIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const AutowrapIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default AutowrapIcon;

package/dist/esm/back-slash-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BackSlashDoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BackSlashDoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BackSlashDoubleIcon;

package/dist/esm/ban-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BanIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BanIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BanIcon;

package/dist/esm/bar-chart-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BarChartIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BarChartIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BarChartIcon;

package/dist/esm/base.d.ts

@@ -1,31 +1,33 @@
-import type { CSSProperties, MouseEventHandler, ReactElement, Ref } from 'react';
-export interface IconProps {
-    focusable?: string;
-    style?: CSSProperties;
-    className?: string;
+import type { CSSProperties, ReactElement, Ref, SVGAttributes } from 'react';
+export interface IIconProps extends SVGAttributes<SVGSVGElement> {
+    /** Preserve scalable stroke widths relative to a 16×16 baseline. */
+    preserveStrokeWidth?: boolean;
     extend?: IExtendProps;
-    onClick?: MouseEventHandler<SVGSVGElement>;
 }
-export interface IconFulfilledProps extends IconProps {
-    icon: IconElement;
+export type IconProps = IIconProps;
+export interface IIconFulfilledProps extends IIconProps {
+    icon: IIconElement;
     id: string;
 }
+export type IconFulfilledProps = IIconFulfilledProps;
 export interface IExtendProps {
-    colorChannel1: string;
+    colorChannel1?: string;
 }
-export interface Attrs {
+export interface IAttrs {
     [key: string]: any;
 }
-export interface IconElement {
+export type Attrs = IAttrs;
+export interface IIconElement {
     tag: string;
-    attrs: Attrs;
+    attrs: IAttrs;
     style?: CSSProperties;
-    children?: IconElement[];
+    children?: IIconElement[];
     defIds?: string[];
 }
+export type IconElement = IIconElement;
 export declare function IconBase({ ref, ...props }: {
     ref: Ref<SVGElement>;
-} & IconFulfilledProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+} & IIconFulfilledProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare namespace IconBase {
     var displayName: string;
 }

package/dist/esm/base.js

@@ -1,14 +1,21 @@
-import { createElement, useRef } from "react";
+import { createElement, useId, useImperativeHandle, useLayoutEffect, useRef } from "react";
 //#region ts/base.tsx
+const SVG_STROKE_ELEMENT_SELECTOR = "circle, ellipse, line, path, polygon, polyline, rect, text, textPath, tspan, use";
 function IconBase({ ref, ...props }) {
-	const { icon, id, className, extend, ...restProps } = props;
+	const { preserveStrokeWidth, icon, id, className, extend, ...restProps } = props;
 	const cls = `univerjs-icon univerjs-icon-${id} ${className || ""}`.trim();
-	const idSuffix = useRef(`_${generateShortUuid()}`);
+	const idSuffix = `_${useId()}`;
+	const rootRef = useRef(null);
+	useImperativeHandle(ref, () => rootRef.current);
+	useLayoutEffect(() => {
+		if (!preserveStrokeWidth || !rootRef.current || rootRef.current.localName !== icon.tag) return;
+		return applyPreserveStrokeWidth(rootRef.current);
+	}, [preserveStrokeWidth, icon]);
 	return render(icon, `${id}`, {
 		defIds: icon.defIds,
-		idSuffix: idSuffix.current
+		idSuffix
 	}, {
-		ref,
+		ref: rootRef,
 		className: cls,
 		...restProps
 	}, extend);
@@ -59,8 +66,76 @@ function replaceRuntimeIdsInDefs(node, runtimeProps) {
 	};
 	return node;
 }
-function generateShortUuid() {
-	return Math.random().toString(36).substring(2, 8);
+/** Keep scalable strokes at their 16×16 baseline width as the viewport resizes. */
+function applyPreserveStrokeWidth(root) {
+	const viewBox = root.viewBox.baseVal;
+	const viewBoxSize = Math.max(viewBox.width, viewBox.height);
+	if (!Number.isFinite(viewBoxSize) || viewBoxSize <= 0 || viewBox.width <= 0 || viewBox.height <= 0) return () => void 0;
+	const baselineViewportScale = 16 / viewBoxSize;
+	const overrides = Array.from(root.querySelectorAll(SVG_STROKE_ELEMENT_SELECTOR)).flatMap((element) => {
+		const computedStyle = getComputedStyle(element);
+		const strokeWidth = Number.parseFloat(computedStyle.strokeWidth);
+		if (computedStyle.stroke === "none" || Number.parseFloat(computedStyle.strokeOpacity) === 0 || computedStyle.vectorEffect === "non-scaling-stroke" || !Number.isFinite(strokeWidth) || strokeWidth <= 0) return [];
+		return [{
+			element,
+			hadStyleAttribute: element.hasAttribute("style"),
+			originalStrokeWidth: strokeWidth,
+			strokeWidth: getInlineStyleSnapshot(element.style, "stroke-width")
+		}];
+	}).map((measurement) => ({
+		appliedStrokeWidth: null,
+		element: measurement.element,
+		hadStyleAttribute: measurement.hadStyleAttribute,
+		isReleased: false,
+		originalStrokeWidth: measurement.originalStrokeWidth,
+		strokeWidth: measurement.strokeWidth
+	}));
+	if (overrides.length === 0) return () => void 0;
+	const updateStrokeWidths = (width, height) => {
+		if (viewBox.width <= 0 || viewBox.height <= 0 || width <= 0 || height <= 0) return;
+		const currentViewportScale = Math.min(width / viewBox.width, height / viewBox.height);
+		if (!Number.isFinite(currentViewportScale) || currentViewportScale <= 0) return;
+		overrides.forEach((override) => {
+			if (override.isReleased) return;
+			if (override.appliedStrokeWidth !== null && (override.element.style.getPropertyValue("stroke-width") !== override.appliedStrokeWidth || override.element.style.getPropertyPriority("stroke-width") !== override.strokeWidth.priority)) {
+				override.appliedStrokeWidth = null;
+				override.isReleased = true;
+				return;
+			}
+			const strokeWidth = override.originalStrokeWidth * baselineViewportScale / currentViewportScale;
+			const appliedStrokeWidth = `${Number(strokeWidth.toFixed(12))}px`;
+			override.element.style.setProperty("stroke-width", appliedStrokeWidth, override.strokeWidth.priority);
+			override.appliedStrokeWidth = appliedStrokeWidth;
+		});
+	};
+	const initialBounds = root.getBoundingClientRect();
+	updateStrokeWidths(initialBounds.width, initialBounds.height);
+	const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver((entries) => {
+		if (entries.some((candidate) => candidate.target === root)) {
+			const bounds = root.getBoundingClientRect();
+			updateStrokeWidths(bounds.width, bounds.height);
+		}
+	});
+	resizeObserver?.observe(root);
+	return () => {
+		resizeObserver?.disconnect();
+		overrides.forEach((override) => {
+			if (override.appliedStrokeWidth === null) return;
+			restoreInlineStyle(override.element.style, "stroke-width", override.appliedStrokeWidth, override.strokeWidth.priority, override.strokeWidth);
+			if (!override.hadStyleAttribute && override.element.style.length === 0) override.element.removeAttribute("style");
+		});
+	};
+}
+function getInlineStyleSnapshot(style, property) {
+	return {
+		priority: style.getPropertyPriority(property),
+		value: style.getPropertyValue(property)
+	};
+}
+function restoreInlineStyle(style, property, appliedValue, appliedPriority, snapshot) {
+	if (style.getPropertyValue(property) !== appliedValue || style.getPropertyPriority(property) !== appliedPriority) return;
+	if (snapshot.value) style.setProperty(property, snapshot.value, snapshot.priority);
+	else style.removeProperty(property);
 }
 IconBase.displayName = "UniverIcon";
 //#endregion

package/dist/esm/bases-app-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BasesAppIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BasesAppIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BasesAppIcon;

package/dist/esm/bases-multi-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BasesMultiIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BasesMultiIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BasesMultiIcon;

package/dist/esm/boards-app-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BoardsAppIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BoardsAppIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BoardsAppIcon;

package/dist/esm/boards-multi-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BoardsMultiIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BoardsMultiIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BoardsMultiIcon;

package/dist/esm/bold-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BoldIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BoldIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BoldIcon;

package/dist/esm/bottom-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BottomIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BottomIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BottomIcon;

package/dist/esm/boxplot-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BoxplotIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BoxplotIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BoxplotIcon;

package/dist/esm/brush-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BrushIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BrushIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BrushIcon;

package/dist/esm/bubble-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const BubbleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const BubbleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default BubbleIcon;

package/dist/esm/calendar-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CalendarIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CalendarIcon;

package/dist/esm/callout-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CalloutIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CalloutIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CalloutIcon;

package/dist/esm/cancel-freeze-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CancelFreezeIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CancelFreezeIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CancelFreezeIcon;

package/dist/esm/cancel-merge-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CancelMergeIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CancelMergeIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CancelMergeIcon;

package/dist/esm/candlestick-chart-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CandlestickChartIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CandlestickChartIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CandlestickChartIcon;

package/dist/esm/catalogue-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const CatalogueIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const CatalogueIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default CatalogueIcon;

package/dist/esm/cell-0-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const Cell0DoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const Cell0DoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default Cell0DoubleIcon;

package/dist/esm/cell-100-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const Cell100DoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const Cell100DoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default Cell100DoubleIcon;

package/dist/esm/cell-25-double-icon.d.ts

@@ -1,3 +1,2 @@
-import type { IconProps } from './base.js';
-export declare const Cell25DoubleIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export declare const Cell25DoubleIcon: import("react").ForwardRefExoticComponent<import("./base.js").IIconProps & import("react").RefAttributes<SVGElement>>;
 export default Cell25DoubleIcon;