likec4 1.4.0 → 1.6.0

package/icons/tech/vyper.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgVyper = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { d: "M80 91.712 64 64 48 91.712l16 27.712z", opacity: 0.8 }), _jsx("path", { d: "M96 64 80 36.288 64 64l16 27.712zM64 64 48 36.288 32 64l16 27.712z", opacity: 0.6 }), _jsx("path", { d: "M112 36.288 96 8.574 80 36.288 96 64zM48 36.288 64 64l16-27.712-8-13.857H56zM48 36.288 32 8.574 16 36.288 32 64z", opacity: 0.45 }), _jsx("path", { d: "M128 8.574H96l16 27.713zM32 8.574H0l16 27.713z", opacity: 0.3 })] }));
+export default SvgVyper;

package/icons/tech/webassembly.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWebassembly = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#654ff0", d: "M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686 0 8.08-6.55 14.626-14.63 14.626-8.078 0-14.625-6.546-14.625-14.626 0-.231.022-.459.031-.686zm29.595 68.746h8.445l5.782 30.738h.107l6.968-30.738h7.908l6.265 31.119h.106l6.597-31.119h8.284l-10.765 45.156H61.12l-6.213-30.738H54.8l-6.7 30.738h-8.557zm59.994 0h13.334l13.284 45.156h-8.77l-2.879-10.051H89.59l-2.212 10.05h-8.5ZM94.895 80.1l-3.684 16.57h11.473L98.448 80.1Z" }) }));
+export default SvgWebassembly;

package/icons/tech/webflow.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWebflow = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#4353ff", d: "M.994.994v126.012h126.012V.994zm71.92 41.715s3.988 30.056 3.988 31.443l5.785-18.12h-.04c2.552-6.86 7.579-13.323 17.152-13.323l-13.563 32.75a18.428 18.318 0 0 1-17.549 12.809s-3.99-28.153-3.99-28.788l-5.982 15.465c-2.673 6.86-7.857 13.323-17.43 13.323l-7.5-45.518a14.918 14.829 0 0 1 14.479 13.44s.998 16.693.998 18.001l7.06-18.16c2.553-6.86 7.418-13.322 16.592-13.322" }) }));
+export default SvgWebflow;

package/icons/tech/weblate.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWeblate = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsxs("g", { transform: "translate(50 76)", children: [_jsxs("linearGradient", { id: "a", x1: -100.86, x2: -37.246, y1: 63.797, y2: 63.797, gradientTransform: "matrix(.9831 0 0 -1.0172 49.154 52.895)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#00d2e6" }), _jsx("stop", { offset: 1, stopColor: "#2eccaa" })] }), _jsx("path", { fill: "url(#a)", d: "M32 12.5c-1.9 0-3.7-.4-5.5-1.2-4-1.7-7.4-5-10.3-9.4.8-1.4 1.5-2.9 2.2-4.4 2.8-6.6 4.2-13.9 4.3-21.1v-.8c0-2.8-.4-5.7-1.4-8.3-1.1-3.1-2.9-6.1-5.7-7.3-.5-.2-1.1-.3-1.6-.3-3.6-6.7-3.7-13 0-19.1h.2c4.3 0 8.6 1.4 12.3 3.7 10 6.4 15 18.7 15.1 30.9v.4h.1c-.1 12.9-3.2 26-9.7 36.9M9.8 32.7c-9.3 3.8-20.2 3.6-29.4-.7-10.6-4.9-18.8-14.6-23.8-25.5-8.6-18.8-8.8-41.2-.6-60.2 6.1 2.4 11.5-1.4 11.5-1.4s0 6 5.8 9c-5.9 13.9-5.8 30.5.2 44.1 2.9 6.5 7.3 12.6 13.3 16.1 2.2 1.2 4.6 2 7 2.3 4.3 6.6 9.8 12.3 16 16.3" }), _jsxs("linearGradient", { id: "b", x1: -59.46, x2: -26.638, y1: 27.873, y2: 43.338, gradientTransform: "matrix(1.1631 0 0 -.8598 58.153 44.71)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopOpacity: 0 }), _jsx("stop", { offset: 0.514 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsx("path", { fill: "url(#b)", fillRule: "evenodd", d: "M32 12.5c-1.9 0-3.7-.4-5.5-1.2-4-1.7-7.4-5-10.3-9.4.8-1.4 1.5-2.9 2.2-4.4.9-2 1.6-4 2.2-6.1C22-13.4 40.2-7.3 37.5.7 36 4.8 34.2 8.8 32 12.5M9.8 32.7c-9.3 3.8-20.2 3.6-29.4-.7-10.6-4.9.3-21.5 6.4-18.1 2.2 1.2 4.5 2 7 2.3 4.3 6.8 9.8 12.5 16 16.5", clipRule: "evenodd", opacity: 0.3 }), _jsxs("linearGradient", { id: "c", x1: 29.342, x2: -34.164, y1: 63.797, y2: 63.797, gradientTransform: "matrix(.9831 0 0 -1.0172 49.154 52.895)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1fa385" }), _jsx("stop", { offset: 1, stopColor: "#2eccaa" })] }), _jsx("path", { fill: "url(#c)", d: "M-13.6-24.3v-.4c.1-12.2 5.1-24.6 15.1-30.9 3.7-2.3 8-3.7 12.3-3.7h.2v19.1c-.5 0-1.1.1-1.6.3-2.8 1.2-4.6 4.3-5.7 7.3-1 2.7-1.4 5.5-1.4 8.3v.8c.1 7.2 1.4 14.4 4.3 21C12.7 5 17.8 11.8 25 14.9c5.4 2.4 11.4 1.8 16.3-1 6.1-3.4 10.5-9.5 13.3-16.1 6-13.6 6.1-30.1.2-44.1 5.8-3 5.8-9 5.8-9s5.4 3.9 11.5 1.4c8.1 19 7.9 41.5-.6 60.2-5 11-13.1 20.6-23.8 25.5-9.5 4.4-20.6 4.5-30.1.4C9 28.7 2 22-3 14.2c-7.2-11.3-10.6-25-10.6-38.5" })] }) }));
+export default SvgWeblate;

package/icons/tech/webpack.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWebpack = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { fill: "#8ed6fb", d: "M117.29 98.1 66.24 127v-22.51L98 87zm3.5-3.16V34.55l-18.68 10.8v38.81l18.67 10.77zM10.71 98.1l51 28.88v-22.49L29.94 87zm-3.5-3.16V34.55l18.68 10.8v38.81zm2.19-64.3L61.76 1v21.76L28.21 41.21l-.27.15zm109.18 0L66.24 1v21.76L99.79 41.2l.27.15 18.54-10.71z" }), _jsx("path", { fill: "#1c78c0", d: "M61.76 99.37 30.37 82.1V47.92L61.76 66zm4.48 0 31.39-17.25v-34.2L66.24 66zM32.5 44 64 26.66 95.5 44 64 62.16z" })] }));
+export default SvgWebpack;

package/icons/tech/webstorm.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWebstorm = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: "a", x1: 38.88, x2: 63.72, y1: 6.5, y2: 95.94, gradientTransform: "rotate(.104)scale(1.21905)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.28, stopColor: "#07c3f2" }), _jsx("stop", { offset: 0.94, stopColor: "#087cfa" })] }), _jsxs("linearGradient", { id: "b", x1: 46.63, x2: 88.66, y1: 17.85, y2: 79.48, gradientTransform: "rotate(.104)scale(1.21905)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.14, stopColor: "#fcf84a" }), _jsx("stop", { offset: 0.37, stopColor: "#07c3f2" })] }), _jsxs("linearGradient", { id: "c", x1: 88.27, x2: 93.79, y1: 25.47, y2: 45.02, gradientTransform: "rotate(.104)scale(1.21905)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.28, stopColor: "#07c3f2" }), _jsx("stop", { offset: 0.94, stopColor: "#087cfa" })] })] }), _jsx("path", { fill: "url(#a)", d: "M21.262 111.25 5.484 17.75 34.656 5.645l18.63 11.07 17.066-9.207 35.558 13.656-19.94 101.352Zm0 0" }), _jsx("path", { fill: "url(#b)", d: "M122.516 45.117 107.41 7.813l-27.402-2.33L37.707 46.13 49.09 98.512l21.262 14.91 52.164-30.953-12.801-24.004Zm0 0" }), _jsx("path", { fill: "url(#c)", d: "m99.07 39.559 10.645 18.906 12.8-13.348-9.398-23.234Zm0 0" }), _jsx("path", { d: "M27.43 27.43h73.14v73.14H27.43Zm0 0" }), _jsx("path", { fill: "#fff", d: "M36.547 86.746h27.43v4.574h-27.43Zm25.965-50.21L58.43 52.538l-4.668-16.004h-4.645L44.434 52.54l-4.07-16.004H33.96l7.84 27.442h5.144L51.43 48.09l4.437 15.887h5.207l7.828-27.442Zm7.535 23.526 3.57-4.277a12.63 12.63 0 0 0 8.219 3.34c2.437 0 3.973-.977 3.973-2.598v-.074c0-1.535-.95-2.316-5.547-3.496-5.547-1.414-9.117-2.953-9.117-8.414v-.086c0-4.984 4.007-8.289 9.628-8.289a15.85 15.85 0 0 1 10.215 3.5l-3.144 4.559a12.88 12.88 0 0 0-7.156-2.707c-2.317 0-3.536 1.062-3.536 2.437v.086c0 1.805 1.22 2.437 5.938 3.66 5.582 1.461 8.73 3.461 8.73 8.262v.074c0 5.461-4.172 8.535-10.11 8.535a17.48 17.48 0 0 1-11.663-4.402" })] }));
+export default SvgWebstorm;

package/icons/tech/windows11.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWindows11 = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#0078d4", d: "M67.328 67.331h60.669V128H67.328zm-67.325 0h60.669V128H.003zM67.328 0h60.669v60.669H67.328zM.003 0h60.669v60.669H.003z" }) }));
+export default SvgWindows11;

package/icons/tech/windows8.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWindows8 = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#00ADEF", d: "m126 1.637-67 9.834v49.831l67-.534zM1.647 66.709l.003 42.404 50.791 6.983-.04-49.057zm56.82.68.094 49.465 67.376 9.509.016-58.863zM1.61 19.297l.047 42.383 50.791-.289-.023-49.016z" }) }));
+export default SvgWindows8;

