@cyberalien/svg-utils 1.1.5 → 1.2.0

package/lib/css/find/prop.js

@@ -0,0 +1,12 @@
+/**
+* Find all values of a CSS property in content
+*/
+function findCSSPropertyValues(content, property) {
+	const values = [];
+	content.matchAll(new RegExp(`${property}\\s*:\\s*([^;]+);`, "g")).forEach((match) => {
+		values.push(...match[1].split(",").map((part) => part.trim()));
+	});
+	return values;
+}
+
+export { findCSSPropertyValues };

package/lib/css/minify.d.ts

@@ -0,0 +1,2 @@
+declare function minifyCSS(value: string): string;
+export { minifyCSS };

package/lib/css/minify.js

@@ -0,0 +1,5 @@
+function minifyCSS(value) {
+	return value.replace(/\s+/g, " ").replace(/\s*([;:{}])\s*/g, "$1").replace(/;}/g, "}").trim();
+}
+
+export { minifyCSS };

package/lib/helpers/data/compact.d.ts

@@ -0,0 +1,20 @@
+interface ContextItemData<T> {
+  parent: Record<string, unknown>;
+  key: string;
+  actualValue?: T;
+}
+interface ContextItem<T> {
+  map: Map<string, ContextItemData<T> | number>;
+  data: T[];
+}
+/**
+ * Create context item for minification
+ */
+declare function createCompactContext<T>(): ContextItem<T>;
+/**
+ * Minify item
+ *
+ * If value is not a string, set it in `actualValue` and string `value` for comparison
+ */
+declare function compactItem<T>(context: ContextItem<T>, stringifiedValue: string, parent: Record<string, unknown>, key: string, actualValue?: T): void;
+export { compactItem, createCompactContext };

package/lib/helpers/data/compact.js

@@ -0,0 +1,38 @@
+/**
+* Create context item for minification
+*/
+function createCompactContext() {
+	return {
+		map: /* @__PURE__ */ new Map(),
+		data: []
+	};
+}
+/**
+* Minify item
+*
+* If value is not a string, set it in `actualValue` and string `value` for comparison
+*/
+function compactItem(context, stringifiedValue, parent, key, actualValue) {
+	const { map, data } = context;
+	const existing = map.get(stringifiedValue);
+	if (typeof existing === "number") {
+		parent[key] = existing;
+		return;
+	}
+	const value = actualValue ?? stringifiedValue;
+	if (existing) {
+		const index = data.length;
+		data.push(value);
+		map.set(stringifiedValue, index);
+		parent[key] = index;
+		existing.parent[existing.key] = index;
+		return;
+	}
+	map.set(stringifiedValue, {
+		parent,
+		key
+	});
+	parent[key] = value;
+}
+
+export { compactItem, createCompactContext };

package/lib/helpers/data/expand.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Expand minified item
+ */
+declare function expandItem<T>(list: T[], parent: Record<string, unknown>, key: string): void;
+export { expandItem };

package/lib/helpers/data/expand.js

@@ -0,0 +1,9 @@
+/**
+* Expand minified item
+*/
+function expandItem(list, parent, key) {
+	const index = parent[key];
+	if (typeof index === "number" && list[index]) parent[key] = list[index];
+}
+
+export { expandItem };

package/lib/index.d.ts

@@ -2,9 +2,13 @@ import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { HashContext, UniqueHashOptions, UniqueHashPartialOptions } from "./helpers/hash/types.js";
 import { CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules } from "./css/types.js";
+import { IconStatesAdvancedState, IconStatesAdvancedStateValues, IconStatesList, IconStatesSimpleState, IconStatesState } from "./svg-css/states/types.js";
+import { ExtendedSVGCSSIconClass, SVGCSSIcon, SVGCSSIconRules, SVGCSSStatefulIcon, SVGCSSStatefulIconRules } from "./svg-css/icon/types.js";
+import { IconFallbackAdvancedState, IconFallbackBooleanState, IconFallbackTemplate } from "./svg-css/states/fallback/types.js";
 import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { BaseConvertSVGContentOptions, ConvertSVGContentOptions, ConvertedSVGContent } from "./svg-css/types.js";
 import { createCSSClassName } from "./css/hash.js";
