@cyberalien/svg-utils 0.0.16 → 0.1.0

package/lib/{svg/css/css/class.d.ts → css/hash.d.ts}

@@ -1,4 +1,4 @@
-import { CSSRules } from "../types.js";
+import { CSSRules } from "./types.js";
 /**
  * Get class name for CSS rules
  */

package/lib/{svg/css/css/class.js → css/hash.js}

@@ -1,5 +1,5 @@
-import { sortObject } from "../../../helpers/misc/sort-object.js";
-import { getUniqueHash } from "../../../helpers/hash/unique.js";
+import { sortObject } from "../helpers/misc/sort-object.js";
+import { getUniqueHash } from "../helpers/hash/unique.js";
 
 const length = 6;
 /**

package/lib/css/stringify.d.ts

@@ -0,0 +1,14 @@
+import { CSSKeyframes, CSSRules } from "./types.js";
+/**
+ * Stringify CSS rules
+ */
+declare function stringifyCSSRules(rules: CSSRules, depth?: number): string;
+/**
+ * Stringify CSS selector with rules
+ */
+declare function stringifyCSSSelector(selector: string, rules: string | CSSRules, depth?: number): string;
+/**
+ * Stringify CSS keyframes
+ */
+declare function stringifyCSSKeyframes(animationName: string, keyframes: CSSKeyframes, depth?: number): string;
+export { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector };

package/lib/css/stringify.js

@@ -0,0 +1,46 @@
+function indent(depth) {
+	return "  ".repeat(depth);
+}
+/**
+* Stringify CSS rules
+*/
+function stringifyCSSRules(rules, depth = 1) {
+	const tab = indent(depth);
+	const lines = [];
+	for (const key in rules) {
+		const value = rules[key];
+		lines.push(`${tab}${key}: ${value};\n`);
+	}
+	return lines.join("");
+}
+/**
+* Stringify CSS selector with rules
+*/
+function stringifyCSSSelector(selector, rules, depth = 0) {
+	const content = typeof rules === "string" ? rules : stringifyCSSRules(rules, depth + 1);
+	if (!content.length) return "";
+	const tab = indent(depth);
+	return `${tab}${selector} {\n${content}${tab}}\n`;
+}
+/**
+* Stringify CSS keyframes
+*/
+function stringifyCSSKeyframes(animationName, keyframes, depth = 0) {
+	const prop = keyframes.prop;
+	const values = /* @__PURE__ */ new Map();
+	keyframes.frames.forEach((frame) => {
+		const css = `${indent(depth + 2)}${prop}: ${frame.value};\n`;
+		const item = values.get(css);
+		if (item) item.push(frame.time);
+		else values.set(css, [frame.time]);
+	});
+	const lines = [];
+	lines.push(`${indent(depth)}@keyframes ${animationName} {\n`);
+	values.forEach((times, css) => {
+		lines.push(`${indent(depth + 1)}${times.map((time) => `${(time * 100).toFixed(2).replace(/\.?0+$/, "")}%`).join(", ")} {\n${css}${indent(depth + 1)}}\n`);
+	});
+	lines.push("}\n");
+	return lines.join("");
+}
+
+export { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector };

package/lib/css/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * CSS rules
+ */
+type CSSRules = Record<string, string>;
+/**
+ * Animation keyframes
+ */
+interface CSSKeyframe {
+  time: number;
+  value: string;
+}
+interface CSSKeyframes {
+  prop: string;
+  frames: CSSKeyframe[];
+}
+export { CSSKeyframe, CSSKeyframes, CSSRules };

package/lib/helpers/misc/strings.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Convert string to camelCase
+ */
+declare function camelize(str: string): string;
+/**
+ * Convert string to PascaleCase
+ */
+declare function pascalize(str: string): string;
+/**
+ * Convert camelCase string to kebab-case
+ */
+declare function camelToKebab(key: string): string;
+/**
+ * Convert camelCase string to snake-case
+ */
+declare function snakelize(str: string): string;
+export { camelToKebab, camelize, pascalize, snakelize };

package/lib/helpers/misc/strings.js

