@primer/octovisuals-react 0.3.0 → 0.3.1-rc.40bc48a

package/dist/icons/ButterflyIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/ButterflyIcon.tsx
-var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,10 +12,12 @@ var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": aria
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
@@ -23,6 +26,7 @@ var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": aria
 				d: "M35.5001 16C26.2486 7.14564 14.0796 2.38564 4.139 2L4.00002 2C2.89545 2 1.99661 2.8964 2.03272 4.00038C2.76049 26.2494 15.5434 45.1062 31 49C14.3379 52.9806 2.704 70.8394 2.03085 92.0527C1.997 93.1194 2.87959 93.9775 3.94641 93.9502C13.8505 93.9502 26.1401 89.4956 35.5001 81"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
@@ -31,15 +35,17 @@ var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": aria
 				d: "M61 16C70.2516 7.14564 82.4205 2.38564 92.3611 2L92.5001 2C93.6047 2 94.5035 2.8964 94.4674 4.00038C93.7396 26.2494 80.9567 45.1062 65.5001 49C82.1622 52.9806 93.7961 70.8394 94.4693 92.0527C94.5031 93.1194 93.6205 93.9775 92.5537 93.9502C82.6496 93.9502 70.36 89.4956 61 81"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M38.1319 47.9416L41.0675 76.3191C41.435 79.8716 44.4285 82.5714 48 82.5714C51.5715 82.5714 54.565 79.8716 54.9325 76.3191L57.8681 47.9416C58.4734 42.09 53.8829 37 48 37C42.1171 37 37.5265 42.09 38.1319 47.9416Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M39 28C39 32.9706 43.0294 37 48 37C52.9706 37 57 32.9706 57 28C57 23.0295 52.9706 19 48 19C43.0294 19 39 23.0295 39 28Z"
 			})
 		]
-	});
+	})] });
 });
 ButterflyIcon.displayName = "ButterflyIcon";
 //#endregion

package/dist/icons/ChangelogIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangelogIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ChangelogIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,aAAa,wHAMjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ChangelogIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ChangelogIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,aAAa,wHAOjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/icons/ChangelogIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/ChangelogIcon.tsx
-var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,10 +12,12 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -22,6 +25,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 6H55"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,6 +33,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M65 6H83"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -36,6 +41,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 20H38"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -43,6 +49,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M38 20H50"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -50,6 +57,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M50 20H94"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -57,6 +65,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M9 13L9 46"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -64,6 +73,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M9 46L9 72"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -71,6 +81,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 40H55"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -78,6 +89,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M65 40H83"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -85,6 +97,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 54H38"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -92,6 +105,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M38 54H50"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -99,6 +113,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M50 54H94"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -106,6 +121,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 74H55"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -113,6 +129,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M65 74H83"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -120,6 +137,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M26 88H38"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -127,6 +145,7 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M38 88H50"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -134,19 +153,22 @@ var ChangelogIcon = forwardRef(function ChangelogIcon({ size, "aria-label": aria
 				d: "M50 88H94"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M9 48C12.3137 48 15 45.3137 15 42C15 38.6863 12.3137 36 9 36C5.68629 36 3 38.6863 3 42C3 45.3137 5.68629 48 9 48Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M9 81.75C12.3137 81.75 15 79.0637 15 75.75C15 72.4363 12.3137 69.75 9 69.75C5.68629 69.75 3 72.4363 3 75.75C3 79.0637 5.68629 81.75 9 81.75Z"
 			})
 		]
-	});
+	})] });
 });
 ChangelogIcon.displayName = "ChangelogIcon";
 //#endregion

