npm - @local-civics/hub-ui - Versions diffs - 0.1.54 → 0.1.55 - Mend

@local-civics/hub-ui 0.1.54 → 0.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 import React__default, { useCallback } from 'react';
 import LinkifyIt from 'linkify-it';
 import reactStringReplace from 'react-string-replace';
@@ -1816,14 +1816,14 @@ var Svg14PointStar = function Svg14PointStar(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$G(_ref, _excluded$G);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$G({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$F || (_path$F = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     d: "M30 16.5a.867.867 0 0 0-.407-.732l-2.735-1.716 1.712-2.717a.858.858 0 0 0 .044-.835.878.878 0 0 0-.69-.484l-3.217-.37.348-3.18v-.001a.863.863 0 0 0-.325-.77.888.888 0 0 0-.834-.143l-3.063 1.042-1.087-3.017a.874.874 0 0 0-.633-.555.886.886 0 0 0-.813.23L16 5.505l-2.3-2.254a.885.885 0 0 0-1.446.325L11.17 6.593 8.104 5.552a.874.874 0 0 0-.834.142.86.86 0 0 0-.326.77l.349 3.18-3.218.37a.878.878 0 0 0-.69.485.858.858 0 0 0 .045.835l1.712 2.718-2.736 1.716A.865.865 0 0 0 2 16.5c0 .296.153.572.406.731l2.736 1.716-1.712 2.718a.858.858 0 0 0-.044.835c.13.267.39.45.69.484l3.217.37-.349 3.18a.863.863 0 0 0 .326.771c.235.185.55.239.834.142l3.063-1.041 1.087 3.017a.885.885 0 0 0 1.446.325l2.3-2.253 2.3 2.253a.886.886 0 0 0 .814.23.87.87 0 0 0 .632-.555l1.085-3.016 3.065 1.041a.889.889 0 0 0 .834-.142.863.863 0 0 0 .325-.77l-.348-3.181 3.218-.37a.878.878 0 0 0 .69-.485.858.858 0 0 0-.045-.834l-1.712-2.718 2.735-1.717A.867.867 0 0 0 30 16.5Zm-4.82 1.446a.86.86 0 0 0-.274 1.19l1.44 2.284-2.707.312a.87.87 0 0 0-.772.954l.293 2.679-2.58-.876a.879.879 0 0 0-1.112.529l-.913 2.537-1.936-1.897a.888.888 0 0 0-1.238 0l-1.936 1.897-.915-2.538a.878.878 0 0 0-1.113-.53l-2.577.877.293-2.679a.87.87 0 0 0-.772-.954l-2.708-.312 1.44-2.285a.861.861 0 0 0-.274-1.189L4.516 16.5l2.303-1.446a.86.86 0 0 0 .275-1.19L5.653 11.58l2.708-.311a.87.87 0 0 0 .772-.954L8.84 7.635l2.58.876c.218.077.458.064.667-.035a.863.863 0 0 0 .445-.494l.913-2.537 1.936 1.897a.888.888 0 0 0 1.238 0l1.936-1.897.915 2.538c.159.45.657.686 1.113.53l2.577-.877-.293 2.679a.87.87 0 0 0 .772.954l2.708.311-1.44 2.285a.86.86 0 0 0 .274 1.19l2.303 1.445-2.303 1.446Z",
     fill: "currentColor"
   })));
@@ -1838,14 +1838,14 @@ var SvgAwardRibbon = function SvgAwardRibbon(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$F(_ref, _excluded$F);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$F({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$E || (_path$E = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     d: "m27.74 19.841-3.018-2.902v-4.103c0-.463-.39-.826-.858-.826H22.76V.826c0-.463-.39-.825-.858-.825-.469 0-.859.375-.859.825v11.196h-1.43L16.855 9.37V.826c0-.463-.39-.826-.859-.826-.468 0-.858.375-.858.826V9.37l-2.757 2.652h-1.417L11.107.838A.852.852 0 0 0 10.249 0C9.78 0 9.39.363 9.39.813l-.143 11.209H8.13c-.481 0-.858.375-.858.825v4.104l-3.018 2.902a.808.808 0 0 0 0 1.176l3.018 2.902v4.103c0 .463.39.826.858.826h4.265l3.018 2.902c.169.163.377.238.61.238a.907.907 0 0 0 .612-.238l3.017-2.902h4.266c.48 0 .858-.375.858-.826v-4.103l3.017-2.902a.873.873 0 0 0-.053-1.189v.001Zm-8.037 5.88-3.72-1.89-3.719 1.89.716-3.99-3.004-2.828 4.16-.588 1.86-3.628 1.86 3.628 4.162.588-3.004 2.827.689 3.99Z",
     fill: "currentColor"
   })));
@@ -1860,14 +1860,14 @@ var SvgUpDownArrow = function SvgUpDownArrow(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$E(_ref, _excluded$E);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$D || (_path$D = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     d: "M9.28 5.719v21m0-21 4.725 4.666M9.28 5.72l-4.725 4.666m18.9 16.334v-21m0 21 4.725-4.667m-4.725 4.667-4.725-4.667",
     stroke: "currentColor",
     strokeWidth: 2,
@@ -1885,19 +1885,19 @@ var SvgCheckCircle = function SvgCheckCircle(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$D(_ref, _excluded$D);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _circle$3 || (_circle$3 = /*#__PURE__*/React$1.createElement("circle", {
+  }, title) : null, _circle$3 || (_circle$3 = /*#__PURE__*/React.createElement("circle", {
     r: 13,
     transform: "matrix(0 -1 -1 0 16 16)",
     stroke: "currentColor",
     strokeWidth: 4
-  })), _path$C || (_path$C = /*#__PURE__*/React$1.createElement("path", {
+  })), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     d: "M19.715 12.212a.937.937 0 0 1 1.338 1.312l-4.988 6.238a.938.938 0 0 1-1.35.025l-3.307-3.308a.938.938 0 1 1 1.325-1.325l2.617 2.616 4.342-5.53c.007-.01.014-.02.023-.028Z",
     fill: "currentColor"
   })));
@@ -1912,14 +1912,14 @@ var SvgCheckCircleDark = function SvgCheckCircleDark(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$C(_ref, _excluded$C);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$C({
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$B || (_path$B = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     d: "M15.997 2.664a13.333 13.333 0 1 0 0 26.667 13.333 13.333 0 0 0 0-26.667Zm5.734 10.147-6.094 8a1.333 1.333 0 0 1-1.638.388 1.334 1.334 0 0 1-.468-.375l-3.254-4.147a1.333 1.333 0 0 1 1.219-2.144 1.335 1.335 0 0 1 .888.504l2.173 2.774 5.04-6.667a1.341 1.341 0 1 1 2.134 1.627v.04Z",
     fill: "currentColor"
   })));
