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

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

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function HomeSolidIcon(props) {
+var React = require("react");
+function HomeSolidIcon(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.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z"
@@ -14,4 +16,4 @@ function HomeSolidIcon(props) {
 }
 ;
 HomeSolidIcon.displayName = "HomeSolidIcon";
-module.exports = HomeSolidIcon;
+module.exports = React.forwardRef(HomeSolidIcon);

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

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

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

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function HomeSolidIcon(props) {
+function HomeSolidIcon(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.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z"
@@ -14,4 +16,4 @@ function HomeSolidIcon(props) {
 }
 ;
 HomeSolidIcon.displayName = "HomeSolidIcon";
-export default HomeSolidIcon;
+export default forwardRef(HomeSolidIcon);

package/assets/web/icons/home.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function HomeIcon(props) {
+var React = require("react");
+function HomeIcon(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",
@@ -16,4 +18,4 @@ function HomeIcon(props) {
 }
 ;
 HomeIcon.displayName = "HomeIcon";
-module.exports = HomeIcon;
+module.exports = React.forwardRef(HomeIcon);

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

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

package/assets/web/icons/home.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function HomeIcon(props) {
+function HomeIcon(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",
@@ -16,4 +18,4 @@ function HomeIcon(props) {
 }
 ;
 HomeIcon.displayName = "HomeIcon";
-export default HomeIcon;
+export default forwardRef(HomeIcon);

package/assets/web/icons/host.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function HostIcon(props) {
+var React = require("react");
+function HostIcon(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.712 6.713A.968.968 0 0 1 16 7a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 6c0-.283.096-.52.287-.713A.968.968 0 0 1 16 5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Z"
@@ -18,4 +20,4 @@ function HostIcon(props) {
 }
 ;
 HostIcon.displayName = "HostIcon";
-module.exports = HostIcon;
+module.exports = React.forwardRef(HostIcon);

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

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

package/assets/web/icons/host.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function HostIcon(props) {
+function HostIcon(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.712 6.713A.968.968 0 0 1 16 7a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 6c0-.283.096-.52.287-.713A.968.968 0 0 1 16 5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Z"
@@ -18,4 +20,4 @@ function HostIcon(props) {
 }
 ;
 HostIcon.displayName = "HostIcon";
-export default HostIcon;
+export default forwardRef(HostIcon);

package/assets/web/icons/image-error.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ImageErrorIcon(props) {
+var React = require("react");
+function ImageErrorIcon(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: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.803a5.958 5.958 0 0 1-.72-2H5v-3.172l4-4 3.585 3.585a6.015 6.015 0 0 1 1.172-1.656l-3.343-3.343a2 2 0 0 0-2.828 0L5 13V5h14v7.083c.718.12 1.393.368 2 .72V5a2 2 0 0 0-2-2H5Z"
@@ -16,4 +18,4 @@ function ImageErrorIcon(props) {
 }
 ;
 ImageErrorIcon.displayName = "ImageErrorIcon";
-module.exports = ImageErrorIcon;
+module.exports = React.forwardRef(ImageErrorIcon);

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

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

package/assets/web/icons/image-error.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ImageErrorIcon(props) {
+function ImageErrorIcon(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: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.803a5.958 5.958 0 0 1-.72-2H5v-3.172l4-4 3.585 3.585a6.015 6.015 0 0 1 1.172-1.656l-3.343-3.343a2 2 0 0 0-2.828 0L5 13V5h14v7.083c.718.12 1.393.368 2 .72V5a2 2 0 0 0-2-2H5Z"
@@ -16,4 +18,4 @@ function ImageErrorIcon(props) {
 }
 ;
 ImageErrorIcon.displayName = "ImageErrorIcon";
-export default ImageErrorIcon;
+export default forwardRef(ImageErrorIcon);

package/assets/web/icons/image.cjs

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

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

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

package/assets/web/icons/image.js

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

package/assets/web/icons/indent-decrease.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function IndentDecreaseIcon(props) {
+var React = require("react");
+function IndentDecreaseIcon(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: "M3.288 18.712A.965.965 0 0 0 4 19h16c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H4a.967.967 0 0 0-.712.288A.968.968 0 0 0 3 18c0 .283.096.52.288.712Zm7.999-3.999c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 14a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-8a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 14c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 9h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 10c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 6c0 .283.096.52.287.713ZM6.15 13.15l-2.8-2.8a.48.48 0 0 1 0-.7l2.8-2.8c.167-.167.35-.208.55-.125.2.083.3.242.3.475v5.6c0 .233-.1.392-.3.475-.2.083-.383.042-.55-.125Z"
@@ -14,4 +16,4 @@ function IndentDecreaseIcon(props) {
 }
 ;
 IndentDecreaseIcon.displayName = "IndentDecreaseIcon";
-module.exports = IndentDecreaseIcon;
+module.exports = React.forwardRef(IndentDecreaseIcon);

package/assets/web/icons/indent-decrease.d.ts

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

package/assets/web/icons/indent-decrease.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function IndentDecreaseIcon(props) {
+function IndentDecreaseIcon(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: "M3.288 18.712A.965.965 0 0 0 4 19h16c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H4a.967.967 0 0 0-.712.288A.968.968 0 0 0 3 18c0 .283.096.52.288.712Zm7.999-3.999c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 14a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-8a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 14c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 9h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 10c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 6c0 .283.096.52.287.713ZM6.15 13.15l-2.8-2.8a.48.48 0 0 1 0-.7l2.8-2.8c.167-.167.35-.208.55-.125.2.083.3.242.3.475v5.6c0 .233-.1.392-.3.475-.2.083-.383.042-.55-.125Z"
@@ -14,4 +16,4 @@ function IndentDecreaseIcon(props) {
 }
 ;
 IndentDecreaseIcon.displayName = "IndentDecreaseIcon";
-export default IndentDecreaseIcon;
+export default forwardRef(IndentDecreaseIcon);

package/assets/web/icons/indent-increase.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function IndentIncreaseIcon(props) {
+var React = require("react");
+function IndentIncreaseIcon(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 19a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 18c0-.283.096-.52.288-.712A.967.967 0 0 1 4 17h16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 20 19H4Zm8-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 14c0-.283.096-.52.287-.713A.968.968 0 0 1 12 13h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 15h-8Zm0-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 10c0-.283.096-.52.287-.713A.968.968 0 0 1 12 9h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 11h-8Zm0-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 7h-8Zm-8.15 6.15c-.167.167-.35.208-.55.125-.2-.083-.3-.242-.3-.475V7.2c0-.233.1-.392.3-.475.2-.083.383-.042.55.125l2.8 2.8a.48.48 0 0 1 0 .7l-2.8 2.8Z"
@@ -14,4 +16,4 @@ function IndentIncreaseIcon(props) {
 }
 ;
 IndentIncreaseIcon.displayName = "IndentIncreaseIcon";
-module.exports = IndentIncreaseIcon;
+module.exports = React.forwardRef(IndentIncreaseIcon);

package/assets/web/icons/indent-increase.d.ts

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

package/assets/web/icons/indent-increase.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function IndentIncreaseIcon(props) {
+function IndentIncreaseIcon(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 19a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 18c0-.283.096-.52.288-.712A.967.967 0 0 1 4 17h16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 20 19H4Zm8-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 14c0-.283.096-.52.287-.713A.968.968 0 0 1 12 13h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 15h-8Zm0-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 10c0-.283.096-.52.287-.713A.968.968 0 0 1 12 9h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 11h-8Zm0-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 7h-8Zm-8.15 6.15c-.167.167-.35.208-.55.125-.2-.083-.3-.242-.3-.475V7.2c0-.233.1-.392.3-.475.2-.083.383-.042.55.125l2.8 2.8a.48.48 0 0 1 0 .7l-2.8 2.8Z"
@@ -14,4 +16,4 @@ function IndentIncreaseIcon(props) {
 }
 ;
 IndentIncreaseIcon.displayName = "IndentIncreaseIcon";
-export default IndentIncreaseIcon;
+export default forwardRef(IndentIncreaseIcon);

package/assets/web/icons/index.cjs

@@ -8,6 +8,7 @@ module.exports = {
   AttachmentIcon: require("./attachment.cjs"),
   BlockIcon: require("./block.cjs"),
   BoldIcon: require("./bold.cjs"),
+  CalendarIcon: require("./calendar.cjs"),
   ChartIcon: require("./chart.cjs"),
   ChatNewIcon: require("./chat-new.cjs"),
   ChatProblemIcon: require("./chat-problem.cjs"),
@@ -122,6 +123,7 @@ module.exports = {
   ReactionIcon: require("./reaction.cjs"),
   ReplyIcon: require("./reply.cjs"),
   RestartIcon: require("./restart.cjs"),
+  RoomIcon: require("./room.cjs"),
   SearchIcon: require("./search.cjs"),
   SendSolidIcon: require("./send-solid.cjs"),
   SendIcon: require("./send.cjs"),
@@ -147,6 +149,7 @@ module.exports = {
   UnderlineIcon: require("./underline.cjs"),
   UnknownSolidIcon: require("./unknown-solid.cjs"),
   UnknownIcon: require("./unknown.cjs"),
+  UnpinIcon: require("./unpin.cjs"),
   UserAddSolidIcon: require("./user-add-solid.cjs"),
   UserAddIcon: require("./user-add.cjs"),
   UserProfileSolidIcon: require("./user-profile-solid.cjs"),

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

@@ -7,6 +7,7 @@ export { default as ArrowUpIcon } from "./arrow-up.js";
 export { default as AttachmentIcon } from "./attachment.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
+export { default as CalendarIcon } from "./calendar.js";
 export { default as ChartIcon } from "./chart.js";
 export { default as ChatNewIcon } from "./chat-new.js";
 export { default as ChatProblemIcon } from "./chat-problem.js";
@@ -121,6 +122,7 @@ export { default as ReactionAddIcon } from "./reaction-add.js";
 export { default as ReactionIcon } from "./reaction.js";
 export { default as ReplyIcon } from "./reply.js";
 export { default as RestartIcon } from "./restart.js";
+export { default as RoomIcon } from "./room.js";
 export { default as SearchIcon } from "./search.js";
 export { default as SendSolidIcon } from "./send-solid.js";
 export { default as SendIcon } from "./send.js";
@@ -146,6 +148,7 @@ export { default as TimeIcon } from "./time.js";
 export { default as UnderlineIcon } from "./underline.js";
 export { default as UnknownSolidIcon } from "./unknown-solid.js";
 export { default as UnknownIcon } from "./unknown.js";
+export { default as UnpinIcon } from "./unpin.js";
 export { default as UserAddSolidIcon } from "./user-add-solid.js";
 export { default as UserAddIcon } from "./user-add.js";
 export { default as UserProfileSolidIcon } from "./user-profile-solid.js";

package/assets/web/icons/index.js

@@ -7,6 +7,7 @@ export { default as ArrowUpIcon } from "./arrow-up.js";
 export { default as AttachmentIcon } from "./attachment.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
+export { default as CalendarIcon } from "./calendar.js";
 export { default as ChartIcon } from "./chart.js";
 export { default as ChatNewIcon } from "./chat-new.js";
 export { default as ChatProblemIcon } from "./chat-problem.js";
@@ -121,6 +122,7 @@ export { default as ReactionAddIcon } from "./reaction-add.js";
 export { default as ReactionIcon } from "./reaction.js";
 export { default as ReplyIcon } from "./reply.js";
 export { default as RestartIcon } from "./restart.js";
+export { default as RoomIcon } from "./room.js";
 export { default as SearchIcon } from "./search.js";
 export { default as SendSolidIcon } from "./send-solid.js";
 export { default as SendIcon } from "./send.js";
@@ -146,6 +148,7 @@ export { default as TimeIcon } from "./time.js";
 export { default as UnderlineIcon } from "./underline.js";
 export { default as UnknownSolidIcon } from "./unknown-solid.js";
 export { default as UnknownIcon } from "./unknown.js";
+export { default as UnpinIcon } from "./unpin.js";
 export { default as UserAddSolidIcon } from "./user-add-solid.js";
 export { default as UserAddIcon } from "./user-add.js";
 export { default as UserProfileSolidIcon } from "./user-profile-solid.js";

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

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function InfoSolidIcon(props) {
+var React = require("react");
+function InfoSolidIcon(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 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.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 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.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 InfoSolidIcon(props) {
 }
 ;
 InfoSolidIcon.displayName = "InfoSolidIcon";
-module.exports = InfoSolidIcon;
+module.exports = React.forwardRef(InfoSolidIcon);

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

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

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

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function InfoSolidIcon(props) {
+function InfoSolidIcon(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 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.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 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.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 InfoSolidIcon(props) {
 }
 ;
 InfoSolidIcon.displayName = "InfoSolidIcon";
-export default InfoSolidIcon;
+export default forwardRef(InfoSolidIcon);

package/assets/web/icons/info.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function InfoIcon(props) {
+var React = require("react");
+function InfoIcon(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: "M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
@@ -18,4 +20,4 @@ function InfoIcon(props) {
 }
 ;
 InfoIcon.displayName = "InfoIcon";
-module.exports = InfoIcon;
+module.exports = React.forwardRef(InfoIcon);

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

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

package/assets/web/icons/info.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function InfoIcon(props) {
+function InfoIcon(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: "M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
@@ -18,4 +20,4 @@ function InfoIcon(props) {
 }
 ;
 InfoIcon.displayName = "InfoIcon";
-export default InfoIcon;
+export default forwardRef(InfoIcon);

package/assets/web/icons/inline-code.cjs

@@ -1,17 +1,19 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function InlineCodeIcon(props) {
+var React = require("react");
+function InlineCodeIcon(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: "M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 0 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 0 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"
+      d: "M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"
     })
   });
 }
 ;
 InlineCodeIcon.displayName = "InlineCodeIcon";
-module.exports = InlineCodeIcon;
+module.exports = React.forwardRef(InlineCodeIcon);