@@ -0,0 +1,27 @@
+/**
+* Convert string to camelCase
+*/
+function camelize(str) {
+	return str.replace(/-([a-z0-9])/g, (g) => g[1].toUpperCase());
+}
+/**
+* Convert string to PascaleCase
+*/
+function pascalize(str) {
+	const camel = camelize(str);
+	return camel.slice(0, 1).toUpperCase() + camel.slice(1);
+}
+/**
+* Convert camelCase string to kebab-case
+*/
+function camelToKebab(key) {
+	return key.replace(/:/g, "-").replace(/([A-Z])/g, " $1").trim().split(/\s+/g).join("-").toLowerCase();
+}
+/**
+* Convert camelCase string to snake-case
+*/
+function snakelize(str) {
+	return camelToKebab(str).replace(/-/g, "_");
+}
+
+export { camelToKebab, camelize, pascalize, snakelize };

package/lib/iconify/icon/nornalise.d.ts

@@ -0,0 +1,7 @@
+import { ParsedIconifyIcon } from "./types.js";
+import { IconifyIcon } from "@iconify/types";
+/**
+ * Normalise icon: apply transformations
+ */
+declare function normaliseIconifyIcon(data: IconifyIcon): ParsedIconifyIcon;
+export { normaliseIconifyIcon };

package/lib/iconify/icon/nornalise.js

@@ -0,0 +1,63 @@
+import { wrapSVGContent } from "../../svg/content/defs.js";
+
+/**
+* Normalise icon: apply transformations
+*/
+function normaliseIconifyIcon(data) {
+	const viewBox = {
+		left: data.left ?? 0,
+		top: data.top ?? 0,
+		width: data.width ?? 16,
+		height: data.height ?? 16
+	};
+	let body = data.body;
+	const transformations = [];
+	let rotation = data.rotate ?? 0;
+	if (data.hFlip) if (data.vFlip) rotation += 2;
+	else {
+		transformations.push("translate(" + (viewBox.width + viewBox.left).toString() + " " + (0 - viewBox.top).toString() + ")");
+		transformations.push("scale(-1 1)");
+		viewBox.top = viewBox.left = 0;
+	}
+	else if (data.vFlip) {
+		transformations.push("translate(" + (0 - viewBox.left).toString() + " " + (viewBox.height + viewBox.top).toString() + ")");
+		transformations.push("scale(1 -1)");
+		viewBox.top = viewBox.left = 0;
+	}
+	if (rotation < 0) rotation -= Math.floor(rotation / 4) * 4;
+	rotation = rotation % 4;
+	switch (rotation) {
+		case 1: {
+			const value = viewBox.height / 2 + viewBox.top;
+			transformations.unshift(`rotate(90 ${value} ${value})`);
+			break;
+		}
+		case 2:
+			transformations.unshift(`rotate(180 ${viewBox.width / 2 + viewBox.left} ${viewBox.height / 2 + viewBox.top})`);
+			break;
+		case 3: {
+			const value = viewBox.width / 2 + viewBox.left;
+			transformations.unshift(`rotate(-90 ${value} ${value})`);
+			break;
+		}
+	}
+	if (rotation % 2 === 1) {
+		if (viewBox.left !== viewBox.top) {
+			const tempValue = viewBox.left;
+			viewBox.left = viewBox.top;
+			viewBox.top = tempValue;
+		}
+		if (viewBox.width !== viewBox.height) {
+			const tempValue = viewBox.width;
+			viewBox.width = viewBox.height;
+			viewBox.height = tempValue;
+		}
+	}
+	if (transformations.length) body = wrapSVGContent(body, "<g transform=\"" + transformations.join(" ") + "\">", "</g>");
+	return {
+		body,
+		viewBox
+	};
+}
+
+export { normaliseIconifyIcon };

package/lib/iconify/icon/types.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "../../svg/viewbox/types.js";
+interface ParsedIconifyIcon {
+  body: string;
+  viewBox: IconViewBox;
+}
+export { ParsedIconifyIcon };

package/lib/iconify/icon/types.js

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

package/lib/iconify/icon-set/defaults.d.ts

@@ -0,0 +1,6 @@
+import { IconifyJSON } from "@iconify/types";
+/**
+ * Get default properties from icon set
+ */
+declare function getIconifyIconSetDefaults(data: IconifyJSON): Partial<Record<"width" | "height" | "left" | "top", number>>;
+export { getIconifyIconSetDefaults };

package/lib/iconify/icon-set/defaults.js