@@ -1934,14 +1934,14 @@ var SvgCircle = function SvgCircle(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$B(_ref, _excluded$B);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _circle$2 || (_circle$2 = /*#__PURE__*/React$1.createElement("circle", {
+  }, title) : null, _circle$2 || (_circle$2 = /*#__PURE__*/React.createElement("circle", {
     r: 13,
     transform: "matrix(0 -1 -1 0 16 16)",
     stroke: "currentColor",
@@ -1958,14 +1958,14 @@ var SvgLock = function SvgLock(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$A(_ref, _excluded$A);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$A({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$A || (_path$A = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     d: "M16 2c-4.178 0-7.562 3.446-7.562 7.7v4.9H6.375C5.613 14.6 5 15.225 5 16v12.6c0 .776.613 1.4 1.375 1.4h19.25c.762 0 1.375-.625 1.375-1.4V16c0-.776-.613-1.4-1.375-1.4h-2.063V9.7C23.563 5.446 20.178 2 16 2Zm0 1.4c3.44 0 6.188 2.798 6.188 6.3v4.9H9.813V9.7c0-3.502 2.747-6.3 6.187-6.3Zm0 15.4c1.14 0 2.063.94 2.063 2.1a2.11 2.11 0 0 1-.688 1.564V24.4c0 .776-.613 1.4-1.375 1.4a1.385 1.385 0 0 1-1.374-1.4v-1.936a2.11 2.11 0 0 1-.688-1.564c0-1.16.923-2.1 2.063-2.1Z",
     fill: "currentColor"
   })));
@@ -1980,14 +1980,14 @@ var SvgProgress = function SvgProgress(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$z(_ref, _excluded$z);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$z({
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$z || (_path$z = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M16.017 11.766V9.313c-3.786-.006-7.167 2.814-7.88 6.849-.707 3.987 1.402 7.92 5.014 9.355 1.033.41 1.552 1.618 1.16 2.7-.347.962-1.3 1.499-2.231 1.318a1.898 1.898 0 0 1-.348-.1c-5.422-2.15-8.589-8.054-7.528-14.033 1.07-6.05 6.14-10.264 11.813-10.256V3.113c0-.976 1.184-1.478 1.9-.805l4.612 4.326a1.103 1.103 0 0 1 0 1.612l-4.611 4.326c-.717.672-1.9.17-1.9-.806Zm2.645 13.818a7.194 7.194 0 0 1-.912.277c-1.079.25-1.761 1.369-1.523 2.498.179.846.824 1.458 1.589 1.607.256.048.526.047.796-.015.471-.11.935-.25 1.388-.419 1.04-.387 1.585-1.587 1.216-2.675-.37-1.09-1.516-1.66-2.554-1.273Zm3.976-3.221a6.803 6.803 0 0 1-.268.392c-.674.916-.512 2.23.364 2.937.261.208.552.34.855.398a1.957 1.957 0 0 0 1.952-.783c.142-.196.282-.398.415-.605.617-.96.375-2.26-.54-2.907-.916-.643-2.16-.392-2.778.568Zm3.414-6.425c-1.104-.031-2.025.922-2.053 2.08-.027 1.04.678 1.908 1.626 2.092.102.02.208.033.315.034 1.102.035 2.023-.894 2.058-2.05l.001-.048c.03-1.158-.85-2.088-1.947-2.108Z",
@@ -2004,17 +2004,17 @@ var SvgPartyPopper = function SvgPartyPopper(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$y(_ref, _excluded$y);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$y({
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$y || (_path$y = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     d: "M19.834 23.794c.776-.765.358-2.52-.911-4.549.461-.072.892-.182 1.218-.35 1.173-.606 1.965-1.71 2.565-2.851.644-1.225 1.076-2.57 1.918-3.686.142-.188.284-.357.425-.516 1.814.217 3.263.607 3.263.607l.553-1.406c-.698-.25-1.414-.45-2.142-.593.446-.254.736-.333.736-.333l-.524-1.418a5.936 5.936 0 0 0-2.095 1.508c-2.136-.12-4.287.306-5.984 1.622-1.276.99-2.138 2.362-2.949 3.736a22.435 22.435 0 0 0-2.29-1.964c.152-.252.316-.478.493-.652 1.067-1.05 2.474-1.722 3.396-2.923 1.94-2.523.521-6.478-1.075-8.526-.286.276-.759.677-1.115.994 1.697 1.737 2.883 4.78 1.554 7.053-.743 1.27-2.116 2.067-3.076 3.159-.166.189-.315.429-.449.694-2.51-1.8-4.815-2.525-5.728-1.626-.09.093-.165.2-.22.317l-.004-.003-.024.071a1.441 1.441 0 0 0-.087.246L1 30.5l18.331-6.409-.005-.005c.197-.063.37-.157.508-.292ZM4.646 28.166l-1.53-.713 1.033-2.975 4.735 2.206-4.238 1.482m8.476-2.963-7.94-3.7 1.033-2.974 5.933 2.977c-3.541-2.305-4.9-5.953-4.9-5.953l.353-1.017c.627 1.588 2.007 3.565 3.904 5.431 1.913 1.883 3.941 3.247 5.562 3.857l-3.945 1.378m3.05-9.37c.828-1.188 1.683-2.388 2.871-3.241 1.131-.813 2.967-.961 4.707-.864-.587 1.027-1.022 2.166-1.412 3.261-.472 1.325-1.104 2.699-2.309 3.512-.325.218-.78.378-1.267.497-.668-1.024-1.545-2.107-2.59-3.165",
     fill: "currentColor"
-  })), _path2$e || (_path2$e = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
     d: "M11.516 11.003c.5 0-1.001-1.5-.75-2.816.962-.074 3.16.36 1.88-1.398 1.449.255 2.199-.826.832-1.85.455.031 1.162-.827.654-.935-1.626-.345-2.262.535-1.23 1.803-1.085-.202-1.97.303-1.155 1.436-3.133-.39-1.35 3.76-.231 3.76ZM22.272 9.67c.47-.212-.327-1.613-.586-1.97 1.981-.213 1.906-.803.664-2.068 3.378.113.104-1.807.563-2.567.398-.659 1.617.032 1.504-.335-.38-1.227-3.995-.397-1.708 1.895-1.996.039-2.187.691-.7 2.044-2.59.028-.477 3.334.263 3m8.576 4.946c-.791.222-.913.139-.808.926-1.827-.84-3.76-2.01-2.587 1.088-2.075-1.235-1.971-.153-2.36 1.627-.504-.393-1.222-1.43-1.222-1.43l-.76.645s1.393 1.964 2.08 1.853c.605-.098.934-1.24.967-2.247 1.925.812 2.847.92 1.966-1.455 1.54.864 3.426 1.627 2.724-1.007M3.024 5.721l1.414 1.415L3.024 8.55 1.609 7.136 3.024 5.72Zm11.88 11.162-1.416 1.414-1.414-1.415 1.415-1.414 1.414 1.415ZM8.608 3.503l1.414 1.414L8.61 6.332 7.195 4.917l1.414-1.414Zm15.396 19.742L22.59 21.83l1.414-1.415 1.415 1.415-1.414 1.415Zm-3.153 4.85-1.414-1.413 1.414-1.415 1.414 1.415-1.414 1.414Zm6.204 1.118-1.415-1.415 1.413-1.415 1.415 1.415-1.413 1.415Zm1.414-6.442-1.414-1.415 1.414-1.414 1.414 1.414-1.414 1.415ZM26.11 5.003l1.413 1.414L26.11 7.83l-1.414-1.414 1.414-1.414Z",
     fill: "currentColor"
   })));
@@ -2029,20 +2029,20 @@ var SvgPlusCircle = function SvgPlusCircle(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$x(_ref, _excluded$x);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$x({
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$x || (_path$x = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     d: "M8.476 14.934a1.071 1.071 0 1 0 0 2.144h15.03a1.071 1.071 0 1 0 0-2.144H8.476Z",
     fill: "currentColor"
-  })), _path2$d || (_path2$d = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
     d: "M17.07 8.483a1.071 1.071 0 1 0-2.143 0v15.03a1.071 1.071 0 1 0 2.144 0V8.483Z",
     fill: "currentColor"
-  })), _circle$1 || (_circle$1 = /*#__PURE__*/React$1.createElement("circle", {
+  })), _circle$1 || (_circle$1 = /*#__PURE__*/React.createElement("circle", {
     r: 13,
     transform: "matrix(0 -1 -1 0 16 16)",
     stroke: "currentColor",
@@ -2059,19 +2059,19 @@ var SvgXCircle = function SvgXCircle(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$w(_ref, _excluded$w);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$w({
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$w || (_path$w = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     d: "M20.933 11.075c-.1-.1-.22-.18-.35-.234l-1.18.234L15.5 14.97l-3.903-3.903a1.08 1.08 0 0 0-1.53 0 1.081 1.081 0 0 0 0 1.53L13.97 16.5l-3.903 3.903a1.081 1.081 0 1 0 1.53 1.53L15.5 18.03l3.903 3.903a1.08 1.08 0 0 0 1.765-.35 1.082 1.082 0 0 0-.235-1.18L17.03 16.5l3.903-3.903a1.086 1.086 0 0 0 0-1.522Z",
     fill: "currentColor",
     stroke: "currentColor",
     strokeWidth: 0.5
-  })), _circle || (_circle = /*#__PURE__*/React$1.createElement("circle", {
+  })), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
     r: 13,
     transform: "matrix(0 -1 -1 0 16 16)",
     stroke: "currentColor",
@@ -2088,17 +2088,17 @@ var SvgXSquare = function SvgXSquare(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$v(_ref, _excluded$v);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$v({
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$v || (_path$v = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     d: "M22.698 9.32a1.057 1.057 0 0 0-1.497 0l-5.193 5.183-5.193-5.193a1.06 1.06 0 0 0-1.497 1.497L14.51 16l-5.193 5.193A1.06 1.06 0 0 0 10.066 23a1.059 1.059 0 0 0 .75-.31l5.192-5.193L21.2 22.69a1.059 1.059 0 1 0 1.497-1.497L17.505 16l5.193-5.193a1.064 1.064 0 0 0 0-1.486Z",
     fill: "currentColor"
-  })), _rect || (_rect = /*#__PURE__*/React$1.createElement("rect", {
+  })), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
     x: 2.758,
     y: 2.75,
     width: 26.5,
@@ -2118,14 +2118,14 @@ var SvgPenPaper = function SvgPenPaper(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$u(_ref, _excluded$u);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$u({
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$u || (_path$u = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     d: "M20.199 3h-16.8C2.56 3 2 3.54 2 4.35v24.3c0 .81.56 1.35 1.4 1.35h16.799c.84 0 1.4-.54 1.4-1.35V4.35c0-.81-.56-1.35-1.4-1.35Zm-15.4 4.05h5.6v8.1H4.8v-8.1ZM16 25.95c0 .81-.56 1.35-1.4 1.35H6.2c-.84 0-1.4-.54-1.4-1.35s.56-1.35 1.4-1.35h8.4c.84 0 1.4.54 1.4 1.35Zm2.8-5.4c0 .81-.56 1.35-1.4 1.35H6.2c-.84 0-1.4-.54-1.4-1.35s.56-1.35 1.4-1.35h11.2c.84 0 1.4.54 1.4 1.35ZM24.398 24.6c0 .945.56 1.89 1.4 2.295v.405c0 .81.56 2.7 1.4 2.7.84 0 1.4-1.89 1.4-2.7v-.405c.84-.405 1.4-1.35 1.4-2.295V9.75h-5.6V24.6ZM29.298 4.36h-4.2c-.42 0-.7.27-.7.674V7.06h5.6V5.034c0-.405-.28-.675-.7-.675Z",
     fill: "currentColor"
   })));
@@ -2140,17 +2140,17 @@ var SvgCaretLeft = function SvgCaretLeft(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$t(_ref, _excluded$t);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$t({
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$t || (_path$t = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     d: "M9.002 16.578c.015.51.202.997.525 1.367l9.178 10.415c.352.398.835.629 1.343.64.507.01.998-.199 1.364-.582.366-.383.578-.909.588-1.462a2.19 2.19 0 0 0-.534-1.486l-7.9-8.97 7.9-8.97A2.19 2.19 0 0 0 22 6.044a2.176 2.176 0 0 0-.588-1.462A1.832 1.832 0 0 0 20.048 4c-.508.011-.99.242-1.343.64L9.527 15.055a2.117 2.117 0 0 0-.405.703c-.09.262-.131.54-.12.82Z",
     fill: "currentColor"
-  })), _path2$c || (_path2$c = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
     d: "M9.002 16.578c.015.51.202.997.525 1.367l9.178 10.415c.352.398.835.629 1.343.64.507.01.998-.199 1.364-.582.366-.383.578-.909.588-1.462a2.19 2.19 0 0 0-.534-1.486l-7.9-8.97 7.9-8.97A2.19 2.19 0 0 0 22 6.044a2.176 2.176 0 0 0-.588-1.462A1.832 1.832 0 0 0 20.048 4c-.508.011-.99.242-1.343.64L9.527 15.055a2.117 2.117 0 0 0-.405.703c-.09.262-.131.54-.12.82Z",
     stroke: "currentColor"
   })));
@@ -2165,17 +2165,17 @@ var SvgFormalBackpack = function SvgFormalBackpack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$s(_ref, _excluded$s);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$s({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$s || (_path$s = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     d: "M25.662 17.941v-3.802c0-4.285-2.883-7.906-6.844-9.093.007-.086.012-.174.012-.262C18.83 3.249 17.56 2 16 2s-2.83 1.249-2.83 2.784c0 .088.005.176.013.262C9.22 6.233 6.339 9.854 6.339 14.14v3.803A10.627 10.627 0 0 0 5 23.117V30h22v-6.883c0-1.875-.485-3.639-1.338-5.176ZM14.252 4.784c0-.948.784-1.72 1.748-1.72s1.749.772 1.749 1.72v.007a9.906 9.906 0 0 0-3.497 0v-.007Zm-3.72 4.232h10.936v1.006H10.532V9.016Zm12.39 16.314c0 .47-.387.851-.865.851H9.943a.858.858 0 0 1-.865-.85v-4.322c0-.471.387-.852.865-.852h12.114c.478 0 .865.381.865.852v4.321Z",
     fill: "currentColor"
-  })), _path2$b || (_path2$b = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement("path", {
     d: "M11.169 21.858h9.662v.888H11.17v-.888Z",
     fill: "currentColor"
   })));
@@ -2190,17 +2190,17 @@ var SvgFormalBallotBox = function SvgFormalBallotBox(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$r(_ref, _excluded$r);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$r || (_path$r = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     d: "M14.374 4.05a12.041 12.041 0 0 0-4.315.64c-2.43.826-5.78 2.817-7.875 7.69-.447.938-.05 2.053.88 2.504.93.451 2.034.05 2.48-.889.025-.037.037-.087.05-.125.372-.877.843-1.716 1.414-2.48a7.48 7.48 0 0 0-.025.539 7.817 7.817 0 0 0 2.728 5.974l2.654-2.68a4.109 4.109 0 0 1-.88-5.7 4.016 4.016 0 0 1 5.643-.888 4.109 4.109 0 0 1 .88 5.698 3.971 3.971 0 0 1-1.662 1.34 1.879 1.879 0 0 0-.88 2.506 1.85 1.85 0 0 0 2.356.939 7.856 7.856 0 0 0 2.555-1.804l4.527-4.196h5.084V4l-15.614.05Z",
     fill: "currentColor"
-  })), _path2$a || (_path2$a = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
     d: "m20.336 26.585 3.783-3.82-4.204-4.246c-.57.451-1.191.827-1.86 1.115-.298.138-.633.2-.956.2a2.426 2.426 0 0 1-2.418-2.442c0-.977.57-1.854 1.463-2.242l.298-.15-1.575-1.578-9.252 9.343 3.783 3.82H2.03v1.416h27.966v-1.415h-9.66Z",
     fill: "currentColor"
   })));
@@ -2215,14 +2215,14 @@ var SvgFormalBarGraph = function SvgFormalBarGraph(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$q(_ref, _excluded$q);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$q || (_path$q = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     d: "M4.797 13.203h5.6v11.2h-5.6v-11.2ZM21.602 7.602h5.6v16.8h-5.6v-16.8ZM13.203 2h5.6v22.4h-5.6V2ZM2 27.203h28v2.8H2v-2.8Z",
     fill: "currentColor"
   })));
@@ -2237,23 +2237,23 @@ var SvgFormalBolt = function SvgFormalBolt(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$p(_ref, _excluded$p);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$p || (_path$p = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     d: "M24.8 13.674c-.338-.64-1.048-1.007-1.95-1.007h-4.867V3.891c0-1.286-.515-1.712-.949-1.842-.428-.13-1.09-.065-1.797.994l-3.093 4.599a378.13 378.13 0 0 1-1.88 2.772l-3.785 5.488c-.688 1.01-.485 1.738-.304 2.081.186.353.69.945 1.972.945h5.147v9.194c0 .387 0 1.564.882 1.831.105.032.207.047.304.047.72 0 1.24-.778 1.432-1.067l2.949-4.612.198-.297c.72-1.079 1.76-2.634 2.423-3.609l3.039-4.51c.52-.768.622-1.58.28-2.231Zm-1.572 1.351-3.04 4.51a539.38 539.38 0 0 0-2.427 3.618l-2.904 4.526v-9.535a.78.78 0 0 0-.781-.782H8.148c-.396 0-.57-.09-.586-.097-.007-.036.018-.204.205-.477l3.787-5.492c.646-.946 1.383-2.028 1.889-2.784l2.978-4.428v9.366c0 .432.349.782.781.782h5.65c.327 0 .524.09.569.175.046.09.008.322-.193.618Z",
     fill: "currentColor"
-  })), _path2$9 || (_path2$9 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
     d: "m16.88 3.5.495 9.5 6.429 1-7.418 12.5-1.979 1.5v-.5l-.494-9.5H7.978l-.989-1.5 8.902-13h.99Z",
     fill: "currentColor"
-  })), _path3$1 || (_path3$1 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
     d: "M24.8 13.674c-.338-.64-1.048-1.007-1.95-1.007h-4.867V3.891c0-1.286-.515-1.712-.949-1.842-.428-.13-1.09-.065-1.797.994l-3.093 4.599a378.13 378.13 0 0 1-1.88 2.772l-3.785 5.488c-.688 1.01-.485 1.738-.304 2.081.186.353.69.945 1.972.945h5.147v9.194c0 .387 0 1.564.882 1.831.105.032.207.047.304.047.72 0 1.24-.778 1.432-1.067l2.949-4.612.198-.297c.72-1.079 1.76-2.634 2.423-3.609l3.039-4.51c.52-.768.622-1.58.28-2.231Zm-1.572 1.351-3.04 4.51a539.38 539.38 0 0 0-2.427 3.618l-2.904 4.526v-9.535a.78.78 0 0 0-.781-.782H8.148c-.396 0-.57-.09-.586-.097-.007-.036.018-.204.205-.477l3.787-5.492c.646-.946 1.383-2.028 1.889-2.784l2.978-4.428v9.366c0 .432.349.782.781.782h5.65c.327 0 .524.09.569.175.046.09.008.322-.193.618Z",
     stroke: "currentColor"
-  })), _path4$1 || (_path4$1 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
     d: "m16.88 3.5.495 9.5 6.429 1-7.418 12.5-1.979 1.5v-.5l-.494-9.5H7.978l-.989-1.5 8.902-13h.99Z",
     stroke: "currentColor"
   })));
