@vector-im/compound-design-tokens 1.6.0 → 1.7.0

package/assets/web/icons/edit-solid.cjs

@@ -1,29 +1,31 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function EditSolidIcon(props) {
+var React = require("react");
+function EditSolidIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("mask", {
       id: "a",
       children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
         fillRule: "evenodd",
-        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.972L17.12 4.05Z",
+        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",
         clipRule: "evenodd"
       })
     }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       fillRule: "evenodd",
-      d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.972L17.12 4.05Z",
+      d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",
       clipRule: "evenodd"
     }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-      d: "m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.88l1.414 1.414Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.422 2.828 2.828Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79l-2.829-2.828ZM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657L19.95 6.88Zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828-2.83 2.827Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708 19.95 6.88Z",
+      d: "m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.879l1.414 1.415Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.972 1.414 1.415 1.414-1.415-1.414-1.414L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.421 2.828 2.829Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.213a1 1 0 0 1 1.213 1.213l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.414.97 3.881 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.88a3 3 0 0 0 1.394-.788l-2.829-2.829ZM19.95 6.88l2.828 2.829a4 4 0 0 0 0-5.657L19.95 6.879Zm-2.83-2.829 2.829 2.828 2.828-2.828-2.828-2.828L17.12 4.05Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.633l2.829 2.829L22.777 9.708 19.95 6.879Z",
       mask: "url(#a)"
     })]
   });
 }
 ;
 EditSolidIcon.displayName = "EditSolidIcon";
-module.exports = EditSolidIcon;
+module.exports = React.forwardRef(EditSolidIcon);

package/assets/web/icons/edit-solid.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * edit-solid.svg
  */
-declare const EditSolidIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const EditSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default EditSolidIcon;

package/assets/web/icons/edit-solid.js

@@ -1,29 +1,31 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function EditSolidIcon(props) {
+function EditSolidIcon(props, ref) {
   return /*#__PURE__*/_jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("mask", {
       id: "a",
       children: /*#__PURE__*/_jsx("path", {
         fillRule: "evenodd",
-        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.972L17.12 4.05Z",
+        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",
         clipRule: "evenodd"
       })
     }), /*#__PURE__*/_jsx("path", {
       fillRule: "evenodd",
-      d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.972L17.12 4.05Z",
+      d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",
       clipRule: "evenodd"
     }), /*#__PURE__*/_jsx("path", {
-      d: "m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.88l1.414 1.414Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.422 2.828 2.828Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79l-2.829-2.828ZM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657L19.95 6.88Zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828-2.83 2.827Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708 19.95 6.88Z",
+      d: "m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.879l1.414 1.415Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.972 1.414 1.415 1.414-1.415-1.414-1.414L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.421 2.828 2.829Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.213a1 1 0 0 1 1.213 1.213l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.414.97 3.881 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.88a3 3 0 0 0 1.394-.788l-2.829-2.829ZM19.95 6.88l2.828 2.829a4 4 0 0 0 0-5.657L19.95 6.879Zm-2.83-2.829 2.829 2.828 2.828-2.828-2.828-2.828L17.12 4.05Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.633l2.829 2.829L22.777 9.708 19.95 6.879Z",
       mask: "url(#a)"
     })]
   });
 }
 ;
 EditSolidIcon.displayName = "EditSolidIcon";
-export default EditSolidIcon;
+export default forwardRef(EditSolidIcon);

package/assets/web/icons/edit.cjs

@@ -1,19 +1,21 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function EditIcon(props) {
+var React = require("react");
+function EditIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       fillRule: "evenodd",
-      d: "M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.213l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.1 7.07l-8.543 8.544-.943 3.771 3.771-.943L16.93 9.9Z",
+      d: "M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.212l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.77 3.771-.942L16.93 9.9Z",
       clipRule: "evenodd"
     })
   });
 }
 ;
 EditIcon.displayName = "EditIcon";
-module.exports = EditIcon;
+module.exports = React.forwardRef(EditIcon);

package/assets/web/icons/edit.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * edit.svg
  */
-declare const EditIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const EditIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default EditIcon;

package/assets/web/icons/edit.js

@@ -1,19 +1,21 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function EditIcon(props) {
+function EditIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       fillRule: "evenodd",
-      d: "M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.213l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.1 7.07l-8.543 8.544-.943 3.771 3.771-.943L16.93 9.9Z",
+      d: "M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.212l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.77 3.771-.942L16.93 9.9Z",
       clipRule: "evenodd"
     })
   });
 }
 ;
 EditIcon.displayName = "EditIcon";
-export default EditIcon;
+export default forwardRef(EditIcon);