package/dist/icons/CheckCircleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,eAAe,wHAMnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,eAAe,wHAOnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/icons/CheckCircleIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/CheckCircleIcon.tsx
-var CheckCircleIcon = forwardRef(function CheckCircleIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var CheckCircleIcon = forwardRef(function CheckCircleIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,16 +12,19 @@ var CheckCircleIcon = forwardRef(function CheckCircleIcon({ size, "aria-label":
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [/* @__PURE__ */ jsx("path", {
+			pathLength: 1,
 			fill: "currentColor",
 			d: "M91.5588 48.0002C91.5588 24.3191 72.6617 5.0519 49.1243 4.45532L48.0002 4.44067C23.943 4.44067 4.44067 23.943 4.44067 48.0002L4.45532 49.1243C5.0519 72.6617 24.3191 91.5588 48.0002 91.5588C72.0569 91.5584 91.5584 72.0569 91.5588 48.0002ZM95.5588 48.0002C95.5584 74.2661 74.2661 95.5584 48.0002 95.5588C21.9391 95.5588 0.773856 74.5975 0.44458 48.6145L0.440674 48.0002C0.440674 21.7338 21.7338 0.440674 48.0002 0.440674L48.6145 0.44458C74.5975 0.773856 95.5588 21.9391 95.5588 48.0002Z"
 		}), /* @__PURE__ */ jsx("path", {
+			pathLength: 1,
 			fill: "#96A199",
 			d: "M71.6504 26.834C74.1886 28.964 74.5196 32.7486 72.3899 35.287L45.3929 67.4609C44.6583 68.3364 43.7262 68.9486 42.717 69.2886C40.6751 70.2261 38.1886 69.9734 36.353 68.4334L24.0963 58.1488C21.5579 56.0188 21.2268 52.2342 23.3568 49.6958C25.4868 47.1574 29.2713 46.8263 31.8098 48.9563L39.6999 55.5768L63.1974 27.5736C65.3275 25.0354 69.112 24.7041 71.6504 26.834Z"
 		})]
-	});
+	})] });
 });
 CheckCircleIcon.displayName = "CheckCircleIcon";
 //#endregion

package/dist/icons/CliPullRequestIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CliPullRequestIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CliPullRequestIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,kBAAkB,wHAMtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"CliPullRequestIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CliPullRequestIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,kBAAkB,wHAOtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/icons/CliPullRequestIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/CliPullRequestIcon.tsx
-var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,14 +12,17 @@ var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-la
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M52.8115 0C55.4636 6.16243e-05 58.0075 1.0534 59.8828 2.92871L75.1963 18.2422C77.0716 20.1175 78.1249 22.6614 78.125 25.3135V38C78.125 39.1046 77.2296 40 76.125 40C75.0204 40 74.125 39.1046 74.125 38V25.3135C74.1249 23.7223 73.4923 22.1965 72.3672 21.0713L57.0537 5.75781C55.9285 4.63265 54.4027 4.00006 52.8115 4H6.125C5.02043 4 4.125 4.89543 4.125 6V90C4.125 91.1046 5.02043 92 6.125 92H12C13.1046 92 14 92.8954 14 94C14 95.1046 13.1046 96 12 96H6.125C2.81129 96 0.125 93.3137 0.125 90V6C0.125 2.68629 2.81129 0 6.125 0H52.8115Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -26,6 +30,7 @@ var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-la
 				d: "M53.5 3V21C53.5 23.2091 55.2909 25 57.5 25H75.5"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -33,6 +38,7 @@ var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-la
 				d: "M21 46V86C21 90.4183 24.5817 94 29 94H86C90.4183 94 94 90.4183 94 86V46C94 41.5817 90.4183 38 86 38H29C24.5817 38 21 41.5817 21 46Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
@@ -40,6 +46,7 @@ var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-la
 				d: "M58.75 83L65.4213 75.4948C66.179 74.6423 66.179 73.3577 65.4213 72.5052L58.75 65"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
@@ -47,19 +54,22 @@ var CliPullRequestIcon = forwardRef(function CliPullRequestIcon({ size, "aria-la
 				d: "M69.75 83H83.75"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M34 55C36.2091 55 38 53.2091 38 51C38 48.7909 36.2091 47 34 47C31.7909 47 30 48.7909 30 51C30 53.2091 31.7909 55 34 55Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M45 55C47.2091 55 49 53.2091 49 51C49 48.7909 47.2091 47 45 47C42.7909 47 41 48.7909 41 51C41 53.2091 42.7909 55 45 55Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M56 55C58.2091 55 60 53.2091 60 51C60 48.7909 58.2091 47 56 47C53.7909 47 52 48.7909 52 51C52 53.2091 53.7909 55 56 55Z"
 			})
 		]
-	});
+	})] });
 });
 CliPullRequestIcon.displayName = "CliPullRequestIcon";
 //#endregion