@@ -2268,14 +2268,14 @@ var SvgFormalBriefcase = function SvgFormalBriefcase(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$o(_ref, _excluded$o);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$o || (_path$o = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.36 8.29h4.292V5.59C8.652 4.126 9.725 3 11.012 3h9.976c1.288 0 2.468 1.126 2.468 2.589V8.29h4.184c1.287 0 2.36 1.126 2.36 2.476v15.758C30 27.874 28.927 29 27.64 29H4.36C3.073 29 2 27.875 2 26.524V10.766C2 9.416 3.073 8.29 4.36 8.29Zm6.009 0h11.264V5.59c0-.338-.322-.675-.644-.675h-9.976c-.322 0-.644.337-.644.675V8.29Z",
@@ -2292,14 +2292,14 @@ var SvgFormalBullseye = function SvgFormalBullseye(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$n(_ref, _excluded$n);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$n || (_path$n = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     d: "M25.605 2.004a.743.743 0 0 0-.639.728v3.286l-1.077 1.076v-1.85c.01-.407-.391-.773-.796-.729a.743.743 0 0 0-.639.729v3.285l-.157.157a12.15 12.15 0 0 0-8.096-3.083C7.47 5.603 2 11.073 2 17.8 2 24.53 7.47 30 14.2 30c6.73 0 12.201-5.47 12.201-12.199 0-2.598-.818-5.006-2.209-6.985l-1.02 1.01c.002.002-.002.008 0 .01a10.748 10.748 0 0 1 1.794 5.965 10.754 10.754 0 0 1-10.765 10.764A10.754 10.754 0 0 1 3.435 17.8 10.754 10.754 0 0 1 14.201 7.038c2.716 0 5.194 1.003 7.087 2.657l-1.783 1.783A8.222 8.222 0 0 0 14.2 9.549c-4.55 0-8.254 3.703-8.254 8.252 0 4.55 3.704 8.252 8.254 8.252 4.55 0 8.253-3.703 8.253-8.252a8.17 8.17 0 0 0-1.121-4.126l-1.043 1.043c.467.925.729 1.972.729 3.083a6.807 6.807 0 0 1-6.818 6.817 6.807 6.807 0 0 1-6.818-6.817 6.807 6.807 0 0 1 6.818-6.816c1.627 0 3.113.566 4.283 1.513l-2.052 2.052a3.904 3.904 0 0 0-2.231-.695 3.958 3.958 0 0 0-3.948 3.946 3.958 3.958 0 0 0 3.948 3.947 3.958 3.958 0 0 0 3.947-3.947c0-.288-.04-.57-.101-.84l-1.402 1.401a2.497 2.497 0 0 1-2.444 1.95 2.5 2.5 0 0 1-2.512-2.51A2.5 2.5 0 0 1 14.2 15.29c.432 0 .835.113 1.188.303l-1.693 1.693a.747.747 0 0 0-.05 1.014.747.747 0 0 0 1.014.05l8.803-8.8h3.297a.746.746 0 0 0 .728-.718.746.746 0 0 0-.728-.718H24.9l1.076-1.076h3.297A.746.746 0 0 0 30 6.32a.746.746 0 0 0-.728-.717h-2.87v-2.87c.008-.408-.392-.774-.797-.73Z",
     fill: "currentColor"
   })));
@@ -2314,17 +2314,17 @@ var SvgFormalBurger = function SvgFormalBurger(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$m(_ref, _excluded$m);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$m || (_path$m = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     d: "m30 16.79-14 3.273-14-3.274h28Z",
     fill: "currentColor"
-  })), _path2$8 || (_path2$8 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
     d: "m4.613 18.875 11.048 2.583.33.078.332-.078 11.046-2.583c.547.25.928.793.928 1.427 0 .868-.712 1.572-1.59 1.572H5.276a1.582 1.582 0 0 1-1.591-1.572c0-.635.382-1.178.927-1.427ZM3.382 23.29h25.243c.38 0 .688.304.688.679 0 1.67-1.374 3.027-3.062 3.027H5.757c-1.688 0-3.06-1.358-3.06-3.027 0-.375.307-.68.685-.68ZM3.186 13.21C5.914 8.697 10.704 6 15.999 6c5.295 0 10.084 2.696 12.813 7.21.266.44.272.988.016 1.434a1.445 1.445 0 0 1-1.253.722H4.423c-.518 0-.997-.275-1.253-.721a1.41 1.41 0 0 1 .016-1.434Z",
     fill: "currentColor"
   })));
@@ -2339,17 +2339,17 @@ var SvgFormalCameraLens = function SvgFormalCameraLens(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$l(_ref, _excluded$l);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$l || (_path$l = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     d: "M30 16a14 14 0 1 0-14 14 14.05 14.05 0 0 0 14-14Zm-3.733 6.66L20.17 12.5h7.563a12.164 12.164 0 0 1-1.467 10.16Zm-8.138-3.16h-4.258l-2.1-3.5 2.1-3.5h4.259l2.1 3.5-2.1 3.5Zm8.922-8.75h-12.13l3.983-6.638a12.28 12.28 0 0 1 8.147 6.638Zm-11.05-7c.353 0 .7.023 1.047.053l-6.297 10.496-3.87-6.45a12.212 12.212 0 0 1 9.12-4.1ZM5.732 9.34 11.83 19.5H4.266A12.166 12.166 0 0 1 5.733 9.34ZM4.95 21.25H17.08l-3.983 6.638A12.281 12.281 0 0 1 4.95 21.25Zm11.051 7c-.354 0-.701-.024-1.047-.053L21.25 17.7l3.87 6.45A12.212 12.212 0 0 1 16 28.25Z",
     fill: "currentColor"
-  })), _path2$7 || (_path2$7 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
     d: "M18.384 16.044a2.34 2.34 0 1 1-4.68 0 2.34 2.34 0 0 1 4.68 0Z",
     fill: "currentColor"
   })));
@@ -2364,14 +2364,14 @@ var SvgFormalDesignBulb = function SvgFormalDesignBulb(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$k(_ref, _excluded$k);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$k || (_path$k = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     d: "M24.131 17.369c-.886 1.201-1.568 2.23-2.079 3.226l-1.568 3.055H18.85V12.529c0-.034-.034-.103-.034-.137L17.11 8.273a.673.673 0 0 0-.614-.412.673.673 0 0 0-.613.412l-1.704 4.119v.034c0 .034-.034.069-.034.103V23.65H12.51l-1.567-3.055c-.512-.995-1.193-2.025-2.08-3.226-2.93-3.982-2.351-9.68 1.364-12.975 3.578-3.192 8.997-3.192 12.61 0 3.646 3.295 4.225 8.993 1.294 12.975Zm-11.417 9.713h7.498v-2.06l-7.498.001v2.06ZM16.464 30a2.058 2.058 0 0 0 2.044-2.06h-4.09c0 1.133.92 2.06 2.045 2.06Zm-.682-18.02h1.363l-.682-1.648-.681 1.648Zm-.341 11.67h2.045V13.353H15.44V23.65Z",
     fill: "currentColor"
   })));
@@ -2386,14 +2386,14 @@ var SvgFormalDoublePanBalance = function SvgFormalDoublePanBalance(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$j(_ref, _excluded$j);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$j || (_path$j = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     d: "M29.274 15.248h-.066l-2.884-5.98a1.807 1.807 0 0 0-2.66-2.44l-1.009-.789a5.746 5.746 0 0 0-4.928-1.029l-.266.069a1.527 1.527 0 0 0-2.92 0l-.245-.069a5.746 5.746 0 0 0-4.92 1.03l-1.01.789a1.807 1.807 0 0 0-2.658 2.438l-2.894 5.981h-.066a.747.747 0 0 0-.746.806 5.09 5.09 0 0 0 10.144 0 .746.746 0 0 0-.743-.809h-.066l-2.86-5.918 1.39-.858a3.605 3.605 0 0 1 3.285-.225c.402.147.825.227 1.253.237v1.6a2.608 2.608 0 0 0 0 4.124v9.257l-5.472 2.133a1.219 1.219 0 0 0-.858 1.166v.075a1.224 1.224 0 0 0 1.224 1.223H22.72a1.223 1.223 0 0 0 1.224-1.224v-.074a1.214 1.214 0 0 0-.858-1.163l-5.472-2.136v-9.254a2.607 2.607 0 0 0 0-4.123V8.48a3.942 3.942 0 0 0 1.255-.243 3.583 3.583 0 0 1 3.262.243l1.39.858-2.86 5.918h-.065a.747.747 0 0 0-.743.809 5.09 5.09 0 0 0 10.143 0 .747.747 0 0 0-.743-.81l.02-.008Zm-20.299 0H5.19l1.887-3.914 1.898 3.914Zm14.095 0 1.887-3.914 1.887 3.914H23.07Z",
     fill: "currentColor"
   })));
@@ -2408,14 +2408,14 @@ var SvgFormalEasel = function SvgFormalEasel(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$i(_ref, _excluded$i);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$i || (_path$i = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     d: "M6.75 4.546h9v-1.91c0-.35.336-.636.75-.636s.75.285.75.636v1.91h9c.199 0 .39.066.53.186.141.12.22.281.22.45V23a.59.59 0 0 1-.22.45.823.823 0 0 1-.53.186h-4.893l2.589 5.492c.154.326-.033.696-.418.826-.384.13-.82-.028-.974-.354l-2.811-5.964H17.25v5.728c0 .35-.336.636-.75.636s-.75-.285-.75-.636v-5.728h-2.493L10.446 29.6c-.154.326-.59.484-.974.354-.385-.13-.572-.5-.418-.826l2.589-5.492H6.75a.823.823 0 0 1-.53-.186A.59.59 0 0 1 6 23V5.182c0-.169.079-.33.22-.45a.823.823 0 0 1 .53-.186Z",
     fill: "currentColor"
   })));