package/icons/tech/woo-commerce.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWooCommerce = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { fill: "#7f54b3", d: "M116.3 89.1H11.7C5.2 89.1 0 83.9 0 77.4v-40C0 31 5.2 25.8 11.7 25.8h104.7c6.4 0 11.7 5.2 11.7 11.7v40c-.1 6.4-5.3 11.6-11.8 11.6" }), _jsx("path", { fill: "#FFF", d: "M13.8 76.7s2.8 11.8 8.5 3.9 11.2-20.3 11.2-20.3.4-3.1 2 3.7S44 80 44 80s6.3 7.9 8.9-.4c-1-11 2.8-31 6.7-40.6 1.6-8.5-7.3-6.1-8.1-4.1s-6.3 14.8-6.7 28.2c0 0-4.7-12.8-5.1-17.4-.4-4.7-5.3-5.9-8.1-1.4S20.3 66.2 20.3 66.2l-5.5-28.4s-5.5-7.3-8.7 1.6c0 0 5.7 34.9 7.7 37.3m73.2-31c-8.5-14.2-21.1-3.4-21.1-3.4s-9.6 11.1-5.3 26.2c6.9 14.9 16.6 8.3 19.2 7.1 2.7-1.3 14.1-14.3 7.2-29.9m-6.5 12.5c0 5.9-4.9 11.4-8.9 10.2-2.2-1.3-3.6-4.8-3.6-10.8 2-9.7 6.4-11 8.7-10.8 4.3 2.3 4.1 7.4 3.8 11.4m38.4-12.5c-8.5-14.2-21.1-3.4-21.1-3.4s-9.6 11.1-5.3 26.2c6.9 14.9 16.6 8.3 19.2 7.1 2.6-1.3 14.1-14.3 7.2-29.9m-6.5 12.5c0 5.9-4.9 11.4-8.9 10.2-2.2-1.3-3.6-4.8-3.6-10.8 2-9.7 6.4-11 8.7-10.8 4.2 2.3 4 7.4 3.8 11.4" }), _jsx("path", { fill: "#7f54b3", d: "m61.3 89.1 22.3 13.1-4.7-13.1-12.8-3.6z" })] }));
+export default SvgWooCommerce;

package/icons/tech/wordpress.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgWordpress = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { fill: "#337BA2", fillRule: "evenodd", d: "M43.257 121.233c.079 1.018.029 2.071.299 3.037.115.408.9.629 1.381.935l.625.401c-.235.137-.469.389-.707.392a166 166 0 0 1-5.598.002c-.248-.004-.491-.237-.735-.364.198-.143.388-.391.597-.408 1.251-.105 1.632-.865 1.626-1.989-.011-2.066-.006-4.134.003-6.202.005-1.152-.322-1.993-1.679-2.045-.188-.008-.366-.296-.548-.453.182-.111.366-.321.546-.318 2.39.029 4.79-.024 7.167.177 1.873.159 3.107 1.455 3.234 2.949.138 1.639-.703 2.764-2.605 3.486l-.729.272c1.225 1.158 2.31 2.29 3.516 3.272.535.437 1.293.697 1.989.817 1.393.238 2.149-.361 2.187-1.742.061-2.229.032-4.461.011-6.691-.01-1.022-.449-1.697-1.589-1.753-.215-.01-.42-.253-.629-.388.239-.14.478-.4.715-.399 2.432.02 4.875-.055 7.291.161 4.123.366 6.42 3.797 5.214 7.588-.735 2.312-2.495 3.619-4.759 3.773-3.958.27-7.938.215-11.909.243-.316.002-.706-.341-.944-.623-.914-1.085-1.776-2.213-2.668-3.316-.27-.334-.571-.641-.858-.961zm13.119-5.869c0 2.785-.034 5.484.036 8.18.011.414.41 1.039.78 1.187 1.457.581 3.812-.368 4.47-1.842.881-1.973.988-4.05-.203-5.922-1.175-1.847-3.132-1.663-5.083-1.603m-13.021 4.561c1.262.032 2.653.313 3.192-1.073.302-.777.234-1.982-.183-2.69-.633-1.076-1.906-.888-3.01-.752z", clipRule: "evenodd" }), _jsx("path", { fill: "#515151", fillRule: "evenodd", d: "M96.77 119.35c.834-.18 1.661-.154 2.198-.537.451-.32.563-1.116.908-1.886.199.357.386.539.39.724.025 1.38.03 2.761 0 4.141-.005.216-.226.427-.347.641-.136-.114-.339-.2-.399-.346-.733-1.771-.729-1.772-2.843-1.583.309 1.382-.763 3.149.89 4.058.843.463 2.203.371 3.189.068.841-.256 1.48-1.171 2.212-1.798v3.096c-.405.036-.712.086-1.021.086-4.141.006-8.282-.012-12.422.019-.714.006-1.197-.174-1.633-.773-.857-1.182-1.799-2.302-2.725-3.432-.232-.283-.534-.508-1.021-.962 0 1.154-.042 1.981.012 2.802.056.858.469 1.427 1.418 1.534.279.032.529.325.792.5-.271.105-.54.298-.812.303q-2.74.038-5.48.001c-.28-.004-.558-.173-.866-.275l.156-.303c2.244-.906 2.25-.906 2.248-3.508a344 344 0 0 0-.039-4.87c-.017-1.121-.321-2.01-1.689-2.058-.197-.007-.384-.287-.577-.441.226-.113.453-.325.678-.323 2.311.022 4.635-.054 6.93.16 2.512.234 4.065 2.329 3.132 4.257-.51 1.053-1.688 1.783-2.725 2.818.984.9 2.117 2.194 3.491 3.135 1.941 1.33 3.268.571 3.317-1.748.041-1.947-.007-3.896-.015-5.845-.004-1.155-.361-1.994-1.717-2.013-.185-.003-.367-.2-.586-.33.705-.52 7.499-.709 10.448-.332l.19 3.214-.333.136c-.686-.717-.601-2.199-2.02-2.204-1.084-.005-2.168-.119-3.332-.189.003 1.356.003 2.59.003 4.063m-12.647.566c2.61.105 3.646-.603 3.584-2.364-.061-1.698-1.195-2.383-3.584-2.121z", clipRule: "evenodd" }), _jsx("path", { fill: "#3179A1", fillRule: "evenodd", d: "M11.555 120.682c.996-2.947 1.979-5.897 3.003-8.834.141-.404.486-.737.737-1.104.248.378.587.725.729 1.14.931 2.719 1.817 5.451 2.722 8.179.072.219.165.43.375.969.928-2.813 1.787-5.308 2.564-7.829.27-.873-.081-1.504-1.097-1.618-.335-.039-.66-.17-1.051-.274.676-.749 5.957-.804 6.827-.108-.236.112-.424.271-.618.279-1.65.064-2.414 1.097-2.884 2.521-1.258 3.81-2.54 7.611-3.817 11.415-.133.395-.3.778-.452 1.166l-.421.03-3.579-10.821-3.619 10.788-.354.022c-.185-.401-.412-.79-.547-1.207-1.167-3.581-2.319-7.167-3.474-10.751-.495-1.539-.99-3.069-3.012-3.167-.132-.006-.253-.229-.38-.35.158-.13.316-.373.476-.375q3.409-.036 6.818.001c.158.001.313.247.47.379-.169.126-.319.309-.508.367-1.82.55-1.951.761-1.378 2.526.723 2.233 1.468 4.457 2.204 6.686z", clipRule: "evenodd" }), _jsx("path", { fill: "#4D4D4D", fillRule: "evenodd", d: "M65.484 111.25c.279-.241.435-.494.587-.491 2.957.044 5.938-.093 8.864.247 2.768.321 4.301 2.919 3.466 5.359-.748 2.189-2.593 2.874-4.68 3.064-.881.081-1.776.013-2.824.013.093 1.453.14 2.78.275 4.098.113 1.114.863 1.56 1.923 1.65.239.021.457.288.684.442-.25.126-.498.36-.75.363q-3.288.042-6.575.002c-.263-.003-.523-.219-.784-.336.218-.165.432-.463.656-.472 1.463-.056 2.012-.964 2.03-2.235.044-3.081.04-6.162.002-9.243-.016-1.31-.649-2.148-2.072-2.206-.212-.008-.422-.13-.802-.255m5.523 6.706c2.682.278 3.703.022 4.349-1.167.648-1.192.65-2.439-.116-3.566-1.059-1.559-2.679-1.098-4.233-1.154z", clipRule: "evenodd" }), _jsx("path", { fill: "#3279A1", fillRule: "evenodd", d: "M31.076 126.463c-2.396-.104-4.348-.856-5.794-2.647-2.053-2.542-1.741-5.994.711-8.192 2.645-2.37 7.018-2.472 9.733-.171 1.838 1.559 2.709 3.533 2.111 5.953-.675 2.73-2.601 4.192-5.218 4.856-.546.137-1.122.149-1.543.201m4.544-6.249-.224-.147c-.149-.709-.236-1.439-.458-2.125-.642-1.971-1.986-2.945-3.963-2.949-1.97-.004-3.295.975-3.939 2.967-.572 1.771-.498 3.526.383 5.18 1.315 2.468 4.829 2.931 6.549.736.802-1.023 1.116-2.43 1.652-3.662", clipRule: "evenodd" }), _jsx("path", { fill: "#505050", fillRule: "evenodd", d: "m122.748 114.317.893-.782v4.376l-.259.195c-.209-.295-.498-.562-.615-.891-.591-1.655-1.865-2.553-3.319-2.117-.499.149-1.099.649-1.232 1.11-.109.376.285 1.12.671 1.374 1.008.664 2.131 1.156 3.214 1.703 2.356 1.192 3.198 2.845 2.401 4.736-.809 1.921-3.263 2.915-5.462 2.173-.606-.206-1.167-.544-1.728-.811l-.857 1.126-.379-.116c0-1.477-.009-2.954.015-4.431.002-.143.215-.282.33-.423.18.218.448.41.527.66.523 1.656 1.53 2.756 3.325 2.94 1.023.105 2.023-.021 2.378-1.187.324-1.067-.42-1.669-1.219-2.124-.879-.5-1.808-.909-2.708-1.37-.395-.203-.798-.404-1.153-.665-1.257-.927-1.753-2.263-1.381-3.618.332-1.211 1.523-2.237 2.997-2.28 1.091-.031 2.195.25 3.561.422m-16.269 11.027c-.166.33-.258.607-.429.821-.103.128-.356.25-.49.208-.127-.04-.262-.294-.265-.456q-.032-1.95.001-3.896c.002-.159.178-.314.274-.471.184.117.446.193.537.362.169.314.208.696.356 1.024.668 1.482 2.021 2.409 3.573 2.184.649-.093 1.45-.586 1.772-1.138.434-.741-.086-1.504-.814-1.925-.979-.566-1.993-1.075-3.009-1.571-2.297-1.121-3.266-2.972-2.443-4.719.818-1.737 3.33-2.46 5.429-1.556.256.11.499.25.7.354l1.078-.886c.113.317.185.426.186.535.008 1.216.005 2.431.005 3.646l-.317.212c-.211-.27-.504-.509-.619-.814-.573-1.532-1.48-2.381-2.81-2.219-.624.075-1.419.504-1.726 1.018-.45.755.2 1.361.885 1.729.963.519 1.949.992 2.926 1.483 2.418 1.213 3.269 2.898 2.434 4.824-.813 1.876-3.346 2.847-5.517 2.077-.564-.199-1.087-.52-1.717-.826", clipRule: "evenodd" }), _jsx("path", { fill: "#494949", fillRule: "evenodd", d: "M65.261 1.395C38.48.917 16.103 22.648 16.096 49c-.008 27.11 21.338 48.739 48.077 48.699 26.49-.039 47.932-21.587 47.932-48.167C112.104 23.384 90.76 1.85 65.261 1.395m-1.148 93.887c-25.326.006-45.694-20.529-45.693-46.067.001-24.88 20.685-45.48 45.674-45.489 25.432-.008 45.695 20.654 45.687 46.587-.008 24.483-20.807 44.964-45.668 44.969m24.395-59.347c-.994-1.638-2.216-3.227-2.778-5.013-.64-2.032-1.171-4.345-.832-6.382.576-3.454 3.225-5.169 6.812-5.497C72.086.83 41.248 7.349 29.885 27.138c4.374-.203 8.55-.468 12.729-.524.791-.011 2.1.657 2.286 1.277.416 1.385-.748 1.868-1.986 1.963-1.301.102-2.604.199-4.115.314l14.935 44.494c.359-.587.507-.752.572-.945 2.762-8.255 5.54-16.505 8.232-24.784.246-.755.124-1.755-.146-2.531-1.424-4.111-3.13-8.133-4.379-12.294-.855-2.849-1.988-4.692-5.355-4.362-.574.056-1.273-1.178-1.916-1.816.777-.463 1.548-1.316 2.332-1.328a659 659 0 0 1 20.572.006c.786.013 1.557.889 2.335 1.364-.681.622-1.267 1.554-2.063 1.794-1.276.385-2.691.312-4.218.448l14.953 44.484c2.266-7.524 4.374-14.434 6.422-21.36 1.83-6.182.74-11.957-2.567-17.403M52.719 88.149c-.092.267-.097.563-.168 1.007 8.458 2.344 16.75 2.175 25.24-.685l-12.968-35.52c-4.151 12.064-8.131 23.63-12.104 35.198m-6.535-1.606L26.646 32.947c-8.814 17.217-2.109 43.486 19.538 53.596m54.452-55.403c-.27 2.994-.082 6.327-.941 9.362-2.023 7.152-4.496 14.181-6.877 21.229-2.588 7.66-5.28 15.286-7.927 22.927 12.437-7.372 19.271-18.253 20.359-32.555.62-8.14-2.188-19.412-4.614-20.963", clipRule: "evenodd" })] }));
+export default SvgWordpress;