package/assets/web/icons/email-solid.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function EmailSolidIcon(props) {
+var React = require("react");
+function EmailSolidIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"
@@ -14,4 +16,4 @@ function EmailSolidIcon(props) {
 }
 ;
 EmailSolidIcon.displayName = "EmailSolidIcon";
-module.exports = EmailSolidIcon;
+module.exports = React.forwardRef(EmailSolidIcon);

package/assets/web/icons/email-solid.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * email-solid.svg
  */
-declare const EmailSolidIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const EmailSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default EmailSolidIcon;

package/assets/web/icons/email-solid.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function EmailSolidIcon(props) {
+function EmailSolidIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"
@@ -14,4 +16,4 @@ function EmailSolidIcon(props) {
 }
 ;
 EmailSolidIcon.displayName = "EmailSolidIcon";
-export default EmailSolidIcon;
+export default forwardRef(EmailSolidIcon);

package/assets/web/icons/email.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function EmailIcon(props) {
+var React = require("react");
+function EmailIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0v1.412l8 4.444 8-4.444V6H4Zm0 3.7V18h16V9.7l-7.514 4.174a1 1 0 0 1-.972 0L4 9.7Z"
@@ -14,4 +16,4 @@ function EmailIcon(props) {
 }
 ;
 EmailIcon.displayName = "EmailIcon";
-module.exports = EmailIcon;
+module.exports = React.forwardRef(EmailIcon);

package/assets/web/icons/email.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * email.svg
  */
-declare const EmailIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const EmailIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default EmailIcon;

package/assets/web/icons/email.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function EmailIcon(props) {
+function EmailIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0v1.412l8 4.444 8-4.444V6H4Zm0 3.7V18h16V9.7l-7.514 4.174a1 1 0 0 1-.972 0L4 9.7Z"
@@ -14,4 +16,4 @@ function EmailIcon(props) {
 }
 ;
 EmailIcon.displayName = "EmailIcon";
-export default EmailIcon;
+export default forwardRef(EmailIcon);

package/assets/web/icons/end-call.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function EndCallIcon(props) {
+var React = require("react");
+function EndCallIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "m2.765 16.02-2.47-2.416A1.018 1.018 0 0 1 0 12.852c0-.304.098-.555.295-.751a15.64 15.64 0 0 1 5.316-3.786A15.89 15.89 0 0 1 12 7c2.237 0 4.367.443 6.39 1.329a15.977 15.977 0 0 1 5.315 3.772c.197.196.295.447.295.751 0 .305-.098.555-.295.752l-2.47 2.416a1.047 1.047 0 0 1-1.396.108l-3.114-2.363a1.067 1.067 0 0 1-.322-.376 1.066 1.066 0 0 1-.108-.483v-2.27a13.593 13.593 0 0 0-2.12-.524C13.459 9.996 12 9.937 12 9.937s-1.459.059-2.175.175c-.715.116-1.422.29-2.12.523v2.271c0 .179-.036.34-.108.483a1.066 1.066 0 0 1-.322.376l-3.114 2.363a1.047 1.047 0 0 1-1.396-.107Z"
@@ -14,4 +16,4 @@ function EndCallIcon(props) {
 }
 ;
 EndCallIcon.displayName = "EndCallIcon";
-module.exports = EndCallIcon;
+module.exports = React.forwardRef(EndCallIcon);

package/assets/web/icons/end-call.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * end-call.svg
  */
-declare const EndCallIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const EndCallIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default EndCallIcon;

package/assets/web/icons/end-call.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function EndCallIcon(props) {
+function EndCallIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "m2.765 16.02-2.47-2.416A1.018 1.018 0 0 1 0 12.852c0-.304.098-.555.295-.751a15.64 15.64 0 0 1 5.316-3.786A15.89 15.89 0 0 1 12 7c2.237 0 4.367.443 6.39 1.329a15.977 15.977 0 0 1 5.315 3.772c.197.196.295.447.295.751 0 .305-.098.555-.295.752l-2.47 2.416a1.047 1.047 0 0 1-1.396.108l-3.114-2.363a1.067 1.067 0 0 1-.322-.376 1.066 1.066 0 0 1-.108-.483v-2.27a13.593 13.593 0 0 0-2.12-.524C13.459 9.996 12 9.937 12 9.937s-1.459.059-2.175.175c-.715.116-1.422.29-2.12.523v2.271c0 .179-.036.34-.108.483a1.066 1.066 0 0 1-.322.376l-3.114 2.363a1.047 1.047 0 0 1-1.396-.107Z"
@@ -14,4 +16,4 @@ function EndCallIcon(props) {
 }
 ;
 EndCallIcon.displayName = "EndCallIcon";
-export default EndCallIcon;
+export default forwardRef(EndCallIcon);

package/assets/web/icons/error.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ErrorIcon(props) {
+var React = require("react");
+function ErrorIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
@@ -14,4 +16,4 @@ function ErrorIcon(props) {
 }
 ;
 ErrorIcon.displayName = "ErrorIcon";
-module.exports = ErrorIcon;
+module.exports = React.forwardRef(ErrorIcon);

package/assets/web/icons/error.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * error.svg
  */
-declare const ErrorIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const ErrorIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default ErrorIcon;

package/assets/web/icons/error.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ErrorIcon(props) {
+function ErrorIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
@@ -14,4 +16,4 @@ function ErrorIcon(props) {
 }
 ;
 ErrorIcon.displayName = "ErrorIcon";
-export default ErrorIcon;
+export default forwardRef(ErrorIcon);

package/assets/web/icons/expand.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ExpandIcon(props) {
+var React = require("react");
+function ExpandIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M21 3.997a.996.996 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a.997.997 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0V3.997Z"
@@ -14,4 +16,4 @@ function ExpandIcon(props) {
 }
 ;
 ExpandIcon.displayName = "ExpandIcon";
-module.exports = ExpandIcon;
+module.exports = React.forwardRef(ExpandIcon);

package/assets/web/icons/expand.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * expand.svg
  */
-declare const ExpandIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const ExpandIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default ExpandIcon;

package/assets/web/icons/expand.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ExpandIcon(props) {
+function ExpandIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M21 3.997a.996.996 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a.997.997 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0V3.997Z"
@@ -14,4 +16,4 @@ function ExpandIcon(props) {
 }
 ;
 ExpandIcon.displayName = "ExpandIcon";
-export default ExpandIcon;
+export default forwardRef(ExpandIcon);

package/assets/web/icons/export-archive.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ExportArchiveIcon(props) {
+var React = require("react");
+function ExportArchiveIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V6.5c0-.25.042-.475.125-.675.083-.2.192-.392.325-.575l1.4-1.7c.133-.183.3-.32.5-.412C5.55 3.046 5.767 3 6 3h12c.233 0 .45.046.65.138.2.091.367.229.5.412l1.4 1.7c.133.183.242.375.325.575.083.2.125.425.125.675V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 19h14V8H5v11Zm7-1.425c.133 0 .258-.02.375-.063a.877.877 0 0 0 .325-.212l2.6-2.6a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-.9.9V11a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3.2l-.9-.9a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.6 2.6c.1.1.208.17.325.212.117.042.242.063.375.063Z"
@@ -14,4 +16,4 @@ function ExportArchiveIcon(props) {
 }
 ;
 ExportArchiveIcon.displayName = "ExportArchiveIcon";
-module.exports = ExportArchiveIcon;
+module.exports = React.forwardRef(ExportArchiveIcon);

package/assets/web/icons/export-archive.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * export-archive.svg
  */
-declare const ExportArchiveIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const ExportArchiveIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default ExportArchiveIcon;

package/assets/web/icons/export-archive.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ExportArchiveIcon(props) {
+function ExportArchiveIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V6.5c0-.25.042-.475.125-.675.083-.2.192-.392.325-.575l1.4-1.7c.133-.183.3-.32.5-.412C5.55 3.046 5.767 3 6 3h12c.233 0 .45.046.65.138.2.091.367.229.5.412l1.4 1.7c.133.183.242.375.325.575.083.2.125.425.125.675V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 19h14V8H5v11Zm7-1.425c.133 0 .258-.02.375-.063a.877.877 0 0 0 .325-.212l2.6-2.6a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-.9.9V11a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3.2l-.9-.9a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.6 2.6c.1.1.208.17.325.212.117.042.242.063.375.063Z"
@@ -14,4 +16,4 @@ function ExportArchiveIcon(props) {
 }
 ;
 ExportArchiveIcon.displayName = "ExportArchiveIcon";
-export default ExportArchiveIcon;
+export default forwardRef(ExportArchiveIcon);

package/assets/web/icons/extensions-solid.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ExtensionsSolidIcon(props) {
+var React = require("react");
+function ExtensionsSolidIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M17.913 11.39a.907.907 0 0 1-.663.282.907.907 0 0 1-.663-.282L12.61 7.413a.907.907 0 0 1-.282-.663c0-.254.094-.475.282-.663l3.977-3.977a.907.907 0 0 1 .663-.282c.254 0 .475.094.663.282l3.977 3.977a.907.907 0 0 1 .282.663.907.907 0 0 1-.282.663l-3.977 3.977Zm-14.625-.677A.968.968 0 0 0 4 11h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 11 10V4a.967.967 0 0 0-.287-.712A.968.968 0 0 0 10 3H4a.968.968 0 0 0-.712.288A.968.968 0 0 0 3 4v6c0 .283.096.52.288.713Zm9.999 9.999c.192.192.43.288.713.288h6c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 20v-6a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-6a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 14v6c0 .283.096.52.287.712Zm-9.999 0A.965.965 0 0 0 4 21h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 11 20v-6a.968.968 0 0 0-.287-.713A.968.968 0 0 0 10 13H4a.967.967 0 0 0-.712.287A.968.968 0 0 0 3 14v6c0 .283.096.52.288.712Z"
@@ -14,4 +16,4 @@ function ExtensionsSolidIcon(props) {
 }
 ;
 ExtensionsSolidIcon.displayName = "ExtensionsSolidIcon";
-module.exports = ExtensionsSolidIcon;
+module.exports = React.forwardRef(ExtensionsSolidIcon);

package/assets/web/icons/extensions-solid.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * extensions-solid.svg
  */
-declare const ExtensionsSolidIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const ExtensionsSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default ExtensionsSolidIcon;

package/assets/web/icons/extensions-solid.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ExtensionsSolidIcon(props) {
+function ExtensionsSolidIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_jsx("path", {
       d: "M17.913 11.39a.907.907 0 0 1-.663.282.907.907 0 0 1-.663-.282L12.61 7.413a.907.907 0 0 1-.282-.663c0-.254.094-.475.282-.663l3.977-3.977a.907.907 0 0 1 .663-.282c.254 0 .475.094.663.282l3.977 3.977a.907.907 0 0 1 .282.663.907.907 0 0 1-.282.663l-3.977 3.977Zm-14.625-.677A.968.968 0 0 0 4 11h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 11 10V4a.967.967 0 0 0-.287-.712A.968.968 0 0 0 10 3H4a.968.968 0 0 0-.712.288A.968.968 0 0 0 3 4v6c0 .283.096.52.288.713Zm9.999 9.999c.192.192.43.288.713.288h6c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 20v-6a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-6a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 14v6c0 .283.096.52.287.712Zm-9.999 0A.965.965 0 0 0 4 21h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 11 20v-6a.968.968 0 0 0-.287-.713A.968.968 0 0 0 10 13H4a.967.967 0 0 0-.712.287A.968.968 0 0 0 3 14v6c0 .283.096.52.288.712Z"
@@ -14,4 +16,4 @@ function ExtensionsSolidIcon(props) {
 }
 ;
 ExtensionsSolidIcon.displayName = "ExtensionsSolidIcon";
-export default ExtensionsSolidIcon;
+export default forwardRef(ExtensionsSolidIcon);

package/assets/web/icons/extensions.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ExtensionsIcon(props) {
+var React = require("react");
+function ExtensionsIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     viewBox: "0 0 24 24",
+    ref: ref,
     ...props,
     children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       d: "M17.25 11.672a.907.907 0 0 1-.663-.282L12.61 7.413a.907.907 0 0 1-.282-.663c0-.254.094-.475.282-.663l3.977-3.977a.907.907 0 0 1 .663-.282c.254 0 .475.094.663.282l3.977 3.977a.907.907 0 0 1 .282.663.907.907 0 0 1-.282.663l-3.977 3.977a.907.907 0 0 1-.663.282Zm2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475 2.475-2.475ZM4 11a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 10V4c0-.283.096-.52.288-.712A.968.968 0 0 1 4 3h6a.97.97 0 0 1 .713.288A.968.968 0 0 1 11 4v6c0 .283-.096.52-.287.713A.968.968 0 0 1 10 11H4Zm5-2V5H5v4h4Zm5 12a.968.968 0 0 1-.713-.288A.968.968 0 0 1 13 20v-6c0-.283.096-.52.287-.713A.968.968 0 0 1 14 13h6a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v6c0 .283-.096.52-.288.712A.968.968 0 0 1 20 21h-6Zm5-2v-4h-4v4h4ZM4 21a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 20v-6a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 13h6c.283 0 .52.096.713.287.191.192.287.43.287.713v6a.97.97 0 0 1-.287.712A.968.968 0 0 1 10 21H4Zm5-2v-4H5v4h4Z"
@@ -14,4 +16,4 @@ function ExtensionsIcon(props) {
 }
 ;
 ExtensionsIcon.displayName = "ExtensionsIcon";
-module.exports = ExtensionsIcon;
+module.exports = React.forwardRef(ExtensionsIcon);

package/assets/web/icons/extensions.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+import React from "react";
 
 /**
  * extensions.svg
  */
-declare const ExtensionsIcon: React.FunctionComponent<
-    React.ComponentProps<"svg">
+declare const ExtensionsIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
 >;
 
 export default ExtensionsIcon;