@univerjs/icons 1.34.0 → 1.38.0

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;

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

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

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

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

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

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

package/dist/esm/chart-icon.js

@@ -14,10 +14,10 @@ const element = {
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M0.399902 14.4076C0.399902 14.0762 0.668532 13.8076 0.999902 13.8076H14.9999C15.3313 13.8076 15.5999 14.0762 15.5999 14.4076C15.5999 14.739 15.3313 15.0076 14.9999 15.0076H0.999902C0.668532 15.0076 0.399902 14.739 0.399902 14.4076Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
+				"stroke": "currentColor",
+				"d": "M1 14.4076H15",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.2
 			}
 		},
 		{

package/dist/esm/check-mark-icon.d.ts

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

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

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

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

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

package/dist/esm/chord-chart-icon.js

@@ -10,80 +10,70 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [{
-		"tag": "g",
-		"attrs": { "fill": "currentColor" },
-		"children": [
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M88 10.8c11.1 0 22 2.4 32.1 7s19 11.3 26.2 19.7c-40.8 35.2-48.7 71.4-26.5 120.4-10.1 4.6-21 6.9-32.1 6.9s-22-2.4-32-7.1C78.3 108.8 88 64.7 88 10.8Z",
-					"transform": "translate(.1 .1)scale(.08977)",
-					"fillOpacity": .45
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M146.3 37.5c9.7 11.2 15.9 24.9 18 39.6-53.4 7.5-93.8 25.8-134.6 61-9.7-11.2-15.9-25-18-39.6 53.4-7.5 93.8-25.8 134.6-61Z",
-					"transform": "translate(.1 .1)scale(.08977)",
-					"fillOpacity": .45
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M55.7 157.7a77.5 77.5 0 0 1-18.4-12c35.5-40.5 29.7-67.5-19.3-89.9a77.5 77.5 0 0 1 11.9-18.5c40.7 35.4 48.4 71.5 25.8 120.4Z",
-					"transform": "translate(.1 .1)scale(.08977)",
-					"fillOpacity": .45
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M11.7 98.5a77.5 77.5 0 0 1 2.5-32.7c51.7 15.4 96.7 18.8 150 11.3a77.5 77.5 0 0 1-2.4 32.7C110.1 94.4 65.1 91 11.7 98.5Z",
-					"transform": "translate(.1 .1)scale(.08977)",
-					"fillOpacity": .45
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M29.9 37.3a77.2 77.2 0 0 1 47.4-25.7c7.5 53.3 32.8 82.8 84.5 98.2a77.2 77.2 0 0 1-32.5 43c-28.9-45.5-58.7-80.1-99.4-115.5Z",
-					"transform": "translate(.1 .1)scale(.08977)",
-					"fillOpacity": .45
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M88 5.5A5.5 5.5 0 0 1 93.9 0a88 88 0 0 1 46.1 158.8 5.5 5.5 0 0 1-7.9-1.5l-2.8-4.5A77.2 77.2 0 0 0 88 10.8V5.5Z",
-					"transform": "translate(.1 .1)scale(.08977)"
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M122 162.8a5.5 5.5 0 0 1-3.1 7.4 88 88 0 0 1-84.3-12.5 5.5 5.5 0 0 1-.8-8l3.5-4a77.2 77.2 0 0 0 82.5 12.2l2.2 4.9Z",
-					"transform": "translate(.1 .1)scale(.08977)"
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M25.7 141.6a5.5 5.5 0 0 1-8 .1A88 88 0 0 1 2.2 68.4a5.5 5.5 0 0 1 6.9-4.1l5.1 1.5a77.2 77.2 0 0 0 15.5 72.3l-4 3.5Z",
-					"transform": "translate(.1 .1)scale(.08977)"
-				}
-			},
-			{
-				"tag": "path",
-				"attrs": {
-					"d": "M13.2 53.5a5.5 5.5 0 0 1-2.6-7.6A88 88 0 0 1 70 1.7a5.5 5.5 0 0 1 6.5 4.6l.8 5.3a77.2 77.2 0 0 0-59.3 44.2l-4.8-2.3Z",
-					"transform": "translate(.1 .1)scale(.08977)"
-				}
+	"children": [
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M88 10.8C88 65 115 115 129.3 152.8",
+				"transform": "translate(.1 .1)scale(.08977)",
+				"strokeLinecap": "round",
+				"strokeWidth": 13
 			}
-		]
-	}]
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M146.3 37.5C105 43 67 104 37.3 145.7",
+				"transform": "translate(.1 .1)scale(.08977)",
+				"strokeLinecap": "round",
+				"strokeWidth": 13
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M14.2 65.8C60 82 116 95 161.8 109.8",
+				"transform": "translate(.1 .1)scale(.08977)",
+				"strokeLinecap": "round",
+				"strokeWidth": 13
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"fill": "currentColor",
+				"d": "M88 5.5A5.5 5.5 0 0 1 93.9 0a88 88 0 0 1 46.1 158.8 5.5 5.5 0 0 1-7.9-1.5l-2.8-4.5A77.2 77.2 0 0 0 88 10.8V5.5Z",
+				"transform": "translate(.1 .1)scale(.08977)"
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"fill": "currentColor",
+				"d": "M122 162.8a5.5 5.5 0 0 1-3.1 7.4 88 88 0 0 1-84.3-12.5 5.5 5.5 0 0 1-.8-8l3.5-4a77.2 77.2 0 0 0 82.5 12.2l2.2 4.9Z",
+				"transform": "translate(.1 .1)scale(.08977)"
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"fill": "currentColor",
+				"d": "M25.7 141.6a5.5 5.5 0 0 1-8 .1A88 88 0 0 1 2.2 68.4a5.5 5.5 0 0 1 6.9-4.1l5.1 1.5a77.2 77.2 0 0 0 15.5 72.3l-4 3.5Z",
+				"transform": "translate(.1 .1)scale(.08977)"
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"fill": "currentColor",
+				"d": "M13.2 53.5a5.5 5.5 0 0 1-2.6-7.6A88 88 0 0 1 70 1.7a5.5 5.5 0 0 1 6.5 4.6l.8 5.3a77.2 77.2 0 0 0-59.3 44.2l-4.8-2.3Z",
+				"transform": "translate(.1 .1)scale(.08977)"
+			}
+		}
+	]
 };
 const ChordChartIcon = forwardRef(function ChordChartIcon(props, ref) {
 	return createElement(IconBase, Object.assign({}, props, {

package/dist/esm/class-diagram-class-icon.d.ts

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

package/dist/esm/class-diagram-dashed-filled-arrow-connector-icon.d.ts

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

package/dist/esm/class-diagram-dashed-open-arrow-connector-icon.d.ts

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

package/dist/esm/class-diagram-filled-arrow-connector-icon.d.ts

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

package/dist/esm/class-diagram-filled-diamond-connector-icon.d.ts

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

package/dist/esm/class-diagram-hollow-diamond-connector-icon.d.ts

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

package/dist/esm/class-diagram-interface-icon.d.ts

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

package/dist/esm/clear-format-double-icon.d.ts

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

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

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

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

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

package/dist/esm/cloud-outline-icon.d.ts

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

package/dist/esm/code-block-icon.d.ts

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

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

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

package/dist/esm/color-wheel-multi-icon.d.ts

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

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

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

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

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