package/icons/tech/xamarin.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgXamarin = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#3498DB", d: "M37.8 9c-3.4 0-6.6 1.9-8.3 4.8L3.2 59.2c-1.7 3-1.7 6.6 0 9.6l26.2 45.4c1.8 2.9 4.9 4.8 8.3 4.8h52.4c3.4 0 6.6-1.9 8.3-4.8l26.2-45.4c1.7-3 1.7-6.6 0-9.6L98.5 13.8C96.8 10.9 93.6 9 90.2 9zm.5 26.6h9.3c.4 0 .8.2 1 .6l15.3 27.3c.1.1.1.3.1.4 0-.2.1-.3.1-.4l15.3-27.3c.2-.4.6-.6 1-.6h9c.7.1 1.2.7 1.1 1.4 0 .1 0 .2-.1.4L75.6 64l15 26.7c.3.6 0 1.4-.6 1.6-.1.1-.3.1-.4.1h-9.1c-.4 0-.8-.2-1-.6L64.1 64.5c-.1-.1-.1-.3-.1-.4 0 .2-.1.3-.1.4L48.5 91.8c-.2.4-.6.6-1 .6h-9c-.7-.1-1.2-.7-1.1-1.3 0-.1.1-.3.1-.4l15-26.7-15-26.7c-.3-.6 0-1.3.6-1.6 0-.1.1-.1.2-.1" }) }));
+export default SvgXamarin;

