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

package/assets/web/icons/list-bulleted.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ListBulletedIcon(props) {
+function ListBulletedIcon(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.5 7.5a1.45 1.45 0 0 1-1.06-.44A1.444 1.444 0 0 1 3 6c0-.412.147-.766.44-1.06A1.45 1.45 0 0 1 4.5 4.5c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Zm4.787 11.212c.192.192.43.288.713.288h10c.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 17H10a.967.967 0 0 0-.713.288A.968.968 0 0 0 9 18c0 .283.096.52.287.712Zm0-5.999c.192.191.43.287.713.287h10a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 12a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 11H10a.967.967 0 0 0-.713.287A.968.968 0 0 0 9 12c0 .283.096.52.287.713Zm0-6c.192.191.43.287.713.287h10a.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 5H10a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 6c0 .283.096.52.287.713ZM3.44 19.06c.294.293.648.44 1.06.44a1.45 1.45 0 0 0 1.06-.44c.293-.294.44-.647.44-1.06 0-.413-.147-.766-.44-1.06a1.445 1.445 0 0 0-1.06-.44 1.45 1.45 0 0 0-1.06.44c-.293.294-.44.647-.44 1.06 0 .413.147.766.44 1.06ZM4.5 13.5a1.45 1.45 0 0 1-1.06-.44A1.445 1.445 0 0 1 3 12c0-.412.147-.766.44-1.06a1.45 1.45 0 0 1 1.06-.44c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Z"
@@ -14,4 +16,4 @@ function ListBulletedIcon(props) {
 }
 ;
 ListBulletedIcon.displayName = "ListBulletedIcon";
-export default ListBulletedIcon;
+export default forwardRef(ListBulletedIcon);

package/assets/web/icons/list-numbered.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function ListNumberedIcon(props) {
+var React = require("react");
+function ListNumberedIcon(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 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1ZM5.604 5.089A.75.75 0 0 1 6 5.75v4.5a.75.75 0 0 1-1.5 0V7.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037ZM5 13a2.02 2.02 0 0 0-1.139.321 1.846 1.846 0 0 0-.626.719 2.286 2.286 0 0 0-.234.921v.023l-.001.01v.005l.75.001H3a.75.75 0 0 0 1.5.01V15a.789.789 0 0 1 .077-.29.35.35 0 0 1 .116-.14c.04-.027.126-.07.307-.07s.267.043.307.07a.35.35 0 0 1 .116.14.788.788 0 0 1 .076.29v.008a.532.532 0 0 1-.14.352l-2.161 2.351a.748.748 0 0 0-.198.523v.016c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5h-.82l1.034-1.124C6.809 16 7 15.51 7 15h-.75H7v-.039l-.004-.068a2.285 2.285 0 0 0-.231-.853 1.846 1.846 0 0 0-.626-.719A2.02 2.02 0 0 0 5 13Zm-.5 2.003V15v.01-.008Z"
@@ -14,4 +16,4 @@ function ListNumberedIcon(props) {
 }
 ;
 ListNumberedIcon.displayName = "ListNumberedIcon";
-module.exports = ListNumberedIcon;
+module.exports = React.forwardRef(ListNumberedIcon);

package/assets/web/icons/list-numbered.d.ts

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

package/assets/web/icons/list-numbered.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ListNumberedIcon(props) {
+function ListNumberedIcon(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 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1ZM5.604 5.089A.75.75 0 0 1 6 5.75v4.5a.75.75 0 0 1-1.5 0V7.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037ZM5 13a2.02 2.02 0 0 0-1.139.321 1.846 1.846 0 0 0-.626.719 2.286 2.286 0 0 0-.234.921v.023l-.001.01v.005l.75.001H3a.75.75 0 0 0 1.5.01V15a.789.789 0 0 1 .077-.29.35.35 0 0 1 .116-.14c.04-.027.126-.07.307-.07s.267.043.307.07a.35.35 0 0 1 .116.14.788.788 0 0 1 .076.29v.008a.532.532 0 0 1-.14.352l-2.161 2.351a.748.748 0 0 0-.198.523v.016c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5h-.82l1.034-1.124C6.809 16 7 15.51 7 15h-.75H7v-.039l-.004-.068a2.285 2.285 0 0 0-.231-.853 1.846 1.846 0 0 0-.626-.719A2.02 2.02 0 0 0 5 13Zm-.5 2.003V15v.01-.008Z"
@@ -14,4 +16,4 @@ function ListNumberedIcon(props) {
 }
 ;
 ListNumberedIcon.displayName = "ListNumberedIcon";
-export default ListNumberedIcon;
+export default forwardRef(ListNumberedIcon);

package/assets/web/icons/location-navigator-centred.cjs

@@ -1,17 +1,19 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LocationNavigatorCentredIcon(props) {
+var React = require("react");
+function LocationNavigatorCentredIcon(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: "M11 21.95v-1c-2.084-.233-3.871-1.096-5.363-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.713-.287A.968.968 0 0 1 1.05 12c0-.283.096-.52.287-.713A.967.967 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.587-5.363C7.13 4.146 8.917 3.283 11 3.05v-1c0-.283.096-.52.287-.713A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1c2.083.233 3.87 1.096 5.362 2.587C19.854 7.13 20.717 8.917 20.95 11h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713a.968.968 0 0 1-.712.287h-1c-.233 2.083-1.096 3.87-2.588 5.363-1.491 1.491-3.279 2.354-5.362 2.587v1a.97.97 0 0 1-.288.713.968.968 0 0 1-.712.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.934 0-3.584.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.416 18.317 10.066 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.39 14.042 8 13.1 8 12s.391-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.041.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.04 15.608 13.1 16 12 16Z"
+      d: "M11 21.95v-1c-2.083-.233-3.87-1.096-5.362-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.712-.287A.967.967 0 0 1 1.05 12a.97.97 0 0 1 .288-.713A.968.968 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.146 8.917 3.283 11 3.05v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712v1c2.083.233 3.87 1.096 5.363 2.588C19.854 7.129 20.716 8.917 20.95 11h1c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363-1.492 1.491-3.28 2.354-5.363 2.587v1c0 .283-.096.52-.287.713a.967.967 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.933 0-3.583.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.417 18.317 10.067 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.392 14.042 8 13.1 8 12s.392-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.042.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.042 15.608 13.1 16 12 16Z"
     })
   });
 }
 ;
 LocationNavigatorCentredIcon.displayName = "LocationNavigatorCentredIcon";
-module.exports = LocationNavigatorCentredIcon;
+module.exports = React.forwardRef(LocationNavigatorCentredIcon);

package/assets/web/icons/location-navigator-centred.d.ts

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

package/assets/web/icons/location-navigator-centred.js

@@ -1,17 +1,19 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LocationNavigatorCentredIcon(props) {
+function LocationNavigatorCentredIcon(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: "M11 21.95v-1c-2.084-.233-3.871-1.096-5.363-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.713-.287A.968.968 0 0 1 1.05 12c0-.283.096-.52.287-.713A.967.967 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.587-5.363C7.13 4.146 8.917 3.283 11 3.05v-1c0-.283.096-.52.287-.713A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1c2.083.233 3.87 1.096 5.362 2.587C19.854 7.13 20.717 8.917 20.95 11h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713a.968.968 0 0 1-.712.287h-1c-.233 2.083-1.096 3.87-2.588 5.363-1.491 1.491-3.279 2.354-5.362 2.587v1a.97.97 0 0 1-.288.713.968.968 0 0 1-.712.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.934 0-3.584.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.416 18.317 10.066 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.39 14.042 8 13.1 8 12s.391-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.041.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.04 15.608 13.1 16 12 16Z"
+      d: "M11 21.95v-1c-2.083-.233-3.87-1.096-5.362-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.712-.287A.967.967 0 0 1 1.05 12a.97.97 0 0 1 .288-.713A.968.968 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.146 8.917 3.283 11 3.05v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712v1c2.083.233 3.87 1.096 5.363 2.588C19.854 7.129 20.716 8.917 20.95 11h1c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363-1.492 1.491-3.28 2.354-5.363 2.587v1c0 .283-.096.52-.287.713a.967.967 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.933 0-3.583.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.417 18.317 10.067 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.392 14.042 8 13.1 8 12s.392-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.042.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.042 15.608 13.1 16 12 16Z"
     })
   });
 }
 ;
 LocationNavigatorCentredIcon.displayName = "LocationNavigatorCentredIcon";