@@ -2430,17 +2430,17 @@ var SvgFormalEye = function SvgFormalEye(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$h(_ref, _excluded$h);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$h || (_path$h = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
     d: "M16 6C8.27 6 2 16.5 2 16.5S8.27 27 16 27c7.732 0 14-10.5 14-10.5S23.732 6 16 6Zm0 17.5a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z",
     fill: "currentColor"
-  })), _path2$6 || (_path2$6 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
     d: "M19.5 16.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z",
     fill: "currentColor"
   })));
@@ -2455,14 +2455,14 @@ var SvgFormalGavel = function SvgFormalGavel(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$g(_ref, _excluded$g);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$g({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$g || (_path$g = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M11.558 3.28h8.885v6.646H16.98l.936 11.822c.056.703-.52 1.284-1.156 1.284h-1.516c-.636 0-1.212-.581-1.156-1.284l.936-11.822h-3.465V3.28ZM9.587 26.617h.975v-1.366c0-.633.53-1.15 1.18-1.15h8.513c.65 0 1.18.517 1.18 1.15v1.366h.978c.873 0 1.587.695 1.587 1.545V30H8v-1.837c0-.85.713-1.545 1.587-1.545ZM22.493 2c-.778 0-1.415.62-1.415 1.376V9.83c0 .757.637 1.377 1.414 1.377.779 0 1.415-.62 1.415-1.377V3.376C23.907 2.62 23.27 2 22.493 2ZM9.505 2h.002c.777 0 1.414.62 1.414 1.376V9.83c0 .757-.637 1.377-1.414 1.377h-.002c-.777 0-1.413-.62-1.413-1.377V3.376C8.092 2.62 8.728 2 9.505 2Z",
@@ -2479,14 +2479,14 @@ var SvgFormalGroup = function SvgFormalGroup(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$f(_ref, _excluded$f);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$f || (_path$f = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
     d: "M6 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0ZM19.558 9.165l.084.064a4 4 0 1 0-.084-.064ZM12.533 12a4 4 0 1 1 7.076 3.736 4 4 0 0 1-7.076-3.737ZM5 12h5.34c-.22.626-.34 1.3-.34 2 0 1.536.578 2.94 1.528 4H11a5.002 5.002 0 0 0-4.71 3.316 7.467 7.467 0 0 1-1.866-1.086C2.92 19.02 2 17.232 2 15a3 3 0 0 1 3-3ZM20.997 18a4.998 4.998 0 0 1 4.708 3.316c.68-.278 1.31-.64 1.868-1.086 1.504-1.21 2.424-2.998 2.424-5.23a3 3 0 0 0-3-3h-5.34c.22.626.34 1.3.34 2a5.98 5.98 0 0 1-1.528 4h.528ZM23.774 21.856c.146.352.226.74.226 1.144 0 2.232-.918 4.02-2.424 5.23C20.094 29.42 18.106 30 16 30c-2.106 0-4.094-.58-5.576-1.77C8.92 27.02 8 25.232 8 23a2.993 2.993 0 0 1 3-3h10a3 3 0 0 1 2.774 1.856Z",
     fill: "currentColor"
   })));
@@ -2501,17 +2501,17 @@ var SvgFormalHandshake = function SvgFormalHandshake(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$e(_ref, _excluded$e);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$e || (_path$e = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
     d: "m18.27 12.55 6.815 5.134a8.473 8.473 0 0 0 .736-3.786L20.616 8.57h-.046c-2.454 0-4.114 2.125-4.144 2.147l-2.815 3.023c-.437.467-.546 1.123.005 1.582.418.348 1.02.316 1.4-.074l2.618-2.651c.228-.205.55-.112.636-.047ZM21.851 4.266c-.448 0-.87.18-1.187.505a1.779 1.779 0 0 0 0 2.472l6.463 6.616c.638.652 1.74.652 2.376 0a1.78 1.78 0 0 0 0-2.472L23.04 4.77a1.653 1.653 0 0 0-1.189-.505c-.448 0 .448 0 0 0ZM10.152 4c-.448 0-.87.18-1.189.505L2.5 11.121a1.78 1.78 0 0 0 0 2.472 1.67 1.67 0 0 0 2.377 0l6.463-6.616a1.779 1.779 0 0 0 0-2.472A1.678 1.678 0 0 0 10.152 4ZM7.895 18.132l-1.45 1.484c-.26.267-.26.7 0 .967l.233.238a.64.64 0 0 0 .905 0l1.45-1.484c.26-.267.26-.7 0-.967l-.233-.238a.642.642 0 0 0-.905 0ZM10.176 19.813c-.17 0-.33.068-.452.193l-1.45 1.485c-.26.266-.26.7 0 .966l.232.238a.643.643 0 0 0 .905 0l1.45-1.484c.26-.267.26-.7 0-.968l-.232-.237a.627.627 0 0 0-.453-.193Zm-.799-.141h.005-.005ZM12.066 21.617c-.17 0-.33.069-.452.194l-1.45 1.484c-.26.267-.26.7 0 .967l.232.238a.642.642 0 0 0 .906 0l1.45-1.485c.26-.266.26-.7 0-.966l-.232-.238a.627.627 0 0 0-.454-.194Zm-.798-.14h.005-.005ZM13.91 23.5c-.17 0-.33.07-.452.194l-1.45 1.485c-.26.266-.26.7 0 .966l.232.238a.642.642 0 0 0 .905 0l1.45-1.484c.26-.267.26-.7 0-.968l-.232-.236a.628.628 0 0 0-.453-.194Zm-.799-.14h.005-.005Z",
     fill: "currentColor"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     d: "m14.778 26.071 1.215 1.141c.222.21.327.445.61.602.35.195.78.24 1.185.127.355-.101.636-.312.793-.593.154-.277.19-.645.1-1.011a.477.477 0 0 1 .142-.47.485.485 0 0 1 .484-.1c.404.14.808.128 1.028-.032.317-.23.51-.947.267-1.703a.479.479 0 0 1 .157-.52.485.485 0 0 1 .544-.041c.628.36 1.272.303 1.558.064.322-.269.494-1.013.21-1.747a.476.476 0 0 1 .081-.483.486.486 0 0 1 .465-.16c.264.053.528.027.763-.076.632-.276.87-1.047.78-1.667a1.62 1.62 0 0 0-.251-.65l-6.883-5.185-2.32 2.349a1.988 1.988 0 0 1-2.71.138 2.012 2.012 0 0 1-.73-1.535 1.92 1.92 0 0 1 .653-1.454l2.575-2.764c-1.006-1.16-2.453-1.817-4.027-1.817l-.095.001a3.39 3.39 0 0 0-.171.007l-4.835 4.95a7.7 7.7 0 0 0 .672 4.173l.156-.16c.61-.625 1.68-.625 2.29 0l.233.238c.312.319.467.739.465 1.159a1.59 1.59 0 0 1 1.14.485l.232.236c.294.302.45.693.465 1.088.46-.012.88.16 1.197.484l.232.237c.31.317.465.734.466 1.151.428.003.83.175 1.132.485l.231.237a1.66 1.66 0 0 1 0 2.306l-.5.51Z",
     fill: "currentColor"
   })));
@@ -2526,14 +2526,14 @@ var SvgFormalHeart = function SvgFormalHeart(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$d(_ref, _excluded$d);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$d || (_path$d = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
     d: "M22.37 4C17.605 4 16 8.384 16 8.384S14.396 4 9.63 4C4.869 4 2 8.708 2 12.588 2 19.09 16 29 16 29s14-9.908 14-16.411C30 8.708 27.133 4 22.37 4Z",
     fill: "currentColor"
   })));
@@ -2548,17 +2548,17 @@ var SvgFormalMagnifyingGlass = function SvgFormalMagnifyingGlass(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$c(_ref, _excluded$c);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$c({
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$c || (_path$c = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
     d: "m29.21 25.38-5.35-5.348a1.106 1.106 0 0 0-1.545-.006l-1.033-1.038c2.823-3.838 2.812-9.24-.355-13.09C17.182 1.344 10.45.685 5.895 4.429 1.34 8.18.686 14.912 4.431 19.467c3.617 4.398 10.01 5.145 14.548 1.82l1.038 1.038a1.104 1.104 0 0 0 .012 1.54l5.348 5.349a2.725 2.725 0 0 0 3.832 0 2.724 2.724 0 0 0 0-3.832Zm-11.235-6.252c-3.54 2.916-8.802 2.432-11.742-1.143A8.352 8.352 0 0 1 7.376 6.23c3.483-2.87 8.767-2.473 11.748 1.15a8.337 8.337 0 0 1-1.149 11.747Z",
     fill: "currentColor"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     d: "M17.504 15.92v1.237H7.851V15.92a3.01 3.01 0 0 1 3.01-3.01h3.634a3.01 3.01 0 0 1 3.01 3.01ZM10.137 9.416c0-1.4 1.138-2.543 2.538-2.543a2.545 2.545 0 0 1 2.543 2.543 2.54 2.54 0 1 1-5.08 0Z",
     fill: "currentColor"
   })));
@@ -2573,17 +2573,17 @@ var SvgFormalMedicine = function SvgFormalMedicine(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$b(_ref, _excluded$b);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$b || (_path$b = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     d: "M19.46 22.38c0 .362-.301.657-.673.657h-1.63v1.593a.665.665 0 0 1-.673.657h-.966a.665.665 0 0 1-.672-.657v-1.593h-1.63a.665.665 0 0 1-.673-.657v-.944c0-.363.3-.658.672-.658h1.63v-1.593c0-.362.301-.656.673-.656h.966c.371 0 .672.294.672.656v1.593h1.63c.372 0 .673.295.673.658v.944ZM23.298 6.53c0 1.114-.924 2.017-2.066 2.017H10.77c-1.141 0-2.065-.903-2.065-2.018V4.018C8.704 2.903 9.628 2 10.769 2h10.463c1.142 0 2.066.903 2.066 2.018V6.53Z",
     fill: "currentColor"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
     d: "m23.609 13.07-2.397-2.273V9.24H10.788v1.558L8.392 13.07C7.076 14.319 6 16.894 6 18.796v9.185C6 29.096 6.925 30 8.066 30h15.868C25.075 30 26 29.096 26 27.981v-9.185c0-1.902-1.076-4.477-2.391-5.726Zm-.312 12.518c0 1.048-.869 1.898-1.942 1.898h-10.71c-1.072 0-1.942-.85-1.942-1.898v-7.403c0-1.048.87-1.899 1.943-1.899h10.709c1.073 0 1.942.85 1.942 1.899v7.403Z",
     fill: "currentColor"
   })));