package/icons/tech/xcode.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgXcode = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsxs("linearGradient", { id: "a", x1: 63.947, x2: 63.947, y1: 114.165, y2: 13.784, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1578e4" }), _jsx("stop", { offset: 1, stopColor: "#00c3f2" })] }), _jsx("path", { fill: "url(#a)", d: "M35.7 13.8h56.5c12.1 0 21.9 9.8 21.9 21.9v56.5c0 12.1-9.8 21.9-21.9 21.9H35.7c-12.1 0-21.9-9.8-21.9-21.9V35.7c0-12.1 9.8-21.9 21.9-21.9" }), _jsx("path", { fill: "#FFF", d: "M90.5 19.2H37.4c-10.1 0-18.3 8.2-18.3 18.3v53.1c0 10.1 8.2 18.3 18.3 18.3h53.1c10.1 0 18.3-8.2 18.3-18.3V37.4c0-10.1-8.2-18.2-18.3-18.2m16.8 71.6c0 9.2-7.4 16.6-16.6 16.6H37.2c-9.1 0-16.6-7.4-16.6-16.6V37.2c0-9.2 7.4-16.6 16.6-16.6h53.6c9.1 0 16.6 7.4 16.6 16.6v53.6z" }), _jsx("path", { fill: "#69c5f3", d: "M64.1 22.8c-22.6 0-41 18.4-41 41s18.4 41 41 41c22.7 0 41-18.4 41-41s-18.4-41-41-41m0 81.4c-22.3 0-40.4-18.1-40.4-40.4s18.1-40.4 40.4-40.4 40.4 18.1 40.4 40.4-18.1 40.4-40.4 40.4" }), _jsx("path", { fill: "#68c5f4", d: "M64.1 31.2c-18.1 0-32.7 14.6-32.7 32.7S46 96.5 64.1 96.5s32.7-14.6 32.7-32.7-14.7-32.6-32.7-32.6m0 64.6c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.4 32-32 32" }), _jsx("path", { fill: "#FFF", d: "M32.8 71.3h62.4c2.6 0 4.6 2.1 4.6 4.6 0 2.6-2.1 4.6-4.6 4.6H32.8c-2.6 0-4.6-2.1-4.6-4.6-.1-2.5 2-4.6 4.6-4.6" }), _jsx("path", { fill: "#0a93e9", d: "M32.6 72.2h62.6c2 0 3.7 1.6 3.7 3.7v.1c0 2-1.6 3.7-3.7 3.7H32.6c-2 0-3.7-1.6-3.7-3.7v-.2c.1-2 1.7-3.6 3.7-3.6" }), _jsx("path", { fill: "#1694ea", d: "M31.1 79.3h65.7l.5-.3H30.6z" }), _jsx("path", { fill: "#319dec", d: "M29.6 78.1h68.6l.2-.3h-69z" }), _jsx("path", { fill: "#65b1ee", d: "M29 76.2h69.9v-.4H29z" }), _jsx("path", { fill: "#8ec6f3", d: "M29.7 73.7h68.6l.1.2.1.2h-69l.1-.2z" }), _jsx("path", { fill: "#95caf3", d: "M31.2 72.5h65.6l.3.1.3.2H30.6l.3-.2z" }), _jsxs("linearGradient", { id: "b", x1: 94.037, x2: 94.037, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#b)", d: "M93.4 72.2h-.5s1.7 1.2 1.7 3.9c0 2.5-1.7 3.6-1.7 3.6h.5s1.7-.8 1.7-3.6c0-3-1.7-3.9-1.7-3.9" }), _jsxs("linearGradient", { id: "c", x1: 89.042, x2: 89.042, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#c)", d: "M88.6 72.2h-.5s1.5 1.4 1.5 3.9c0 2.2-1.5 3.6-1.5 3.6h.5s1.5-1.1 1.5-3.6c-.1-2.7-1.5-3.9-1.5-3.9" }), _jsxs("linearGradient", { id: "d", x1: 63.947, x2: 63.947, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#d)", d: "M63.7 72.2h.5v7.5h-.5z" }), _jsxs("linearGradient", { id: "e", x1: 58.952, x2: 58.952, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#e)", d: "M58.8 72.2h.5s-.2 1.9-.2 3.9c0 1.8.2 3.6.2 3.6h-.5s-.2-1.8-.2-3.6c0-2 .2-3.9.2-3.9" }), _jsxs("linearGradient", { id: "f", x1: 53.958, x2: 53.958, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#f)", d: "M54 72.2h.5s-.5 1.9-.5 3.9c0 1.8.5 3.6.5 3.6H54s-.5-1.8-.5-3.6c0-2 .5-3.9.5-3.9" }), _jsxs("linearGradient", { id: "g", x1: 48.963, x2: 48.963, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#g)", d: "M49.1 72.2h.5s-.7 1.9-.7 3.9c0 1.8.7 3.6.7 3.6h-.5s-.7-1.8-.7-3.6c0-2 .7-3.9.7-3.9" }), _jsxs("linearGradient", { id: "h", x1: 43.968, x2: 43.968, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#h)", d: "M44.2 72.2h.5s-1 1.6-1 3.9c0 2 1 3.6 1 3.6h-.5s-1-1.6-1-3.6c0-2.3 1-3.9 1-3.9" }), _jsxs("linearGradient", { id: "i", x1: 38.852, x2: 38.852, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#i)", d: "M39.3 72.2h.5s-1.5 1.4-1.5 3.9c0 2.2 1.5 3.6 1.5 3.6h-.5s-1.5-1.1-1.5-3.6c.1-2.7 1.5-3.9 1.5-3.9" }), _jsxs("linearGradient", { id: "j", x1: 33.857, x2: 33.857, y1: 79.666, y2: 72.184, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1492e7" }), _jsx("stop", { offset: 1, stopColor: "#dbedfb" })] }), _jsx("path", { fill: "url(#j)", d: "M34.5 72.2h.5s-1.7 1.2-1.7 3.9c0 2.5 1.7 3.6 1.7 3.6h-.5s-1.7-.8-1.7-3.6c0-3 1.7-3.9 1.7-3.9" }), _jsx("path", { fill: "#FFF", d: "m62 34.1 31.2 54c1.3 2.2.5 5-1.7 6.3s-5 .5-6.3-1.7L54 38.7c-1.3-2.2-.5-5 1.7-6.3s5-.5 6.3 1.7" }), _jsxs("linearGradient", { id: "k", x1: 73.58, x2: 73.58, y1: 94.25, y2: 32.642, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1285e7" }), _jsx("stop", { offset: 1, stopColor: "#00b5ef" })] }), _jsx("path", { fill: "url(#k)", d: "m61.2 34.5 31.3 54.2c1 1.7.4 4-1.3 5l-.2.1c-1.7 1-4 .4-5-1.3L54.7 38.2c-1-1.7-.4-4 1.3-5l.1-.1c1.8-1 4.1-.4 5.1 1.4" }), _jsxs("linearGradient", { id: "l", x1: 87.464, x2: 54.081, y1: 93.978, y2: 36.156, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#2b90e7" }), _jsx("stop", { offset: 1, stopColor: "#00b6ef" })] }), _jsx("path", { fill: "url(#l)", d: "M54.2 36.7 87 93.6l.2.1.2.1.2.1-33.4-57.8z" }), _jsxs("linearGradient", { id: "m", x1: 89.073, x2: 54.583, y1: 94.327, y2: 34.589, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#3795ea" }), _jsx("stop", { offset: 1, stopColor: "#49c4f2" })] }), _jsx("path", { fill: "url(#m)", d: "m54.5 34.8 34.3 59.4h.4L54.7 34.5l-.1.2z" }), _jsxs("linearGradient", { id: "n", x1: 91.026, x2: 56.072, y1: 93.735, y2: 33.193, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#3696ea" }), _jsx("stop", { offset: 1, stopColor: "#90d9f6" })] }), _jsx("path", { fill: "url(#n)", d: "m55.9 33.3 35 60.5.3-.2-35-60.5z" }), _jsxs("linearGradient", { id: "o", x1: 92.582, x2: 58.065, y1: 92.332, y2: 32.547, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#3097ea" }), _jsx("stop", { offset: 1, stopColor: "#b5e5f9" })] }), _jsx("path", { fill: "url(#o)", d: "M58.4 32.7 92.6 92l-.1.2-.1.2-34.5-59.8h.2z" }), _jsxs("linearGradient", { id: "p", x1: 93.083, x2: 59.741, y1: 90.686, y2: 32.936, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#3a98ea" }), _jsx("stop", { offset: 1, stopColor: "#bce7fa" })] }), _jsx("path", { fill: "url(#p)", d: "M60.2 33.3 93 90.1v.6L59.6 33l.2.1.2.1z" }), _jsx("path", { fill: "#3c98ea", d: "m91.5 86.9-.2-.4s-.2 2-2.4 3.4c-2.1 1.3-4 .4-4 .4l.2.4s1.6 1.1 4-.4c2.4-1.4 2.4-3.4 2.4-3.4M89 82.7l-.2-.4s-.5 2-2.6 3.2c-1.9 1.2-3.8.6-3.8.6l.2.4s1.7.7 3.9-.6 2.5-3.2 2.5-3.2" }), _jsx("path", { fill: "#4ca4ed", d: "m86.6 78.5-.2-.4s-.9 1.7-2.8 2.8c-1.7 1-3.6 1-3.6 1l.2.4s1.8 0 3.6-1c1.9-1.1 2.8-2.8 2.8-2.8" }), _jsx("path", { fill: "#4da7ee", d: "m84.2 74.3-.2-.4s-1.3 1.7-3 2.6c-1.6.9-3.5 1.2-3.5 1.2l.2.4s1.9-.3 3.5-1.2 3-2.6 3-2.6" }), _jsxs("linearGradient", { id: "q", x1: 67.981, x2: 74.457, y1: 61.226, y2: 57.487, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#00a4ec" }), _jsx("stop", { offset: 1, stopColor: "#b9dff6" })] }), _jsx("path", { fill: "url(#q)", d: "m74.3 57.3.2.4s-1.7.8-3.4 1.7c-1.6.9-3 2.1-3 2.1l-.2-.4s1.5-1.2 3-2.1c1.7-.9 3.4-1.7 3.4-1.7" }), _jsxs("linearGradient", { id: "r", x1: 65.487, x2: 71.962, y1: 56.906, y2: 53.167, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#00a4ec" }), _jsx("stop", { offset: 1, stopColor: "#b9dff6" })] }), _jsx("path", { fill: "url(#r)", d: "m71.9 53.1.2.4s-1.9.6-3.5 1.6c-1.6.9-2.9 2.3-2.9 2.3l-.2-.4s1.3-1.4 2.9-2.3c1.6-1.1 3.5-1.6 3.5-1.6" }), _jsx("path", { fill: "#9dd4f7", d: "M67.4 49.8c1.3-.4 2.3-.6 2.3-.6l-.2-.4s-.9.1-1.9.5c-.6.2-.7.7-.2.5" }), _jsxs("linearGradient", { id: "s", x1: 57.93, x2: 64.364, y1: 43.819, y2: 40.105, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#00b4ef" }), _jsx("stop", { offset: 1, stopColor: "#c3e9fa" })] }), _jsx("path", { fill: "url(#s)", d: "m64.6 40.5.2.4s-1.9-.5-4.1.7c-1.9 1.2-2.3 3.1-2.3 3.1l-.2-.4s.2-1.7 2.3-3c2.2-1.4 4.1-.8 4.1-.8" }), _jsxs("linearGradient", { id: "t", x1: 55.424, x2: 61.9, y1: 39.477, y2: 35.738, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#00b4ef" }), _jsx("stop", { offset: 1, stopColor: "#c3e9fa" })] }), _jsx("path", { fill: "url(#t)", d: "m62.2 36.2.3.4s-2-.8-4.3.5C56 38.5 56 40.4 56 40.4l-.3-.4s-.2-1.7 2.2-3.2c2.5-1.5 4.3-.6 4.3-.6" }), _jsx("path", { fill: "#FFF", d: "M55.5 71.3c8.7-15 18.7-32.4 18.7-32.4 1.3-2.2.5-5-1.7-6.3s-5-.5-6.3 1.7c0 0-12.2 21.2-21.4 37zm-5.4 9.2C45.9 87.7 43 92.9 43 92.9c-1.3 2.2-4.1 3-6.3 1.7s-3-4.1-1.7-6.3c0 0 1.7-3.1 4.4-7.7 3.4-.1 9.6-.1 10.7-.1" }), _jsxs("linearGradient", { id: "u", x1: 54.566, x2: 54.566, y1: 94.401, y2: 32.794, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#1285e7" }), _jsx("stop", { offset: 1, stopColor: "#00b5ef" })] }), _jsx("path", { fill: "url(#u)", d: "M54.4 71.3c8.8-15.2 19-32.9 19-32.9 1-1.7.4-4-1.3-5l-.1-.1c-1.7-1-4-.4-5 1.3 0 0-12 20.8-21.2 36.7zm-5.3 9.2c-4 7-6.9 12-6.9 12-1 1.7-3.2 2.3-5 1.3H37c-1.7-1-2.3-3.2-1.3-5 0 0 1.9-3.3 4.8-8.3z" }), _jsxs("linearGradient", { id: "v", x1: 40.681, x2: 74.064, y1: 94.131, y2: 36.311, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#3194e9" }), _jsx("stop", { offset: 1, stopColor: "#71cff4" })] }), _jsx("path", { fill: "url(#v)", d: "M54.1 71.3 74 36.9v-.6s-11 19.1-20.2 35zm-5.4 9.2-7.6 13.2-.3.2-.3.1s3.4-5.9 7.8-13.5z" }), _jsxs("linearGradient", { id: "w", x1: 39.063, x2: 73.557, y1: 94.482, y2: 34.736, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#5aa6ec" }), _jsx("stop", { offset: 1, stopColor: "#a2def8" })] }), _jsx("path", { fill: "url(#w)", d: "m52.6 71.3 21-36.3-.1-.2-.1-.2S61.9 54.5 52.3 71.2zm-5.3 9.2-8 13.8h-.4s3.4-5.9 8-13.9c.2.1.4.1.4.1" }), _jsxs("linearGradient", { id: "x", x1: 37.118, x2: 72.072, y1: 93.885, y2: 33.343, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#66abee" }), _jsx("stop", { offset: 1, stopColor: "#bee8fa" })] }), _jsx("path", { fill: "url(#x)", d: "M50.4 71.3c9.9-17.1 21.8-37.8 21.8-37.8l-.3-.2-22 38zM45 80.6C40.6 88.3 37.3 94 37.3 94l-.3-.2s3.2-5.6 7.6-13.2c.2-.1.1-.1.4 0" }), _jsxs("linearGradient", { id: "y", x1: 35.568, x2: 70.085, y1: 92.482, y2: 32.697, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#7bb6f0" }), _jsx("stop", { offset: 1, stopColor: "#b1e3f9" })] }), _jsx("path", { fill: "url(#y)", d: "M48 71.3c9.9-17.1 22.2-38.5 22.2-38.5h-.4S57.5 54.1 47.6 71.3zm-5.8 9.2c-4 6.9-6.7 11.6-6.7 11.6l.1.2.1.2s2.9-5 7-12z" }), _jsxs("linearGradient", { id: "z", x1: 35.056, x2: 68.415, y1: 90.872, y2: 33.092, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#5aa6ec" }), _jsx("stop", { offset: 1, stopColor: "#afe3f9" })] }), _jsx("path", { fill: "url(#z)", d: "m46.5 71.3 22-38.1-.2.1-.2.1-.1.1S55.8 54.6 46.2 71.3zm-5.3 9.2c-3.5 6.1-6 10.4-6 10.4v-.8s2.2-3.8 5.6-9.7c.2.1.2.1.4.1" }), _jsxs("linearGradient", { id: "A", x1: 66.362, x2: 72.838, y1: 35.689, y2: 39.428, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#c1e7fa" }), _jsx("stop", { offset: 1, stopColor: "#89d4f5" })] }), _jsx("path", { fill: "url(#A)", d: "m66 36.2-.2.4s1.8-.9 4.2.4c2.2 1.2 2.3 3.3 2.3 3.3l.2-.4s.2-1.9-2.3-3.3-4.2-.4-4.2-.4" }), _jsxs("linearGradient", { id: "B", x1: 63.856, x2: 70.332, y1: 40.03, y2: 43.768, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#c1e7fa" }), _jsx("stop", { offset: 1, stopColor: "#89d4f5" })] }), _jsx("path", { fill: "url(#B)", d: "m63.6 40.5-.2.4s2-.6 4.1.6c2 1.1 2.4 3 2.4 3l.2-.4s-.2-1.8-2.4-3c-2.3-1.3-4.1-.6-4.1-.6" }), _jsxs("linearGradient", { id: "C", x1: 61.273, x2: 67.748, y1: 44.505, y2: 48.243, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#c1e7fa" }), _jsx("stop", { offset: 1, stopColor: "#89d4f5" })] }), _jsx("path", { fill: "url(#C)", d: "m61.1 44.7-.2.4s1.8-.1 3.8 1.1c1.8 1 2.7 2.6 2.7 2.6l.2-.4s-.9-1.6-2.7-2.6c-1.9-1.1-3.8-1.1-3.8-1.1" }), _jsxs("linearGradient", { id: "D", x1: 58.761, x2: 65.236, y1: 48.855, y2: 52.594, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#b0dff8" }), _jsx("stop", { offset: 1, stopColor: "#52bdf2" })] }), _jsx("path", { fill: "url(#D)", d: "m58.7 49-.2.4s2 .3 3.7 1.3c1.6.9 2.8 2.4 2.8 2.4l.2-.4s-1.2-1.5-2.8-2.4c-1.7-1-3.7-1.3-3.7-1.3" }), _jsxs("linearGradient", { id: "E", x1: 56.25, x2: 62.727, y1: 53.204, y2: 56.943, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#b4def8" }), _jsx("stop", { offset: 1, stopColor: "#4eb5f0" })] }), _jsx("path", { fill: "url(#E)", d: "m56.2 53.2-.2.4s1.9.5 3.6 1.5c1.6.9 2.9 2.2 2.9 2.2l.2-.4s-1.3-1.3-2.9-2.2-3.6-1.5-3.6-1.5" }), _jsxs("linearGradient", { id: "F", x1: 53.74, x2: 60.215, y1: 57.553, y2: 61.291, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#b4def8" }), _jsx("stop", { offset: 1, stopColor: "#4eb5f0" })] }), _jsx("path", { fill: "url(#F)", d: "m53.8 57.4-.3.4s1.8.7 3.5 1.7c1.6.9 3 2 3 2l.2-.4s-1.4-1.1-3-2-3.4-1.7-3.4-1.7" }), _jsxs("linearGradient", { id: "G", x1: 51.239, x2: 57.713, y1: 61.886, y2: 65.624, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#b5ddf8" }), _jsx("stop", { offset: 1, stopColor: "#46aeee" })] }), _jsx("path", { fill: "url(#G)", d: "m51.1 62.1.2-.4 6.5 3.7-.2.4z" }), _jsxs("linearGradient", { id: "H", x1: 48.735, x2: 55.211, y1: 66.22, y2: 69.959, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#96cef4" }), _jsx("stop", { offset: 1, stopColor: "#46aaee" })] }), _jsx("path", { fill: "url(#H)", d: "m48.7 66.4.2-.4s1.6 1.2 3.3 2.1c1.6.9 3.2 1.6 3.2 1.6l-.2.3s-1.7-.7-3.3-1.6c-1.7-.9-3.2-2-3.2-2" }), _jsx("path", { fill: "#73b9f1", d: "M47.1 71.3c-.5-.4-.8-.7-.8-.7l.2-.4s.6.5 1.4 1.1z" }), _jsxs("linearGradient", { id: "I", x1: 42.719, x2: 47.681, y1: 80.135, y2: 83, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#8fc1f2" }), _jsx("stop", { offset: 1, stopColor: "#3193ea" })] }), _jsx("path", { fill: "url(#I)", d: "M43.2 80.5c.4.3.8.6 1.3.9 1.8 1 3.6.9 3.6.9l-.2.4s-1.8.1-3.6-.9c-.7-.4-1.3-.9-1.7-1.3z" }), _jsxs("linearGradient", { id: "J", x1: 38.634, x2: 45.11, y1: 83.717, y2: 87.456, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#8fc1f2" }), _jsx("stop", { offset: 1, stopColor: "#3193ea" })] }), _jsx("path", { fill: "url(#J)", d: "m38.9 83.3.2-.4s.5 2 2.7 3.2c2 1.1 3.8.5 3.8.5l-.2.4s-1.6.7-3.8-.5c-2.3-1.3-2.7-3.2-2.7-3.2" }), _jsxs("linearGradient", { id: "K", x1: 36.124, x2: 42.599, y1: 88.063, y2: 91.802, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#8fc1f2" }), _jsx("stop", { offset: 1, stopColor: "#3193ea" })] }), _jsx("path", { fill: "url(#K)", d: "m36.4 87.6.2-.4s.2 2.1 2.6 3.4c2.2 1.2 3.9.3 3.9.3l-.3.4s-1.5 1.1-3.9-.3c-2.5-1.4-2.5-3.4-2.5-3.4" }), _jsxs("linearGradient", { id: "L", x1: 76.722, x2: 89.179, y1: 64.933, y2: 71.008, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.001 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsx("path", { fill: "url(#L)", d: "m68.8 114.2 42.8-89.9-10.8-5.1-44.6 93.5s1.4.7 3.2 1.5z" }), _jsxs("radialGradient", { id: "M", cx: 95.237, cy: 25.132, r: 16.181, fx: 79.585, fy: 25.974, gradientTransform: "matrix(-.4494 .8933 -1.5457 -.7777 176.886 -40.4)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsx("path", { fill: "url(#M)", d: "m94.1 13.8 20 9.5V52C107.2 48.7 61 26.7 61 26.7s3.2-6.7 6.2-12.9z" }), _jsxs("radialGradient", { id: "N", cx: 51.211, cy: 114.953, r: 7.901, fx: 51.196, fy: 117.292, gradientTransform: "matrix(.8979 .4402 -.2506 .5111 34.032 33.662)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.417, stopColor: "#0c0c12" }), _jsx("stop", { offset: 1, stopColor: "#3d4651" })] }), _jsx("path", { fill: "url(#N)", d: "M44.5 110.2c-.3.6-.8 1.3-.7 2.4.1 4.1 6.8 7.9 10.7 7.9 2.7 0 3.6-1.1 4.6-3.1s-13.5-9.6-14.6-7.2" }), _jsxs("linearGradient", { id: "O", x1: 84.758, x2: 94.522, y1: 39.174, y2: 44.149, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#344351" }), _jsx("stop", { offset: 0.1, stopColor: "#9697a0" }), _jsx("stop", { offset: 0.181, stopColor: "#8b8c95" }), _jsx("stop", { offset: 0.351, stopColor: "#787a83" }), _jsx("stop", { offset: 0.47, stopColor: "#71747d" }), _jsx("stop", { offset: 0.591, stopColor: "#777982" }), _jsx("stop", { offset: 0.749, stopColor: "#87898f" }), _jsx("stop", { offset: 0.8, stopColor: "#8e8f94" }), _jsx("stop", { offset: 0.849, stopColor: "#3d3b42" }), _jsx("stop", { offset: 0.9, stopColor: "#606e84" })] }), _jsx("path", { fill: "url(#O)", d: "M90.6 25.1s10.3 2.5 11.1 3.2-1.3 4.7-1.7 5.3c-3.3 4-13.6 26.1-13.6 26.1l-9.5-5.4s8.5-15.8 11.5-21.4c1.9-3.8 2.2-7.8 2.2-7.8" }), _jsxs("linearGradient", { id: "P", x1: 117.884, x2: 106.863, y1: 29.257, y2: 14.364, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.27, stopColor: "#262b33" }), _jsx("stop", { offset: 0.45, stopColor: "#74747e" }), _jsx("stop", { offset: 0.54, stopColor: "#b0b0bc" }), _jsx("stop", { offset: 0.73, stopColor: "#74747e" })] }), _jsx("path", { fill: "url(#P)", d: "M114.4 19.9c1.8 1.3 4.2 1 6.1.7 1.3-.2-.7 1.7-2.9 6.1s-2.1 4.7-2.4 4.4-10.2-5.9-9.9-6.4c.4-.5 2-11.4 2.8-11.1 2.9.7 3.4 4.2 6.3 6.3" }), _jsxs("linearGradient", { id: "Q", x1: 98.542, x2: 114.815, y1: 30.424, y2: 28.322, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.14, stopColor: "#606e84" }), _jsx("stop", { offset: 0.4, stopColor: "#9899a5" }), _jsx("stop", { offset: 0.73, stopColor: "#475768" }), _jsx("stop", { offset: 0.92, stopColor: "#262b33" })] }), _jsx("path", { fill: "url(#Q)", d: "M99 32.2c.7-1.1 3.9-7.9 9-7.9 2.3 0 6.7 5.8 7.1 6.6.3.7-.7 3.5-1.2 2.2-.6-1.5-3.1-4.7-5.8-4.7s-6.4 3.1-7.3 4.2c-.9 1-2.5.7-1.8-.4" }), _jsxs("linearGradient", { id: "R", x1: 106.128, x2: 104.549, y1: 31.808, y2: 22.854, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#101215", stopOpacity: 0.1 }), _jsx("stop", { offset: 0.46, stopColor: "#101215", stopOpacity: 0.7 }), _jsx("stop", { offset: 0.7, stopColor: "#474951" }), _jsx("stop", { offset: 0.91, stopColor: "#7b7d88" })] }), _jsx("path", { fill: "url(#R)", d: "M98.8 31.8c.5-.8 2.8-4.3 3.9-5.4s3.9-4 6.3-4.4 4.9 4.5 4.1 5.5c-.6.7-1.6-.1-2.8-1.1-1.2-.9-2-2.7-5.8.2-1.3 1-2.6 1.8-5.6 6.1-.8 1.1-.6-.1-.1-.9" }), _jsxs("linearGradient", { id: "S", x1: 58.131, x2: 73.237, y1: 81.721, y2: 89.154, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.115, stopColor: "#2c3952" }), _jsx("stop", { offset: 0.374, stopColor: "#3d414e" }), _jsx("stop", { offset: 0.55, stopColor: "#474a54" }), _jsx("stop", { offset: 0.754, stopColor: "#4e5057" }), _jsx("stop", { offset: 0.892, stopColor: "#323945" }), _jsx("stop", { offset: 1, stopColor: "#143052" })] }), _jsx("path", { fill: "url(#S)", d: "M86.4 61c.4-.8.9-2-.2-2.9-1.2-.9-6.8-3.9-7.8-4.1s-1.8 0-2.2.7-31.1 53.3-31.7 54.8-.7 2.6.2 2.9 11.2 5.2 12.2 6.3 1.5-.1 1.9-.7c1.9-2.4 27.1-56.2 27.6-57" }), _jsxs("linearGradient", { id: "T", x1: 81.508, x2: 93.19, y1: 31.679, y2: 6.047, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.118, stopColor: "#6d7078", stopOpacity: 0 }), _jsx("stop", { offset: 0.2, stopColor: "#6d7078", stopOpacity: 0.7 }), _jsx("stop", { offset: 0.34, stopColor: "#35363a" }), _jsx("stop", { offset: 0.374, stopColor: "#1d1f22" }), _jsx("stop", { offset: 0.4, stopColor: "#101215" }), _jsx("stop", { offset: 0.5, stopColor: "#16171a" }), _jsx("stop", { offset: 0.56, stopColor: "#292a2e" }), _jsx("stop", { offset: 0.688, stopColor: "#4b4d51" }), _jsx("stop", { offset: 0.807, stopColor: "#63666b" }), _jsx("stop", { offset: 0.915, stopColor: "#72757b" }), _jsx("stop", { offset: 1, stopColor: "#777a80" })] }), _jsx("path", { fill: "url(#T)", d: "M99.5 31.6c.5-.7 1.7-2.7 3.2-4.5 1-1.2 6.4-3.8 7.6-8 .7-2.3-.4-4.6-1.9-5.6-5.1-3.1-13.9-8-26.8-8-8.7 0-12.4 2.9-12.4 2.9h4.4l15.3 6 1.9 8s.2 2.7-.7 5.8c-.6 2.5-.8 4-1.7 6.5.7.3 2.3-.8 4.1-.3 1.6.4 2.6 2.6 3.7 1.3 1.9-2.5 2.5-3 3.3-4.1" }), _jsxs("linearGradient", { id: "U", x1: 69.064, x2: 91.026, y1: 16.837, y2: 16.837, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#4a4d56" }), _jsx("stop", { offset: 1, stopColor: "#29292d" })] }), _jsx("path", { fill: "url(#U)", d: "M90.5 25.4C89.7 18 87.9 11 69.1 11.1c1.2-1.2 4.1-2.4 4.1-2.4l-4.1-.3s.6-.5 1.8-.6c11-.9 20.8 1.4 20.1 15.7-.1 2.3-.3 3.3-.5 1.9" }), _jsxs("linearGradient", { id: "V", x1: 69.064, x2: 88.054, y1: 11.697, y2: 11.697, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#767880" }), _jsx("stop", { offset: 0.41, stopColor: "#0c0a0b" })] }), _jsx("path", { fill: "url(#V)", d: "M69.1 11.1c1.3-.5 3.1-.8 6.5-.6 4.2.2 9.5 1.8 11.7 3.8 1.1 1 1 .2-.2-1.1-3.1-3.6-7.8-4.4-13.9-4.5-.7-.1-3 1.2-4.1 2.4" }), _jsxs("linearGradient", { id: "W", x1: 116.332, x2: 123.707, y1: 34.756, y2: 21.982, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#858997" }), _jsx("stop", { offset: 0.23, stopColor: "#244668" }), _jsx("stop", { offset: 0.282, stopColor: "#1a3249" }), _jsx("stop", { offset: 0.4, stopColor: "#040506" }), _jsx("stop", { offset: 0.464, stopColor: "#313236" }), _jsx("stop", { offset: 0.546, stopColor: "#65656e" }), _jsx("stop", { offset: 0.607, stopColor: "#868691" }), _jsx("stop", { offset: 0.64, stopColor: "#92929e" })] }), _jsx("path", { fill: "url(#W)", d: "m120.7 20.6 5.5 2.8s-2.1 2.8-3.8 6c-1.8 3.4-3 7.1-3 7.1l-5.3-3.2s1.3-3.6 3.2-7.1c1.5-2.9 3.4-5.6 3.4-5.6" }), _jsx("path", { fill: "#bfc0d0", d: "M126.2 23.4c.4.2-.9 3.3-2.8 6.9s-3.7 6.4-4 6.2c-.4-.2.9-3.3 2.8-6.9 1.8-3.6 3.6-6.4 4-6.2" })] }));
+export default SvgXcode;

package/icons/tech/xml.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgXml = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { d: "M118.012 78.168c.261-2.238.437-5.031 1.312-6.953.664 1.992.887 4.57 2.246 6.07 1.77-.414 3.727-.312 5.543.078-1.09 1.438-3.457 2.41-4.875 3.336 1.707 1.438 2.535 3.114 3.473 5.106-2.477-.047-4.734-2.2-6.64-3.36-1.645 1.86-2.801 3.668-5.212 4.336.868-1.863 2.903-3.465 3.16-5.394-1.93-.719-4.32-2.258-5.574-3.82 1.992.12 4.578.374 6.567.609", transform: "translate(0 -32)", fill: "#ae007f", fillOpacity: 1, fillRule: "evenodd", stroke: "none" }), _jsx("path", { d: "M120.066 92.344c.188-1.625.313-3.66.95-5.055.484 1.45.644 3.316 1.632 4.406 1.274-.3 2.707-.23 4.02.055-.79 1.035-2.504 1.754-3.527 2.422 1.242 1.039 1.847 2.258 2.515 3.707-1.797-.035-3.441-1.602-4.824-2.434-1.187 1.344-2.031 2.66-3.785 3.145.633-1.348 2.113-2.52 2.289-3.914-1.398-.524-3.133-1.64-4.043-2.774 1.434.09 3.32.274 4.762.442", transform: "translate(0 -32)", fill: "#97bd00", fillOpacity: 1, fillRule: "evenodd", stroke: "none" }), _jsx("path", { d: "M113.91 103.535c.13-1.129.219-2.527.656-3.492.332 1 .446 2.289 1.13 3.039.882-.207 1.867-.156 2.78.04-.55.718-1.734 1.21-2.44 1.675.855.723 1.269 1.559 1.734 2.559-1.243-.024-2.372-1.102-3.336-1.688-.825.934-1.407 1.84-2.618 2.18.438-.934 1.457-1.735 1.582-2.7-.968-.363-2.168-1.132-2.793-1.921 1 .058 2.301.187 3.293.304", transform: "translate(0 -32)", fill: "#f07f00", fillOpacity: 1, fillRule: "evenodd", stroke: "none" }), _jsx("path", { d: "M21.879 102.816c-1.024 0-12.617 11.297-13.746 12.63-.945 1.05-1.457 2.98-3.078 3.199-1.723.23-2.117-.442-2.946-1.739-.785-1.23-1.734-3.422-.363-4.312 1.324-.852 17.75-15.918 18.262-16.531.637-.653-.063-2.266-.367-4.696-.391-3.125-.59-5.988-.348-9.078.242-3.176 1-7.09 1.824-10.168.504-1.883.211-5.598 2.832-5.71.531.128 4.563 2.917 3.477 6.593-1.57 5.27-3.078 11.195-2.613 16.84.085 1.09.527 2.035 1.218 1.535 7.438-5.324 19.082-11.094 22.059-12.121 1.433-.457 2.902-.817 4.39-1 1.067.12 1.875 1.125 2.72 1.836 4.214 3.613-3.973 16.43-4.669 20.332.653 0 1.364-.992 2.614-2.121a249 249 0 0 0 4.937-4.602c2.336-1.758 4.379-3.371 7.344-3.75 7.133-.906 5 9.367 3.39 13.04.918 0 3.164-2.587 4.965-4.294.903-.855 1.906-1.761 2.82-2.605 1.087-1 1.59-1.52 2.41-1.117.552.156 2.934 1.601 3.067 3.808.113 1.79-.621 3.543-.976 5.258-.301 1.437-.227 6.113 1.71 6.121.766-.555 1.766-.789 2.676-.945 1.469-.246 1.399.234 2.61.683 1.898.703.183 3.399-.817 4.395-1.34 1.336-3.258 2.219-5.18 2.187-2.113-.035-3.773-1.336-4.726-3.164-.52-1-1.191-4.703-1.45-5.8-.257-1.079-.034-2.372-1.179-1.278-3.23 3.117-6.562 6.012-9.848 9.082-3.62 3.38-7.078-1.262-6.421-5.054.644-3.707 3.843-8.235 4.418-11.91-1.528 0-4.102 2.667-5.075 3.769-1.582 1.789-3.336 3.77-5.12 5.648-1.798 1.887-3.337 3.625-5.141 5.504-1.301 1.356-2.79 3.285-4.985 3.41-1.082-.171-2.804-1.972-3.097-4.261-.247-1.914.238-4.016.968-5.774 2.118-5.082 7.91-15.816 9.266-21.156-2.781.27-14.566 5.719-22.367 12.219-2.258 1.863-.172 5.27.77 7.539 1.011 2.426 3.995 6.812 4.886 7.558 2.336 1.942.469 3.657-1.848 3.536-.984-.696-2.175-1.45-3.097-2.372-1.004-1.003-1.871-2.148-2.657-3.32-1.601-2.37-3.128-5.11-3.543-7.988M105.7 72.398c-.66-2.457-3.731 1.293-5.27 3.278-4.258 5.48-8.14 16.636-8.766 18.691-1.906 6.301-2.644 14.067 1.48 19.613 2.399 3.235 6.626 3.48 10.77 2.29 2.137-.614 4.277-2.149 5.008-3.817.605-1.39.918-3.976-2.133-2.004-1.18.762-3.344 1.602-7.223 1.54-1.3-.024-3.437-1.891-4.011-3.821-1.008-3.145-.578-7.344-.578-7.344.878-5.422 3.394-11.297 5.601-16.226.856-1.903 3.465-6.645 4.442-8.157 0 .004 1.25-1.968.69-4.062zm0 0", transform: "translate(0 -32)", fill: "#005cab", fillOpacity: 1, fillRule: "evenodd", stroke: "none" })] }));
+export default SvgXml;