+import { minifyCSS } from "./css/minify.js";
 import { mergeCSSRules, splitCSSRules } from "./css/rules.js";
 import { stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet } from "./css/stylesheet.js";
@@ -28,11 +32,12 @@ import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
 import { convertSVGRootToCSS } from "./svg-css/root.js";
 import { convertSVGContentToCSSRules } from "./svg-css/content.js";
-import { IconFallbackAdvancedState, IconFallbackBooleanState, IconFallbackTemplate } from "./svg-css/states/fallback/types.js";
 import { getIconFallback } from "./svg-css/states/fallback/stringify.js";
-import { IconStatesAdvancedState, IconStatesAdvancedStateValues, IconStatesList, IconStatesSimpleState, IconStatesState } from "./svg-css/states/types.js";
 import { getStatesFromKey } from "./svg-css/states/key.js";
 import { getObjectFromStates } from "./svg-css/states/object.js";
 import { getAdvancedStateDefaultValue, getStateValue } from "./svg-css/states/value.js";
-import { SVGCSSIcon, SVGCSSIconRules, SVGCSSStatefulIcon, SVGCSSStatefulIconRules } from "./svg-css/icon/types.js";
-export { BaseConvertSVGContentOptions, CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules, ChangeIDResult, ClassProp, ComparisonKey, ConvertSVGContentOptions, ConvertedSVGContent, HashContext, IconFallbackAdvancedState, IconFallbackBooleanState, IconFallbackTemplate, IconStatesAdvancedState, IconStatesAdvancedStateValues, IconStatesList, IconStatesSimpleState, IconStatesState, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGCSSIcon, SVGCSSIconRules, SVGCSSStatefulIcon, SVGCSSStatefulIconRules, StringifyXMLOptions, UniqueHashOptions, UniqueHashPartialOptions, UniqueIDOptions, addGeneratedSelector, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getAdvancedStateDefaultValue, getIconFallback, getObjectFromStates, getStateValue, getStatesFromKey, getUniqueHash, hashString, hashToString, iterateXMLContent, mergeCSSRules, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitCSSRules, splitClassName, stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };
+import { SVGCSSIconSet, SVGCSSIconSetClassData, SVGCSSIconSetIcon, SVGCSSIconSetSharedData } from "./svg-css/icon-set/types.js";
+import { getSVGCSSIconFromIconSet } from "./svg-css/icon-set/get.js";
+import { addIconToSVGCSSIconSet } from "./svg-css/icon-set/add.js";
+import { createEmptySVGCSSIconSet } from "./svg-css/icon-set/create.js";
+export { BaseConvertSVGContentOptions, CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules, ChangeIDResult, ClassProp, ComparisonKey, ConvertSVGContentOptions, ConvertedSVGContent, ExtendedSVGCSSIconClass, HashContext, IconFallbackAdvancedState, IconFallbackBooleanState, IconFallbackTemplate, IconStatesAdvancedState, IconStatesAdvancedStateValues, IconStatesList, IconStatesSimpleState, IconStatesState, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGCSSIcon, SVGCSSIconRules, SVGCSSIconSet, SVGCSSIconSetClassData, SVGCSSIconSetIcon, SVGCSSIconSetSharedData, SVGCSSStatefulIcon, SVGCSSStatefulIconRules, StringifyXMLOptions, UniqueHashOptions, UniqueHashPartialOptions, UniqueIDOptions, addGeneratedSelector, addIconToSVGCSSIconSet, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptySVGCSSIconSet, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getAdvancedStateDefaultValue, getIconFallback, getObjectFromStates, getSVGCSSIconFromIconSet, getStateValue, getStatesFromKey, getUniqueHash, hashString, hashToString, iterateXMLContent, mergeCSSRules, minifyCSS, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitCSSRules, splitClassName, stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };

package/lib/index.js