-export default LocationNavigatorCentredIcon;
+export default forwardRef(LocationNavigatorCentredIcon);

package/assets/web/icons/location-navigator.cjs

@@ -1,17 +1,19 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LocationNavigatorIcon(props) {
+var React = require("react");
+function LocationNavigatorIcon(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: "M11 22v-1c-2.084-.233-3.871-1.096-5.363-2.587-1.491-1.492-2.354-3.28-2.587-5.363h-1a.968.968 0 0 1-.713-.288.968.968 0 0 1-.287-.712c0-.283.096-.52.287-.713a.967.967 0 0 1 .713-.287h1c.233-2.083 1.096-3.87 2.587-5.363C7.13 4.196 8.917 3.333 11 3.1v-1c0-.283.096-.52.287-.713A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1c2.083.233 3.87 1.096 5.362 2.587 1.492 1.492 2.355 3.28 2.588 5.363h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712a.968.968 0 0 1-.712.288h-1c-.233 2.083-1.096 3.87-2.588 5.363C16.871 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.288.712A.968.968 0 0 1 12 23a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.934 0-3.584.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.366 1.367 3.016 2.05 4.95 2.05Z"
+      d: "M11 22v-1c-2.083-.233-3.87-1.096-5.362-2.587-1.492-1.492-2.355-3.28-2.588-5.363h-1a.967.967 0 0 1-.712-.287.968.968 0 0 1-.288-.713c0-.283.096-.52.288-.712a.967.967 0 0 1 .712-.288h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.196 8.917 3.333 11 3.1v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .713.288A.968.968 0 0 1 13 2.1v1c2.083.233 3.87 1.096 5.363 2.588 1.491 1.491 2.354 3.279 2.587 5.362h1a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363C16.87 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.287.713A.967.967 0 0 1 12 23a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.933 0-3.583.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.367 1.367 3.017 2.05 4.95 2.05Z"
     })
   });
 }
 ;
 LocationNavigatorIcon.displayName = "LocationNavigatorIcon";