package/icons/tech/yaml.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgYaml = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { d: "M22.254 39.778.5 5.628h15.69l13.833 21.99 13.945-21.99h15.02l-22.774 34.15v21.65h-13.96z" }), _jsx("path", { fill: "#cb171e", d: "M82.428 49.149H57.162l-5.139 12.408H40.835l23.66-55.798h11.443l22.7 55.798H86.68zm-4.197-11.14-7.745-20.476-8.642 20.476z" }), _jsx("path", { d: "M22.254 67.686v54.687h11.733V84.65l12.28 25.356h9.236l12.7-26.247v38.602h11.256V67.686H64.09l-13.638 24.73-12.988-24.73zM127.502 110.49H98.639V67.67H86.682v54.454h40.82z" })] }));
+export default SvgYaml;

package/icons/tech/yarn.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgYarn = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsxs("g", { fill: "#2c8ebb", children: [_jsx("path", { d: "M99.24 80.71C94.9 80.76 91.1 83 87.89 85c-6 3.71-9 3.47-9 3.47l-.1-.17c-.41-.67 1.92-6.68-.69-13.84-2.82-7.83-7.3-9.72-6.94-10.32 1.53-2.59 5.36-6.7 6.89-14.36.91-4.64.67-12.28-1.39-16.28-.38-.74-3.78 1.24-3.78 1.24s-3.18-7.09-4.07-7.66c-2.87-1.84-6 7.61-6 7.61a14 14 0 0 0-11.71 4.5 9.64 9.64 0 0 1-3.85 2.27c-.41.14-.91.12-2.15 3.47-1.9 5.07 3.24 10.81 3.24 10.81s-6.13 4.33-8.4 9.72a24.8 24.8 0 0 0-1.75 11.68s-4.36 3.78-4.64 7.68a12.87 12.87 0 0 0 1.77 7.83 1.94 1.94 0 0 0 2.63.91s-2.9 3.38-.19 4.81c2.47 1.29 6.63 2 8.83-.19 1.6-1.6 1.92-5.17 2.51-6.63.14-.34.62.57 1.08 1a10 10 0 0 0 1.36 1s-3.9 1.68-2.3 5.51c.53 1.27 2.42 2.08 5.51 2.06 1.15 0 13.76-.72 17.12-1.53a4.33 4.33 0 0 0 2.61-1.46 63 63 0 0 0 15.49-7c4.74-3.09 6.68-3.93 10.51-4.84 3.16-.75 2.95-5.65-1.24-5.58" }), _jsx("path", { d: "M64 2a62 62 0 1 0 62 62A62 62 0 0 0 64 2m37.3 87.83c-3.35.81-4.91 1.44-9.41 4.36a67 67 0 0 1-15.56 7.18 8.7 8.7 0 0 1-3.64 1.77c-3.81.93-16.88 1.63-17.91 1.63h-.24c-4 0-6.27-1.24-7.49-2.54-3.4 1.7-7.8 1-11-.69a5.55 5.55 0 0 1-3-3.9 6 6 0 0 1 0-2.06 6.7 6.7 0 0 1-.79-1A16.38 16.38 0 0 1 30 84.52c.29-3.73 2.87-7.06 4.55-8.83A28.6 28.6 0 0 1 36.61 64a26.8 26.8 0 0 1 6.82-9c-1.65-2.78-3.33-7.06-1.7-11.42 1.17-3.11 2.13-4.84 4.24-5.58a6.8 6.8 0 0 0 2.51-1.34A17.65 17.65 0 0 1 60.34 31c.19-.48.41-1 .65-1.46 1.6-3.4 3.3-5.31 5.29-6a4.88 4.88 0 0 1 4.4.5c.65.43 1.48 1 3.9 6a4.7 4.7 0 0 1 2.85-.1 3.8 3.8 0 0 1 2.39 1.94c2.47 4.74 2.8 13.19 1.72 18.62a33.8 33.8 0 0 1-5.84 13.31 25.7 25.7 0 0 1 5.77 9.43 25.4 25.4 0 0 1 1.41 10.41A29 29 0 0 0 86 81.91c3.06-1.89 7.68-4.74 13.19-4.81a6.62 6.62 0 0 1 7 5.7 6.35 6.35 0 0 1-4.89 7.03" })] }) }));
+export default SvgYarn;