@@ -2598,17 +2598,17 @@ var SvgFormalMicrophone = function SvgFormalMicrophone(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$a(_ref, _excluded$a);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$a || (_path$a = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
     d: "M28 15.014c0-.36-.2-.69-.523-.87a1.083 1.083 0 0 0-1.045 0 .996.996 0 0 0-.523.87c-.011 3.1-1.678 5.978-4.417 7.623a9.756 9.756 0 0 1-9.076.484c-2.912-1.344-4.9-4.027-5.27-7.107h3.083c0 2.15 1.195 4.136 3.135 5.211a6.5 6.5 0 0 0 6.271 0c1.94-1.075 3.136-3.061 3.136-5.211h-7.313c-.373 0-.717-.19-.903-.5a.965.965 0 0 1 0-1c.186-.31.53-.5.903-.5h7.313V8.017c0-2.15-1.195-4.137-3.136-5.212a6.5 6.5 0 0 0-6.27 0c-1.941 1.075-3.136 3.062-3.136 5.212v5.995H6.046c-.277 0-.543.106-.739.293a.982.982 0 0 0-.307.708c.012 2.745 1.09 5.387 3.024 7.41 1.934 2.023 4.584 3.282 7.434 3.531V28H12.32c-.372 0-.716.19-.903.5a.967.967 0 0 0 0 1c.187.31.53.501.903.501h8.36c.372 0 .716-.19.902-.5a.966.966 0 0 0 0-1c-.186-.31-.53-.5-.902-.5h-3.138v-2.045c2.852-.249 5.504-1.51 7.438-3.535 1.933-2.026 3.01-4.672 3.02-7.42v.014ZM12.644 11.94c0 .343-.29.621-.648.621a.635.635 0 0 1-.647-.62v-4.04c0-1.236.511-2.42 1.422-3.295a4.962 4.962 0 0 1 3.434-1.364h.428c.357 0 .647.278.647.62 0 .344-.29.622-.647.622h-.434c-.945 0-1.85.36-2.519 1.001a3.349 3.349 0 0 0-1.043 2.416l.007 4.04Z",
     fill: "currentColor"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
     d: "M15.473 5.926a.413.413 0 0 0-.304.076.382.382 0 0 0-.153.263 1.66 1.66 0 0 0-.884.315 1.557 1.557 0 0 0-.55.734c-.343 1.016.443 2.107 1.421 2.46.455.193.98.154 1.399-.102.453-.31.524-.848.586-1.348.116-1.069-.21-2.293-1.515-2.398Zm.55 2.206c-.049.5-.143 1.022-.79.73-.418-.19-.878-.696-.767-1.175a.581.581 0 0 1 .326-.422.625.625 0 0 1 .548.006.44.44 0 0 0 .589-.093c.111.306.144.633.094.954ZM19.645 6.777a.415.415 0 0 0-.303.077.382.382 0 0 0-.153.262 1.66 1.66 0 0 0-.893.31 1.558 1.558 0 0 0-.558.737c-.343 1.016.444 2.106 1.422 2.46.454.192.979.154 1.398-.102.453-.31.524-.848.586-1.348.133-1.066-.194-2.29-1.499-2.396Zm.55 2.206c-.051.503-.139 1.025-.786.73-.418-.19-.878-.696-.768-1.174a.58.58 0 0 1 .327-.422.624.624 0 0 1 .547.006.44.44 0 0 0 .59-.093c.11.306.141.633.09.953ZM16.278 17.13a.409.409 0 0 0-.305.074.376.376 0 0 0-.152.264 1.663 1.663 0 0 0-.892.31 1.559 1.559 0 0 0-.558.737c-.343 1.016.444 2.104 1.421 2.46.455.194.98.154 1.399-.105.453-.31.524-.848.586-1.345.133-1.069-.194-2.274-1.5-2.395Zm.55 2.206c-.048.5-.142 1.022-.79.73-.417-.19-.877-.696-.767-1.175a.584.584 0 0 1 .326-.422.628.628 0 0 1 .548.003.44.44 0 0 0 .59-.09c.11.306.14.633.09.954h.003Z",
     fill: "currentColor"
   })));
@@ -2623,14 +2623,14 @@ var SvgFormalMolecule = function SvgFormalMolecule(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$9(_ref, _excluded$9);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$9 || (_path$9 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
     d: "M26.029 18.806c-.766 0-1.47.295-1.99.768l-3.37-1.89a4.51 4.51 0 0 0 .337-1.714c0-.56-.122-1.122-.306-1.624l3.369-1.86c.52.472 1.225.767 1.99.767 1.661 0 3.002-1.33 2.938-2.946-.058-1.47-1.299-2.666-2.822-2.723-1.676-.061-3.055 1.231-3.055 2.834 0 .206.03.413.091.62l-3.338 1.86a5.043 5.043 0 0 0-3-1.683V7.523c1.28-.38 2.209-1.575 2.067-2.966-.138-1.369-1.298-2.457-2.72-2.55-1.716-.113-3.145 1.197-3.145 2.828 0 1.27.888 2.334 2.082 2.688v3.722a5.055 5.055 0 0 0-2.97 1.683l-3.369-1.86c.03-.207.061-.414.061-.62 0-1.566-1.317-2.836-2.94-2.836C4.317 7.612 3 8.882 3 10.418s1.317 2.836 2.94 2.836c.796 0 1.5-.296 2.021-.798l3.338 1.86a4.79 4.79 0 0 0-.306 1.625c0 .591.122 1.123.337 1.654l-3.4 1.89a2.994 2.994 0 0 0-2.256-.723c-1.407.138-2.53 1.242-2.635 2.603-.13 1.663 1.234 3.053 2.932 3.053s2.94-1.27 2.94-2.835c0-.237-.031-.473-.092-.68l3.399-1.89a4.952 4.952 0 0 0 2.91 1.654v3.81c-1.193.354-2.05 1.414-2.053 2.681-.003 1.543 1.303 2.822 2.902 2.842 1.64.02 2.978-1.258 2.978-2.836 0-1.3-.888-2.363-2.113-2.717v-3.722c1.195-.177 2.205-.768 2.97-1.625l3.4 1.89a2.176 2.176 0 0 0-.092.621c0 1.566 1.317 2.835 2.94 2.835S29 23.177 29 21.611s-1.348-2.806-2.97-2.806h-.001Z",
     fill: "currentColor"
   })));
@@ -2645,14 +2645,14 @@ var SvgFormalMoneybag = function SvgFormalMoneybag(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$8(_ref, _excluded$8);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$8 || (_path$8 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     d: "M21.417 9.54H10.584S3 16 3 23.54c0 4.307 3.261 6.462 5.416 6.462h15.168c2.164 0 5.416-2.155 5.416-6.462 0-7.54-7.584-14.002-7.584-14.002Zm-4.335 14.969v1.724h-2.164v-1.719c-1.595-.295-2.597-1.273-2.668-2.694h1.877c.091.746.847 1.226 1.941 1.226 1.008 0 1.723-.486 1.723-1.179 0-.59-.463-.925-1.601-1.179l-1.207-.256c-1.69-.351-2.52-1.227-2.52-2.633s.943-2.42 2.443-2.753v-1.737h2.164v1.74c1.465.324 2.44 1.317 2.488 2.653h-1.812c-.091-.728-.773-1.215-1.71-1.215-.937 0-1.613.449-1.613 1.15 0 .57.442.884 1.53 1.126L17.07 19c1.865.389 2.668 1.179 2.668 2.62 0 1.542-.995 2.574-2.656 2.89ZM21.406 3.071H18.41a3.27 3.27 0 0 0-4.844 0h-2.994a1.087 1.087 0 0 0-.894.474c-.2.295-.243.669-.111 1l1.005 2.833h10.832l1.005-2.833c.132-.331.09-.705-.111-1a1.087 1.087 0 0 0-.894-.474Z",
     fill: "currentColor"
   })));
@@ -2667,14 +2667,14 @@ var SvgFormalMortarboard = function SvgFormalMortarboard(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$7(_ref, _excluded$7);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$7 || (_path$7 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     d: "M29.376 11.672 17.76 7.32A4.898 4.898 0 0 0 15.95 7c-.615 0-1.194.092-1.773.32l-11.58 4.352c-.796.32-.796 1.74 0 2.06l4.415 1.65v5.083c0 1.054.543 1.924 1.303 2.245l2.895 1.053a13.71 13.71 0 0 0 9.734 0l2.895-1.053c.76-.32 1.303-1.19 1.303-2.245v-5.13l2.642-1.007v5.13h-.145c-.217 0-.362.229-.362.458v2.382c0 .275.18.458.362.458h.072l-.579 1.557c-.108.32.036.687.326.687h1.81c.253 0 .433-.366.325-.687l-.615-1.511h.072c.217 0 .362-.23.362-.459v-2.381c0-.275-.18-.458-.362-.458h-.145v-5.588l.471-.183c.832-.275.832-1.74 0-2.061Z",
     fill: "currentColor"
   })));
@@ -2689,14 +2689,14 @@ var SvgFormalParthenon = function SvgFormalParthenon(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$6(_ref, _excluded$6);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$6 || (_path$6 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.306 24.167H8.51V11.334H6.306v12.833Zm4.407 0h2.204V11.334h-2.204v12.833Zm4.408 0h2.203V11.334h-2.203v12.833Zm4.407 0h2.204V11.334h-2.204v12.833Zm4.407 0h2.204V11.334h-2.204v12.833Zm4.408 0V11.334c.503 0 .943-.362 1.067-.879.125-.517-.098-1.057-.54-1.312l-12.12-7a1.047 1.047 0 0 0-1.056 0l-12.12 7c-.442.255-.664.795-.54 1.312.125.517.565.879 1.068.879v12.833c-.61 0-1.102.522-1.102 1.166v3.5C3 29.477 3.493 30 4.102 30h24.24c.61 0 1.102-.523 1.102-1.167v-3.5c0-.644-.492-1.166-1.101-1.166Z",
@@ -2713,14 +2713,14 @@ var SvgFormalPencil = function SvgFormalPencil(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$5(_ref, _excluded$5);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$5 || (_path$5 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
     d: "M18.53 7 3.979 21.553a.935.935 0 0 0-.246.435l-1.705 6.856a.934.934 0 0 0 1.132 1.132l6.856-1.704a.938.938 0 0 0 .435-.246l14.553-14.553L18.53 7ZM28.664 3.339a4.582 4.582 0 0 0-6.473 0l-2.34 2.339 6.474 6.473 2.339-2.34a4.582 4.582 0 0 0 0-6.472Z",
     fill: "currentColor"
   })));
@@ -2735,17 +2735,17 @@ var SvgFormalPieChart = function SvgFormalPieChart(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$4(_ref, _excluded$4);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$4 || (_path$4 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     d: "M17.605 2.005a.76.76 0 0 0-.847.754v12.684c0 .1.04.197.11.268l8.964 8.963c.32.32.848.292 1.13-.062a13.933 13.933 0 0 0 3.039-8.7c0-7.177-5.43-13.109-12.396-13.907Z",
     fill: "currentColor"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
     d: "M14.74 29.858a13.945 13.945 0 0 0 9.956-2.983.76.76 0 0 0 .065-1.13l-8.963-8.964a1.879 1.879 0 0 1-.555-1.338V2.759a.76.76 0 0 0-.843-.754C7.044 2.845 1.4 9.409 2.05 17.12c.566 6.718 5.974 12.147 12.69 12.738Z",
     fill: "currentColor"
   })));
@@ -2760,23 +2760,23 @@ var SvgFormalPin = function SvgFormalPin(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$3(_ref, _excluded$3);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$3({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$3 || (_path$3 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
     d: "M29.628 12.555 19.448 2.373a1.271 1.271 0 0 0-1.8 0l-1.12 1.12a5.093 5.093 0 0 0-.988 5.806l-5.701 3.996a5.097 5.097 0 0 0-6.347.688l-1.12 1.12a1.272 1.272 0 0 0 0 1.798l5.464 5.465-4.186 4.189a1.272 1.272 0 1 0 1.798 1.799l4.192-4.19 5.463 5.463a1.271 1.271 0 0 0 1.799 0l1.12-1.12a5.097 5.097 0 0 0 .687-6.346l3.995-5.702a5.098 5.098 0 0 0 5.807-.99l1.12-1.12a1.272 1.272 0 0 0-.003-1.794Zm-2.919 1.12a2.544 2.544 0 0 1-3.495.097 1.274 1.274 0 0 0-1.92.268l-5.215 7.439a1.271 1.271 0 0 0 .142 1.629 2.549 2.549 0 0 1 0 3.6l-.218.22L5.075 16l.219-.22a2.55 2.55 0 0 1 3.599 0 1.274 1.274 0 0 0 1.629.143l7.385-5.176a1.272 1.272 0 0 0 .325-1.96 2.545 2.545 0 0 1 .097-3.495l.219-.221 8.382 8.383-.22.22Z",
     fill: "currentColor"
-  })), _path2 || (_path2 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     d: "m16.285 6.338 2.797-2.369 9.047 10.104-2.255 1.428-3.282-.514-2.283 1.541-4.024 5.366 1.77 3.71-1.77 3.197L3.643 16.528l1.113-2.455H6.61l3.196.914 6.478-4.11V6.338Z",
     fill: "currentColor"
-  })), _path3 || (_path3 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     d: "M29.628 12.555 19.448 2.373a1.271 1.271 0 0 0-1.8 0l-1.12 1.12a5.093 5.093 0 0 0-.988 5.806l-5.701 3.996a5.097 5.097 0 0 0-6.347.688l-1.12 1.12a1.272 1.272 0 0 0 0 1.798l5.464 5.465-4.186 4.189a1.272 1.272 0 1 0 1.798 1.799l4.192-4.19 5.463 5.463a1.271 1.271 0 0 0 1.799 0l1.12-1.12a5.097 5.097 0 0 0 .687-6.346l3.995-5.702a5.098 5.098 0 0 0 5.807-.99l1.12-1.12a1.272 1.272 0 0 0-.003-1.794Zm-2.919 1.12a2.544 2.544 0 0 1-3.495.097 1.274 1.274 0 0 0-1.92.268l-5.215 7.439a1.271 1.271 0 0 0 .142 1.629 2.549 2.549 0 0 1 0 3.6l-.218.22L5.075 16l.219-.22a2.55 2.55 0 0 1 3.599 0 1.274 1.274 0 0 0 1.629.143l7.385-5.176a1.272 1.272 0 0 0 .325-1.96 2.545 2.545 0 0 1 .097-3.495l.219-.221 8.382 8.383-.22.22Z",
     stroke: "currentColor"
-  })), _path4 || (_path4 = /*#__PURE__*/React$1.createElement("path", {
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
     d: "m16.285 6.338 2.797-2.369 9.047 10.104-2.255 1.428-3.282-.514-2.283 1.541-4.024 5.366 1.77 3.71-1.77 3.197L3.643 16.528l1.113-2.455H6.61l3.196.914 6.478-4.11V6.338Z",
     stroke: "currentColor"
   })));
