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

package/assets/web/icons/reaction.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ReactionIcon(props) {
+var React = require("react");
+function ReactionIcon(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("path", {
       d: "M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
@@ -16,4 +18,4 @@ function ReactionIcon(props) {
 }
 ;
 ReactionIcon.displayName = "ReactionIcon";
-module.exports = ReactionIcon;
+module.exports = React.forwardRef(ReactionIcon);

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

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

package/assets/web/icons/reaction.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ReactionIcon(props) {
+function ReactionIcon(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("path", {
       d: "M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
@@ -16,4 +18,4 @@ function ReactionIcon(props) {
 }
 ;
 ReactionIcon.displayName = "ReactionIcon";
-export default ReactionIcon;
+export default forwardRef(ReactionIcon);

package/assets/web/icons/reply.cjs

@@ -1,17 +1,19 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ReplyIcon(props) {
+var React = require("react");
+function ReplyIcon(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: "M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.091-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"
+      d: "M9.405 5.708c.39-.391.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416L6.36 10.666h9.154c1.887 0 3.485 1.604 3.485 3.667C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.092-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"
     })
   });
 }
 ;
 ReplyIcon.displayName = "ReplyIcon";
-module.exports = ReplyIcon;
+module.exports = React.forwardRef(ReplyIcon);

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

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

package/assets/web/icons/reply.js

@@ -1,17 +1,19 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ReplyIcon(props) {
+function ReplyIcon(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: "M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.091-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"
+      d: "M9.405 5.708c.39-.391.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416L6.36 10.666h9.154c1.887 0 3.485 1.604 3.485 3.667C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.092-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"
     })
   });
 }
 ;
 ReplyIcon.displayName = "ReplyIcon";
-export default ReplyIcon;
+export default forwardRef(ReplyIcon);

package/assets/web/icons/restart.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function RestartIcon(props) {
+var React = require("react");
+function RestartIcon(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: "M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"
@@ -14,4 +16,4 @@ function RestartIcon(props) {
 }
 ;
 RestartIcon.displayName = "RestartIcon";
-module.exports = RestartIcon;
+module.exports = React.forwardRef(RestartIcon);

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

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

package/assets/web/icons/restart.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function RestartIcon(props) {
+function RestartIcon(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: "M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"
@@ -14,4 +16,4 @@ function RestartIcon(props) {
 }
 ;
 RestartIcon.displayName = "RestartIcon";
-export default RestartIcon;
+export default forwardRef(RestartIcon);

package/assets/web/icons/room.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function RoomIcon(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: "m8.566 17-.944 4.094a1.16 1.16 0 0 1-.372.656c-.19.167-.42.25-.687.25-.362 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.801-3.5H3.158c-.381 0-.687-.162-.916-.484a1.269 1.269 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12c-.38 0-.686-.161-.915-.484a1.269 1.269 0 0 1-.2-1.079A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094c.057-.27.18-.49.372-.656.19-.167.42-.25.686-.25.363 0 .658.156.887.469.23.312.296.656.2 1.031l-.8 3.5h4.578l.944-4.094c.057-.27.181-.49.372-.656.19-.167.42-.25.687-.25.362 0 .658.156.887.469.229.312.295.656.2 1.031L17.723 7h3.119c.382 0 .687.161.916.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937H17.15l-1.145 5h3.12c.38 0 .686.162.915.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937h-3.691l-.944 4.094c-.058.27-.182.49-.373.656-.19.167-.42.25-.686.25-.363 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.8-3.5H8.567Zm.573-2.5h4.578l1.144-5h-4.578l-1.144 5Z"
+    })
+  });
+}
+;
+RoomIcon.displayName = "RoomIcon";
+module.exports = React.forwardRef(RoomIcon);

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

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * room.svg
+ */
+declare const RoomIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default RoomIcon;

package/assets/web/icons/room.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function RoomIcon(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: "m8.566 17-.944 4.094a1.16 1.16 0 0 1-.372.656c-.19.167-.42.25-.687.25-.362 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.801-3.5H3.158c-.381 0-.687-.162-.916-.484a1.269 1.269 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12c-.38 0-.686-.161-.915-.484a1.269 1.269 0 0 1-.2-1.079A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094c.057-.27.18-.49.372-.656.19-.167.42-.25.686-.25.363 0 .658.156.887.469.23.312.296.656.2 1.031l-.8 3.5h4.578l.944-4.094c.057-.27.181-.49.372-.656.19-.167.42-.25.687-.25.362 0 .658.156.887.469.229.312.295.656.2 1.031L17.723 7h3.119c.382 0 .687.161.916.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937H17.15l-1.145 5h3.12c.38 0 .686.162.915.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937h-3.691l-.944 4.094c-.058.27-.182.49-.373.656-.19.167-.42.25-.686.25-.363 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.8-3.5H8.567Zm.573-2.5h4.578l1.144-5h-4.578l-1.144 5Z"
+    })
+  });
+}
+;
+RoomIcon.displayName = "RoomIcon";
+export default forwardRef(RoomIcon);