package/icons/tech/yii-framework.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgYiiFramework = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: [_jsx("path", { fill: "#40B3D8", d: "M89.023 81.366c-.864-11.402-4.54-18.792-6.331-22.98-1.79-4.189-4.542-8.109-4.544-8.103-.005.018-2.478 13.342-6.923 22.983-.743 1.61-1.728 3.62-2.723 5.238-3.069 5.42-7.521 10.603-10.176 15.857-2.632 5.208-3.12 10.365-2.875 16.229.247 5.896 1.609 11.678 2.916 17.41 4.93-1.063 9.22-2.883 12.932-5.21 9.768-6.124 15.67-15.918 17.348-26.47 0 0 .082-.43.118-.952.757-8.155.506-10.729.258-14.002" }), _jsx("path", { fill: "#83C933", d: "M89.023 81.366c-.864-11.402-4.54-18.792-6.331-22.98-1.79-4.189-4.542-8.109-4.544-8.103v.003-.004l-.657-.976c-14.405-20.221-42.03-30.317-65.371-20.96-1.124 14.174 5.447 38.56 29.42 45.363 9.691 2.981 17.452 2.208 26.963 4.794v.001s9.667 3.37 15.291 8.422c2.53 2.273 5.064 5.263 4.937 8.82.801-8.465.544-11.055.293-14.38Z" }), _jsx("path", { fill: "#F18A2A", d: "M78.555 38.417c-3.406-9.965-1.962-16.643 4.269-25.935C85.796 8.048 90.928 2.905 95.425 0c18.145 11.37 24.855 32.55 18.182 52.22-4.857 14.312-9.414 20.313-20.935 35.038 1.343-15.77-4.207-26.704-9.657-38.853-1.387-3.09-3.305-6.61-4.46-9.988" }), _jsx("path", { fill: "#7FB93C", d: "M88.731 95.746c.127-3.557-2.406-6.547-4.936-8.82-5.625-5.052-15.292-8.422-15.292-8.422.995-1.618 1.98-3.629 2.722-5.239 4.446-9.64 6.918-22.964 6.923-22.982.002-.006 2.754 3.914 4.544 8.102s5.468 11.579 6.332 22.98c.251 3.326.508 5.916-.293 14.38Z" })] }));
+export default SvgYiiFramework;

