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

package/assets/web/icons/keyboard.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function KeyboardIcon(props) {
+var React = require("react");
+function KeyboardIcon(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.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"
@@ -18,4 +20,4 @@ function KeyboardIcon(props) {
 }
 ;
 KeyboardIcon.displayName = "KeyboardIcon";
-module.exports = KeyboardIcon;
+module.exports = React.forwardRef(KeyboardIcon);

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

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

package/assets/web/icons/keyboard.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function KeyboardIcon(props) {
+function KeyboardIcon(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.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"
@@ -18,4 +20,4 @@ function KeyboardIcon(props) {
 }
 ;
 KeyboardIcon.displayName = "KeyboardIcon";
-export default KeyboardIcon;
+export default forwardRef(KeyboardIcon);

package/assets/web/icons/labs.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LabsIcon(props) {
+var React = require("react");
+function LabsIcon(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 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1Zm-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414Z"
@@ -20,4 +22,4 @@ function LabsIcon(props) {
 }
 ;
 LabsIcon.displayName = "LabsIcon";
-module.exports = LabsIcon;
+module.exports = React.forwardRef(LabsIcon);

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

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

package/assets/web/icons/labs.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function LabsIcon(props) {
+function LabsIcon(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: "M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1Zm-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414Z"
@@ -20,4 +22,4 @@ function LabsIcon(props) {
 }
 ;
 LabsIcon.displayName = "LabsIcon";
-export default LabsIcon;
+export default forwardRef(LabsIcon);

package/assets/web/icons/leave.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LeaveIcon(props) {
+var React = require("react");
+function LeaveIcon(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: "M14 13c.283 0 .52-.096.713-.287A.968.968 0 0 0 15 12a.968.968 0 0 0-.287-.713A.968.968 0 0 0 14 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 12c0 .283.096.52.287.713.192.191.43.287.713.287Z"
@@ -16,4 +18,4 @@ function LeaveIcon(props) {
 }
 ;
 LeaveIcon.displayName = "LeaveIcon";
-module.exports = LeaveIcon;
+module.exports = React.forwardRef(LeaveIcon);

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

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

package/assets/web/icons/leave.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function LeaveIcon(props) {
+function LeaveIcon(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: "M14 13c.283 0 .52-.096.713-.287A.968.968 0 0 0 15 12a.968.968 0 0 0-.287-.713A.968.968 0 0 0 14 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 12c0 .283.096.52.287.713.192.191.43.287.713.287Z"
@@ -16,4 +18,4 @@ function LeaveIcon(props) {
 }
 ;
 LeaveIcon.displayName = "LeaveIcon";
-export default LeaveIcon;
+export default forwardRef(LeaveIcon);

package/assets/web/icons/link.cjs

@@ -1,11 +1,13 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
-function LinkIcon(props) {
+var React = require("react");
+function LinkIcon(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.071c-.978.978-2.157 1.467-3.536 1.467-1.378 0-2.557-.489-3.535-1.467-.978-.978-1.467-2.157-1.467-3.535 0-1.38.489-2.558 1.467-3.536L7.05 9.879c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.301.436.301.707 0 .27-.1.507-.3.707l-2.122 2.121a2.893 2.893 0 0 0-.884 2.122c0 .824.295 1.532.884 2.12.59.59 1.296.885 2.121.885s1.533-.295 2.122-.884l2.121-2.121c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.3.436.3.707 0 .27-.1.506-.3.707L12 19.07Zm-1.414-4.243c-.2.2-.436.301-.707.301a.968.968 0 0 1-.707-.3.97.97 0 0 1-.301-.708c0-.27.1-.506.3-.707l4.243-4.242c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.3.436.3.707 0 .27-.1.507-.3.707l-4.242 4.242Zm6.364-.707c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.506.3-.707l2.122-2.121c.59-.59.884-1.297.884-2.121 0-.825-.295-1.533-.884-2.122a2.893 2.893 0 0 0-2.121-.884c-.825 0-1.532.295-2.122.884l-2.121 2.122c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.97.97 0 0 1-.3-.708c0-.27.1-.506.3-.707L12 4.93c.978-.978 2.157-1.467 3.536-1.467 1.378 0 2.557.489 3.535 1.467.978.978 1.467 2.157 1.467 3.536 0 1.378-.489 2.557-1.467 3.535l-2.121 2.121Z"
@@ -14,4 +16,4 @@ function LinkIcon(props) {
 }
 ;
 LinkIcon.displayName = "LinkIcon";
-module.exports = LinkIcon;
+module.exports = React.forwardRef(LinkIcon);

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

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

package/assets/web/icons/link.js

@@ -1,11 +1,13 @@
+import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function LinkIcon(props) {
+function LinkIcon(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.071c-.978.978-2.157 1.467-3.536 1.467-1.378 0-2.557-.489-3.535-1.467-.978-.978-1.467-2.157-1.467-3.535 0-1.38.489-2.558 1.467-3.536L7.05 9.879c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.301.436.301.707 0 .27-.1.507-.3.707l-2.122 2.121a2.893 2.893 0 0 0-.884 2.122c0 .824.295 1.532.884 2.12.59.59 1.296.885 2.121.885s1.533-.295 2.122-.884l2.121-2.121c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.3.436.3.707 0 .27-.1.506-.3.707L12 19.07Zm-1.414-4.243c-.2.2-.436.301-.707.301a.968.968 0 0 1-.707-.3.97.97 0 0 1-.301-.708c0-.27.1-.506.3-.707l4.243-4.242c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.3.436.3.707 0 .27-.1.507-.3.707l-4.242 4.242Zm6.364-.707c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.506.3-.707l2.122-2.121c.59-.59.884-1.297.884-2.121 0-.825-.295-1.533-.884-2.122a2.893 2.893 0 0 0-2.121-.884c-.825 0-1.532.295-2.122.884l-2.121 2.122c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.97.97 0 0 1-.3-.708c0-.27.1-.506.3-.707L12 4.93c.978-.978 2.157-1.467 3.536-1.467 1.378 0 2.557.489 3.535 1.467.978.978 1.467 2.157 1.467 3.536 0 1.378-.489 2.557-1.467 3.535l-2.121 2.121Z"
@@ -14,4 +16,4 @@ function LinkIcon(props) {
 }
 ;
 LinkIcon.displayName = "LinkIcon";
-export default LinkIcon;
+export default forwardRef(LinkIcon);

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

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

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

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

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,11 +1,13 @@
 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"
@@ -14,4 +16,4 @@ function LocationNavigatorCentredIcon(props) {
 }
 ;
 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,11 +1,13 @@
+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"
@@ -14,4 +16,4 @@ function LocationNavigatorCentredIcon(props) {
 }
 ;
 LocationNavigatorCentredIcon.displayName = "LocationNavigatorCentredIcon";
-export default LocationNavigatorCentredIcon;
+export default forwardRef(LocationNavigatorCentredIcon);

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

@@ -1,11 +1,13 @@
 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"
@@ -14,4 +16,4 @@ function LocationNavigatorIcon(props) {
 }
 ;
 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,11 +1,13 @@
+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"
@@ -14,4 +16,4 @@ function LocationNavigatorIcon(props) {
 }
 ;
 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,11 +1,13 @@
 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"
@@ -14,4 +16,4 @@ function LockOffIcon(props) {
 }
 ;
 LockOffIcon.displayName = "LockOffIcon";
-module.exports = LockOffIcon;
+module.exports = React.forwardRef(LockOffIcon);