@@ -0,0 +1,19 @@
+const defaultProps = [
+	"width",
+	"height",
+	"left",
+	"top"
+];
+/**
+* Get default properties from icon set
+*/
+function getIconifyIconSetDefaults(data) {
+	const defaultValues = {};
+	for (const prop of defaultProps) {
+		const defaultValue = data[prop];
+		if (defaultValue) defaultValues[prop] = defaultValue;
+	}
+	return defaultValues;
+}
+
+export { getIconifyIconSetDefaults };

package/lib/iconify/icon-set/icon.d.ts

@@ -0,0 +1,6 @@
+import { IconifyIcon, IconifyJSON } from "@iconify/types";
+/**
+ * Get icon data from Iconify icon set
+ */
+declare function getIconifyIconSetIcon(data: IconifyJSON, name: string): IconifyIcon | null | undefined;
+export { getIconifyIconSetIcon };

package/lib/iconify/icon-set/icon.js

@@ -0,0 +1,24 @@
+import { getIconifyIconSetDefaults } from "./defaults.js";
+
+/**
+* Get icon data from Iconify icon set
+*/
+function getIconifyIconSetIcon(data, name) {
+	if (data.not_found?.includes(name)) return null;
+	const icon = data.icons[name];
+	if (icon) return {
+		...getIconifyIconSetDefaults(data),
+		...icon
+	};
+	const alias = data.aliases?.[name];
+	if (alias) {
+		const parentIcon = data.icons?.[alias.parent];
+		return parentIcon ? {
+			...getIconifyIconSetDefaults(data),
+			...parentIcon,
+			...alias
+		} : null;
+	}
+}
+
+export { getIconifyIconSetIcon };

package/lib/iconify/icon-set/parse.d.ts

@@ -0,0 +1,7 @@
+import { ParseIconifyIconSetCallback } from "./types.js";
+import { IconifyJSON } from "@iconify/types";
+/**
+ * Parse Iconify icon set and call callback for each icon
+ */
+declare function parseIconifyIconSet(data: IconifyJSON, callback: ParseIconifyIconSetCallback): void;
+export { parseIconifyIconSet };

package/lib/iconify/icon-set/parse.js

@@ -0,0 +1,31 @@
+import { getIconifyIconSetDefaults } from "./defaults.js";
+
+/**
+* Parse Iconify icon set and call callback for each icon
+*/
+function parseIconifyIconSet(data, callback) {
+	const defaultValues = getIconifyIconSetDefaults(data);
+	for (const name in data.icons) {
+		const item = data.icons[name];
+		callback(name, {
+			...defaultValues,
+			...item
+		});
+	}
+	if (data.aliases) for (const name in data.aliases) {
+		const item = data.aliases[name];
+		const parentIcon = data.icons[item.parent];
+		if (!parentIcon) {
+			callback(name, null);
+			continue;
+		}
+		callback(name, {
+			...defaultValues,
+			...parentIcon,
+			...item
+		});
+	}
+	if (data.not_found) for (const name of data.not_found) callback(name, null);
+}
+
+export { parseIconifyIconSet };

package/lib/iconify/icon-set/types.d.ts

@@ -0,0 +1,6 @@
+import { IconifyIcon } from "@iconify/types";
+/**
+ * Callback for each icon in icon set
+ */
+type ParseIconifyIconSetCallback = (name: string, data: IconifyIcon | null) => void;
+export { ParseIconifyIconSetCallback };

package/lib/iconify/icon-set/types.js

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

package/lib/index.d.ts

@@ -1,3 +1,7 @@
+import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
+import { splitClassName, toggleClassName } from "./classname/toggle.js";
+import { createCSSClassName } from "./css/hash.js";
+import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { hashToString } from "./helpers/hash/stringify.js";
 import { UniqueHashOptions } from "./helpers/hash/types.js";