package/icons/tech/yuno-host.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgYunoHost = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsxs("g", { transform: "translate(-173.29 -80.936)scale(3.77953)", children: [_jsx("rect", { width: 33.867, height: 33.867, x: 45.85, y: 21.414, ry: 2.646 }), _jsx("path", { fill: "#fff", d: "M50.23 51.691c-.296-.2-.695-.66-.887-1.023-.37-.702-1.093-1.469-1.828-1.941-.508-.326-.787-1.303-.478-1.675.103-.124.539-.32.969-.436s.853-.274.94-.352c.087-.079.166-.644.176-1.256.059-3.748.088-3.84 1.235-3.84 1.36 0 2.28 1.625 1.833 3.237-.317 1.143-.254 1.39.356 1.386.932-.004.982-.111 1.024-2.166.064-3.1.743-4.086 2.302-3.343.988.472 1.134 1.75.458 4.025-.222.744.217 3.825.676 4.755.259.524-.018 1.26-.501 1.329-.22.031-.58-.122-.877-.372-.278-.234-.563-.425-.635-.425-.071 0-.336-.297-.588-.66-.438-.634-.94-.848-1.157-.496-.056.09-.439.25-.85.353-.722.182-.746.208-.655.703.272 1.466.274 2.05.012 2.313-.358.359-.876.32-1.524-.116zm16.74-2.294c-.358-.208-1.056-.985-1.365-1.52-.11-.192-.204-.706-.207-1.144-.008-1.17.483-1.907.738-1.105.241.76 1.136 1.102 1.557.593.34-.41-.229-1.368-1.639-2.76-1.268-1.25-1.323-1.335-1.323-2.055 0-1.117.32-1.58 1.467-2.129.954-.455 1.036-.468 1.71-.252.915.294 1.99 1.33 1.916 1.846-.045.323-.15.38-.714.38-.364 0-.754.06-.868.133-.337.219-.235.718.207 1.008.407.266.413.264.413-.199 0-.454.043-.478 1.446-.788l1.445-.32.118-1.3c.199-2.188.831-2.62 2.08-1.42.381.367.705.757.719.867s.033.312.042.449c.013.204.265.238 1.441.19 1.372-.055 1.444-.04 1.94.413.354.323.528.648.557 1.037.036.478-.042.624-.508.942-.302.207-1.288.612-2.189.9-1.294.412-1.639.587-1.639.827 0 .168.085 1.048.188 1.957.213 1.87.077 2.482-.62 2.8-.614.28-.776.236-1.355-.362-.678-.699-.888-1.436-.752-2.65.125-1.123.052-1.208-.976-1.126l-.732.058.24.687c.155.444.208 1.01.15 1.596-.075.768-.174.982-.636 1.38-1.369 1.177-2.155 1.47-2.85 1.067zm-6.73-.138c-.793-.137-1.945-1.028-2.639-2.042-.495-.724-.551-.922-.54-1.9.016-1.273.412-2.753.907-3.382.392-.499 1.587-1.098 2.19-1.098.366 0 1.213.311 2.508.922 1.118.526 1.312.854 1.558 2.623l.182 1.305-.603 1.285c-.332.706-.77 1.441-.974 1.632-.48.451-1.815.789-2.589.655m.417-3.124c.594-.226.892-1.205.533-1.752-.146-.224-.362-.407-.48-.407-.658 0-1.354 1.562-.925 2.078.23.277.33.287.872.08zm-9.325-8.313c-.316-.21-.743-.735-.975-1.198-.376-.752-.409-.987-.368-2.625l.044-1.8-.994-.954c-.547-.526-.995-.986-.995-1.022s-.149-.762-.33-1.612-.331-1.94-.331-2.422c0-.754.058-.913.418-1.15.654-.427 1.369-.14 2.005.806.422.628.545 1.015.638 2.015.123 1.304.34 1.673.884 1.5.325-.102 1.267-1.08 1.603-1.662.17-.295.21-.29.936.136.549.321.813.607.952 1.027.172.52.147.659-.229 1.3a6.2 6.2 0 0 1-1.046 1.267c-.344.302-.635.703-.645.89-.08 1.402-.428 5.503-.482 5.67-.1.305-.455.251-1.085-.166m6.04-1.182c-.768-.335-1.823-1.635-2.06-2.537-.25-.956-.234-4.899.023-5.923.1-.4.269-.726.373-.726.316 0 1.402.808 1.614 1.201.118.217.213 1.176.232 2.333.028 1.694.073 1.988.327 2.13.224.126.348.093.516-.137.122-.167.222-.419.223-.56s.187-.837.413-1.545c.226-.707.419-1.637.428-2.065.035-1.645.397-2.013 1.263-1.284 1.012.851 1.065 2.773.18 6.536-.352 1.502-.705 2.016-1.74 2.541-.634.32-1.116.33-1.793.036zm5.678-.351c-.882-.46-1.045-.793-.822-1.68.495-1.968.591-4.307.26-6.31-.106-.643-.075-.757.277-1.028.218-.168.555-.307.748-.309.468-.005 1.549 1.188 2.018 2.227.685 1.52.934 1.953 1.081 1.885.08-.037.165-1.184.189-2.548.038-2.187.086-2.563.408-3.18.2-.386.468-.7.593-.7.126 0 .434.315.684.702s.524.75.607.81.123.915.089 1.9a76 76 0 0 0-.04 3.196c.08 4.639.054 4.903-.502 5.114-.527.2-1.358-.206-2.358-1.152-.479-.452-.935-.822-1.015-.822s-.278.427-.441.95c-.477 1.526-.568 1.574-1.776.945m8.869-1.426c-1.54-.834-2.063-1.597-2.187-3.19-.099-1.266.44-3.513 1.026-4.281.23-.301.417-.63.417-.73 0-.101.33-.41.732-.687.94-.646 1.81-.674 2.677-.086 1.216.825 1.393 1.463 1.444 5.2.02 1.445-.016 1.633-.445 2.363-.257.437-.632.856-.833.933-.202.077-.458.249-.569.383-.243.293-1.778.358-2.262.095m1.638-3.994c.548-1.098.475-1.802-.197-1.898-.298-.043-.428.085-.678.667-.466 1.088-.577 1.756-.339 2.043.355.427.715.186 1.214-.812" })] }) }));
+export default SvgYunoHost;

package/icons/tech/zend-framework.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgZendFramework = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsx("path", { fill: "#68B604", fillRule: "evenodd", d: "M53.608 80.858c-8.247.029-16.494.142-24.741.142H27.68c11.396-16 22.633-31.146 33.949-46.657-.384-.025-.568-.11-.754-.11-17.851-.002-35.701-.03-53.552-.043-.627 0-.842.146-.837.807.031 3.689.016 7.371.016 11.06 0 1.052.001 1.05 1.066 1.05q13.551-.002 27.102.001c.355 0 .712.047 1.257.087L1.781 93.782l.584.032c17.146.001 34.291-.003 51.437.017.701.001.794-.281.791-.866-.018-3.743-.03-7.425.009-11.168.007-.778-.207-.942-.994-.939m71.635-45.876c-16.172.001-32.344-.021-48.517.031a22 22 0 0 0-5.37.684C65.115 37.3 60.12 44.074 60.365 50.552c.026.711.441.448.869.448h24.828c4.179 0 8.357.181 12.536.156 4.555-.028 9.119.156 13.661-.114 4.703-.279 8.459-2.458 11.052-6.477 1.742-2.702 2.514-5.703 2.896-8.854.104-.862-.448-.729-.964-.729M100.57 56.116c-8.19-.003-16.38-.008-24.57.003-2.639.003-5.18.517-7.504 1.79-5.404 2.962-7.481 7.921-8.119 13.723-.083.766.38.745.905.744 4.312-.007 8.623-.004 12.936-.004 1.464.001 2.929.021 4.393-.004 3.223-.054 6.464.069 9.66-.247 4.157-.412 7.536-2.437 9.939-5.917 1.889-2.736 2.834-5.812 3.163-9.103.096-.965.134-.985-.803-.985M84.161 77.157c-2.493.016-4.988-.024-7.481.021a25 25 0 0 0-3.467.299c-8.957 1.396-12.3 8.892-12.835 15.287-.049.572.157.762.729.75 1.49-.031 2.981-.011 4.473-.011l.004.082c2.026-.089 4.073-.036 6.078-.294 7.531-.97 13.28-7.764 13.223-15.462-.007-.574-.23-.675-.724-.672", clipRule: "evenodd" }) }));
+export default SvgZendFramework;

package/icons/tech/zig.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @component
+ * @param {React.SVGProps<SVGSVGElement>} props - The component props.
+ * @returns {React.JSX.Element} - The rendered SVG component.
+ */
+const SvgZig = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...props, children: _jsxs("g", { fill: "#f7a41d", children: [_jsx("path", { d: "m38.484 23.843-15.06 18.405-7.529-11.712z" }), _jsx("path", { d: "m38.484 23.843-10.876 9.203-4.183 9.202h-5.02v42.667h7.53l-9.203 4.183-6.693 14.222H0V23.843z", shapeRendering: "crispEdges" }), _jsx("path", { d: "M25.935 84.915 10.039 103.32l-6.693-9.202zM46.85 23.843l5.02 11.713-20.916 6.692z" }), _jsx("path", { d: "M46.85 23.843h46.013v18.405H30.954L46.85 32.21z", shapeRendering: "crispEdges" }), _jsx("path", { d: "M97.046 84.915 81.15 103.32l-5.856-10.875z" }), _jsx("path", { d: "m97.046 84.915-13.386 7.53-2.51 10.875H35.137V84.915z", shapeRendering: "crispEdges" }), _jsx("path", { d: "M125.49 5.438 43.503 103.32 2.51 122.562l81.987-98.719zm-7.53 18.405-.836 15.06-15.059 4.182z" }), _jsx("path", { d: "M128 23.843v79.477H88.68l11.712-10.039 4.183-8.366h5.02v-41.83h-7.53l8.366-7.53 7.53-11.712z", shapeRendering: "crispEdges" }), _jsx("path", { d: "m104.575 84.915 4.183 12.55-20.078 5.855z" })] }) }));
+export default SvgZig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -20,8 +20,12 @@
     "bin",
     "dist",
     "react",