package/dist/icons/CodeDiffIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiffIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CodeDiffIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,YAAY,wHAMhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CodeDiffIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CodeDiffIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,YAAY,wHAOhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/icons/CodeDiffIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/CodeDiffIcon.tsx
-var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,10 +12,12 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -22,6 +25,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M36 56H18"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,6 +33,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M90 40L6 40"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -36,6 +41,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M90 73L6 73"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -43,6 +49,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M48 23L48 90"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -50,6 +57,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M90 23L6 23"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -57,6 +65,7 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M6 82V14C6 9.58172 9.58172 6 14 6H82C86.4183 6 90 9.58172 90 14V82C90 86.4183 86.4183 90 82 90H14C9.58172 90 6 86.4183 6 82Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -64,11 +73,12 @@ var CodeDiffIcon = forwardRef(function CodeDiffIcon({ size, "aria-label": ariaLa
 				d: "M48 71.5V41.5C48 40.6716 48.6716 40 49.5 40H88.5C89.3284 40 90 40.6716 90 41.5V71.5C90 72.3284 89.3284 73 88.5 73H49.5C48.6716 73 48 72.3284 48 71.5Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M69 65C73.9706 65 78 60.9706 78 56C78 51.0294 73.9706 47 69 47C64.0294 47 60 51.0294 60 56C60 60.9706 64.0294 65 69 65Z"
 			})
 		]
-	});
+	})] });
 });
 CodeDiffIcon.displayName = "CodeDiffIcon";
 //#endregion

package/dist/icons/CodeQlIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeQlIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CodeQlIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,UAAU,wHAMd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"CodeQlIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CodeQlIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,UAAU,wHAOd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/icons/CodeQlIcon.js