@@ -15,13 +19,9 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { CSSRules, ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg/css/types.js";
-import { ClassProp, classProps, defaultClassProp } from "./svg/css/css/const.js";
-import { createCSSClassName } from "./svg/css/css/class.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./svg/css/css/stringify.js";
-import { splitClassName, toggleClassName } from "./svg/css/css/toggle.js";
-import { convertSVGPropertyToCSS } from "./svg/css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg/css/props/props.js";
-import { convertSVGRootToCSS } from "./svg/css/convert/root.js";
-import { convertSVGContentToCSS } from "./svg/css/convert/content.js";
-export { CSSRules, ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSS, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+import { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg-css/types.js";
+import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
+import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
+import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
+export { ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/index.js

@@ -7,18 +7,18 @@ import { getUniqueHash } from "./helpers/hash/unique.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
+import { createCSSClassName } from "./css/hash.js";
+import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { classProps, defaultClassProp } from "./classname/const.js";
+import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { changeIDInString } from "./svg/ids/string.js";
 import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { classProps, defaultClassProp } from "./svg/css/css/const.js";
-import { createCSSClassName } from "./svg/css/css/class.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./svg/css/css/stringify.js";
-import { splitClassName, toggleClassName } from "./svg/css/css/toggle.js";
-import { convertSVGPropertyToCSS } from "./svg/css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg/css/props/props.js";
-import { convertSVGRootToCSS } from "./svg/css/convert/root.js";
-import { convertSVGContentToCSS } from "./svg/css/convert/content.js";
+import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
+import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
+import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSS, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/svg/content/defs.d.ts

@@ -0,0 +1,20 @@
+interface SplitSVGDefsResult {
+  defs: string;
+  content: string;
+}
+/**
+ * Extract definitions from SVG
+ *
+ * Can be used with other tags, but name kept for backwards compatibility.
+ * Should be used only with tags that cannot be nested, such as masks, clip paths, etc.
+ */
+declare function splitSVGDefs(content: string, tag?: string): SplitSVGDefsResult;
+/**
+ * Merge defs and content
+ */
+declare function mergeDefsAndContent(defs: string, content: string): string;
+/**
+ * Wrap SVG content, without wrapping definitions
+ */
+declare function wrapSVGContent(body: string, start: string, end: string): string;
+export { mergeDefsAndContent, splitSVGDefs, wrapSVGContent };

package/lib/svg/content/defs.js

@@ -0,0 +1,44 @@
+/**
+* Extract definitions from SVG
+*
+* Can be used with other tags, but name kept for backwards compatibility.
+* Should be used only with tags that cannot be nested, such as masks, clip paths, etc.
+*/
+function splitSVGDefs(content, tag = "defs") {
+	let defs = "";
+	let index;
+	while ((index = content.indexOf("<" + tag)) !== -1) {
+		const start = content.indexOf(">", index);
+		if (start === -1) break;
+		const prevContent = content.slice(0, index).trim();
+		if (content[start - 1] === "/") {
+			content = prevContent + content.slice(start + 1);
+			continue;
+		}
+		const end = content.indexOf("</" + tag);
+		if (end === -1) break;
+		const endEnd = content.indexOf(">", end);
+		if (endEnd === -1) break;
+		defs += content.slice(start + 1, end).trim();
+		content = prevContent + content.slice(endEnd + 1);
+	}
+	return {
+		defs,
+		content
+	};
+}
+/**
+* Merge defs and content
+*/
+function mergeDefsAndContent(defs, content) {
+	return defs ? `<defs>${defs}</defs>${content}` : content;
+}
+/**
+* Wrap SVG content, without wrapping definitions
+*/
+function wrapSVGContent(body, start, end) {
+	const split = splitSVGDefs(body);
+	return mergeDefsAndContent(split.defs, start + split.content + end);
+}
+
+export { mergeDefsAndContent, splitSVGDefs, wrapSVGContent };

package/lib/svg/ids/duplicate.js

@@ -5,10 +5,7 @@ import { iterateXMLContent } from "../../xml/iterate.js";
 */
 function removeDuplicateIDs(root, data) {
 	const remove = /* @__PURE__ */ new Set();
-	for (const id in data.map) {
-		const nodes = data.map[id];
-		if (nodes.length > 1) remove.add(id);
-	}
+	for (const id in data.map) if (data.map[id].length > 1) remove.add(id);
 	if (remove.size) {
 		const removing = /* @__PURE__ */ new Set();
 		return iterateXMLContent(root, (node) => {

package/lib/svg/ids/unused.js

@@ -15,8 +15,7 @@ function removeUnusedIDs(root, data) {
 			case "clipPath":
 			case "symbol": return "remove";
 		}
-		const parentNode = stack[stack.length - 1];
-		if (parentNode?.tag === "defs") return "remove";
+		if (stack[stack.length - 1]?.tag === "defs") return "remove";
 		delete node.attribs.id;
 	});
 	return root;

package/lib/svg/props/size.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Calculate second dimension when only 1 dimension is set
+ *
+ * If you are calculating width, ratio should be width/height
+ * If you are calculating height, ratio should be height/width
+ */
+declare function calculateSize<T extends string | number>(size: T, ratio: number, precision?: number): T;
+export { calculateSize };

package/lib/svg/props/size.js

@@ -0,0 +1,34 @@
+/**
+* Regular expressions for calculating dimensions
+*/
+const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+/**
+* Calculate second dimension when only 1 dimension is set
+*
+* If you are calculating width, ratio should be width/height
+* If you are calculating height, ratio should be height/width
+*/
+function calculateSize(size, ratio, precision) {
+	if (ratio === 1) return size;
+	precision = precision || 100;
+	if (typeof size === "number") return Math.ceil(size * ratio * precision) / precision;
+	if (typeof size !== "string") return size;
+	const oldParts = size.split(unitsSplit);
+	if (oldParts === null || !oldParts.length) return size;
+	const newParts = [];
+	let code = oldParts.shift();
+	let isNumber = unitsTest.test(code);
+	while (true) {
+		if (isNumber) {
+			const num = parseFloat(code);
+			if (isNaN(num)) newParts.push(code);
+			else newParts.push(Math.ceil(num * ratio * precision) / precision);
+		} else newParts.push(code);
+		code = oldParts.shift();
+		if (code === void 0) return newParts.join("");
+		isNumber = !isNumber;
+	}
+}
+
+export { calculateSize };

package/lib/svg/props/stringify.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Stringify properties
+ */
+declare function stringifyProps(props: Record<string, string>): string;
+export { stringifyProps };

package/lib/svg/props/stringify.js

@@ -0,0 +1,8 @@
+/**
+* Stringify properties
+*/
+function stringifyProps(props) {
+	return Object.entries(props).map(([key, value]) => `${key}="${value}"`).join(" ");
+}
+
+export { stringifyProps };

package/lib/svg/viewbox/minify.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Minify viewBox by removing default values
+ */
+declare function minifyViewBox(viewBox: IconViewBox): IconViewBox;
+export { minifyViewBox };

package/lib/svg/viewbox/minify.js

@@ -0,0 +1,15 @@
+/**
+* Minify viewBox by removing default values
+*/
+function minifyViewBox(viewBox) {
+	const result = {
+		width: viewBox.width,
+		height: viewBox.height
+	};
+	if (viewBox.left) result.left = viewBox.left;
+	if (viewBox.top) result.top = viewBox.top;
+	if (viewBox.cx && viewBox.cx * 2 !== viewBox.width) result.cx = viewBox.cx;
+	return result;
+}
+
+export { minifyViewBox };

package/lib/svg/viewbox/parse.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Parse viewBox string to IconViewBox
+ */
+declare function parseViewBox(value: string): IconViewBox | undefined;
+export { parseViewBox };

package/lib/svg/viewbox/parse.js

@@ -0,0 +1,17 @@
+/**
+* Parse viewBox string to IconViewBox
+*/
+function parseViewBox(value) {
+	const parts = value.split(/[\s,]+/).map((item) => item.trim());
+	if (parts.length !== 4) return;
+	const nums = parts.map((part) => Number(part));
+	if (nums.some((num) => isNaN(num))) return;
+	return {
+		left: nums[0],
+		top: nums[1],
+		width: nums[2],
+		height: nums[3]
+	};
+}
+
+export { parseViewBox };

package/lib/svg/viewbox/square.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Make viewBox square
+ */
+declare function makeSquareViewBox(viewBox: IconViewBox): IconViewBox;
+export { makeSquareViewBox };

package/lib/svg/viewbox/square.js

@@ -0,0 +1,24 @@
+/**
+* Make viewBox square
+*/
+function makeSquareViewBox(viewBox) {
+	const { width, height } = viewBox;
+	if (width === height) return { ...viewBox };
+	if (width >= height) {
+		const diff = (width - height) / 2;
+		return {
+			left: viewBox.left,
+			top: (viewBox.top ?? 0) - diff,
+			width,
+			height: width
+		};
+	}
+	return {
+		left: (viewBox.cx ?? width / 2 + (viewBox.left ?? 0)) - height / 2,
+		top: viewBox.top,
+		width: height,
+		height
+	};
+}
+
+export { makeSquareViewBox };

package/lib/svg/viewbox/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Icon viewBox
+ */
+interface IconViewBox {
+  left?: number;
+  top?: number;
+  width: number;
+  height: number;
+  cx?: number;
+}
+export { IconViewBox };

package/lib/svg/viewbox/types.js

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