@@ -2791,14 +2791,14 @@ var SvgFormalRocket = function SvgFormalRocket(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$2(_ref, _excluded$2);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$2({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$2 || (_path$2 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
     d: "M10.638 24.268c-.287.472-.834.736-1.208.825-.632.117-1.236.177-1.696.56-.144.117-.374.029-.403-.148-.086-.56.058-1.178.316-1.56a.643.643 0 0 0-.316.088c-.201.088-.403-.088-.374-.295.173-.647.604-1.501 1.265-1.884l-1.294-1.325C4.8 21 3.478 23.59 3.017 25.358c-.115.5.374.883.834.677.23-.118.46-.177.719-.177-.575.883-.95 2.326-.72 3.651.087.442.605.648.95.353 1.093-.912 2.502-1 3.969-1.295 1.093-.236 2.847-1.207 3.278-2.856-.115-.088-.23-.206-.345-.324l-1.064-1.119ZM24.7 17.23c4.314-5.005 5.407-12.19 5.292-14.368a.856.856 0 0 0-.259-.589.96.96 0 0 0-.575-.265c-2.128-.117-9.145.972-14.034 5.418l-1.553-.589A4.311 4.311 0 0 0 8.74 8.133L6.036 11.4c-.374.471-.201 1.178.345 1.384l3.451 1.295a43.144 43.144 0 0 0-2.013 3.828 1.707 1.707 0 0 0 .317 1.825l4.544 4.652c.46.472 1.179.619 1.783.324a34.853 34.853 0 0 0 3.738-2.06l1.266 3.533c.201.559.891.765 1.351.353l3.164-2.768c1.38-1.207 1.898-3.18 1.265-4.946l-.547-1.59Zm-1.869-3.945a2.698 2.698 0 0 1-3.911 0 2.855 2.855 0 0 1 0-4.004 2.698 2.698 0 0 1 3.911 0c1.093 1.119 1.093 2.915 0 4.004Z",
     fill: "currentColor"
   })));
@@ -2813,14 +2813,14 @@ var SvgFormalScholar = function SvgFormalScholar(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties$1(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement("svg", _extends$1({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path$1 || (_path$1 = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     d: "M21.969 11.836v6.724l2.786.856v-7.58H21.97ZM19.841 17.882v-6.046h-2.786v5.25c.256.03.483.088.739.177l2.047.619ZM14.935 11.836h-2.787v6.046l2.048-.62c.227-.088.483-.117.739-.176v-5.25ZM7.227 11.836v7.58l2.786-.885v-6.695H7.227ZM26.73 7.412 16.21 2.044a.535.535 0 0 0-.426 0L5.264 7.412a.49.49 0 0 0-.256.442v2.094c0 .266.199.502.483.502h21.012a.488.488 0 0 0 .484-.502V7.854a.511.511 0 0 0-.256-.442Zm-10.747.62c-.853 0-1.535-.708-1.535-1.593s.682-1.593 1.535-1.593c.853 0 1.535.708 1.535 1.593s-.682 1.592-1.535 1.592ZM26.51 21.415l-9.127-2.802a4.613 4.613 0 0 0-1.422-.207c-.483 0-.938.06-1.393.207l-9.099 2.802c-.625.206-.625 1.12 0 1.327l3.469 1.061v3.274c0 .678.426 1.239 1.024 1.445l2.274.679c2.502.766 5.147.766 7.649 0l2.274-.679a1.518 1.518 0 0 0 1.024-1.445v-3.303l2.076-.649v3.303h-.114c-.17 0-.285.148-.285.295v1.534a.29.29 0 0 0 .285.295h.057l-.455 1.003c-.085.206.028.442.256.442h1.421c.2 0 .341-.236.256-.442l-.483-.974h.057c.17 0 .284-.147.284-.295v-1.533a.29.29 0 0 0-.284-.295h-.114V22.86l.37-.118c.653-.177.653-1.12 0-1.327Z",
     fill: "currentColor"
   })));
@@ -2835,14 +2835,14 @@ var SvgFormalStopwatch = function SvgFormalStopwatch(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React$1.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React$1.createElement("title", {
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _path || (_path = /*#__PURE__*/React$1.createElement("path", {
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M26.438 10.492A11.914 11.914 0 0 1 29 17.863C29 24.576 23.383 30 16.5 30 9.586 30.03 4 24.576 4 17.863 4 11.48 9.062 6.266 15.482 5.757v-.72h-1.729c-.586 0-1.05-.449-1.05-1.018 0-.57.464-1.019 1.05-1.019h5.556c.586 0 1.049.45 1.049 1.019 0 .57-.463 1.019-1.05 1.019H17.58v.719c1.914.15 3.735.72 5.309 1.648l.432-.51a1.398 1.398 0 0 1 1.914-.18l1.574 1.29c.586.479.648 1.318.154 1.887l-.525.6ZM16.5 7.735c-5.772 0-10.432 4.525-10.432 10.128 0 5.604 4.66 10.13 10.432 10.13s10.432-4.526 10.432-10.13c0-5.603-4.66-10.128-10.432-10.128Zm0 18.909c-5 0-9.043-3.926-9.043-8.78 0-4.855 4.043-8.78 9.043-8.78 5-.001 9.043 3.925 9.043 8.779 0 4.855-4.043 8.78-9.043 8.78Zm4.66-13.306a.704.704 0 0 0-.987 0l-2.531 2.458c-.34-.18-.741-.27-1.142-.27-1.358 0-2.438 1.05-2.438 2.367 0 1.319 1.08 2.368 2.438 2.368s2.438-1.05 2.438-2.368c0-.42-.093-.779-.309-1.138l2.531-2.458a.656.656 0 0 0 0-.959Zm-4.66 5.544c-.586 0-1.05-.45-1.05-1.019s.464-1.018 1.05-1.018c.587 0 1.05.449 1.05 1.018 0 .57-.463 1.02-1.05 1.02Z",
@@ -2984,7 +2984,7 @@ const icons = {
 const Icon = (props) => {
   const icon = icons[props.name];
-  return !!icon && /* @__PURE__ */ React$1.createElement(icon.svg, { title: props.name, className: "w-full h-full drop-shadow-[inherit]" });
+  return !!icon && /* @__PURE__ */ React.createElement(icon.svg, { title: props.name, className: "w-full h-full drop-shadow-[inherit]" });
 };
 const Progress = (props) => {
@@ -3012,7 +3012,7 @@ const BadgeEmblem = (props) => {
         return ["h-max w-32", "w-16 h-16"];
     }
   })();
-  return /* @__PURE__ */ React$1.createElement("div", { className: `relative overflow-hidden ${size[0]}` }, !props.icon && /* @__PURE__ */ React$1.createElement("img", { className: "w-full h-full object-cover", alt: props.alt, src: props.imageURL }), !!props.icon && /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: `relative overflow-hidden ${size[0]}` }, !props.icon && /* @__PURE__ */ React.createElement("img", { className: "w-full h-full object-cover", alt: props.alt, src: props.imageURL }), !!props.icon && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "svg",
     {
       className: "h-full w-full drop-shadow-[inherit]",
@@ -3020,7 +3020,7 @@ const BadgeEmblem = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    !!props.level && props.level > 0 && /* @__PURE__ */ React$1.createElement(
+    !!props.level && props.level > 0 && /* @__PURE__ */ React.createElement(
       "path",
       {
         d: "M482.921 47.8734L891.581 301.279C892.463 301.826 893 302.79 893 303.828V796.694C893 797.78 892.413 798.781 891.466 799.311L466.728 1037.16C465.809 1037.68 464.687 1037.67 463.772 1037.15L48.5103 799.603C47.5763 799.069 47 798.076 47 796.999V304.573C47 303.511 47.5618 302.528 48.4771 301.989L479.817 47.8383C480.777 47.2722 481.973 47.2857 482.921 47.8734Z",
@@ -3029,7 +3029,7 @@ const BadgeEmblem = (props) => {
         strokeWidth: "94"
       }
     ),
-    !!props.level && props.level > 1 && /* @__PURE__ */ React$1.createElement(
+    !!props.level && props.level > 1 && /* @__PURE__ */ React.createElement(
       "path",
       {
         className: "-translate-y-3.5",
@@ -3039,7 +3039,7 @@ const BadgeEmblem = (props) => {
         strokeWidth: "44"
       }
     ),
-    /* @__PURE__ */ React$1.createElement(
+    /* @__PURE__ */ React.createElement(
       "path",
       {
         d: "M467.125 26.2992C476.092 21.0157 487.25 21.1418 496.095 26.6267L904.756 280.032C912.991 285.138 918 294.139 918 303.828V796.694C918 806.828 912.523 816.172 903.681 821.124L478.943 1058.98C470.364 1063.78 459.894 1063.73 451.359 1058.85L36.0968 821.304C27.3791 816.317 22 807.043 22 796.999V304.573C22 294.658 27.2435 285.483 35.786 280.449L467.125 26.2992Z",
@@ -3048,7 +3048,7 @@ const BadgeEmblem = (props) => {
         strokeWidth: "44"
       }
     )
-  ), /* @__PURE__ */ React$1.createElement("div", { className: `absolute overflow-hidden left-0 right-0 top-0 bottom-0 m-auto text-dark-blue-400 ${size[1]}` }, /* @__PURE__ */ React$1.createElement(Icon, { name: props.icon }))));
+  ), /* @__PURE__ */ React.createElement("div", { className: `absolute overflow-hidden left-0 right-0 top-0 bottom-0 m-auto text-dark-blue-400 ${size[1]}` }, /* @__PURE__ */ React.createElement(Icon, { name: props.icon }))));
 };
 const ordNumber$1 = (n) => {
@@ -3067,14 +3067,14 @@ const BadgeButton = (props) => {
   const progressPrefix = props.finishedAt ? "Collected" : "Started";
   const progressDate = new Date(props.finishedAt || props.startedAt || new Date());
   const onClick = () => !isDisabled && props.onClick && props.onClick();
-  return /* @__PURE__ */ React$1.createElement("div", { className: "grid grid-cols-1 w-64 gap-y-3 text-zinc-600" }, /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-col h-max w-64 overflow-hidden border border-zinc-100 rounded-md bg-gray-100" }, /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 w-64 gap-y-3 text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-max w-64 overflow-hidden border border-zinc-100 rounded-md bg-gray-100" }, /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick,
       className: `relative overflow-hidden p-5 transition ease-in-out duration-600 ${buttonCursor} ${buttonBg}`
     },
-    /* @__PURE__ */ React$1.createElement("div", { className: `absolute top-2 right-2 w-7 h-7 ${statusIconColor}` }, /* @__PURE__ */ React$1.createElement(Icon, { name: statusIconName })),
-    /* @__PURE__ */ React$1.createElement("div", { className: `w-max m-auto ${emblemOpacity}` }, /* @__PURE__ */ React$1.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: `absolute top-2 right-2 w-7 h-7 ${statusIconColor}` }, /* @__PURE__ */ React.createElement(Icon, { name: statusIconName })),
+    /* @__PURE__ */ React.createElement("div", { className: `w-max m-auto ${emblemOpacity}` }, /* @__PURE__ */ React.createElement(
       BadgeEmblem,
       {
         icon: props.icon,
@@ -3084,18 +3084,18 @@ const BadgeButton = (props) => {
         size: hasProgress ? "md" : "lg"
       }
     ))
-  ), hasProgress && /* @__PURE__ */ React$1.createElement("div", { className: "grow grid grid-cols-1 gap-2 w-full h-20 bg-white shadow-sm p-4" }, /* @__PURE__ */ React$1.createElement("div", { className: "h-2" }, /* @__PURE__ */ React$1.createElement(Progress, { rounded: true, color: "sky-blue", start: props.progress || 0, end: props.target || 1 })), /* @__PURE__ */ React$1.createElement("p", { className: "text-xs" }, progressPrefix, " ", Intl.DateTimeFormat("en-US", { month: "long" }).format(progressDate), " ", ordNumber$1(progressDate.getDate())))), !!props.displayName && /* @__PURE__ */ React$1.createElement("div", { className: "text-sm m-auto flex gap-x-2" }, /* @__PURE__ */ React$1.createElement("span", { className: "font-semibold text-zinc-600" }, props.displayName), /* @__PURE__ */ React$1.createElement("span", { className: "shrink-0 text-slate-500" }, "Lv. ", (props.level || 0) + 1)));
+  ), hasProgress && /* @__PURE__ */ React.createElement("div", { className: "grow grid grid-cols-1 gap-2 w-full h-20 bg-white shadow-sm p-4" }, /* @__PURE__ */ React.createElement("div", { className: "h-2" }, /* @__PURE__ */ React.createElement(Progress, { rounded: true, color: "sky-blue", start: props.progress || 0, end: props.target || 1 })), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, progressPrefix, " ", Intl.DateTimeFormat("en-US", { month: "long" }).format(progressDate), " ", ordNumber$1(progressDate.getDate())))), !!props.displayName && /* @__PURE__ */ React.createElement("div", { className: "text-sm m-auto flex gap-x-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold text-zinc-600" }, props.displayName), /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-slate-500" }, "Lv. ", (props.level || 0) + 1)));
 };
 const Card = (props) => {
-  return /* @__PURE__ */ React$1.createElement("div", { className: "font-proxima m-auto grid grid-cols-1 overscroll-contain justify-items-center transition ease-in-out duration-400" }, /* @__PURE__ */ React$1.createElement("div", { className: "shadow-md bg-white overflow-hidden rounded-md relative" }, /* @__PURE__ */ React$1.createElement("div", { className: "grid grid-cols-1 gap-y-2" }, !props.isLoading && props.onClose && /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "font-proxima m-auto grid grid-cols-1 overscroll-contain justify-items-center transition ease-in-out duration-400" }, /* @__PURE__ */ React.createElement("div", { className: "shadow-md bg-white overflow-hidden rounded-md relative" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-y-2" }, !props.isLoading && props.onClose && /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: props.onClose,
       className: "justify-self-end mx-2 mt-2 h-5 w-5 cursor-pointer text-slate-300 hover:text-slate-400"
     },
-    /* @__PURE__ */ React$1.createElement(Icon, { name: "x & square" })
-  ), /* @__PURE__ */ React$1.createElement(Loader, { isLoading: props.isLoading }, props.children))));
+    /* @__PURE__ */ React.createElement(Icon, { name: "x & square" })
+  ), /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, props.children))));
 };
 const BadgeCard = (props) => {
@@ -3113,7 +3113,7 @@ const BadgeCard = (props) => {
       completed += 1;
     }
   });