+    "icons",
     "!dist/**/*.d.ts",
+    "!dist/__app__/react/components.mjs",
     "!dist/**/*.map",
+    "!icons/*/*.jsx",
+    "!icons/*/*.d.ts",
     "!dist/**/metafile.json"
   ],
   "type": "module",
@@ -34,6 +38,18 @@
     "./react": {
       "types": "./react/index.d.ts",
       "default": "./react/index.mjs"
+    },
+    "./icons/aws/*": {
+      "types": "./icons/icon.d.ts",
+      "default": "./icons/aws/*.js"
+    },
+    "./icons/tech/*": {
+      "types": "./icons/icon.d.ts",
+      "default": "./icons/tech/*.js"
+    },
+    "./icons/gcp/*": {
+      "types": "./icons/icon.d.ts",
+      "default": "./icons/gcp/*.js"
     }
   },
   "publishConfig": {
@@ -47,6 +63,18 @@
       "./react": {
         "types": "./react/index.d.ts",
         "default": "./react/index.mjs"
+      },
+      "./icons/aws/*": {
+        "types": "./icons/icon.d.ts",
+        "default": "./icons/aws/*.js"
+      },
+      "./icons/tech/*": {
+        "types": "./icons/icon.d.ts",
+        "default": "./icons/tech/*.js"
+      },
+      "./icons/gcp/*": {
+        "types": "./icons/icon.d.ts",
+        "default": "./icons/gcp/*.js"
       }
     }
   },
@@ -65,10 +93,12 @@
     "lint": "run -T eslint src/ --fix",
     "clean": "run -T rimraf dist app/dist dev/.export dev/dist node_modules/.vite",
     "dev": "tsx watch src/cli/index.ts serve dev",
-    "dev:bigbank": "tsx watch src/cli/index.ts serve ../../docs/likec4/bigbank",
-    "dev:index-page": "tsx watch src/cli/index.ts serve ../../docs/likec4/index-page",
+    "dev:bigbank": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/bigbank",
+    "dev:dynamic-view": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/dynamic-view",
+    "dev:index-page": "tsx watch src/cli/index.ts serve ../../apps/docs/src/components/index-page",
     "dev:template": "tsx watch src/cli/index.ts serve ../create-likec4/template",
     "dev:example-cloud": "tsx watch src/cli/index.ts serve ../../examples/cloud-system",
+    "dev:failed": "tsx watch src/cli/index.ts serve ../../examples/failed",
     "dev:example-dev": "tsx watch src/cli/index.ts serve ../../examples/diagrams-dev/likec4",
     "cli": "tsx src/cli/index.ts",
     "cli:serve": "tsx watch src/cli/index.ts serve dev",
@@ -78,12 +108,11 @@
     "cli:export:json": "tsx src/cli/index.ts export json -o dev/export/likec4.json dev"
   },
   "dependencies": {
-    "@hpcc-js/wasm": "2.16.2",
+    "@hpcc-js/wasm": "2.18.0",
     "@vitejs/plugin-react": "4.3.1",
     "esm-env": "1.0.0",
-    "nanostores": "0.10.3",
     "playwright": "1.45.0",
-    "vite": "5.3.2"
+    "vite": "5.3.4"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -99,22 +128,22 @@
   },
   "devDependencies": {
     "@fontsource/ibm-plex-sans": "^5.0.20",
-    "@likec4/core": "1.4.0",
-    "@likec4/diagram": "1.4.0",
-    "@likec4/generators": "1.4.0",
-    "@likec4/language-server": "1.4.0",
-    "@likec4/layouts": "1.4.0",
-    "@likec4/tsconfig": "1.4.0",
-    "@mantine/core": "7.10.2",
-    "@mantine/hooks": "7.10.2",
-    "@mantine/vanilla-extract": "7.10.2",
+    "@likec4/core": "1.6.0",
+    "@likec4/diagram": "1.6.0",
+    "@likec4/generators": "1.6.0",
+    "@likec4/icons": "1.6.0",
+    "@likec4/language-server": "1.6.0",
+    "@likec4/layouts": "1.6.0",
+    "@likec4/tsconfig": "1.6.0",
+    "@mantine/core": "7.11.2",
+    "@mantine/hooks": "7.11.2",
+    "@mantine/vanilla-extract": "7.11.2",
     "@nanostores/react": "^0.7.2",
     "@react-hookz/web": "^24.0.4",
-    "@tabler/icons-react": "^3.7.0",
-    "@tanstack/react-router": "^1.40.0",
-    "@tanstack/router-vite-plugin": "^1.40.3",
-    "@types/mermaid": "^9.2.0",
-    "@types/node": "^20.14.2",
+    "@tabler/icons-react": "^3.11.0",
+    "@tanstack/react-router": "^1.43.4",
+    "@tanstack/router-vite-plugin": "^1.43.1",
+    "@types/node": "^20.14.10",
     "@types/prop-types": "^15.7.11",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
@@ -122,46 +151,48 @@
     "@types/yargs": "^17.0.32",
     "@vanilla-extract/css": "^1.15.3",
     "@vanilla-extract/dynamic": "^2.1.1",
-    "@vanilla-extract/vite-plugin": "^4.0.12",
+    "@vanilla-extract/vite-plugin": "^4.0.13",
+    "autoprefixer": "^10.4.19",
     "ci-info": "^3.9.0",
     "classnames": "^2.3.2",
     "clsx": "^2.1.1",
     "consola": "^3.2.3",
     "esbuild": "^0.21.5",
     "esbuild-node-externals": "^1.13.1",
-    "execa": "^9.1.0",
+    "execa": "^9.3.0",
     "fast-equals": "^5.0.1",
-    "framer-motion": "^11.2.12",
+    "framer-motion": "^11.3.8",
     "get-port": "^7.1.0",
     "html-to-image": "^1.11.11",
     "json5": "^2.2.3",
-    "langium": "3.1.0",
+    "langium": "3.1.2",
     "mkdirp": "^3.0.1",
-    "npm-run-all2": "^6.1.2",
-    "p-limit": "^5.0.0",
-    "picocolors": "^1.0.0",
-    "pkg-up": "^5.0.0",
-    "postcss": "^8.4.38",
-    "postcss-preset-mantine": "^1.15.0",
+    "nanostores": "^0.10.3",
+    "npm-run-all2": "^6.2.2",
+    "p-limit": "^6.0.0",
+    "package-up": "^5.0.0",
+    "picocolors": "^1.0.1",
+    "postcss": "^8.4.39",
+    "postcss-preset-mantine": "^1.16.0",
     "pretty-ms": "^9.0.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-error-boundary": "^4.0.13",
-    "react-resizable-panels": "^2.0.19",
+    "react-resizable-panels": "^2.0.20",
     "react-shadow": "^20.5.0",
-    "remeda": "^1.61.0",
+    "remeda": "^2.3.0",
     "string-hash": "^1.1.3",
     "strip-indent": "^4.0.0",
     "terser": "^5.31.1",
     "tsx": "~4.9.3",
-    "type-fest": "^4.18.2",
-    "typescript": "^5.4.5",
+    "type-fest": "^4.21.0",
+    "typescript": "^5.5.3",
     "ufo": "^1.5.3",
     "vite-plugin-css-injected-by-js": "^3.5.1",
     "vite-plugin-shadow-style": "^1.1.0",
-    "vitest": "~1.5.3",
+    "vitest": "~2.0.3",
     "yargs": "^17.7.2"
   },
-  "packageManager": "yarn@4.3.0"
+  "packageManager": "yarn@4.3.1"
 }

package/react/LikeC4Browser.d.ts

@@ -1,7 +1,29 @@
-import type { DiagramView, LikeC4ViewBaseProps } from './types';
-export type LikeC4BrowserProps<ViewId extends string> = Omit<LikeC4ViewBaseProps<ViewId>, 'viewId' | 'interactive'> & {
+import type { DiagramView, ElementIconRenderer } from './types';
+export type LikeC4BrowserProps<ViewId extends string> = {
     view: DiagramView<ViewId>;
+    /**
+     * By default determined by the user's system preferences.
+     */
+    colorScheme?: 'light' | 'dark' | undefined;
+    /**
+     * LikeC4 views are using 'IBM Plex Sans' font.
+     * By default, component injects the CSS to document head.
+     * Set to false if you want to handle the font yourself.
+     *
+     * @default true
+     */
+    injectFontCss?: boolean | undefined;
+    /**
+     * Background pattern
+     * @default 'dots'
+     */
+    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
     onNavigateTo: (to: ViewId) => void;
     onClose: () => void;
+    /**
+     * Render custom icon for a node
+     * By default, if icon is http:// or https://, it will be rendered as an image
+     */
+    renderIcon?: ElementIconRenderer | undefined;
 };
-export declare function LikeC4Browser<ViewId extends string>({ colorScheme, view, injectFontCss, onNavigateTo, onClose, background }: LikeC4BrowserProps<ViewId>): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4Browser<ViewId extends string>({ colorScheme, view, injectFontCss, onNavigateTo, onClose, renderIcon, background }: LikeC4BrowserProps<ViewId>): import("react/jsx-runtime").JSX.Element;

package/react/LikeC4ViewElement.d.ts

@@ -1,6 +1,29 @@
-import type { DiagramView, LikeC4ViewBaseProps } from './types';
-export type LikeC4ViewElementProps<ViewId extends string> = Omit<LikeC4ViewBaseProps<ViewId>, 'viewId' | 'interactive' | 'overlay'> & {
+import { type HTMLAttributes } from 'react';
+import type { DiagramView, ElementIconRenderer } from './types';
+export type LikeC4ViewElementProps<ViewId extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     view: DiagramView<ViewId>;
+    /**
+     * By default determined by the user's system preferences.
+     */
+    colorScheme?: 'light' | 'dark' | undefined;
+    /**
+     * LikeC4 views are using 'IBM Plex Sans' font.
+     * By default, component injects the CSS to document head.
+     * Set to false if you want to handle the font yourself.
+     *
+     * @default true
+     */
+    injectFontCss?: boolean | undefined;
+    /**
+     * Background pattern
+     * @default 'transparent'
+     */
+    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
     onNavigateTo?: ((to: ViewId) => void) | undefined;
+    /**
+     * Render custom icon for a node
+     * By default, if icon is http:// or https://, it will be rendered as an image
+     */
+    renderIcon?: ElementIconRenderer | undefined;
 };
-export declare function LikeC4ViewElement<ViewId extends string>({ onNavigateTo, className, view, injectFontCss, colorScheme, background, ...props }: LikeC4ViewElementProps<ViewId>): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4ViewElement<ViewId extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, ...props }: LikeC4ViewElementProps<ViewId>): import("react/jsx-runtime").JSX.Element;