@@ -13,6 +13,7 @@ import { stringifyXMLContent } from "./xml/stringify.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { mergeCSSRules, splitCSSRules } from "./css/rules.js";
+import { minifyCSS } from "./css/minify.js";
 import { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet } from "./css/stylesheet.js";
 import { classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
@@ -27,5 +28,8 @@ import { getIconFallback } from "./svg-css/states/fallback/stringify.js";
 import { getStatesFromKey } from "./svg-css/states/key.js";
 import { getAdvancedStateDefaultValue, getStateValue } from "./svg-css/states/value.js";
 import { getObjectFromStates } from "./svg-css/states/object.js";
+import { getSVGCSSIconFromIconSet } from "./svg-css/icon-set/get.js";
+import { addIconToSVGCSSIconSet } from "./svg-css/icon-set/add.js";
+import { createEmptySVGCSSIconSet } from "./svg-css/icon-set/create.js";
 
-export { addGeneratedSelector, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getAdvancedStateDefaultValue, getIconFallback, getObjectFromStates, getStateValue, getStatesFromKey, getUniqueHash, hashString, hashToString, iterateXMLContent, mergeCSSRules, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitCSSRules, splitClassName, stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };
+export { addGeneratedSelector, addIconToSVGCSSIconSet, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptySVGCSSIconSet, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getAdvancedStateDefaultValue, getIconFallback, getObjectFromStates, getSVGCSSIconFromIconSet, getStateValue, getStatesFromKey, getUniqueHash, hashString, hashToString, iterateXMLContent, mergeCSSRules, minifyCSS, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitCSSRules, splitClassName, stringifyCSSAnimationFrames, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };

package/lib/svg-css/icon/css.d.ts

@@ -0,0 +1,25 @@
+import { CSSGeneratedStylesheet } from "../../css/types.js";
+import { SVGCSSIconRules, SVGCSSStatefulIconRules } from "./types.js";
+import { StatefulIconSelectorsContext } from "../states/selector/types.js";
+type StylesheetParam = CSSGeneratedStylesheet | ((selector: string) => CSSGeneratedStylesheet);
+/**
+ * Add styles for stateful icon to stylesheet
+ *
+ * If commonStylesheet is an object, all styles will be added to it and result
+ * will contain the same stylesheet for all classes.
+ *
+ * If commonStylesheet is not an object, styles will be separated into different
+ * stylesheets for classes and keyframes, which can be reused across icons.
+ */
+declare function renderStatefulSVGCSSIconStyle(icon: SVGCSSStatefulIconRules, context: StatefulIconSelectorsContext | null, commonStylesheet?: StylesheetParam): Record<string, CSSGeneratedStylesheet>;
+/**
+ * Add styles for icon to stylesheet
+ *
+ * If commonStylesheet is an object, all styles will be added to it and result
+ * will contain the same stylesheet for all classes.
+ *
+ * If commonStylesheet is not an object, styles will be separated into different
+ * stylesheets for classes and keyframes, which can be reused across icons.
+ */
+declare function renderSVGCSSIconStyle(icon: SVGCSSIconRules, commonStylesheet?: StylesheetParam): Record<string, CSSGeneratedStylesheet>;
+export { renderSVGCSSIconStyle, renderStatefulSVGCSSIconStyle };

package/lib/svg-css/icon/{css/stateful.js → css.js}

@@ -1,6 +1,6 @@
-import { addGeneratedSelector, createEmptyStylesheet } from "../../../css/stylesheet.js";
-import { prefersReduceMotion } from "../../../helpers/reduce-motion.js";
-import { getSelectorsForStateValues } from "../../states/selector/parse.js";
+import { addGeneratedSelector, createEmptyStylesheet } from "../../css/stylesheet.js";
+import { prefersReduceMotion } from "../../helpers/reduce-motion.js";
+import { getSelectorsForStateValues } from "../states/selector/parse.js";
 
 /**
 * Add styles for stateful icon to stylesheet
@@ -21,7 +21,7 @@ function renderStatefulSVGCSSIconStyle(icon, context, commonStylesheet = createE
 	for (const className in icon.classes) addGeneratedSelector(getStylesheet(className), [`.${className}`], icon.classes[className]);
 	for (const className in icon.animations) addGeneratedSelector(getStylesheet(className), [prefersReduceMotion, `.${className}`], icon.animations[className]);
 	for (const keyframeName in icon.keyframes) getStylesheet(keyframeName).keyframes[keyframeName] = icon.keyframes[keyframeName];
-	for (const className in icon.statefulClasses) {
+	if (context) for (const className in icon.statefulClasses) {
 		const baseClassName = `.${className}`;
 		const stylesheet = getStylesheet(className);
 		const classData = icon.statefulClasses[className];
@@ -41,5 +41,17 @@ function renderStatefulSVGCSSIconStyle(icon, context, commonStylesheet = createE
 	}
 	return stylesheets;
 }
+/**
+* Add styles for icon to stylesheet
+*
+* If commonStylesheet is an object, all styles will be added to it and result
+* will contain the same stylesheet for all classes.
+*
+* If commonStylesheet is not an object, styles will be separated into different
+* stylesheets for classes and keyframes, which can be reused across icons.
+*/
+function renderSVGCSSIconStyle(icon, commonStylesheet) {
+	return renderStatefulSVGCSSIconStyle(icon, null, commonStylesheet);
+}
 
-export { renderStatefulSVGCSSIconStyle };
+export { renderSVGCSSIconStyle, renderStatefulSVGCSSIconStyle };

package/lib/svg-css/icon/types.d.ts

@@ -1,5 +1,5 @@
-import { IconViewBox } from "../../svg/viewbox/types.js";
 import { CSSKeyframes, CSSRules } from "../../css/types.js";
+import { IconViewBox } from "../../svg/viewbox/types.js";
 import { IconStatesList } from "../states/types.js";
 /**
  * Main properties
@@ -10,7 +10,7 @@ interface MainProps {
   content: string;
 }
 interface StatefulMainProps extends MainProps {
-  states: IconStatesList;
+  states?: IconStatesList;
 }
 /**
  * CSS data
@@ -42,4 +42,4 @@ interface SVGCSSIcon extends MainProps, SVGCSSIconRules {}
  * Icon with states
  */
 interface SVGCSSStatefulIcon extends StatefulMainProps, SVGCSSStatefulIconRules {}
-export { SVGCSSIcon, SVGCSSIconRules, SVGCSSStatefulIcon, SVGCSSStatefulIconRules };
+export { ExtendedSVGCSSIconClass, SVGCSSIcon, SVGCSSIconRules, SVGCSSStatefulIcon, SVGCSSStatefulIconRules };

package/lib/svg-css/icon-set/add.d.ts

@@ -0,0 +1,7 @@
+import { SVGCSSIcon, SVGCSSStatefulIcon } from "../icon/types.js";
+import { SVGCSSIconSet } from "./types.js";
+/**
+ * Add icon to an icon set
+ */
+declare function addIconToSVGCSSIconSet(iconSet: SVGCSSIconSet, iconName: string, icon: SVGCSSIcon | SVGCSSStatefulIcon): void;
+export { addIconToSVGCSSIconSet };

package/lib/svg-css/icon-set/add.js

@@ -0,0 +1,52 @@
+import { stringifyCSSAnimationFrames, stringifyCSSRules } from "../../css/stringify.js";
+import { minifyCSS } from "../../css/minify.js";
+
+function minifyRules(value) {
+	return (value ? minifyCSS(typeof value === "string" ? value : stringifyCSSRules(value)) : void 0) || void 0;
+}
+function stringifyObject(data) {
+	if (data) {
+		const result = Object.create(null);
+		for (const key in data) result[key] = minifyCSS(typeof data[key] === "string" ? data[key] : stringifyCSSRules(data[key]));
+		return result;
+	}
+}
+/**
+* Add icon to an icon set
+*/
+function addIconToSVGCSSIconSet(iconSet, iconName, icon) {
+	iconSet.icons[iconName] = {
+		content: icon.content,
+		fallback: icon.fallback,
+		states: icon.states,
+		viewBox: icon.viewBox
+	};
+	const { classes, animations, statefulClasses, keyframes } = icon;
+	const classNames = new Set([...Object.keys(classes || {}), ...Object.keys(statefulClasses || {})]);
+	for (const className of classNames) if (!iconSet.classes?.[className]) {
+		const classData = {};
+		iconSet.classes = iconSet.classes || Object.create(null);
+		iconSet.classes[className] = classData;
+		const r = classes?.[className];
+		if (r) classData.r = minifyRules(r);
+		const a = animations?.[className];
+		if (a) classData.a = minifyRules(a);
+		const statefulClass = statefulClasses?.[className];
+		if (statefulClass) {
+			const { stateRules, transition, stateTransition } = statefulClass;
+			if (stateRules) classData.sr = stringifyObject(stateRules);
+			if (transition) classData.t = minifyRules(transition);
+			if (stateTransition) classData.st = stringifyObject(stateTransition);
+		}
+	}
+	if (keyframes) {
+		iconSet.keyframes = iconSet.keyframes || Object.create(null);
+		const iconSetKeyframes = iconSet.keyframes;
+		for (const keyframeName in keyframes) if (!iconSetKeyframes[keyframeName]) {
+			const value = keyframes[keyframeName];
+			iconSetKeyframes[keyframeName] = typeof value === "string" ? value : minifyCSS(stringifyCSSAnimationFrames(value));
+		}
+	}
+}
+
+export { addIconToSVGCSSIconSet };

package/lib/svg-css/icon-set/create.d.ts

@@ -0,0 +1,6 @@
+import { SVGCSSIconSet } from "./types.js";
+/**
+ * Create an empty icon set
+ */
+declare function createEmptySVGCSSIconSet(): SVGCSSIconSet;
+export { createEmptySVGCSSIconSet };

package/lib/svg-css/icon-set/create.js

@@ -0,0 +1,8 @@
+/**
+* Create an empty icon set
+*/
+function createEmptySVGCSSIconSet() {
+	return { icons: Object.create(null) };
+}
+
+export { createEmptySVGCSSIconSet };

package/lib/svg-css/icon-set/get.d.ts

@@ -0,0 +1,4 @@
+import { SVGCSSIcon, SVGCSSStatefulIcon } from "../icon/types.js";
+import { SVGCSSIconSet } from "./types.js";
+declare function getSVGCSSIconFromIconSet(iconSet: SVGCSSIconSet, name: string): SVGCSSIcon | SVGCSSStatefulIcon | undefined;
+export { getSVGCSSIconFromIconSet };

package/lib/svg-css/icon-set/get.js

@@ -0,0 +1,92 @@
+import { findUsedKeyframes } from "../../css/find/animations.js";
+import { findUsedClassNames } from "../../css/find/classname.js";
+import { expandSVGCSSIconSetClass } from "./minify/expand.js";
+
+function getSVGCSSIconFromIconSet(iconSet, name) {
+	const fullName = iconSet.aliases?.[name] || name;
+	const data = iconSet.icons[fullName];
+	if (!data) return;
+	const { viewBoxes, css, fallbackPrefix = "", fallbackSuffix = "" } = iconSet;
+	let viewBox = data.viewBox;
+	if (typeof viewBox === "number") viewBox = viewBoxes?.[viewBox];
+	if (!viewBox) return;
+	let states = data.states;
+	if (typeof states === "number") states = iconSet.statesList?.[states];
+	const content = data.content;
+	const classNames = findUsedClassNames(content);
+	const classes = Object.create(null);
+	const animations = Object.create(null);
+	const statefulClasses = Object.create(null);
+	const cssLines = [];
+	classNames.forEach((className) => {
+		const classContent = iconSet.classes?.[className];
+		if (classContent) {
+			if (css) expandSVGCSSIconSetClass(css, classContent);
+			const { r, a, t, sr, st } = classContent;
+			const statefulClass = Object.create(null);
+			if (r) {
+				classes[className] = r;
+				cssLines.push(r);
+			}
+			if (a) {
+				animations[className] = a;
+				cssLines.push(a);
+			}
+			if (sr) {
+				const stateRules = Object.create(null);
+				statefulClass.stateRules = stateRules;
+				for (const state in sr) {
+					stateRules[state] = sr[state];
+					cssLines.push(sr[state]);
+				}
+			}
+			if (t) {
+				statefulClass.transition = t;
+				cssLines.push(t);
+			}
+			if (st) {
+				const stateTransition = Object.create(null);
+				statefulClass.stateTransition = stateTransition;
+				for (const state in st) {
+					stateTransition[state] = st[state];
+					cssLines.push(st[state]);
+				}
+			}
+			for (const key in statefulClass) {
+				statefulClasses[className] = statefulClass;
+				break;
+			}
+		}
+	});
+	const keyframes = Object.create(null);
+	if (iconSet.keyframes) findUsedKeyframes(cssLines.join(";")).forEach((animationName) => {
+		const keyframeContent = iconSet.keyframes[animationName];
+		if (keyframeContent) keyframes[animationName] = keyframeContent;
+	});
+	const result = {
+		content,
+		viewBox,
+		states,
+		fallback: typeof data.fallback === "string" ? `${fallbackPrefix}${data.fallback}${fallbackSuffix}` : void 0
+	};
+	let _key;
+	for (_key in classes) {
+		result.classes = classes;
+		break;
+	}
+	for (_key in animations) {
+		result.animations = animations;
+		break;
+	}
+	for (_key in keyframes) {
+		result.keyframes = keyframes;
+		break;
+	}
+	for (_key in statefulClasses) {
+		result.statefulClasses = statefulClasses;
+		break;
+	}
+	return result;
+}
+
+export { getSVGCSSIconFromIconSet };

package/lib/svg-css/icon-set/minify/expand.d.ts

@@ -0,0 +1,10 @@
+import { SVGCSSIconSet, SVGCSSIconSetClassData } from "../types.js";
+/**
+ * Expand class content from icon set
+ */
+declare function expandSVGCSSIconSetClass(css: Required<SVGCSSIconSet>['css'], classContent: SVGCSSIconSetClassData): void;
+/**
+ * Unminify icon set
+ */
+declare function expandSVGCSSIconSet(iconSet: SVGCSSIconSet): void;
+export { expandSVGCSSIconSet, expandSVGCSSIconSetClass };

package/lib/svg-css/icon-set/minify/expand.js

@@ -0,0 +1,35 @@
+import { expandItem } from "../../../helpers/data/expand.js";
+import { iconSetMinifySimpleKeys, iconSetMinifyStatefulKeys } from "./keys.js";
+
+/**
+* Expand class content from icon set
+*/
+function expandSVGCSSIconSetClass(css, classContent) {
+	for (const prop of iconSetMinifySimpleKeys) if (css[prop]) expandItem(css[prop], classContent, prop);
+	for (const prop of iconSetMinifyStatefulKeys) {
+		const value = classContent[prop];
+		const list = css[prop];
+		if (list && value) for (const state in value) expandItem(list, value, state);
+	}
+}
+/**
+* Unminify icon set
+*/
+function expandSVGCSSIconSet(iconSet) {
+	const { viewBoxes, statesList, css } = iconSet;
+	if (viewBoxes || statesList) {
+		for (const iconName in iconSet.icons) {
+			const icon = iconSet.icons[iconName];
+			if (viewBoxes) expandItem(viewBoxes, icon, "viewBox");
+			if (statesList) expandItem(statesList, icon, "states");
+		}
+		delete iconSet.viewBoxes;
+		delete iconSet.statesList;
+	}
+	if (css && iconSet.classes) {
+		for (const className in iconSet.classes) expandSVGCSSIconSetClass(css, iconSet.classes[className]);
+		delete iconSet.css;
+	}
+}
+
+export { expandSVGCSSIconSet, expandSVGCSSIconSetClass };

package/lib/svg-css/icon-set/minify/keys.d.ts

@@ -0,0 +1,5 @@
+import { SVGCSSIconSetClassData } from "../types.js";
+declare const iconSetMinifySimpleKeys: (keyof Pick<SVGCSSIconSetClassData, 'r' | 'a' | 't'>)[];
+declare const iconSetMinifyStatefulKeys: (keyof Pick<SVGCSSIconSetClassData, 'sr' | 'st'>)[];
+declare const iconSetMinifyKeys: (keyof SVGCSSIconSetClassData)[];
+export { iconSetMinifyKeys, iconSetMinifySimpleKeys, iconSetMinifyStatefulKeys };

package/lib/svg-css/icon-set/minify/keys.js

@@ -0,0 +1,9 @@
+const iconSetMinifySimpleKeys = [
+	"r",
+	"a",
+	"t"
+];
+const iconSetMinifyStatefulKeys = ["sr", "st"];
+const iconSetMinifyKeys = [...iconSetMinifySimpleKeys, ...iconSetMinifyStatefulKeys];
+
+export { iconSetMinifyKeys, iconSetMinifySimpleKeys, iconSetMinifyStatefulKeys };

package/lib/svg-css/icon-set/minify/minify.d.ts

@@ -0,0 +1,19 @@
+import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { IconStatesList } from "../../states/types.js";
+import { createCompactContext } from "../../../helpers/data/compact.js";
+import { SVGCSSIconSet } from "../types.js";
+import { iconSetMinifyKeys } from "./keys.js";
+type Keys = (typeof iconSetMinifyKeys)[number];
+interface Context extends Record<Keys, ReturnType<typeof createCompactContext<string>>> {
+  viewBox: ReturnType<typeof createCompactContext<IconViewBox | string>>;
+  states: ReturnType<typeof createCompactContext<IconStatesList>>;
+}
+/**
+ * Create context for minification
+ */
+declare function createIconSetMinifyContext(): Context;
+/**
+ * Minify icon set
+ */
+declare function minifySVGCSSIconSet(iconSet: SVGCSSIconSet): void;
+export { createIconSetMinifyContext, minifySVGCSSIconSet };

package/lib/svg-css/icon-set/minify/minify.js

@@ -0,0 +1,74 @@
+import { iconSetMinifyKeys, iconSetMinifySimpleKeys, iconSetMinifyStatefulKeys } from "./keys.js";
+import { stringifyIconViewBox } from "../../../svg/viewbox/value.js";
+import { compactItem, createCompactContext } from "../../../helpers/data/compact.js";
+
+/**
+* Create context for minification
+*/
+function createIconSetMinifyContext() {
+	const result = Object.create(null);
+	for (const key of iconSetMinifyKeys) result[key] = createCompactContext();
+	result.viewBox = createCompactContext();
+	result.states = createCompactContext();
+	return result;
+}
+/**
+* Get key for viewBox
+*/
+function viewBoxKey(viewBox) {
+	return typeof viewBox === "string" ? viewBox : stringifyIconViewBox(viewBox) + ("cx" in viewBox ? ` ${viewBox.cx}` : "");
+}
+/**
+* Minify icon set
+*/
+function minifySVGCSSIconSet(iconSet) {
+	const context = createIconSetMinifyContext();
+	const viewBoxes = context.viewBox;
+	const statesList = context.states;
+	if (iconSet.viewBoxes) viewBoxes.data = [...iconSet.viewBoxes];
+	viewBoxes.data.forEach((value, index) => {
+		const key = viewBoxKey(value);
+		viewBoxes.map.set(key, index);
+	});
+	if (iconSet.statesList) statesList.data = [...iconSet.statesList];
+	statesList.data.forEach((value, index) => {
+		const key = JSON.stringify(value);
+		statesList.map.set(key, index);
+	});
+	for (const prop of iconSetMinifyKeys) {
+		context[prop].data = [...iconSet.css?.[prop] ?? []];
+		const { data, map } = context[prop];
+		data.forEach((value, index) => {
+			map.set(value, index);
+		});
+	}
+	for (const iconName in iconSet.icons) {
+		const icon = iconSet.icons[iconName];
+		const viewBoxValue = icon.viewBox;
+		if (typeof viewBoxValue !== "number") compactItem(viewBoxes, viewBoxKey(viewBoxValue), icon, "viewBox", viewBoxValue);
+		const statesValue = icon.states;
+		if (typeof statesValue !== "number") compactItem(statesList, JSON.stringify(statesValue), icon, "states", statesValue);
+	}
+	if (iconSet.classes) for (const className in iconSet.classes) {
+		const classContent = iconSet.classes[className];
+		for (const prop of iconSetMinifySimpleKeys) if (typeof classContent[prop] === "string") compactItem(context[prop], classContent[prop], classContent, prop);
+		for (const prop of iconSetMinifyStatefulKeys) {
+			const value = classContent[prop];
+			if (value) {
+				for (const state in value) if (typeof value[state] === "string") compactItem(context[prop], value[state], value, state);
+			}
+		}
+	}
+	iconSet.viewBoxes = viewBoxes.data.length ? viewBoxes.data : void 0;
+	iconSet.statesList = statesList.data.length ? statesList.data : void 0;
+	delete iconSet.css;
+	for (const prop of iconSetMinifyKeys) {
+		const data = context[prop].data;
+		if (data.length) {
+			if (!iconSet.css) iconSet.css = Object.create(null);
+			iconSet.css[prop] = data;
+		}
+	}
+}
+
+export { createIconSetMinifyContext, minifySVGCSSIconSet };

package/lib/svg-css/icon-set/types.d.ts

@@ -0,0 +1,43 @@
+import { IconViewBox } from "../../svg/viewbox/types.js";
+import { IconStatesList } from "../states/types.js";
+/**
+ * Icon entry in an icon set
+ */
+interface SVGCSSIconSetIcon {
+  content: string;
+  viewBox: IconViewBox | string | number;
+  fallback?: string;
+  states?: IconStatesList | number;
+}
+/**
+ * Stateful class data
+ */
+interface SVGCSSIconSetClassData {
+  r?: string | number;
+  a?: string | number;
+  sr?: Record<string, string | number>;
+  t?: string | number;
+  st?: Record<string, string | number>;
+}
+/**
+ * Shared data for icons, which can be reused in multiple icons
+ */
+interface SVGCSSIconSetSharedData {
+  classes?: Record<string, SVGCSSIconSetClassData>;
+  keyframes?: Record<string, string>;
+  css?: Partial<Record<keyof SVGCSSIconSetClassData, string[]>>;
+  viewBoxes?: (IconViewBox | string)[];
+  statesList?: IconStatesList[];
+}
+/**
+ * Icon set in SVG+CSS format
+ *
+ * Does not include metadata
+ */
+interface SVGCSSIconSet extends SVGCSSIconSetSharedData {
+  fallbackPrefix?: string;
+  fallbackSuffix?: string;
+  icons: Record<string, SVGCSSIconSetIcon>;
+  aliases?: Record<string, string>;
+}
+export { SVGCSSIconSet, SVGCSSIconSetClassData, SVGCSSIconSetIcon, SVGCSSIconSetSharedData };

package/lib/svg-css/icon-set/types.js

@@ -0,0 +1 @@
+export {  };

package/lib/svg-css/states/fallback/parse.d.ts

@@ -1,5 +1,5 @@
-import { IconFallbackTemplate } from "./types.js";
 import { IconStatesList } from "../types.js";
+import { IconFallbackTemplate } from "./types.js";
 /**
  * Parse fallback template string into array of strings and states
  */

package/lib/svg-css/states/fallback/stringify.d.ts

@@ -2,5 +2,5 @@ import { IconFallbackTemplate } from "./types.js";
 /**
  * Generate fallback string from template and states
  */
-declare function getIconFallback(template: IconFallbackTemplate, values: Record<string, boolean | string>): string;
+declare function getIconFallback(template: IconFallbackTemplate, values: Record<string, boolean | string>, defaultValues?: Record<string, boolean | string>): string;
 export { getIconFallback };