-  return /* @__PURE__ */ React$1.createElement(Card, { isLoading: props.isLoading, onClose: props.onClose }, /* @__PURE__ */ React$1.createElement("div", { className: "pb-5 text-zinc-600" }, /* @__PURE__ */ React$1.createElement("div", { className: "pb-5 px-5 flex gap-x-2" }, /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement(Card, { isLoading: props.isLoading, onClose: props.onClose }, /* @__PURE__ */ React.createElement("div", { className: "pb-5 text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "pb-5 px-5 flex gap-x-2" }, /* @__PURE__ */ React.createElement(
     BadgeEmblem,
     {
       icon: props.icon,
@@ -3122,14 +3122,14 @@ const BadgeCard = (props) => {
       level: props.level,
       size: "sm"
     }
-  ), /* @__PURE__ */ React$1.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React$1.createElement("p", { className: "font-semibold" }, props.displayName), /* @__PURE__ */ React$1.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React$1.createElement("span", { className: "text-zinc-500 font-semibold" }, "Level ", (props.level || 0) + 1, "."), !!xp && /* @__PURE__ */ React$1.createElement("div", { className: "inline-block ml-1 text-green-500" }, /* @__PURE__ */ React$1.createElement("span", { className: "font-semibold" }, xp), /* @__PURE__ */ React$1.createElement("span", { className: "ml-1" }, "XP"))), !!props.summary && /* @__PURE__ */ React$1.createElement("p", { className: "mt-2 text-sm" }, props.summary))), criteriaNames.length > 0 && /* @__PURE__ */ React$1.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React$1.createElement("p", { className: "font-semibold" }, "Badge Criteria"), /* @__PURE__ */ React$1.createElement("p", { className: "text-xs" }, "Complete 1 of each: ", criteriaNames.join(", ")), /* @__PURE__ */ React$1.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-8 max-h-[18rem] overflow-y-auto" }, criteria.map((c, i) => {
+  ), /* @__PURE__ */ React.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, props.displayName), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-zinc-500 font-semibold" }, "Level ", (props.level || 0) + 1, "."), !!xp && /* @__PURE__ */ React.createElement("div", { className: "inline-block ml-1 text-green-500" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, xp), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "XP"))), !!props.summary && /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm" }, props.summary))), criteriaNames.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold" }, "Badge Criteria"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "Complete 1 of each: ", criteriaNames.join(", ")), /* @__PURE__ */ React.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-8 max-h-[18rem] overflow-y-auto" }, criteria.map((c, i) => {
     const id = c.criterionId || i;
     const choice = choices[id];
     const buttonText = (choice == null ? void 0 : choice.completedAt) ? "Review" : (choice == null ? void 0 : choice.startedAt) ? "Continue" : "Start";
     const buttonTheme = (choice == null ? void 0 : choice.completedAt) ? "light" : "dark";
     const iconName = (choice == null ? void 0 : choice.completedAt) ? "check & circle" : "circle";
     const iconColor = (choice == null ? void 0 : choice.completedAt) ? "text-green-500" : "text-zinc-300";
-    return !!choice && /* @__PURE__ */ React$1.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React$1.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React$1.createElement(Icon, { name: iconName })), /* @__PURE__ */ React$1.createElement("div", { className: "grow" }, /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React$1.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React$1.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React$1.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))), (!!(choice == null ? void 0 : choice.completedAt) || !props.preview) && /* @__PURE__ */ React$1.createElement("div", { className: "shrink-0 w-full max-w-[7rem]" }, /* @__PURE__ */ React$1.createElement(
+    return !!choice && /* @__PURE__ */ React.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React.createElement(Icon, { name: iconName })), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))), (!!(choice == null ? void 0 : choice.completedAt) || !props.preview) && /* @__PURE__ */ React.createElement("div", { className: "shrink-0 w-full max-w-[7rem]" }, /* @__PURE__ */ React.createElement(
       Button,
       {
         onClick: choice.onClick,
@@ -3141,7 +3141,7 @@ const BadgeCard = (props) => {
         text: buttonText
       }
     )));