@@ -1,8 +1,9 @@
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/icons/CodeQlIcon.tsx
-var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("svg", {
+var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
+var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size ?? 96,
 		height: size ?? 96,
@@ -11,14 +12,17 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 		"aria-hidden": ariaLabel ? void 0 : true,
 		"aria-label": ariaLabel,
 		role: ariaLabel ? "img" : void 0,
+		"data-octovisual-animation": animate ? "" : void 0,
 		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M21 29C25.9706 29 30 24.9706 30 20C30 15.0294 25.9706 11 21 11C16.0294 11 12 15.0294 12 20C12 24.9706 16.0294 29 21 29Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -26,6 +30,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M86 2H10C5.58172 2 2 5.58172 2 10V30C2 34.4183 5.58172 38 10 38H86C90.4183 38 94 34.4183 94 30V10C94 5.58172 90.4183 2 86 2Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -33,6 +38,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M42 16H47"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -40,6 +46,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M55 16H73"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -47,6 +54,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M48 26H60"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -54,6 +62,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M68 26H78"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -61,6 +70,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M16.5 39.5V53"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -68,6 +78,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M43 66H51"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -75,6 +86,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M61 66H79"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -82,6 +94,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M43 76H55"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -89,6 +102,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M64 76H76"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -96,6 +110,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M85 76H90"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -103,6 +118,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				d: "M43 86H72"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -113,18 +129,21 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				clipPath: "url(#code-ql_a)",
 				children: [
 					/* @__PURE__ */ jsx("path", {
+						pathLength: 1,
 						fill: "currentColor",
 						fillRule: "evenodd",
 						d: "M32.896 82.6559C31.7483 84.6496 25.0841 89.3539 17.0001 89.3539C8.91603 89.3539 2.25187 84.6496 1.10419 82.6559C1.02026 82.5101 0.993164 82.3436 0.993164 82.1754V78.6262C0.993164 78.479 1.01588 78.3328 1.07031 78.1961C1.56661 76.9499 2.8664 75.1397 4.54386 74.654C4.76625 74.0831 5.09564 73.2485 5.40297 72.6324C5.35152 72.1611 5.33341 71.6749 5.33341 71.1837C5.33341 69.4091 5.70957 67.8525 6.84301 66.6933C7.3724 66.1519 8.02927 65.7366 8.80829 65.4245C10.674 63.9088 13.3307 62.6337 16.9713 62.6337C20.6118 62.6337 23.3262 63.9088 25.1919 65.4245C25.9709 65.7366 26.6278 66.1519 27.1572 66.6933C28.2906 67.8525 28.6667 69.4091 28.6667 71.1837C28.6667 71.6749 28.6486 72.1611 28.5972 72.6324C28.9045 73.2485 29.2339 74.0831 29.4563 74.654C31.1338 75.1397 32.4335 76.9499 32.9298 78.1961C32.9843 78.3328 33.007 78.479 33.007 78.6262V82.1754C33.007 82.3436 32.9799 82.5101 32.896 82.6559ZM18.0844 70.7535C18.0277 70.3114 18.0007 69.9156 17.9999 69.562L17.9999 69.534C18.0017 68.508 18.2259 67.8404 18.5842 67.4304C19.0391 66.9098 19.9794 66.5109 21.961 66.7254C23.9687 66.9426 25.0909 67.4409 25.7271 68.0916C26.3431 68.7215 26.6667 69.664 26.6667 71.1837C26.6667 72.7983 26.434 73.7522 25.9224 74.3325C25.4359 74.8843 24.4779 75.3333 22.3796 75.3333C20.7665 75.3333 19.8443 74.8087 19.2547 74.0831C18.6215 73.3039 18.2652 72.1626 18.0844 70.7535ZM15.9158 70.7535C15.9725 70.3114 15.9995 69.9156 16.0002 69.562L16.0002 69.534C15.9985 68.508 15.7742 67.8404 15.416 67.4304C14.961 66.9098 14.0208 66.5109 12.0391 66.7254C10.0315 66.9426 8.90925 67.4409 8.27302 68.0916C7.65705 68.7215 7.33344 69.664 7.33344 71.1837C7.33344 72.7983 7.56613 73.7522 8.07775 74.3325C8.56425 74.8843 9.52225 75.3333 11.6205 75.3333C13.2336 75.3333 14.1559 74.8087 14.7455 74.0831C15.3786 73.3039 15.7349 72.1626 15.9158 70.7535ZM17.2297 74.6661C17.1532 74.6664 17.3062 74.6661 17.2297 74.6661C17.1532 74.6661 16.847 74.6664 16.7704 74.6661C16.6293 74.9025 16.4723 75.1293 16.2976 75.3444C15.2714 76.6073 13.7395 77.3333 11.6205 77.3333C9.32059 77.3333 7.63504 76.8546 6.57754 75.6552C6.51742 75.587 6.46363 75.5156 6.46363 75.5156L6.33341 75.6552V84.4341C8.2465 85.4737 12.3526 87.3394 17.0001 87.3394C21.6475 87.3394 25.7537 85.4737 27.6668 84.4341V75.6552L27.5365 75.5156C27.5365 75.5156 27.4925 75.576 27.4226 75.6552C26.3651 76.8546 24.6796 77.3333 22.3797 77.3333C20.2607 77.3333 18.7288 76.6073 17.7025 75.3444C17.5278 75.1293 17.3709 74.9025 17.2297 74.6661Z",
 						clipRule: "evenodd"
 					}),
 					/* @__PURE__ */ jsx("path", {
+						pathLength: 1,
 						fill: "currentColor",
 						fillRule: "evenodd",
 						d: "M20.3334 79C21.0698 79 21.6667 79.5969 21.6667 80.3333V83C21.6667 83.7363 21.0698 84.3333 20.3334 84.3333C19.597 84.3333 19.0001 83.7363 19.0001 83V80.3333C19.0001 79.5969 19.597 79 20.3334 79Z",
 						clipRule: "evenodd"
 					}),
 					/* @__PURE__ */ jsx("path", {
+						pathLength: 1,
 						fill: "currentColor",
 						fillRule: "evenodd",
 						d: "M13.6667 79C14.4031 79 15.0001 79.5969 15.0001 80.3333V83C15.0001 83.7363 14.4031 84.3333 13.6667 84.3333C12.9304 84.3333 12.3334 83.7363 12.3334 83V80.3333C12.3334 79.5969 12.9304 79 13.6667 79Z",
@@ -142,7 +161,7 @@ var CodeQlIcon = forwardRef(function CodeQlIcon({ size, "aria-label": ariaLabel,
 				})
 			}) })
 		]
-	});
+	})] });
 });
 CodeQlIcon.displayName = "CodeQlIcon";
 //#endregion

package/dist/icons/CoffeeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoffeeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CoffeeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,QAAA,MAAM,UAAU,wHAMd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"CoffeeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CoffeeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,UAAU,wHAOd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}