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

package/dist/icons/CoffeeIcon.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/CoffeeIcon.tsx
-var CoffeeIcon = forwardRef(function CoffeeIcon({ 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 CoffeeIcon = forwardRef(function CoffeeIcon({ 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 CoffeeIcon = forwardRef(function CoffeeIcon({ 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,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -22,6 +25,7 @@ var CoffeeIcon = forwardRef(function CoffeeIcon({ size, "aria-label": ariaLabel,
 				d: "M18 35.0578V57.0578C18 78.0446 35.0132 95.0578 56 95.0578C76.9868 95.0578 94 78.0446 94 57.0578V35.0578C94 30.6395 90.4183 27.0578 86 27.0578H26C21.5817 27.0578 18 30.6395 18 35.0578Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,6 +33,7 @@ var CoffeeIcon = forwardRef(function CoffeeIcon({ size, "aria-label": ariaLabel,
 				d: "M18 36.0578L17 36.0578C8.71573 36.0578 2 42.7735 2 51.0578C2 59.3421 8.71573 66.0578 17 66.0578L18 66.0578"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -36,6 +41,7 @@ var CoffeeIcon = forwardRef(function CoffeeIcon({ size, "aria-label": ariaLabel,
 				d: "M50.0687 2.00054C42.1629 5.28712 42.2271 14.7898 50.1768 18.0005"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -43,6 +49,7 @@ var CoffeeIcon = forwardRef(function CoffeeIcon({ size, "aria-label": ariaLabel,
 				d: "M63 2.0578C62.3557 6.42268 58.1896 9.97375 55 10.0578"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -50,27 +57,32 @@ var CoffeeIcon = forwardRef(function CoffeeIcon({ size, "aria-label": ariaLabel,
 				d: "M94 95.0578H19"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M47 60.0578C42.0294 60.0578 38 64.0872 38 69.0578C38.0001 74.0281 42.0289 78.0576 46.9993 78.0578C51.9698 78.0578 55.9999 74.0283 56 69.0578C56 64.0874 51.9704 60.058 47 60.0578Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M65 60.0578C60.0294 60.0578 56 64.0872 56 69.0578C56.0001 74.0281 60.0289 78.0576 64.9993 78.0578C69.9698 78.0578 73.9999 74.0283 74 69.0578C74 64.0874 69.9704 60.058 65 60.0578Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M65 53.0578C65 58.0284 60.9706 62.0578 56 62.0578C51.0294 62.0578 47 58.0284 47 53.0578C47 48.0873 51.0294 44.0578 56 44.0578C60.9706 44.0578 65 48.0873 65 53.0578Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M47 53.0578C47 58.0284 42.9706 62.0578 38 62.0578C33.0294 62.0578 29 58.0284 29 53.0578C29 48.0873 33.0294 44.0578 38 44.0578C42.9706 44.0578 47 48.0873 47 53.0578Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M83 53.0578C83 58.0284 78.9706 62.0578 74 62.0578C69.0294 62.0578 65 58.0284 65 53.0578C65 48.0873 69.0294 44.0578 74 44.0578C78.9706 44.0578 83 48.0873 83 53.0578Z"
 			})
 		]
-	});
+	})] });
 });
 CoffeeIcon.displayName = "CoffeeIcon";
 //#endregion

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

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

package/dist/icons/CommentIcon.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/CommentIcon.tsx
-var CommentIcon = forwardRef(function CommentIcon({ 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 CommentIcon = forwardRef(function CommentIcon({ 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,27 +12,32 @@ var CommentIcon = forwardRef(function CommentIcon({ size, "aria-label": ariaLabe
 		"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: "M90 22H92V22H90ZM39.2939 76V74H38.4988L37.9207 74.5459L39.2939 76ZM22.7461 91.6279L21.3729 90.1739L21.3729 90.1739L22.7461 91.6279ZM16 88.7207H14V88.7209L16 88.7207ZM16 74.835H18V73.487L16.7505 72.9811L16 74.835ZM6 22H4V22H6ZM74 6V8C81.732 8 88 14.268 88 22H90H92C92 12.0589 83.9411 4 74 4V6ZM90 22H88V60H90H92V22H90ZM90 60H88C88 67.732 81.732 74 74 74V76V78C83.9411 78 92 69.9411 92 60H90ZM74 76V74H39.2939V76V78H74V76ZM39.2939 76L37.9207 74.5459L21.3729 90.1739L22.7461 91.6279L24.1193 93.082L40.6672 77.4541L39.2939 76ZM22.7461 91.6279L21.3729 90.1739C20.0973 91.3786 18.0002 90.4745 18 88.7205L16 88.7207L14 88.7209C14.0005 93.9839 20.2933 96.6954 24.1193 93.082L22.7461 91.6279ZM16 88.7207H18V74.835H16H14V88.7207H16ZM16 74.835L16.7505 72.9811C11.6161 70.9025 8 65.8716 8 60H6H4C4 67.5573 8.65734 74.02 15.2495 76.6888L16 74.835ZM6 60H8V22H6H4V60H6ZM6 22H8C8 14.268 14.268 8 22 8V6V4C12.0589 4 4 12.0589 4 22H6ZM22 6V8H74V6V4H22V6Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M21 40C21 44.9706 25.0294 49 30 49C34.9706 49 39 44.9706 39 40C39 35.0295 34.9706 31 30 31C25.0294 31 21 35.0295 21 40Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M39 40C39 44.9706 43.0294 49 48 49C52.9706 49 57 44.9706 57 40C57 35.0295 52.9706 31 48 31C43.0294 31 39 35.0295 39 40Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M57 40C57 44.9706 61.0294 49 66 49C70.9706 49 75 44.9706 75 40C75 35.0295 70.9706 31 66 31C61.0294 31 57 35.0295 57 40Z"
 			})
 		]
-	});
+	})] });
 });
 CommentIcon.displayName = "CommentIcon";
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"CommunityIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CommunityIcon.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":"CommunityIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CommunityIcon.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/CommunityIcon.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/CommunityIcon.tsx
-var CommunityIcon = forwardRef(function CommunityIcon({ 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 CommunityIcon = forwardRef(function CommunityIcon({ 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 CommunityIcon = forwardRef(function CommunityIcon({ 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,
 				fill: "#96A199",
 				d: "M48 0.44043C74.2661 0.440566 95.5585 21.7339 95.5586 48C95.5585 74.2661 74.2661 95.5585 48 95.5586C21.7339 95.5585 0.440566 74.2661 0.44043 48C0.440452 43.5731 1.04712 39.2879 2.17871 35.2217C2.97496 36.9967 3.97331 38.661 5.14258 40.1875C4.78144 42.1815 4.55628 44.2229 4.47656 46.3018C4.78259 46.1116 5.14252 46 5.5293 46H11.4316C15.3395 48.5302 19.998 50 25 50C30.002 49.9999 34.6604 48.5302 38.5684 46H64.6699C64.4657 39.7215 63.2623 33.5147 61.1025 27.6064H51.6094C50.9118 27.6064 50.2983 27.2486 49.9404 26.707C49.9785 26.1429 50 25.5738 50 25C50 24.81 49.9964 24.6206 49.9922 24.4316C50.3558 23.932 50.9442 23.6065 51.6094 23.6064H59.4727C56.5475 17.112 52.4729 11.1763 47.4355 6.07812C46.4041 7.12196 45.413 8.20085 44.4639 9.3125C43.6203 8.26725 42.6949 7.29123 41.6963 6.39453C42.1911 5.82265 42.6964 5.25912 43.2119 4.7041C42.1928 4.81554 41.1842 4.9621 40.1875 5.14258C38.661 3.97331 36.9967 2.97496 35.2217 2.17871C39.2879 1.04711 43.5731 0.440452 48 0.44043ZM63.5039 73.166C60.6005 79.8805 56.5538 86.0501 51.5469 91.4141C64.7599 90.3493 76.3074 83.3899 83.5566 73.166H63.5039ZM12.4434 73.166C19.4648 83.0683 30.5184 89.9069 43.2119 91.2949C38.2564 85.9589 34.2491 79.8307 31.3672 73.166H12.4434ZM35.7529 73.166C38.6491 79.3594 42.5987 85.027 47.4355 89.9229C52.2723 85.0271 56.2221 79.3593 59.1182 73.166H35.7529ZM4.47656 49.6973C4.74663 56.7455 6.69097 63.3629 9.92383 69.166H29.7959C27.6118 62.9989 26.3981 56.5355 26.1992 50H5.5293C5.1424 50 4.78265 49.8875 4.47656 49.6973ZM30.2002 50C30.4131 56.5522 31.7157 63.0271 34.0566 69.166H60.8135C63.1545 63.027 64.457 56.5523 64.6699 50H30.2002ZM91.5225 49.6982C91.2166 49.888 90.8571 49.9999 90.4707 50H68.6719C68.473 56.5354 67.2592 62.999 65.0752 69.166H86.0762C89.3087 63.3632 91.2523 56.746 91.5225 49.6982ZM65.3438 27.6064C67.3593 33.54 68.4801 39.7371 68.6709 46H90.4707C90.8569 46.0001 91.2167 46.1111 91.5225 46.3008C91.264 39.5642 89.4766 33.2212 86.4961 27.6064H65.3438ZM51.5469 4.58398C56.694 10.0973 60.8256 16.4628 63.7451 23.3955C63.7746 23.4656 63.8028 23.5363 63.832 23.6064H84.0928C76.8842 12.9612 65.0903 5.67542 51.5469 4.58398Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -26,6 +30,7 @@ var CommunityIcon = forwardRef(function CommunityIcon({ size, "aria-label": aria
 				d: "M48 25C47.9999 37.7024 37.7024 47.9999 25 48C12.2975 48 2.00013 37.7025 2 25C2 12.2974 12.2974 2 25 2C37.7025 2.00013 48 12.2975 48 25Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "currentColor",
 				d: "M18.1627 27.3225C22.8448 26.5343 27.628 26.5486 32.3053 27.3645C36.747 28.1396 40.291 31.5034 41.2965 35.8987L42.275 40.1819C41.4752 41.0912 40.606 41.9378 39.6735 42.7112C39.0664 42.483 38.581 41.9649 38.4254 41.2854L37.3971 36.7903C36.7507 33.9652 34.4727 31.8032 31.6178 31.3049C27.3875 30.567 23.0614 30.554 18.8268 31.2668L18.61 31.303C15.6188 31.8068 13.2259 34.0647 12.5494 37.0217L11.5739 41.2854C11.4182 41.9651 10.9332 42.4831 10.3258 42.7112C9.39316 41.9376 8.52411 41.0904 7.72424 40.1809L8.65002 36.1301C9.68757 31.5945 13.3578 28.1313 17.9459 27.3586L18.1627 27.3225Z"
 			}),
@@ -38,7 +43,7 @@ var CommunityIcon = forwardRef(function CommunityIcon({ size, "aria-label": aria
 				rx: 6
 			})
 		]
-	});
+	})] });
 });
 CommunityIcon.displayName = "CommunityIcon";
 //#endregion

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

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

package/dist/icons/ConnectionBrokenIcon.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/ConnectionBrokenIcon.tsx
-var ConnectionBrokenIcon = forwardRef(function ConnectionBrokenIcon({ 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 ConnectionBrokenIcon = forwardRef(function ConnectionBrokenIcon({ 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 ConnectionBrokenIcon = forwardRef(function ConnectionBrokenIcon({ size, "ari
 		"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: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -22,6 +25,7 @@ var ConnectionBrokenIcon = forwardRef(function ConnectionBrokenIcon({ size, "ari
 				d: "M94.0003 27C86.4513 13.5196 73.0563 4.51995 58.0003 2.45392M82.0003 44L81.6142 43.3361C76.3721 34.3225 67.8183 27.9202 58.0003 25.3069M66.0003 57C64.1072 53.6344 61.3051 50.9677 58.0003 49.2374"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,19 +33,22 @@ var ConnectionBrokenIcon = forwardRef(function ConnectionBrokenIcon({ size, "ari
 				d: "M2.00031 27C10.9356 12.1079 26.744 2.76563 44.0003 2.04498M14.0003 44L14.3864 43.3361C20.8593 32.2063 32.2924 25.0484 45.0003 24.0978M30.0003 57C33.129 51.4379 38.7399 47.7847 45.0003 47.1123"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M40.0003 86C40.0003 90.9706 44.0297 95 49.0003 95C53.9709 95 58.0003 90.9706 58.0003 86C58.0003 81.0295 53.9709 77 49.0003 77C44.0297 77 40.0003 81.0295 40.0003 86Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M67.0003 73C67.0003 77.9706 71.0297 82 76.0003 82C80.9709 82 85.0003 77.9706 85.0003 73C85.0003 68.0295 80.9709 64 76.0003 64C71.0297 64 67.0003 68.0295 67.0003 73Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M0.000304782 63C0.000304565 67.9706 4.02973 72 9.00029 72C13.9709 72 18.0003 67.9706 18.0003 63C18.0003 58.0295 13.9709 54 9.00029 54C4.02973 54 0.000305 58.0295 0.000304782 63Z"
 			})
 		]
-	});
+	})] });
 });
 ConnectionBrokenIcon.displayName = "ConnectionBrokenIcon";
 //#endregion

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

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

package/dist/icons/ConnectionIcon.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/ConnectionIcon.tsx
-var ConnectionIcon = forwardRef(function ConnectionIcon({ 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 ConnectionIcon = forwardRef(function ConnectionIcon({ 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 ConnectionIcon = forwardRef(function ConnectionIcon({ size, "aria-label": ar
 		"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 ConnectionIcon = forwardRef(function ConnectionIcon({ size, "aria-label": ar
 				d: "M94.0002 26C84.6689 11.0699 68.3045 2 50.6982 2H46.8446C28.8242 2 11.9961 11.0061 2.00018 26"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,6 +33,7 @@ var ConnectionIcon = forwardRef(function ConnectionIcon({ size, "aria-label": ar
 				d: "M82.0002 44L81.6141 43.3361C74.652 31.365 61.8486 24 48.0002 24C34.1518 24 21.3484 31.365 14.3863 43.3361L14.0002 44"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -36,11 +41,12 @@ var ConnectionIcon = forwardRef(function ConnectionIcon({ size, "aria-label": ar
 				d: "M66.0002 58L65.6575 57.4828C61.7343 51.5609 55.1037 48 48.0002 48C40.8966 48 34.2661 51.5609 30.3429 57.4828L30.0002 58"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M35.0002 81C35.0002 88.1797 40.8205 94 48.0002 94C55.1799 94 61.0002 88.1797 61.0002 81C61.0002 73.8203 55.1799 68 48.0002 68C40.8205 68 35.0002 73.8203 35.0002 81Z"
 			})
 		]
-	});
+	})] });
 });
 ConnectionIcon.displayName = "ConnectionIcon";
 //#endregion

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

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

package/dist/icons/CopyIcon.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/CopyIcon.tsx
-var CopyIcon = forwardRef(function CopyIcon({ 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 CopyIcon = forwardRef(function CopyIcon({ 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 CopyIcon = forwardRef(function CopyIcon({ 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,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -94,7 +97,7 @@ var CopyIcon = forwardRef(function CopyIcon({ size, "aria-label": ariaLabel, ...
 				transform: "rotate(180 94 20)"
 			})
 		]
-	});
+	})] });
 });
 CopyIcon.displayName = "CopyIcon";
 //#endregion

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

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

package/dist/icons/CpuIcon.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/CpuIcon.tsx
-var CpuIcon = forwardRef(function CpuIcon({ 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 CpuIcon = forwardRef(function CpuIcon({ 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 CpuIcon = forwardRef(function CpuIcon({ size, "aria-label": ariaLabel, ...pr
 		"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: "M39 81.0003C40.1046 81.0003 41 81.8957 41 83.0003V94.0003C40.9999 95.1047 40.1045 96.0003 39 96.0003C37.8956 96.0003 37.0002 95.1047 37 94.0003V83.0003C37 81.8957 37.8955 81.0003 39 81.0003ZM57 81.0003C58.1046 81.0003 59 81.8957 59 83.0003V94.0003C58.9999 95.1047 58.1045 96.0003 57 96.0003C55.8956 96.0003 55.0002 95.1047 55 94.0003V83.0003C55 81.8957 55.8955 81.0003 57 81.0003ZM13 55.0003C14.1046 55.0003 15 55.8957 15 57.0003C14.9999 58.1047 14.1045 59.0003 13 59.0003H2.00003C0.895563 59.0003 0.000195429 58.1047 3.05176e-05 57.0003C3.05176e-05 55.8957 0.895461 55.0003 2.00003 55.0003H13ZM94 55.0003C95.1046 55.0003 96 55.8957 96 57.0003C95.9999 58.1047 95.1045 59.0003 94 59.0003H83C81.8956 59.0003 81.0002 58.1047 81 57.0003C81 55.8957 81.8955 55.0003 83 55.0003H94ZM13 37.0003C14.1046 37.0003 15 37.8957 15 39.0003C14.9999 40.1047 14.1045 41.0003 13 41.0003H2.00003C0.895563 41.0003 0.000195429 40.1047 3.05176e-05 39.0003C3.05176e-05 37.8957 0.895461 37.0003 2.00003 37.0003H13ZM94 37.0003C95.1046 37.0003 96 37.8957 96 39.0003C95.9999 40.1047 95.1045 41.0003 94 41.0003H83C81.8956 41.0003 81.0002 40.1047 81 39.0003C81 37.8957 81.8955 37.0003 83 37.0003H94ZM39 0.00128174C40.1045 0.00128176 40.9998 0.896909 41 2.00128V13.0013C41 14.1059 40.1046 15.0013 39 15.0013C37.8955 15.0013 37 14.1059 37 13.0013V2.00128C37.0003 0.896909 37.8956 0.0012818 39 0.00128174ZM57 0.00128174C58.1045 0.00128176 58.9998 0.896909 59 2.00128V13.0013C59 14.1059 58.1046 15.0013 57 15.0013C55.8955 15.0013 55 14.1059 55 13.0013V2.00128C55.0003 0.896909 55.8956 0.0012818 57 0.00128174Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "currentColor",
 				d: "M28.9995 13V15H66.9995V13V11H28.9995V13ZM82.9995 29H80.9995V67H82.9995H84.9995V29H82.9995ZM66.9995 83V81H28.9995V83V85H66.9995V83ZM12.9995 67H14.9995V29H12.9995H10.9995V67H12.9995ZM28.9995 83V81C21.2675 81 14.9995 74.732 14.9995 67H12.9995H10.9995C10.9995 76.9411 19.0584 85 28.9995 85V83ZM82.9995 67H80.9995C80.9995 74.732 74.7315 81 66.9995 81V83V85C76.9406 85 84.9995 76.9411 84.9995 67H82.9995ZM66.9995 13V15C74.7315 15 80.9995 21.268 80.9995 29H82.9995H84.9995C84.9995 19.0589 76.9406 11 66.9995 11V13ZM28.9995 13V11C19.0584 11 10.9995 19.0589 10.9995 29H12.9995H14.9995C14.9995 21.268 21.2675 15 28.9995 15V13Z"
 			}),
@@ -104,7 +108,7 @@ var CpuIcon = forwardRef(function CpuIcon({ size, "aria-label": ariaLabel, ...pr
 				transform: "rotate(180 39 75)"
 			})
 		]
-	});
+	})] });
 });
 CpuIcon.displayName = "CpuIcon";
 //#endregion

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

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

package/dist/icons/DataDrivenRecommendationsIcon.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/DataDrivenRecommendationsIcon.tsx
-var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendationsIcon({ 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 DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendationsIcon({ 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 DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 		"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: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -22,6 +25,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M69 7L69 48"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -29,6 +33,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M90 28L48 28"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -36,6 +41,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M48 6L48 90"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -43,6 +49,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M90 48L6 48"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -50,6 +57,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M90 48V14C90 9.58172 86.4183 6 82 6H14C9.58172 6 6 9.58172 6 14V82C6 86.4183 9.58172 90 14 90H48"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -57,6 +65,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M27 39L27 29"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -64,6 +73,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M37 39L37 26"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "#96A199",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -71,6 +81,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M17 39L17 18"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M27 77C31.9706 77 36 72.9706 36 68C36 63.0294 31.9706 59 27 59C22.0294 59 18 63.0294 18 68C18 72.9706 22.0294 77 27 77Z"
 			}),
@@ -84,6 +95,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				strokeWidth: 4
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeMiterlimit: 10,
@@ -91,7 +103,7 @@ var DataDrivenRecommendationsIcon = forwardRef(function DataDrivenRecommendation
 				d: "M78.5 70V77.8889C78.5 79.3713 79.3198 80.7321 80.6302 81.425L85.5 84"
 			})
 		]
-	});
+	})] });
 });
 DataDrivenRecommendationsIcon.displayName = "DataDrivenRecommendationsIcon";
 //#endregion

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

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