-  }))), !props.preview && !props.finishedAt && criteria.length > 0 && /* @__PURE__ */ React$1.createElement("div", { className: "pt-5 px-5 flex border-t border-zinc-200" }, /* @__PURE__ */ React$1.createElement("div", { className: "w-full max-w-[7rem] ml-auto" }, /* @__PURE__ */ React$1.createElement(
+  }))), !props.preview && !props.finishedAt && criteria.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "pt-5 px-5 flex border-t border-zinc-200" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[7rem] ml-auto" }, /* @__PURE__ */ React.createElement(
     Button,
     {
       disabled: !props.canSubmit && completed < criteria.length,
@@ -3157,7 +3157,7 @@ const BadgeCard = (props) => {
 };
 const Overlay = (props) => {
-  return /* @__PURE__ */ React$1.createElement("div", { className: "flex fixed overscroll-none w-screen h-screen top-0 left-0 bg-gray-300/75 z-30" }, props.children);
+  return /* @__PURE__ */ React.createElement("div", { className: "flex fixed overscroll-none w-screen h-screen top-0 left-0 bg-gray-300/75 z-30" }, props.children);
 };
 var __defProp$c = Object.defineProperty;
@@ -3181,7 +3181,7 @@ var __spreadValues$c = (a, b) => {
 var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 const Badge = (props) => {
   var _a, _b;
-  const [open, setOpen] = React$1.useState(props.open || false);
+  const [open, setOpen] = React.useState(props.open || false);
   const target = props.target || ((_a = props.criteria) == null ? void 0 : _a.length) || 0;
   const progress = props.progress || ((_b = props.choices) == null ? void 0 : _b.map((v) => v.completedAt ? 1 : 0).reduce((acc, a) => acc + a, 0)) || 0;
   const onOpen = () => {
@@ -3196,12 +3196,12 @@ const Badge = (props) => {
       props.onClose();
     }
   };
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !open && /* @__PURE__ */ React$1.createElement(BadgeButton, __spreadProps$a(__spreadValues$c({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React$1.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React$1.createElement(Overlay, null, /* @__PURE__ */ React$1.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement(BadgeButton, __spreadProps$a(__spreadValues$c({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React.createElement(Overlay, null, /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose }))));
 };
 const BadgeActivity = (props) => {
   const tags = props.tags || [];
-  const [iconName, setIconName] = React$1.useState(props.isSelected ? "check & circle" : "plus & circle");
+  const [iconName, setIconName] = React.useState(props.isSelected ? "check & circle" : "plus & circle");
   const iconColor = props.isSelected ? "text-green-500 hover:text-rose-400" : "text-zinc-600 hover:text-green-500";
   const iconLabel = props.isSelected ? "Remove this activity" : "Select this activity";
   const onMouseEnter = () => {
@@ -3214,10 +3214,10 @@ const BadgeActivity = (props) => {
       setIconName("check & circle");
     }
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     setIconName(props.isSelected ? "check & circle" : "plus & circle");
   }, [props.isSelected]);
-  return /* @__PURE__ */ React$1.createElement(Card, null, /* @__PURE__ */ React$1.createElement("div", { className: "w-[18rem] border border-zinc-100" }, /* @__PURE__ */ React$1.createElement("div", { className: "h-[12rem]" }, /* @__PURE__ */ React$1.createElement("img", { className: "object-cover w-full h-full", src: props.imageURL, alt: props.activityName })), /* @__PURE__ */ React$1.createElement("div", { className: "px-2 pt-5 pb-5 text-zinc-600 grid grid-cols-1 gap-y-5" }, /* @__PURE__ */ React$1.createElement("div", { className: "flex gap-x-2" }, /* @__PURE__ */ React$1.createElement("div", { className: "shrink-0 h-8 w-8 text-zinc-600" }, /* @__PURE__ */ React$1.createElement(Icon, { name: "pen & paper" })), /* @__PURE__ */ React$1.createElement("div", { className: "grow" }, /* @__PURE__ */ React$1.createElement("p", { className: "font-semibold text-sm" }, props.activityName), /* @__PURE__ */ React$1.createElement("p", { className: "text-xs" }, props.criteriaName)), /* @__PURE__ */ React$1.createElement("div", { className: "text-xs h-max py-2 px-4 rounded-md bg-sky-300 font-semibold" }, props.xp, "pts")), /* @__PURE__ */ React$1.createElement("div", { className: "flex" }, /* @__PURE__ */ React$1.createElement("div", { className: "ml-auto flex" }, /* @__PURE__ */ React$1.createElement("span", { className: "my-auto h-max text-sm" }, iconLabel), /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement("div", { className: "w-[18rem] border border-zinc-100" }, /* @__PURE__ */ React.createElement("div", { className: "h-[12rem]" }, /* @__PURE__ */ React.createElement("img", { className: "object-cover w-full h-full", src: props.imageURL, alt: props.activityName })), /* @__PURE__ */ React.createElement("div", { className: "px-2 pt-5 pb-5 text-zinc-600 grid grid-cols-1 gap-y-5" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "shrink-0 h-8 w-8 text-zinc-600" }, /* @__PURE__ */ React.createElement(Icon, { name: "pen & paper" })), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold text-sm" }, props.activityName), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, props.criteriaName)), /* @__PURE__ */ React.createElement("div", { className: "text-xs h-max py-2 px-4 rounded-md bg-sky-300 font-semibold" }, props.xp, "pts")), /* @__PURE__ */ React.createElement("div", { className: "flex" }, /* @__PURE__ */ React.createElement("div", { className: "ml-auto flex" }, /* @__PURE__ */ React.createElement("span", { className: "my-auto h-max text-sm" }, iconLabel), /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: props.onToggle,
@@ -3225,9 +3225,9 @@ const BadgeActivity = (props) => {
       onMouseLeave,
       className: `ml-2 inline-block cursor-pointer h-8 w-8 ${iconColor}`
     },
-    /* @__PURE__ */ React$1.createElement(Icon, { name: iconName })
-  ))), /* @__PURE__ */ React$1.createElement("div", { className: "flex gap-x-2" }, tags.map((tag, i) => {
-    return /* @__PURE__ */ React$1.createElement("div", { key: i, className: "rounded-md shadow-sm py-2 px-3 bg-zinc-100 text-sm" }, tag);
+    /* @__PURE__ */ React.createElement(Icon, { name: iconName })
+  ))), /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-2" }, tags.map((tag, i) => {
+    return /* @__PURE__ */ React.createElement("div", { key: i, className: "rounded-md shadow-sm py-2 px-3 bg-zinc-100 text-sm" }, tag);
   })))));
 };
@@ -3252,21 +3252,21 @@ var __spreadValues$b = (a, b) => {
 var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const BadgeActivityMenu = (props) => {
   const criteria = props.criteria || [];
-  return /* @__PURE__ */ React$1.createElement("div", { className: "grid grid-cols-1 gap-y-4 w-full text-zinc-600" }, /* @__PURE__ */ React$1.createElement("div", { className: "py-8 px-10 grid grid-cols-1 gap-y-5 rounded-b-md border-b border-x border-zinc-100" }, /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-y-4 w-full text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "py-8 px-10 grid grid-cols-1 gap-y-5 rounded-b-md border-b border-x border-zinc-100" }, /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: props.onBack,
       className: "w-max flex gap-x-2 text-sm text-zinc-400 hover:text-zinc-500 cursor-pointer"
     },
-    /* @__PURE__ */ React$1.createElement("div", { className: "m-auto w-4 h-4" }, /* @__PURE__ */ React$1.createElement(Icon, { name: "caret left" })),
-    /* @__PURE__ */ React$1.createElement("p", null, "Back to Badge")
-  ), /* @__PURE__ */ React$1.createElement("div", { className: "p-1" }, /* @__PURE__ */ React$1.createElement("p", { className: "text-lg font-semibold" }, "Badge Activities"), /* @__PURE__ */ React$1.createElement("p", { className: "text-sm" }, "Choose activities from the categories below to customize your Badge experience."))), /* @__PURE__ */ React$1.createElement("div", { className: "py-8 px-5 grid grid-cols-1 gap-y-12" }, criteria.map((c, i) => {
+    /* @__PURE__ */ React.createElement("div", { className: "m-auto w-4 h-4" }, /* @__PURE__ */ React.createElement(Icon, { name: "caret left" })),
+    /* @__PURE__ */ React.createElement("p", null, "Back to Badge")
+  ), /* @__PURE__ */ React.createElement("div", { className: "p-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold" }, "Badge Activities"), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Choose activities from the categories below to customize your Badge experience."))), /* @__PURE__ */ React.createElement("div", { className: "py-8 px-5 grid grid-cols-1 gap-y-12" }, criteria.map((c, i) => {
     const id = c.criterionId || i;
     const options = c.options || [];
-    return /* @__PURE__ */ React$1.createElement("div", { key: id, className: "grid grid-cols-1 gap-y-8" }, /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("p", { className: "text-lg font-semibold" }, c.displayName), /* @__PURE__ */ React$1.createElement("p", { className: "text-sm" }, "Chose one activity to complete.")), /* @__PURE__ */ React$1.createElement("div", { className: "grid grid-flow-col auto-cols-max gap-4 px-1 pt-1 pb-2 w-full overflow-x-auto" }, options.map((o, i2) => {
+    return /* @__PURE__ */ React.createElement("div", { key: id, className: "grid grid-cols-1 gap-y-8" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold" }, c.displayName), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Chose one activity to complete.")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-flow-col auto-cols-max gap-4 px-1 pt-1 pb-2 w-full overflow-x-auto" }, options.map((o, i2) => {
       const id2 = o.activityId || i2;
       const date = o.startTime ? new Date(o.startTime) : null;
-      return /* @__PURE__ */ React$1.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React$1.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React$1.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React$1.createElement(BadgeActivity, __spreadProps$9(__spreadValues$b({}, o), { criteriaName: c.displayName })));
+      return /* @__PURE__ */ React.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React.createElement(BadgeActivity, __spreadProps$9(__spreadValues$b({}, o), { criteriaName: c.displayName })));
     })));
   })));
 };
@@ -3331,7 +3331,7 @@ var __spreadValues$a = (a, b) => {
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 const BadgeSection = (props) => {
-  const [showMore, setShowMore] = React$1.useState(props.showMore);
+  const [showMore, setShowMore] = React.useState(props.showMore);
   const badges = props.badges || [];
   const progress = [];
   const locked = [];
@@ -3342,7 +3342,7 @@ const BadgeSection = (props) => {
       setShowMore(!showMore);
     }
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     setShowMore(props.showMore);
   }, [props.showMore]);
   badges.map((b) => {
@@ -3357,24 +3357,24 @@ const BadgeSection = (props) => {
     }
   });
   const preview = props.readonly ? collected.slice(0, 10) : badges.slice(0, 3);
-  return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(Widget, { isLoading: props.isLoading }, /* @__PURE__ */ React$1.createElement(WidgetHeader, { divide: true }, /* @__PURE__ */ React$1.createElement("div", { className: "p-2 flex w-full gap-x-2 text-zinc-600" }, /* @__PURE__ */ React$1.createElement("div", { className: "shrink-0 h-10 w-10" }, /* @__PURE__ */ React$1.createElement(Icon, { name: "award ribbon" })), /* @__PURE__ */ React$1.createElement("p", { className: "shrink-0 my-auto font-semibold" }, "Badges"), /* @__PURE__ */ React$1.createElement("div", { className: "shrink-0 mt-auto ml-auto text-sm" }, /* @__PURE__ */ React$1.createElement("span", { className: "font-semibold" }, collected.length, props.readonly ? "" : "/" + badges.length, " Badges"), /* @__PURE__ */ React$1.createElement("span", { className: "ml-1" }, "collected")))), /* @__PURE__ */ React$1.createElement(WidgetBody, null, /* @__PURE__ */ React$1.createElement("div", { className: "pt-2 pb-5 px-2" }, !props.readonly && /* @__PURE__ */ React$1.createElement("div", { className: "p-2 flex w-full gap-x-2 text-zinc-600" }, /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Widget, { isLoading: props.isLoading }, /* @__PURE__ */ React.createElement(WidgetHeader, { divide: true }, /* @__PURE__ */ React.createElement("div", { className: "p-2 flex w-full gap-x-2 text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "shrink-0 h-10 w-10" }, /* @__PURE__ */ React.createElement(Icon, { name: "award ribbon" })), /* @__PURE__ */ React.createElement("p", { className: "shrink-0 my-auto font-semibold" }, "Badges"), /* @__PURE__ */ React.createElement("div", { className: "shrink-0 mt-auto ml-auto text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, collected.length, props.readonly ? "" : "/" + badges.length, " Badges"), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "collected")))), /* @__PURE__ */ React.createElement(WidgetBody, null, /* @__PURE__ */ React.createElement("div", { className: "pt-2 pb-5 px-2" }, !props.readonly && /* @__PURE__ */ React.createElement("div", { className: "p-2 flex w-full gap-x-2 text-zinc-600" }, /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: toggleShowMore,
       className: "shrink-0 flex w-max ml-auto text-sm cursor-pointer text-zinc-400 hover:text-zinc-500"
     },
-    /* @__PURE__ */ React$1.createElement("span", null, "Show more"),
-    /* @__PURE__ */ React$1.createElement("div", { className: "inline-block ml-1 overflow-hidden h-5 w-5" }, /* @__PURE__ */ React$1.createElement(Icon, { name: "up & down arrow" }))
-  )), !showMore && /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap gap-4" }, preview.map((b, i) => {
-    return /* @__PURE__ */ React$1.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { readonly: props.readonly }));
-  })), showMore && /* @__PURE__ */ React$1.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, progress.length > 0 && /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("p", { className: "mb-3 font-semibold" }, "In Progress"), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap gap-4" }, progress.map((b, i) => {
-    return /* @__PURE__ */ React$1.createElement(Badge, __spreadValues$a({ key: i }, b));
-  }))), collected.length > 0 && /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("p", { className: "mb-3 font-semibold" }, "Collected"), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap gap-4" }, collected.map((b, i) => {
-    return /* @__PURE__ */ React$1.createElement(Badge, __spreadValues$a({ key: i }, b));
-  }))), available.length > 0 && /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("p", { className: "mb-3 font-semibold" }, "Available"), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap gap-4" }, available.map((b, i) => {
-    return /* @__PURE__ */ React$1.createElement(Badge, __spreadValues$a({ key: i }, b));
-  }))), locked.length > 0 && /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("p", { className: "mb-3 font-semibold" }, "Locked"), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap gap-4" }, locked.map((b, i) => {
-    return /* @__PURE__ */ React$1.createElement(Badge, __spreadValues$a({ key: i }, b));
+    /* @__PURE__ */ React.createElement("span", null, "Show more"),
+    /* @__PURE__ */ React.createElement("div", { className: "inline-block ml-1 overflow-hidden h-5 w-5" }, /* @__PURE__ */ React.createElement(Icon, { name: "up & down arrow" }))
+  )), !showMore && /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, preview.map((b, i) => {
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { readonly: props.readonly }));
+  })), showMore && /* @__PURE__ */ React.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, progress.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 font-semibold" }, "In Progress"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, progress.map((b, i) => {
+    return /* @__PURE__ */ React.createElement(Badge, __spreadValues$a({ key: i }, b));
+  }))), collected.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 font-semibold" }, "Collected"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, collected.map((b, i) => {
+    return /* @__PURE__ */ React.createElement(Badge, __spreadValues$a({ key: i }, b));
+  }))), available.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 font-semibold" }, "Available"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, available.map((b, i) => {
+    return /* @__PURE__ */ React.createElement(Badge, __spreadValues$a({ key: i }, b));
+  }))), locked.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 font-semibold" }, "Locked"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, locked.map((b, i) => {
+    return /* @__PURE__ */ React.createElement(Badge, __spreadValues$a({ key: i }, b));
   }))))))));
 };