package/assets/web/icons/search.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function SearchIcon(props) {
+var React = require("react");
+function SearchIcon(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: "M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414l-3.244-3.244ZM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"
@@ -14,4 +16,4 @@ function SearchIcon(props) {
 }
 ;
 SearchIcon.displayName = "SearchIcon";
-module.exports = SearchIcon;
+module.exports = React.forwardRef(SearchIcon);

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

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

package/assets/web/icons/search.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function SearchIcon(props) {
+function SearchIcon(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: "M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414l-3.244-3.244ZM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"
@@ -14,4 +16,4 @@ function SearchIcon(props) {
 }
 ;
 SearchIcon.displayName = "SearchIcon";
-export default SearchIcon;
+export default forwardRef(SearchIcon);

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

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function SendSolidIcon(props) {
+var React = require("react");
+function SendSolidIcon(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.211 12.895-16.14 8.07c-.785.392-1.658-.342-1.406-1.182L5.7 13h6.55a1 1 0 1 0 0-2H5.7L3.665 4.217c-.252-.84.621-1.574 1.405-1.182l16.141 8.07a1 1 0 0 1 0 1.79Z"
@@ -14,4 +16,4 @@ function SendSolidIcon(props) {
 }
 ;
 SendSolidIcon.displayName = "SendSolidIcon";
-module.exports = SendSolidIcon;
+module.exports = React.forwardRef(SendSolidIcon);

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

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

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

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function SendSolidIcon(props) {
+function SendSolidIcon(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.211 12.895-16.14 8.07c-.785.392-1.658-.342-1.406-1.182L5.7 13h6.55a1 1 0 1 0 0-2H5.7L3.665 4.217c-.252-.84.621-1.574 1.405-1.182l16.141 8.07a1 1 0 0 1 0 1.79Z"
@@ -14,4 +16,4 @@ function SendSolidIcon(props) {
 }
 ;
 SendSolidIcon.displayName = "SendSolidIcon";
-export default SendSolidIcon;
+export default forwardRef(SendSolidIcon);

package/assets/web/icons/send.cjs

@@ -1,19 +1,21 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function SendIcon(props) {
+var React = require("react");
+function SendIcon(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: "m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182ZM6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788L6.246 5.859Z",
+      d: "m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z",
       clipRule: "evenodd"
     })
   });
 }
 ;
 SendIcon.displayName = "SendIcon";
-module.exports = SendIcon;
+module.exports = React.forwardRef(SendIcon);

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

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

package/assets/web/icons/send.js

@@ -1,19 +1,21 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function SendIcon(props) {
+function SendIcon(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: "m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182ZM6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788L6.246 5.859Z",
+      d: "m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z",
       clipRule: "evenodd"
     })
   });
 }
 ;
 SendIcon.displayName = "SendIcon";
-export default SendIcon;
+export default forwardRef(SendIcon);

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

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function SettingsSolidIcon(props) {
+var React = require("react");
+function SettingsSolidIcon(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.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286.085.034.17.07.253.106.531.23 1.162.16 1.572-.25a1.269 1.269 0 0 1 1.794 0l1.034 1.035a1.269 1.269 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572.036.084.07.168.105.253.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935-.033.085-.068.17-.104.253-.232.531-.161 1.162.248 1.572a1.269 1.269 0 0 1 0 1.794l-1.034 1.034a1.269 1.269 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a7.935 7.935 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a7.975 7.975 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.269 1.269 0 0 1-1.794 0l-1.034-1.034a1.269 1.269 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a7.89 7.89 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935.034-.085.07-.17.106-.253.23-.531.16-1.162-.25-1.572a1.269 1.269 0 0 1 0-1.794l1.035-1.034a1.269 1.269 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a7.93 7.93 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2h1.462ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
@@ -14,4 +16,4 @@ function SettingsSolidIcon(props) {
 }
 ;
 SettingsSolidIcon.displayName = "SettingsSolidIcon";
-module.exports = SettingsSolidIcon;
+module.exports = React.forwardRef(SettingsSolidIcon);

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

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

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

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function SettingsSolidIcon(props) {
+function SettingsSolidIcon(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.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286.085.034.17.07.253.106.531.23 1.162.16 1.572-.25a1.269 1.269 0 0 1 1.794 0l1.034 1.035a1.269 1.269 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572.036.084.07.168.105.253.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935-.033.085-.068.17-.104.253-.232.531-.161 1.162.248 1.572a1.269 1.269 0 0 1 0 1.794l-1.034 1.034a1.269 1.269 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a7.935 7.935 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a7.975 7.975 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.269 1.269 0 0 1-1.794 0l-1.034-1.034a1.269 1.269 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a7.89 7.89 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935.034-.085.07-.17.106-.253.23-.531.16-1.162-.25-1.572a1.269 1.269 0 0 1 0-1.794l1.035-1.034a1.269 1.269 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a7.93 7.93 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2h1.462ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
@@ -14,4 +16,4 @@ function SettingsSolidIcon(props) {
 }
 ;
 SettingsSolidIcon.displayName = "SettingsSolidIcon";
-export default SettingsSolidIcon;
+export default forwardRef(SettingsSolidIcon);

package/assets/web/icons/settings.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function SettingsIcon(props) {
+var React = require("react");
+function SettingsIcon(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("path", {
       d: "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"
@@ -16,4 +18,4 @@ function SettingsIcon(props) {
 }
 ;
 SettingsIcon.displayName = "SettingsIcon";
-module.exports = SettingsIcon;
+module.exports = React.forwardRef(SettingsIcon);

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

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

package/assets/web/icons/settings.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function SettingsIcon(props) {
+function SettingsIcon(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("path", {
       d: "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"
@@ -16,4 +18,4 @@ function SettingsIcon(props) {
 }
 ;
 SettingsIcon.displayName = "SettingsIcon";
-export default SettingsIcon;
+export default forwardRef(SettingsIcon);

package/assets/web/icons/share-android.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ShareAndroidIcon(props) {
+var React = require("react");
+function ShareAndroidIcon(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: "M13 5a4 4 0 1 1 1.4 3.04l-3.653 2.558a3.998 3.998 0 0 1 0 2.804L14.4 15.96a4 4 0 1 1-1.148 1.638L9.6 15.04a4 4 0 1 1 0-6.08l3.654-2.558A3.992 3.992 0 0 1 13 5Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
@@ -14,4 +16,4 @@ function ShareAndroidIcon(props) {
 }
 ;
 ShareAndroidIcon.displayName = "ShareAndroidIcon";
-module.exports = ShareAndroidIcon;
+module.exports = React.forwardRef(ShareAndroidIcon);

package/assets/web/icons/share-android.d.ts

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

package/assets/web/icons/share-android.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ShareAndroidIcon(props) {
+function ShareAndroidIcon(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: "M13 5a4 4 0 1 1 1.4 3.04l-3.653 2.558a3.998 3.998 0 0 1 0 2.804L14.4 15.96a4 4 0 1 1-1.148 1.638L9.6 15.04a4 4 0 1 1 0-6.08l3.654-2.558A3.992 3.992 0 0 1 13 5Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
@@ -14,4 +16,4 @@ function ShareAndroidIcon(props) {
 }
 ;
 ShareAndroidIcon.displayName = "ShareAndroidIcon";
-export default ShareAndroidIcon;
+export default forwardRef(ShareAndroidIcon);

package/assets/web/icons/share-ios.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ShareIosIcon(props) {
+var React = require("react");
+function ShareIosIcon(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("path", {
       d: "M12.707 2.293a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414L11 5.414V14a1 1 0 1 0 2 0V5.414l.793.793a1 1 0 1 0 1.414-1.414l-2.5-2.5Z"
@@ -16,4 +18,4 @@ function ShareIosIcon(props) {
 }
 ;
 ShareIosIcon.displayName = "ShareIosIcon";
-module.exports = ShareIosIcon;
+module.exports = React.forwardRef(ShareIosIcon);

package/assets/web/icons/share-ios.d.ts

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