package/dist/icons/DiscussionIcon.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/DiscussionIcon.tsx
-var DiscussionIcon = forwardRef(function DiscussionIcon({ 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 DiscussionIcon = forwardRef(function DiscussionIcon({ 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,31 +12,37 @@ var DiscussionIcon = forwardRef(function DiscussionIcon({ size, "aria-label": ar
 		"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: "M94 34C95.1046 34 96 34.8954 96 36V64C96 71.0702 91.9232 77.1811 86 80.125V90.1357C86 95.2211 80.0942 97.967 76.2139 94.791L76.0303 94.6357L61.71 82H36C34.8954 82 34 81.1046 34 80C34 78.8954 34.8954 78 36 78H63.2227L63.79 78.5L78.6768 91.6357L78.7998 91.7363C80.0928 92.7168 82 91.8047 82 90.1357V77.4873L83.249 76.9814C88.3835 74.9028 92 69.8716 92 64V36C92 34.8954 92.8954 34 94 34Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "currentColor",
 				d: "M35.7998 66V64H35.0436L34.4765 64.5003L35.7998 66ZM18.6465 81.1357L19.9697 82.6355L19.9697 82.6354L18.6465 81.1357ZM12 64.835H14V63.487L12.7505 62.9811L12 64.835ZM66 2V4C73.732 4 80 10.268 80 18H82H84C84 8.05888 75.9411 0 66 0V2ZM82 18H80V50H82H84V18H82ZM82 50H80C80 57.732 73.732 64 66 64V66V68C75.9411 68 84 59.9411 84 50H82ZM66 66V64H35.7998V66V68H66V66ZM35.7998 66L34.4765 64.5003L17.3232 79.6361L18.6465 81.1357L19.9697 82.6354L37.1231 67.4997L35.7998 66ZM18.6465 81.1357L17.3233 79.636C16.0323 80.7751 14 79.8584 14 78.1357H12H10C10 83.3019 16.0951 86.0539 19.9697 82.6355L18.6465 81.1357ZM12 78.1357H14V64.835H12H10V78.1357H12ZM12 64.835L12.7505 62.9811C7.61608 60.9025 4 55.8716 4 50H2H0C0 57.5573 4.65734 64.02 11.2495 66.6888L12 64.835ZM2 50H4V18H2H0V50H2ZM2 18H4C4 10.268 10.268 4 18 4V2V0C8.05887 0 0 8.05888 0 18H2ZM18 2V4H66V2V0H18V2Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M15 34C15 38.9706 19.0294 43 24 43C28.9706 43 33 38.9706 33 34C33 29.0295 28.9706 25 24 25C19.0294 25 15 29.0295 15 34Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M33 34C33 38.9706 37.0294 43 42 43C46.9706 43 51 38.9706 51 34C51 29.0295 46.9706 25 42 25C37.0294 25 33 29.0295 33 34Z"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				pathLength: 1,
 				fill: "#96A199",
 				d: "M51 34C51 38.9706 55.0294 43 60 43C64.9706 43 69 38.9706 69 34C69 29.0295 64.9706 25 60 25C55.0294 25 51 29.0295 51 34Z"
 			})
 		]
-	});
+	})] });
 });
 DiscussionIcon.displayName = "DiscussionIcon";
 //#endregion

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

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