-module.exports = LocationNavigatorIcon;
+module.exports = React.forwardRef(LocationNavigatorIcon);

package/assets/web/icons/location-navigator.d.ts

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

package/assets/web/icons/location-navigator.js

@@ -1,17 +1,19 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LocationNavigatorIcon(props) {
+function LocationNavigatorIcon(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: "M11 22v-1c-2.084-.233-3.871-1.096-5.363-2.587-1.491-1.492-2.354-3.28-2.587-5.363h-1a.968.968 0 0 1-.713-.288.968.968 0 0 1-.287-.712c0-.283.096-.52.287-.713a.967.967 0 0 1 .713-.287h1c.233-2.083 1.096-3.87 2.587-5.363C7.13 4.196 8.917 3.333 11 3.1v-1c0-.283.096-.52.287-.713A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1c2.083.233 3.87 1.096 5.362 2.587 1.492 1.492 2.355 3.28 2.588 5.363h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712a.968.968 0 0 1-.712.288h-1c-.233 2.083-1.096 3.87-2.588 5.363C16.871 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.288.712A.968.968 0 0 1 12 23a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.934 0-3.584.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.366 1.367 3.016 2.05 4.95 2.05Z"
+      d: "M11 22v-1c-2.083-.233-3.87-1.096-5.362-2.587-1.492-1.492-2.355-3.28-2.588-5.363h-1a.967.967 0 0 1-.712-.287.968.968 0 0 1-.288-.713c0-.283.096-.52.288-.712a.967.967 0 0 1 .712-.288h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.196 8.917 3.333 11 3.1v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .713.288A.968.968 0 0 1 13 2.1v1c2.083.233 3.87 1.096 5.363 2.588 1.491 1.491 2.354 3.279 2.587 5.362h1a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363C16.87 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.287.713A.967.967 0 0 1 12 23a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.933 0-3.583.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.367 1.367 3.017 2.05 4.95 2.05Z"
     })
   });
 }
 ;
 LocationNavigatorIcon.displayName = "LocationNavigatorIcon";
-export default LocationNavigatorIcon;
+export default forwardRef(LocationNavigatorIcon);

