npm - @sdata/web-vue - Versions diffs - 4.4.1 → 4.4.3 - Mend

@sdata/web-vue 4.4.1 → 4.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (227) hide show

package/es/icon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, createElementBlock, createElementVNode, createStaticVNode, defineComponent, getCurrentInstance, inject, mergeProps, openBlock } from "vue";
+import { computed, createElementBlock, createElementVNode, createStaticVNode, defineComponent, getCurrentInstance, inject, mergeProps, openBlock, ref } from "vue";
 //#region components/config-provider/context.ts
 var configProviderInjectionKey = Symbol("SDConfigProvider");
 //#endregion
@@ -66,11 +66,12 @@ function _objectSpread2(e) {
 //#region components/_utils/global-config.ts
 var CLASS_PREFIX = "sd";
 var GLOBAL_CONFIG_NAME = "$sd";
+var globalClassPrefix = ref(void 0);
 var getPrefixCls = (componentName) => {
-	var _ref, _configProvider$prefi, _instance$appContext$;
+	var _ref, _ref2, _configProvider$prefi, _instance$appContext$;
 	const instance = getCurrentInstance();
-	const configProvider = inject(configProviderInjectionKey, void 0);
-	const prefix = (_ref = (_configProvider$prefi = configProvider === null || configProvider === void 0 ? void 0 : configProvider.prefixCls) !== null && _configProvider$prefi !== void 0 ? _configProvider$prefi : instance === null || instance === void 0 || (_instance$appContext$ = instance.appContext.config.globalProperties[GLOBAL_CONFIG_NAME]) === null || _instance$appContext$ === void 0 ? void 0 : _instance$appContext$.classPrefix) !== null && _ref !== void 0 ? _ref : CLASS_PREFIX;
+	const configProvider = instance ? inject(configProviderInjectionKey, void 0) : void 0;
+	const prefix = (_ref = (_ref2 = (_configProvider$prefi = configProvider === null || configProvider === void 0 ? void 0 : configProvider.prefixCls) !== null && _configProvider$prefi !== void 0 ? _configProvider$prefi : globalClassPrefix.value) !== null && _ref2 !== void 0 ? _ref2 : instance === null || instance === void 0 || (_instance$appContext$ = instance.appContext.config.globalProperties[GLOBAL_CONFIG_NAME]) === null || _instance$appContext$ === void 0 ? void 0 : _instance$appContext$.classPrefix) !== null && _ref !== void 0 ? _ref : CLASS_PREFIX;
 	if (componentName) return `${prefix}-${componentName}`;
 	return prefix;
 };
@@ -109,7 +110,10 @@ var icon_up_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -163,7 +167,10 @@ var icon_up_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -221,7 +228,10 @@ var icon_to_top_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -279,7 +289,10 @@ var icon_to_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -337,7 +350,10 @@ var icon_to_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -395,7 +411,10 @@ var icon_to_bottom_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -453,7 +472,10 @@ var icon_swap_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -507,7 +529,10 @@ var icon_shrink_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -561,7 +586,10 @@ var icon_rotate_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -615,7 +643,10 @@ var icon_rotate_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -669,7 +700,10 @@ var icon_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -723,7 +757,10 @@ var icon_right_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -781,7 +818,10 @@ var icon_menu_unfold_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -835,7 +875,10 @@ var icon_menu_fold_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -889,7 +932,10 @@ var icon_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -943,7 +989,10 @@ var icon_left_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1001,7 +1050,10 @@ var icon_expand_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1055,7 +1107,10 @@ var icon_drag_arrow_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1109,7 +1164,10 @@ var icon_down_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1163,7 +1221,10 @@ var icon_down_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1222,7 +1283,10 @@ var icon_double_up_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1276,7 +1340,10 @@ var icon_double_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1330,7 +1397,10 @@ var icon_double_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1384,7 +1454,10 @@ var icon_double_down_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1438,7 +1511,10 @@ var icon_caret_up_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1496,7 +1572,10 @@ var icon_caret_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1554,7 +1633,10 @@ var icon_caret_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1612,7 +1694,10 @@ var icon_caret_down_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1670,7 +1755,10 @@ var icon_arrow_up_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1724,7 +1812,10 @@ var icon_arrow_rise_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1791,7 +1882,10 @@ var icon_arrow_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1845,7 +1939,10 @@ var icon_arrow_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1899,7 +1996,10 @@ var icon_arrow_fall_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -1966,7 +2066,10 @@ var icon_arrow_down_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2020,7 +2123,10 @@ var icon_stop_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2074,7 +2180,10 @@ var icon_question_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2128,7 +2237,10 @@ var icon_question_circle_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2182,7 +2294,10 @@ var icon_plus_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2236,7 +2351,10 @@ var icon_plus_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2290,7 +2408,10 @@ var icon_minus_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2344,7 +2465,10 @@ var icon_minus_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2398,7 +2522,10 @@ var icon_info_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2465,7 +2592,10 @@ var icon_info_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2519,7 +2649,10 @@ var icon_exclamation_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2586,7 +2719,10 @@ var icon_exclamation_circle_default = /* @__PURE__ */ defineComponent(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2640,7 +2776,10 @@ var icon_close_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2694,7 +2833,10 @@ var icon_close_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2748,7 +2890,10 @@ var icon_clock_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2802,7 +2947,10 @@ var icon_check_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2856,7 +3004,10 @@ var icon_check_square_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2910,7 +3061,10 @@ var icon_check_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -2964,7 +3118,10 @@ var icon_question_circle_fill_default = /* @__PURE__ */ defineComponent(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3024,7 +3181,10 @@ var icon_plus_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSprea
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3084,7 +3244,10 @@ var icon_minus_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3144,7 +3307,10 @@ var icon_info_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSprea
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3204,7 +3370,10 @@ var icon_exclamation_polygon_fill_default = /* @__PURE__ */ defineComponent(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3264,7 +3433,10 @@ var icon_exclamation_circle_fill_default = /* @__PURE__ */ defineComponent(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3324,7 +3496,10 @@ var icon_close_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3384,7 +3559,10 @@ var icon_check_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3444,7 +3622,10 @@ var icon_voice_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3498,7 +3679,10 @@ var icon_upload_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3552,7 +3736,10 @@ var icon_translate_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3606,7 +3793,10 @@ var icon_thumb_up_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3660,7 +3850,10 @@ var icon_thumb_down_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3714,7 +3907,10 @@ var icon_sync_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3768,7 +3964,10 @@ var icon_star_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3822,7 +4021,10 @@ var icon_share_internal_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3876,7 +4078,10 @@ var icon_share_external_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3933,7 +4138,10 @@ var icon_share_alt_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -3987,7 +4195,10 @@ var icon_settings_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4041,7 +4252,10 @@ var icon_send_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4098,7 +4312,10 @@ var icon_select_all_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4152,7 +4369,10 @@ var icon_search_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4206,7 +4426,10 @@ var icon_scan_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4260,7 +4483,10 @@ var icon_save_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4314,7 +4540,10 @@ var icon_reply_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4368,7 +4597,10 @@ var icon_refresh_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4422,7 +4654,10 @@ var icon_poweroff_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4476,7 +4711,10 @@ var icon_more_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4534,7 +4772,10 @@ var icon_more_vertical_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4592,7 +4833,10 @@ var icon_message_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4646,7 +4890,10 @@ var icon_message_banned_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4700,7 +4947,10 @@ var icon_list_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4754,7 +5004,10 @@ var icon_launch_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4808,7 +5061,10 @@ var icon_import_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4862,7 +5118,10 @@ var icon_home_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4916,7 +5175,10 @@ var icon_history_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -4970,7 +5232,10 @@ var icon_heart_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5024,7 +5289,10 @@ var icon_eye_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5081,7 +5349,10 @@ var icon_eye_invisible_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5135,7 +5406,10 @@ var icon_export_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5189,7 +5463,10 @@ var icon_download_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5243,7 +5520,10 @@ var icon_customer_service_default = /* @__PURE__ */ defineComponent(_objectSprea
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5297,7 +5577,10 @@ var icon_code_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5351,7 +5634,10 @@ var icon_code_square_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5405,7 +5691,10 @@ var icon_code_block_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5459,7 +5748,10 @@ var icon_cloud_download_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5513,7 +5805,10 @@ var icon_at_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5567,7 +5862,10 @@ var icon_thumb_up_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5631,7 +5929,10 @@ var icon_thumb_down_fill_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5695,7 +5996,10 @@ var icon_star_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5753,7 +6057,10 @@ var icon_heart_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5811,7 +6118,10 @@ var icon_zoom_out_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5865,7 +6175,10 @@ var icon_zoom_in_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5919,7 +6232,10 @@ var icon_unordered_list_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -5973,7 +6289,10 @@ var icon_undo_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6027,7 +6346,10 @@ var icon_underline_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6081,7 +6403,10 @@ var icon_strikethrough_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6135,7 +6460,10 @@ var icon_sort_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6189,7 +6517,10 @@ var icon_sort_descending_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6243,7 +6574,10 @@ var icon_sort_ascending_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6297,7 +6631,10 @@ var icon_scissor_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6351,7 +6688,10 @@ var icon_redo_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6405,7 +6745,10 @@ var icon_quote_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6463,7 +6806,10 @@ var icon_paste_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6531,7 +6877,10 @@ var icon_original_size_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6593,7 +6942,10 @@ var icon_ordered_list_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6653,7 +7005,10 @@ var icon_oblique_line_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6707,7 +7062,10 @@ var icon_link_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6761,7 +7119,10 @@ var icon_line_height_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6823,7 +7184,10 @@ var icon_italic_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6877,7 +7241,10 @@ var icon_highlight_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6931,7 +7298,10 @@ var icon_h7_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -6985,7 +7355,10 @@ var icon_h6_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7039,7 +7412,10 @@ var icon_h5_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7093,7 +7469,10 @@ var icon_h4_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7147,7 +7526,10 @@ var icon_h3_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7201,7 +7583,10 @@ var icon_h2_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7255,7 +7640,10 @@ var icon_h1_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7309,7 +7697,10 @@ var icon_formula_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7363,7 +7754,10 @@ var icon_font_colors_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7417,7 +7811,10 @@ var icon_find_replace_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7471,7 +7868,10 @@ var icon_filter_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7525,7 +7925,10 @@ var icon_eraser_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7579,7 +7982,10 @@ var icon_edit_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7633,7 +8039,10 @@ var icon_delete_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7687,7 +8096,10 @@ var icon_copy_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7741,7 +8153,10 @@ var icon_brush_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7795,7 +8210,10 @@ var icon_bold_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7849,7 +8267,10 @@ var icon_bg_colors_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7917,7 +8338,10 @@ var icon_attachment_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -7971,7 +8395,10 @@ var icon_align_right_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8025,7 +8452,10 @@ var icon_align_left_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8079,7 +8509,10 @@ var icon_align_center_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8133,7 +8566,10 @@ var icon_sound_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8187,7 +8623,10 @@ var icon_skip_previous_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8241,7 +8680,10 @@ var icon_skip_next_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8295,7 +8737,10 @@ var icon_record_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8360,7 +8805,10 @@ var icon_record_stop_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8425,7 +8873,10 @@ var icon_play_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8479,7 +8930,10 @@ var icon_play_arrow_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8533,7 +8987,10 @@ var icon_pause_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8591,7 +9048,10 @@ var icon_pause_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8645,7 +9105,10 @@ var icon_mute_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8699,7 +9162,10 @@ var icon_music_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8753,7 +9219,10 @@ var icon_live_broadcast_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8807,7 +9276,10 @@ var icon_fullscreen_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8861,7 +9333,10 @@ var icon_fullscreen_exit_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8915,7 +9390,10 @@ var icon_forward_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -8969,7 +9447,10 @@ var icon_backward_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9023,7 +9504,10 @@ var icon_sound_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9093,7 +9577,10 @@ var icon_skip_previous_fill_default = /* @__PURE__ */ defineComponent(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9157,7 +9644,10 @@ var icon_skip_next_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9221,7 +9711,10 @@ var icon_play_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSprea
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9281,7 +9774,10 @@ var icon_play_arrow_fill_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9339,7 +9835,10 @@ var icon_pause_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9399,7 +9898,10 @@ var icon_mute_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9463,7 +9965,10 @@ var icon_weibo_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9521,7 +10026,10 @@ var icon_wechatpay_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9579,7 +10087,10 @@ var icon_wechat_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9637,7 +10148,10 @@ var icon_twitter_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9695,7 +10209,10 @@ var icon_qq_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9753,7 +10270,10 @@ var icon_qq_zone_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9811,7 +10331,10 @@ var icon_google_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9869,7 +10392,10 @@ var icon_gitlab_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9927,7 +10453,10 @@ var icon_github_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -9985,7 +10514,10 @@ var icon_facebook_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10043,7 +10575,10 @@ var icon_codepen_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10101,7 +10636,10 @@ var icon_code_sandbox_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10159,7 +10697,10 @@ var icon_alipay_circle_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10217,7 +10758,10 @@ var icon_weibo_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10275,7 +10819,10 @@ var icon_twitter_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10333,7 +10880,10 @@ var icon_qq_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10391,7 +10941,10 @@ var icon_google_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10449,7 +11002,10 @@ var icon_facebook_square_fill_default = /* @__PURE__ */ defineComponent(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10479,9 +11035,9 @@ var IconFacebookSquareFill = Object.assign(icon_facebook_square_fill_default, {
 	app.component(iconPrefix + icon_facebook_square_fill_default.name, icon_facebook_square_fill_default);
 } });
 //#endregion
-//#region components/icon/icon-faceBook-circle-fill/icon-faceBook-circle-fill.vue
-var icon_faceBook_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "IconFaceBookCircleFill" }), {}, {
-	__name: "icon-faceBook-circle-fill",
+//#region components/icon/icon-facebook-circle-fill/icon-facebook-circle-fill.vue
+var icon_facebook_circle_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "IconFacebookCircleFill" }), {}, {
+	__name: "icon-facebook-circle-fill",
 	props: {
 		size: {},
 		strokeWidth: { default: 4 },
@@ -10496,7 +11052,7 @@ var icon_faceBook_circle_fill_default = /* @__PURE__ */ defineComponent(_objectS
 		const prefixCls = getPrefixCls("icon");
 		const cls = computed(() => [
 			prefixCls,
-			`${prefixCls}-faceBook-circle-fill`,
+			`${prefixCls}-facebook-circle-fill`,
 			{ [`${prefixCls}-spin`]: __props.spin }
 		]);
 		const svgAttrs = computed(() => ({
@@ -10507,7 +11063,10 @@ var icon_faceBook_circle_fill_default = /* @__PURE__ */ defineComponent(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10530,11 +11089,11 @@ var icon_faceBook_circle_fill_default = /* @__PURE__ */ defineComponent(_objectS
 	}
 }));
 //#endregion
-//#region components/icon/icon-faceBook-circle-fill/index.ts
-var IconFaceBookCircleFill = Object.assign(icon_faceBook_circle_fill_default, { install: (app, options) => {
+//#region components/icon/icon-facebook-circle-fill/index.ts
+var IconFacebookCircleFill = Object.assign(icon_facebook_circle_fill_default, { install: (app, options) => {
 	var _options$iconPrefix;
 	const iconPrefix = (_options$iconPrefix = options === null || options === void 0 ? void 0 : options.iconPrefix) !== null && _options$iconPrefix !== void 0 ? _options$iconPrefix : "";
-	app.component(iconPrefix + icon_faceBook_circle_fill_default.name, icon_faceBook_circle_fill_default);
+	app.component(iconPrefix + icon_facebook_circle_fill_default.name, icon_facebook_circle_fill_default);
 } });
 //#endregion
 //#region components/icon/icon-xigua-color/icon-xigua-color.vue
@@ -10565,7 +11124,10 @@ var icon_xigua_color_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10620,7 +11182,10 @@ var icon_tiktok_color_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10672,7 +11237,10 @@ var icon_lark_color_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10737,7 +11305,10 @@ var icon_bytedance_color_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10806,7 +11377,10 @@ var icon_woman_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10860,7 +11434,10 @@ var icon_wifi_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10918,7 +11495,10 @@ var icon_video_camera_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -10972,7 +11552,10 @@ var icon_user_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11030,7 +11613,10 @@ var icon_user_group_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11096,7 +11682,10 @@ var icon_user_add_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11150,7 +11739,10 @@ var icon_unlock_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11210,7 +11802,10 @@ var icon_trophy_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11264,7 +11859,10 @@ var icon_tool_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11318,7 +11916,10 @@ var icon_thunderbolt_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11372,7 +11973,10 @@ var icon_tags_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11430,7 +12034,10 @@ var icon_tag_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11492,7 +12099,10 @@ var icon_sun_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11558,7 +12168,10 @@ var icon_subscribed_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11612,7 +12225,10 @@ var icon_subscribe_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11666,7 +12282,10 @@ var icon_subscribe_add_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11720,7 +12339,10 @@ var icon_storage_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11783,7 +12405,10 @@ var icon_stamp_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11837,7 +12462,10 @@ var icon_skin_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11891,7 +12519,10 @@ var icon_shake_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -11952,7 +12583,10 @@ var icon_schedule_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12010,7 +12644,10 @@ var icon_safe_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12064,7 +12701,10 @@ var icon_robot_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12122,7 +12762,10 @@ var icon_robot_add_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12176,7 +12819,10 @@ var icon_relation_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12230,7 +12876,10 @@ var icon_qrcode_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12284,7 +12933,10 @@ var icon_pushpin_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12338,7 +12990,10 @@ var icon_public_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12392,7 +13047,10 @@ var icon_printer_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12446,7 +13104,10 @@ var icon_phone_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12500,7 +13161,10 @@ var icon_pen_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12554,7 +13218,10 @@ var icon_palette_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12608,7 +13275,10 @@ var icon_notification_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12662,7 +13332,10 @@ var icon_notification_close_default = /* @__PURE__ */ defineComponent(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12716,7 +13389,10 @@ var icon_nav_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12770,7 +13446,10 @@ var icon_mosaic_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12828,7 +13507,10 @@ var icon_moon_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12882,7 +13564,10 @@ var icon_mobile_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12942,7 +13627,10 @@ var icon_mind_mapping_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -12996,7 +13684,10 @@ var icon_menu_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13050,7 +13741,10 @@ var icon_man_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13104,7 +13798,10 @@ var icon_loop_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13158,7 +13855,10 @@ var icon_lock_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13218,7 +13918,10 @@ var icon_location_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13276,7 +13979,10 @@ var icon_loading_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13330,7 +14036,10 @@ var icon_layout_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13384,7 +14093,10 @@ var icon_layers_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13438,7 +14150,10 @@ var icon_language_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13492,7 +14207,10 @@ var icon_interaction_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13546,7 +14264,10 @@ var icon_image_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13604,7 +14325,10 @@ var icon_image_close_default = /* @__PURE__ */ defineComponent(_objectSpread2(_o
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13658,7 +14382,10 @@ var icon_idcard_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13720,7 +14447,10 @@ var icon_gift_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13774,7 +14504,10 @@ var icon_folder_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13828,7 +14561,10 @@ var icon_folder_delete_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13882,7 +14618,10 @@ var icon_folder_add_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13936,7 +14675,10 @@ var icon_fire_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -13990,7 +14732,10 @@ var icon_file_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14044,7 +14789,10 @@ var icon_file_video_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14098,7 +14846,10 @@ var icon_file_pdf_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14152,7 +14903,10 @@ var icon_file_image_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14206,7 +14960,10 @@ var icon_file_audio_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14268,7 +15025,10 @@ var icon_experiment_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14322,7 +15082,10 @@ var icon_empty_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14376,7 +15139,10 @@ var icon_email_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14436,7 +15202,10 @@ var icon_ear_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14490,7 +15259,10 @@ var icon_drive_file_default = /* @__PURE__ */ defineComponent(_objectSpread2(_ob
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14544,7 +15316,10 @@ var icon_drag_dot_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14602,7 +15377,10 @@ var icon_drag_dot_vertical_default = /* @__PURE__ */ defineComponent(_objectSpre
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14660,7 +15438,10 @@ var icon_dice_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14714,7 +15495,10 @@ var icon_desktop_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14768,7 +15552,10 @@ var icon_dashboard_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14822,7 +15609,10 @@ var icon_copyright_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14876,7 +15666,10 @@ var icon_computer_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14935,7 +15728,10 @@ var icon_compass_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -14989,7 +15785,10 @@ var icon_common_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15043,7 +15842,10 @@ var icon_command_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15097,7 +15899,10 @@ var icon_cloud_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectS
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15151,7 +15956,10 @@ var icon_camera_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15205,7 +16013,10 @@ var icon_calendar_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15259,7 +16070,10 @@ var icon_calendar_clock_default = /* @__PURE__ */ defineComponent(_objectSpread2
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15319,7 +16133,10 @@ var icon_bulb_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15373,7 +16190,10 @@ var icon_bug_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpr
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15427,7 +16247,10 @@ var icon_branch_default = /* @__PURE__ */ defineComponent(_objectSpread2(_object
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15481,7 +16304,10 @@ var icon_bookmark_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15539,7 +16365,10 @@ var icon_book_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15593,7 +16422,10 @@ var icon_bar_chart_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15647,7 +16479,10 @@ var icon_archive_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objec
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15707,7 +16542,10 @@ var icon_apps_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSp
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15761,7 +16599,10 @@ var icon_sun_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15825,7 +16666,10 @@ var icon_pen_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obje
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15883,7 +16727,10 @@ var icon_moon_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_obj
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -15941,7 +16788,10 @@ var icon_face_smile_fill_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -16001,7 +16851,10 @@ var icon_face_meh_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -16061,7 +16914,10 @@ var icon_face_frown_fill_default = /* @__PURE__ */ defineComponent(_objectSpread
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -16121,7 +16977,10 @@ var icon_english_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -16181,7 +17040,10 @@ var icon_chinese_fill_default = /* @__PURE__ */ defineComponent(_objectSpread2(_
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {
@@ -16404,7 +17266,7 @@ var icons = {
 	IconQqCircleFill,
 	IconGoogleCircleFill,
 	IconFacebookSquareFill,
-	IconFaceBookCircleFill,
+	IconFacebookCircleFill,
 	IconXiguaColor,
 	IconTiktokColor,
 	IconLarkColor,
@@ -16512,4 +17374,4 @@ var install = (app, options) => {
 };
 var SDVueIcon = _objectSpread2(_objectSpread2({}, icons), {}, { install });
 //#endregion
-export { IconAlignCenter, IconAlignLeft, IconAlignRight, IconAlipayCircle, IconApps, IconArchive, IconArrowDown, IconArrowFall, IconArrowLeft, IconArrowRight, IconArrowRise, IconArrowUp, IconAt, IconAttachment, IconBackward, IconBarChart, IconBgColors, IconBold, IconBook, IconBookmark, IconBranch, IconBrush, IconBug, IconBulb, IconBytedanceColor, IconCalendar, IconCalendarClock, IconCamera, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckSquare, IconChineseFill, IconClockCircle, IconClose, IconCloseCircle, IconCloseCircleFill, IconCloud, IconCloudDownload, IconCode, IconCodeBlock, IconCodeSandbox, IconCodeSquare, IconCodepen, IconCommand, IconCommon, IconCompass, IconComputer, IconCopy, IconCopyright, IconCustomerService, IconDashboard, IconDelete, IconDesktop, IconDice, IconDoubleDown, IconDoubleLeft, IconDoubleRight, IconDoubleUp, IconDown, IconDownCircle, IconDownload, IconDragArrow, IconDragDot, IconDragDotVertical, IconDriveFile, IconEar, IconEdit, IconEmail, IconEmpty, IconEnglishFill, IconEraser, IconExclamation, IconExclamationCircle, IconExclamationCircleFill, IconExclamationPolygonFill, IconExpand, IconExperiment, IconExport, IconEye, IconEyeInvisible, IconFaceBookCircleFill, IconFaceFrownFill, IconFaceMehFill, IconFaceSmileFill, IconFacebook, IconFacebookSquareFill, IconFile, IconFileAudio, IconFileImage, IconFilePdf, IconFileVideo, IconFilter, IconFindReplace, IconFire, IconFolder, IconFolderAdd, IconFolderDelete, IconFontColors, IconFormula, IconForward, IconFullscreen, IconFullscreenExit, IconGift, IconGithub, IconGitlab, IconGoogle, IconGoogleCircleFill, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconH7, IconHeart, IconHeartFill, IconHighlight, IconHistory, IconHome, IconIdcard, IconImage, IconImageClose, IconImport, IconInfo, IconInfoCircle, IconInfoCircleFill, IconInteraction, IconItalic, IconLanguage, IconLarkColor, IconLaunch, IconLayers, IconLayout, IconLeft, IconLeftCircle, IconLineHeight, IconLink, IconList, IconLiveBroadcast, IconLoading, IconLocation, IconLock, IconLoop, IconMan, IconMenu, IconMenuFold, IconMenuUnfold, IconMessage, IconMessageBanned, IconMindMapping, IconMinus, IconMinusCircle, IconMinusCircleFill, IconMobile, IconMoon, IconMoonFill, IconMore, IconMoreVertical, IconMosaic, IconMusic, IconMute, IconMuteFill, IconNav, IconNotification, IconNotificationClose, IconObliqueLine, IconOrderedList, IconOriginalSize, IconPalette, IconPaste, IconPause, IconPauseCircle, IconPauseCircleFill, IconPen, IconPenFill, IconPhone, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlus, IconPlusCircle, IconPlusCircleFill, IconPoweroff, IconPrinter, IconPublic, IconPushpin, IconQq, IconQqCircleFill, IconQqZone, IconQrcode, IconQuestion, IconQuestionCircle, IconQuestionCircleFill, IconQuote, IconRecord, IconRecordStop, IconRedo, IconRefresh, IconRelation, IconReply, IconRight, IconRightCircle, IconRobot, IconRobotAdd, IconRotateLeft, IconRotateRight, IconSafe, IconSave, IconScan, IconSchedule, IconScissor, IconSearch, IconSelectAll, IconSend, IconSettings, IconShake, IconShareAlt, IconShareExternal, IconShareInternal, IconShrink, IconSkin, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSort, IconSortAscending, IconSortDescending, IconSound, IconSoundFill, IconStamp, IconStar, IconStarFill, IconStop, IconStorage, IconStrikethrough, IconSubscribe, IconSubscribeAdd, IconSubscribed, IconSun, IconSunFill, IconSwap, IconSync, IconTag, IconTags, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconThunderbolt, IconTiktokColor, IconToBottom, IconToLeft, IconToRight, IconToTop, IconTool, IconTranslate, IconTrophy, IconTwitter, IconTwitterCircleFill, IconUnderline, IconUndo, IconUnlock, IconUnorderedList, IconUp, IconUpCircle, IconUpload, IconUser, IconUserAdd, IconUserGroup, IconVideoCamera, IconVoice, IconWechat, IconWechatpay, IconWeibo, IconWeiboCircleFill, IconWifi, IconWoman, IconXiguaColor, IconZoomIn, IconZoomOut, SDVueIcon as default };
+export { IconAlignCenter, IconAlignLeft, IconAlignRight, IconAlipayCircle, IconApps, IconArchive, IconArrowDown, IconArrowFall, IconArrowLeft, IconArrowRight, IconArrowRise, IconArrowUp, IconAt, IconAttachment, IconBackward, IconBarChart, IconBgColors, IconBold, IconBook, IconBookmark, IconBranch, IconBrush, IconBug, IconBulb, IconBytedanceColor, IconCalendar, IconCalendarClock, IconCamera, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckSquare, IconChineseFill, IconClockCircle, IconClose, IconCloseCircle, IconCloseCircleFill, IconCloud, IconCloudDownload, IconCode, IconCodeBlock, IconCodeSandbox, IconCodeSquare, IconCodepen, IconCommand, IconCommon, IconCompass, IconComputer, IconCopy, IconCopyright, IconCustomerService, IconDashboard, IconDelete, IconDesktop, IconDice, IconDoubleDown, IconDoubleLeft, IconDoubleRight, IconDoubleUp, IconDown, IconDownCircle, IconDownload, IconDragArrow, IconDragDot, IconDragDotVertical, IconDriveFile, IconEar, IconEdit, IconEmail, IconEmpty, IconEnglishFill, IconEraser, IconExclamation, IconExclamationCircle, IconExclamationCircleFill, IconExclamationPolygonFill, IconExpand, IconExperiment, IconExport, IconEye, IconEyeInvisible, IconFaceFrownFill, IconFaceMehFill, IconFaceSmileFill, IconFacebook, IconFacebookCircleFill, IconFacebookSquareFill, IconFile, IconFileAudio, IconFileImage, IconFilePdf, IconFileVideo, IconFilter, IconFindReplace, IconFire, IconFolder, IconFolderAdd, IconFolderDelete, IconFontColors, IconFormula, IconForward, IconFullscreen, IconFullscreenExit, IconGift, IconGithub, IconGitlab, IconGoogle, IconGoogleCircleFill, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconH7, IconHeart, IconHeartFill, IconHighlight, IconHistory, IconHome, IconIdcard, IconImage, IconImageClose, IconImport, IconInfo, IconInfoCircle, IconInfoCircleFill, IconInteraction, IconItalic, IconLanguage, IconLarkColor, IconLaunch, IconLayers, IconLayout, IconLeft, IconLeftCircle, IconLineHeight, IconLink, IconList, IconLiveBroadcast, IconLoading, IconLocation, IconLock, IconLoop, IconMan, IconMenu, IconMenuFold, IconMenuUnfold, IconMessage, IconMessageBanned, IconMindMapping, IconMinus, IconMinusCircle, IconMinusCircleFill, IconMobile, IconMoon, IconMoonFill, IconMore, IconMoreVertical, IconMosaic, IconMusic, IconMute, IconMuteFill, IconNav, IconNotification, IconNotificationClose, IconObliqueLine, IconOrderedList, IconOriginalSize, IconPalette, IconPaste, IconPause, IconPauseCircle, IconPauseCircleFill, IconPen, IconPenFill, IconPhone, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlus, IconPlusCircle, IconPlusCircleFill, IconPoweroff, IconPrinter, IconPublic, IconPushpin, IconQq, IconQqCircleFill, IconQqZone, IconQrcode, IconQuestion, IconQuestionCircle, IconQuestionCircleFill, IconQuote, IconRecord, IconRecordStop, IconRedo, IconRefresh, IconRelation, IconReply, IconRight, IconRightCircle, IconRobot, IconRobotAdd, IconRotateLeft, IconRotateRight, IconSafe, IconSave, IconScan, IconSchedule, IconScissor, IconSearch, IconSelectAll, IconSend, IconSettings, IconShake, IconShareAlt, IconShareExternal, IconShareInternal, IconShrink, IconSkin, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSort, IconSortAscending, IconSortDescending, IconSound, IconSoundFill, IconStamp, IconStar, IconStarFill, IconStop, IconStorage, IconStrikethrough, IconSubscribe, IconSubscribeAdd, IconSubscribed, IconSun, IconSunFill, IconSwap, IconSync, IconTag, IconTags, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconThunderbolt, IconTiktokColor, IconToBottom, IconToLeft, IconToRight, IconToTop, IconTool, IconTranslate, IconTrophy, IconTwitter, IconTwitterCircleFill, IconUnderline, IconUndo, IconUnlock, IconUnorderedList, IconUp, IconUpCircle, IconUpload, IconUser, IconUserAdd, IconUserGroup, IconVideoCamera, IconVoice, IconWechat, IconWechatpay, IconWeibo, IconWeiboCircleFill, IconWifi, IconWoman, IconXiguaColor, IconZoomIn, IconZoomOut, SDVueIcon as default };