package/assets/web/icons/location-pin-solid.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LocationPinSolidIcon(props) {
+var React = require("react");
+function LocationPinSolidIcon(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 21.325a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"
@@ -14,4 +16,4 @@ function LocationPinSolidIcon(props) {
 }
 ;
 LocationPinSolidIcon.displayName = "LocationPinSolidIcon";
-module.exports = LocationPinSolidIcon;
+module.exports = React.forwardRef(LocationPinSolidIcon);

package/assets/web/icons/location-pin-solid.d.ts

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

package/assets/web/icons/location-pin-solid.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LocationPinSolidIcon(props) {
+function LocationPinSolidIcon(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 21.325a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"
@@ -14,4 +16,4 @@ function LocationPinSolidIcon(props) {
 }
 ;
 LocationPinSolidIcon.displayName = "LocationPinSolidIcon";
-export default LocationPinSolidIcon;
+export default forwardRef(LocationPinSolidIcon);

package/assets/web/icons/location-pin.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LocationPinIcon(props) {
+var React = require("react");
+function LocationPinIcon(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 19.35c2.033-1.867 3.542-3.563 4.525-5.088C17.508 12.738 18 11.383 18 10.2c0-1.817-.58-3.304-1.738-4.462C15.104 4.579 13.683 4 12 4c-1.683 0-3.104.58-4.263 1.737C6.58 6.896 6 8.383 6 10.2c0 1.183.492 2.538 1.475 4.063.983 1.524 2.492 3.22 4.525 5.087Zm0 1.975a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"
@@ -14,4 +16,4 @@ function LocationPinIcon(props) {
 }
 ;
 LocationPinIcon.displayName = "LocationPinIcon";
-module.exports = LocationPinIcon;
+module.exports = React.forwardRef(LocationPinIcon);

package/assets/web/icons/location-pin.d.ts

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

package/assets/web/icons/location-pin.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LocationPinIcon(props) {
+function LocationPinIcon(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 19.35c2.033-1.867 3.542-3.563 4.525-5.088C17.508 12.738 18 11.383 18 10.2c0-1.817-.58-3.304-1.738-4.462C15.104 4.579 13.683 4 12 4c-1.683 0-3.104.58-4.263 1.737C6.58 6.896 6 8.383 6 10.2c0 1.183.492 2.538 1.475 4.063.983 1.524 2.492 3.22 4.525 5.087Zm0 1.975a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"
@@ -14,4 +16,4 @@ function LocationPinIcon(props) {
 }
 ;
 LocationPinIcon.displayName = "LocationPinIcon";
-export default LocationPinIcon;
+export default forwardRef(LocationPinIcon);

package/assets/web/icons/lock-off.cjs

@@ -1,17 +1,19 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LockOffIcon(props) {
+var React = require("react");
+function LockOffIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412a1.98 1.98 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.562.488-3.537 1.462a4.876 4.876 0 0 0-1.22 1.947L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"
+      d: "M6 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.587-1.412.212-.212.446-.366.703-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 0 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.563.488-3.538 1.462A4.876 4.876 0 0 0 7.243 4.41L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"
     })
   });
 }
 ;
 LockOffIcon.displayName = "LockOffIcon";
-module.exports = LockOffIcon;
+module.exports = React.forwardRef(LockOffIcon);

package/assets/web/icons/lock-off.d.ts

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

package/assets/web/icons/lock-off.js

@@ -1,17 +1,19 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LockOffIcon(props) {
+function LockOffIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412a1.98 1.98 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.562.488-3.537 1.462a4.876 4.876 0 0 0-1.22 1.947L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"
+      d: "M6 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.587-1.412.212-.212.446-.366.703-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 0 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.563.488-3.538 1.462A4.876 4.876 0 0 0 7.243 4.41L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"
     })
   });
 }
 ;
 LockOffIcon.displayName = "LockOffIcon";
-export default LockOffIcon;
+export default forwardRef(LockOffIcon);

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

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LockSolidIcon(props) {
+var React = require("react");
+function LockSolidIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"
@@ -14,4 +16,4 @@ function LockSolidIcon(props) {
 }
 ;
 LockSolidIcon.displayName = "LockSolidIcon";
-module.exports = LockSolidIcon;
+module.exports = React.forwardRef(LockSolidIcon);

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

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

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

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LockSolidIcon(props) {
+function LockSolidIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"
@@ -14,4 +16,4 @@ function LockSolidIcon(props) {
 }
 ;
 LockSolidIcon.displayName = "LockSolidIcon";
-export default LockSolidIcon;
+export default forwardRef(LockSolidIcon);

package/assets/web/icons/lock.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LockIcon(props) {
+var React = require("react");
+function LockIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm0-2h12V10H6v10ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"
@@ -14,4 +16,4 @@ function LockIcon(props) {
 }
 ;
 LockIcon.displayName = "LockIcon";
-module.exports = LockIcon;
+module.exports = React.forwardRef(LockIcon);

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

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

package/assets/web/icons/lock.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LockIcon(props) {
+function LockIcon(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: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm0-2h12V10H6v10ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"
@@ -14,4 +16,4 @@ function LockIcon(props) {
 }
 ;
 LockIcon.displayName = "LockIcon";
-export default LockIcon;
+export default forwardRef(LockIcon);

package/assets/web/icons/mark-as-read.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function MarkAsReadIcon(props) {
+var React = require("react");
+function MarkAsReadIcon(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.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"
@@ -14,4 +16,4 @@ function MarkAsReadIcon(props) {
 }
 ;
 MarkAsReadIcon.displayName = "MarkAsReadIcon";
-module.exports = MarkAsReadIcon;
+module.exports = React.forwardRef(MarkAsReadIcon);

package/assets/web/icons/mark-as-read.d.ts

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

package/assets/web/icons/mark-as-read.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function MarkAsReadIcon(props) {
+function MarkAsReadIcon(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.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"
@@ -14,4 +16,4 @@ function MarkAsReadIcon(props) {
 }
 ;
 MarkAsReadIcon.displayName = "MarkAsReadIcon";
-export default MarkAsReadIcon;
+export default forwardRef(MarkAsReadIcon);

package/assets/web/icons/mark-as-unread.cjs

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