@khanacademy/math-input 4.3.0 → 5.0.0

package/dist/es/index.js

@@ -387,6 +387,12 @@ function createMathField(container, configCallback) {
   return mathQuillInstance.MathField(container, config);
 }
 
+/**
+ * Editable math fields have all of the above methods in addition to
+ * the ones listed here.
+ * https://docs.mathquill.com/en/latest/Api_Methods/
+ */
+
 let MathFieldActionType = /*#__PURE__*/function (MathFieldActionType) {
   MathFieldActionType["WRITE"] = "write";
   MathFieldActionType["CMD"] = "cmd";
@@ -395,9 +401,11 @@ let MathFieldActionType = /*#__PURE__*/function (MathFieldActionType) {
   return MathFieldActionType;
 }({});
 
-// The MathQuill MathField Cursor
-// it's not part of the public API for MathQuill,
-// we reach into the internals to get it
+/**
+ * The MathQuill MathField Cursor
+ * it's not part of the public API for MathQuill,
+ * we reach into the internals to get it
+ */
 
 const Numerals = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const GreekLetters = ["\\theta", "\\pi"];
@@ -565,8 +573,13 @@ function maybeFindCommand(initialNode) {
 function maybeFindCommandBeforeParens(leftParenNode) {
   return maybeFindCommand(leftParenNode[mathQuillInstance.L]);
 }
-function contextForCursor(cursor) {
+function getCursorContext(mathField) {
+  if (!mathField) {
+    return CursorContext.NONE;
+  }
+
   // First, try to find any fraction to the right, unimpeded.
+  const cursor = getCursor(mathField);
   let visitor = cursor;
   while (visitor[mathQuillInstance.R] !== MathFieldActionType.MQ_END) {
     if (isFraction(visitor[mathQuillInstance.R])) {
@@ -988,7 +1001,7 @@ const KeysForJumpContext = {
  */
 function handleJumpOut(mathField, key) {
   const cursor = getCursor(mathField);
-  const context = contextForCursor(cursor);
+  const context = getCursorContext(mathField);
 
   // Validate that the current cursor context matches the key's intent.
   if (KeysForJumpContext[context] !== key) {
@@ -1004,6 +1017,7 @@ function handleJumpOut(mathField, key) {
       // Insert at the end of the parentheses, and then navigate right
       // once more to get 'beyond' the parentheses.
       cursor.insRightOf(cursor.parent.parent);
+      mathField.keystroke("Right");
       break;
     case CursorContext.BEFORE_FRACTION:
       // Find the nearest fraction to the right of the cursor.
@@ -1323,7 +1337,7 @@ class MathWrapper {
     // on the MathField, as that handler isn't triggered on navigation
     // events.
     return {
-      context: this.contextForCursor(cursor)
+      context: this.contextForCursor()
     };
   }
 
@@ -1364,7 +1378,7 @@ class MathWrapper {
       }
       if (this.callbacks.onCursorMove) {
         this.callbacks.onCursorMove({
-          context: this.contextForCursor(cursor)
+          context: this.contextForCursor()
         });
       }
     }
@@ -1378,8 +1392,8 @@ class MathWrapper {
 
   // note(Matthew): extracted this logic to keep this file focused,
   // but it's part of the public MathWrapper API
-  contextForCursor(cursor) {
-    return contextForCursor(cursor);
+  contextForCursor() {
+    return getCursorContext(this.mathField);
   }
   getSelection() {
     return this.getCursor().selection;
@@ -1734,7 +1748,7 @@ class MathInput extends React.Component {
       }
       // In that event, we need to update the cursor context ourselves.
       this.props.keypadElement && this.props.keypadElement.setCursor({
-        context: this.mathField.contextForCursor(cursor)
+        context: this.mathField.contextForCursor()
       });
     };
     this.handleTouchStart = e => {
@@ -4763,20 +4777,22 @@ const IconAsset = function IconAsset({
         }, /*#__PURE__*/React.createElement("path", {
           fillRule: "evenodd",
           clipRule: "evenodd",
-          d: "M7.57584 7.09442C7.92723 6.92984 8.3421 6.98339 8.64018 7.23179L26.6402 22.2318C26.9636 22.5013 27.0836 22.9446 26.9403 23.3404C26.7969 23.7363 26.421 24 26 24H8C7.44772 24 7 23.5523 7 23V8.00001C7 7.61199 7.22446 7.259 7.57584 7.09442ZM9 10.1351V17H13C13.5523 17 14 17.4477 14 18V22H23.238L9 10.1351ZM12 22V19H9V22H12Z",
+          d: "M7.57584 7.09442c.35139-.16458.76626-.11103 1.06434.13737L26.6402 22.2318c.3234.2695.4434.7128.3001 1.1086C26.7969 23.7363 26.421 24 26 24H8c-.55228 0-1-.4477-1-1V8.00001c0-.38802.22446-.74101.57584-.90559zM9 10.1351V17h4c.5523 0 1 .4477 1 1v4h9.238L9 10.1351zM12 22v-3H9v3h3z",
           fill: tintColor
         }));
       }
     case "Operators":
       {
         return /*#__PURE__*/React.createElement("svg", {
+          width: "32",
+          height: "32",
           viewBox: "0 0 32 32",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, /*#__PURE__*/React.createElement("path", {
           fillRule: "evenodd",
           clipRule: "evenodd",
-          d: "M29 6H30V7H29V6ZM27 6C27 4.89543 27.8954 4 29 4H30C31.1046 4 32 4.89543 32 6V7C32 8.10457 31.1046 9 30 9H29C27.8954 9 27 8.10457 27 7V6ZM11.1318 6.50386C11.3098 6.19229 11.6411 6 12 6H14C14.5523 6 15 6.44772 15 7C15 7.55228 14.5523 8 14 8H12.5803L8.86824 14.4961C8.68527 14.8163 8.34091 15.0098 7.97225 14.9996C7.6036 14.9894 7.2705 14.7771 7.10557 14.4472L5.10557 10.4472C4.85858 9.95324 5.05881 9.35256 5.55279 9.10557C6.04676 8.85858 6.64744 9.05881 6.89443 9.55279L8.0588 11.8815L11.1318 6.50386ZM7.70676 16.2925C8.09748 16.6829 8.09779 17.316 7.70745 17.7068C7.28543 18.1292 6.84383 18.7303 6.51157 19.3658C6.17039 20.0184 6 20.601 6 21C6 21.3789 6.17235 21.9897 6.51638 22.6649C6.85315 23.3259 7.28488 23.9121 7.66786 24.2557C8.07892 24.6246 8.11314 25.2568 7.74429 25.6679C7.37544 26.0789 6.7432 26.1131 6.33214 25.7443C5.7161 25.1915 5.14783 24.3844 4.73434 23.5728C4.32813 22.7755 3.99999 21.8345 4 21C4.00001 20.1391 4.3301 19.2217 4.73917 18.4392C5.15715 17.6397 5.71554 16.8708 6.29255 16.2932C6.68288 15.9025 7.31605 15.9022 7.70676 16.2925ZM11.2932 16.2925C11.684 15.9022 12.3171 15.9025 12.7075 16.2932C13.2845 16.8708 13.8428 17.6397 14.2608 18.4392C14.6699 19.2217 15 20.1391 15 21C15 21.8345 14.6719 22.7755 14.2657 23.5728C13.8522 24.3844 13.2839 25.1915 12.6679 25.7443C12.2568 26.1131 11.6246 26.0789 11.2557 25.6679C10.8869 25.2568 10.9211 24.6246 11.3321 24.2557C11.7151 23.9121 12.1469 23.3259 12.4836 22.6649C12.8276 21.9897 13 21.3789 13 21C13 20.601 12.8296 20.0184 12.4884 19.3658C12.1562 18.7303 11.7146 18.1292 11.2925 17.7068C10.9022 17.316 10.9025 16.6829 11.2932 16.2925ZM27.9363 17.6489C28.1302 18.166 27.8682 18.7424 27.3511 18.9363L21.848 21L27.3511 23.0637C27.8682 23.2576 28.1302 23.834 27.9363 24.3511C27.7424 24.8682 27.166 25.1302 26.6489 24.9363L18.6489 21.9363C18.2586 21.79 18 21.4168 18 21C18 20.5832 18.2586 20.21 18.6489 20.0637L26.6489 17.0637C27.166 16.8698 27.7424 17.1318 27.9363 17.6489ZM21 8V13H24V8H21ZM20 6C19.4477 6 19 6.44772 19 7V14C19 14.5523 19.4477 15 20 15H25C25.5523 15 26 14.5523 26 14V7C26 6.44772 25.5523 6 25 6H20Z",
+          d: "M29 6h1v1h-1V6zm-2 0c0-1.10457.8954-2 2-2h1c1.1046 0 2 .89543 2 2v1c0 1.10457-.8954 2-2 2h-1c-1.1046 0-2-.89543-2-2V6zm-15.8682.50386C11.3098 6.19229 11.6411 6 12 6h2c.5523 0 1 .44772 1 1s-.4477 1-1 1h-1.4197l-3.71206 6.4961c-.18297.3202-.52733.5137-.89599.5035-.36865-.0102-.70175-.2225-.86668-.5524l-2-4c-.24699-.49396-.04676-1.09464.44722-1.34163.49397-.24699 1.09465-.04676 1.34164.44722L8.0588 11.8815l3.073-5.37764zM7.70676 16.2925c.39072.3904.39103 1.0235.00069 1.4143-.42202.4224-.86362 1.0235-1.19588 1.659C6.17039 20.0184 6 20.601 6 21c0 .3789.17235.9897.51638 1.6649.33677.661.7685 1.2472 1.15148 1.5908.41106.3689.44528 1.0011.07643 1.4122-.36885.411-1.00109.4452-1.41215.0764-.61604-.5528-1.18431-1.3599-1.5978-2.1715C4.32813 22.7755 3.99999 21.8345 4 21c.00001-.8609.3301-1.7783.73917-2.5608.41798-.7995.97637-1.5684 1.55338-2.146.39033-.3907 1.0235-.391 1.41421-.0007zm3.58644 0c.3908-.3903 1.0239-.39 1.4143.0007.577.5776 1.1353 1.3465 1.5533 2.146C14.6699 19.2217 15 20.1391 15 21c0 .8345-.3281 1.7755-.7343 2.5728-.4135.8116-.9818 1.6187-1.5978 2.1715-.4111.3688-1.0433.3346-1.4122-.0764-.3688-.4111-.3346-1.0433.0764-1.4122.383-.3436.8148-.9298 1.1515-1.5908.344-.6752.5164-1.286.5164-1.6649 0-.399-.1704-.9816-.5116-1.6342-.3322-.6355-.7738-1.2366-1.1959-1.659-.3903-.3908-.39-1.0239.0007-1.4143zm16.6431 1.3564c.1939.5171-.0681 1.0935-.5852 1.2874L21.848 21l5.5031 2.0637c.5171.1939.7791.7703.5852 1.2874-.1939.5171-.7703.7791-1.2874.5852l-8-3C18.2586 21.79 18 21.4168 18 21c0-.4168.2586-.79.6489-.9363l8-3c.5171-.1939 1.0935.0681 1.2874.5852zM21 8v5h3V8h-3zm-1-2c-.5523 0-1 .44772-1 1v7c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1V7c0-.55228-.4477-1-1-1h-5z",
           fill: tintColor
         }));
       }
@@ -4789,7 +4805,7 @@ const IconAsset = function IconAsset({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, /*#__PURE__*/React.createElement("path", {
-          d: "M10.4123 19.5794V21.0004H4.71434V19.5794H6.73034V14.0214C6.73034 13.9001 6.73267 13.7764 6.73734 13.6504C6.742 13.5244 6.749 13.3961 6.75834 13.2654L5.42834 14.3714C5.335 14.4414 5.244 14.4858 5.15534 14.5044C5.06667 14.5231 4.98267 14.5254 4.90334 14.5114C4.824 14.4928 4.754 14.4648 4.69334 14.4274C4.63267 14.3854 4.586 14.3434 4.55334 14.3014L3.94434 13.4824L7.06634 10.8364H8.65534V19.5794H10.4123ZM18.7924 19.2294C19.0024 19.2294 19.1658 19.2878 19.2824 19.4044C19.4038 19.5211 19.4644 19.6751 19.4644 19.8664V21.0004H12.4224V20.3704C12.4224 20.2491 12.4481 20.1184 12.4994 19.9784C12.5508 19.8338 12.6371 19.7031 12.7584 19.5864L15.7684 16.5694C16.0251 16.3128 16.2514 16.0678 16.4474 15.8344C16.6434 15.5964 16.8068 15.3654 16.9374 15.1414C17.0681 14.9128 17.1661 14.6818 17.2314 14.4484C17.2968 14.2151 17.3294 13.9701 17.3294 13.7134C17.3294 13.2608 17.2128 12.9178 16.9794 12.6844C16.7461 12.4464 16.4171 12.3274 15.9924 12.3274C15.8058 12.3274 15.6331 12.3554 15.4744 12.4114C15.3204 12.4628 15.1804 12.5351 15.0544 12.6284C14.9331 12.7218 14.8281 12.8314 14.7394 12.9574C14.6508 13.0834 14.5854 13.2211 14.5434 13.3704C14.4594 13.6038 14.3451 13.7601 14.2004 13.8394C14.0604 13.9141 13.8598 13.9304 13.5984 13.8884L12.5764 13.7064C12.6511 13.2118 12.7911 12.7778 12.9964 12.4044C13.2018 12.0311 13.4584 11.7208 13.7664 11.4734C14.0744 11.2261 14.4268 11.0418 14.8234 10.9204C15.2201 10.7944 15.6471 10.7314 16.1044 10.7314C16.5851 10.7314 17.0214 10.8038 17.4134 10.9484C17.8101 11.0884 18.1484 11.2868 18.4284 11.5434C18.7084 11.7954 18.9254 12.1011 19.0794 12.4604C19.2334 12.8198 19.3104 13.2164 19.3104 13.6504C19.3104 14.0238 19.2568 14.3691 19.1494 14.6864C19.0421 15.0038 18.8951 15.3071 18.7084 15.5964C18.5264 15.8811 18.3141 16.1588 18.0714 16.4294C17.8288 16.7001 17.5721 16.9731 17.3014 17.2484L15.1454 19.4534C15.3834 19.3834 15.6191 19.3298 15.8524 19.2924C16.0858 19.2504 16.3051 19.2294 16.5104 19.2294H18.7924ZM21.4535 13.7064C21.5282 13.2118 21.6682 12.7778 21.8735 12.4044C22.0789 12.0311 22.3355 11.7208 22.6435 11.4734C22.9515 11.2261 23.3015 11.0418 23.6935 10.9204C24.0902 10.7944 24.5172 10.7314 24.9745 10.7314C25.4599 10.7314 25.8939 10.8014 26.2765 10.9414C26.6639 11.0768 26.9905 11.2634 27.2565 11.5014C27.5225 11.7394 27.7255 12.0171 27.8655 12.3344C28.0102 12.6518 28.0825 12.9924 28.0825 13.3564C28.0825 13.6784 28.0475 13.9631 27.9775 14.2104C27.9122 14.4531 27.8119 14.6654 27.6765 14.8474C27.5459 15.0294 27.3825 15.1834 27.1865 15.3094C26.9952 15.4354 26.7735 15.5404 26.5215 15.6244C27.6882 16.0071 28.2715 16.7841 28.2715 17.9554C28.2715 18.4734 28.1759 18.9308 27.9845 19.3274C27.7932 19.7194 27.5365 20.0484 27.2145 20.3144C26.8925 20.5804 26.5169 20.7811 26.0875 20.9164C25.6629 21.0471 25.2172 21.1124 24.7505 21.1124C24.2559 21.1124 23.8195 21.0564 23.4415 20.9444C23.0635 20.8324 22.7299 20.6644 22.4405 20.4404C22.1559 20.2164 21.9109 19.9364 21.7055 19.6004C21.5002 19.2598 21.3205 18.8631 21.1665 18.4104L22.0205 18.0604C22.2445 17.9671 22.4522 17.9414 22.6435 17.9834C22.8395 18.0254 22.9795 18.1281 23.0635 18.2914C23.1569 18.4688 23.2549 18.6321 23.3575 18.7814C23.4649 18.9308 23.5839 19.0614 23.7145 19.1734C23.8452 19.2808 23.9922 19.3648 24.1555 19.4254C24.3235 19.4861 24.5149 19.5164 24.7295 19.5164C25.0002 19.5164 25.2359 19.4721 25.4365 19.3834C25.6372 19.2948 25.8052 19.1804 25.9405 19.0404C26.0759 18.8958 26.1762 18.7348 26.2415 18.5574C26.3115 18.3754 26.3465 18.1958 26.3465 18.0184C26.3465 17.7851 26.3255 17.5751 26.2835 17.3884C26.2415 17.1971 26.1435 17.0361 25.9895 16.9054C25.8402 16.7701 25.6162 16.6674 25.3175 16.5974C25.0235 16.5228 24.6222 16.4854 24.1135 16.4854V15.1274C24.5382 15.1274 24.8859 15.0924 25.1565 15.0224C25.4272 14.9524 25.6395 14.8544 25.7935 14.7284C25.9475 14.6024 26.0525 14.4508 26.1085 14.2734C26.1692 14.0961 26.1995 13.9024 26.1995 13.6924C26.1995 13.2491 26.0829 12.9108 25.8495 12.6774C25.6209 12.4441 25.2942 12.3274 24.8695 12.3274C24.6829 12.3274 24.5102 12.3554 24.3515 12.4114C24.1975 12.4628 24.0575 12.5351 23.9315 12.6284C23.8102 12.7218 23.7052 12.8314 23.6165 12.9574C23.5279 13.0834 23.4625 13.2211 23.4205 13.3704C23.3319 13.6038 23.2175 13.7601 23.0775 13.8394C22.9375 13.9141 22.7345 13.9304 22.4685 13.8884L21.4535 13.7064Z",
+          d: "M10.4123 19.5794v1.421H4.71434v-1.421h2.016v-5.558c0-.1213.00233-.245.007-.371.00466-.126.01166-.2543.021-.385l-1.33 1.106c-.09334.07-.18434.1144-.273.133-.08867.0187-.17267.021-.252.007-.07934-.0186-.14934-.0466-.21-.084-.06067-.042-.10734-.084-.14-.126l-.609-.819 3.122-2.646h1.589v8.743h1.75696zm8.3801-.35c.21 0 .3734.0584.49.175.1214.1167.182.2707.182.462v1.134h-7.042v-.63c0-.1213.0257-.252.077-.392.0514-.1446.1377-.2753.259-.392l3.01-3.017c.2567-.2566.483-.5016.679-.735.196-.238.3594-.469.49-.693.1307-.2286.2287-.4596.294-.693.0654-.2333.098-.4783.098-.735 0-.4526-.1166-.7956-.35-1.029-.2333-.238-.5623-.357-.987-.357-.1866 0-.3593.028-.518.084-.154.0514-.294.1237-.42.217-.1213.0934-.2263.203-.315.329-.0886.126-.154.2637-.196.413-.084.2334-.1983.3897-.343.469-.14.0747-.3406.091-.602.049l-1.022-.182c.0747-.4946.2147-.9286.42-1.302.2054-.3733.462-.6836.77-.931.308-.2473.6604-.4316 1.057-.553.3967-.126.8237-.189 1.281-.189.4807 0 .917.0724 1.309.217.3967.14.735.3384 1.015.595.28.252.497.5577.651.917.154.3594.231.756.231 1.19 0 .3734-.0536.7187-.161 1.036-.1073.3174-.2543.6207-.441.91-.182.2847-.3943.5624-.637.833-.2426.2707-.4993.5437-.77.819l-2.156 2.205c.238-.07.4737-.1236.707-.161.2334-.042.4527-.063.658-.063h2.282zm2.6611-5.523c.0747-.4946.2147-.9286.42-1.302.2054-.3733.462-.6836.77-.931.308-.2473.658-.4316 1.05-.553.3967-.126.8237-.189 1.281-.189.4854 0 .9194.07 1.302.21.3874.1354.714.322.98.56.266.238.469.5157.609.833.1447.3174.217.658.217 1.022 0 .322-.035.6067-.105.854-.0653.2427-.1656.455-.301.637-.1306.182-.294.336-.49.462-.1913.126-.413.231-.665.315 1.1667.3827 1.75 1.1597 1.75 2.331 0 .518-.0956.9754-.287 1.372-.1913.392-.448.721-.77.987s-.6976.4667-1.127.602c-.4246.1307-.8703.196-1.337.196-.4946 0-.931-.056-1.309-.168-.378-.112-.7116-.28-1.001-.504-.2846-.224-.5296-.504-.735-.84-.2053-.3406-.385-.7373-.539-1.19l.854-.35c.224-.0933.4317-.119.623-.077.196.042.336.1447.42.308.0934.1774.1914.3407.294.49.1074.1494.2264.28.357.392.1307.1074.2777.1914.441.252.168.0607.3594.091.574.091.2707 0 .5064-.0443.707-.133.2007-.0886.3687-.203.504-.343.1354-.1446.2357-.3056.301-.483.07-.182.105-.3616.105-.539 0-.2333-.021-.4433-.063-.63-.042-.1913-.14-.3523-.294-.483-.1493-.1353-.3733-.238-.672-.308-.294-.0746-.6953-.112-1.204-.112v-1.358c.4247 0 .7724-.035 1.043-.105.2707-.07.483-.168.637-.294.154-.126.259-.2776.315-.455.0607-.1773.091-.371.091-.581 0-.4433-.1166-.7816-.35-1.015-.2286-.2333-.5553-.35-.98-.35-.1866 0-.3593.028-.518.084-.154.0514-.294.1237-.42.217-.1213.0934-.2263.203-.315.329-.0886.126-.154.2637-.196.413-.0886.2334-.203.3897-.343.469-.14.0747-.343.091-.609.049l-1.015-.182z",
           fill: tintColor
         }));
       }
@@ -4797,12 +4813,41 @@ const IconAsset = function IconAsset({
       {
         return /*#__PURE__*/React.createElement("svg", {
           xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          fill: "currentColor",
-          viewBox: "0 0 256 256"
+          width: "32",
+          height: "32",
+          fill: "none",
+          viewBox: "0 0 32 32"
+        }, /*#__PURE__*/React.createElement("g", {
+          clipPath: "url(#a)"
+        }, /*#__PURE__*/React.createElement("path", {
+          fill: tintColor,
+          fillRule: "evenodd",
+          d: "M6.127 10.454c.224-.032.403-.05.53-.05.591 0 1.137.153 1.63.459.398.239.713.529.94.872l.188-.248.005-.007.006-.006c.619-.703 1.347-1.07 2.178-1.07.691 0 1.269.204 1.71.626.454.403.686.91.686 1.51 0 .533-.156.994-.476 1.37-.312.383-.738.574-1.254.574-.345 0-.643-.101-.878-.317a1.1 1.1 0 0 1-.353-.843c0-.405.11-.76.342-1.051.153-.193.354-.352.596-.479a1.416 1.416 0 0 0-.492-.07c-.195 0-.316.016-.38.035-.53.226-.938.694-1.208 1.445l-.001.003c-.02.05-.085.289-.202.74-.115.443-.275 1.077-.481 1.901-.414 1.641-.633 2.547-.662 2.74l-.002.01a3.423 3.423 0 0 0-.067.673c0 .337.097.581.272.756.176.177.413.272.733.272.6 0 1.15-.247 1.657-.768.518-.549.864-1.146 1.044-1.791l.001-.004a1.2 1.2 0 0 1 .088-.224.368.368 0 0 1 .161-.164.564.564 0 0 1 .198-.056 2.19 2.19 0 0 1 .276-.014c.159 0 .305.016.42.064.059.025.12.063.167.122.05.063.073.137.073.213 0 .023-.004.048-.005.057a12.52 12.52 0 0 1-.046.245l-.004.015c-.281 1.026-.86 1.917-1.73 2.67l-.007.007c-.776.611-1.605.925-2.484.925-1.08 0-1.93-.45-2.53-1.33-.453.605-1.015 1.024-1.685 1.248l-.01.003-.011.002a3.23 3.23 0 0 1-.664.053c-.974 0-1.703-.35-2.13-1.078A2.05 2.05 0 0 1 2 19.437c0-.52.158-.975.478-1.349.326-.38.749-.572 1.252-.572.372 0 .69.091.913.31.224.218.318.531.318.898 0 .327-.078.621-.241.874a1.706 1.706 0 0 1-.707.597l-.018.009c.158.063.331.095.52.095.467 0 .902-.285 1.295-.966l.002-.005c.071-.115.185-.417.341-.938.154-.51.341-1.209.563-2.096v-.002c.095-.364.198-.767.31-1.21.11-.444.188-.78.235-1.014l.002-.013c.058-.216.098-.36.119-.425.077-.42.113-.709.113-.877 0-.342-.092-.588-.254-.762-.159-.171-.384-.267-.704-.267-.652 0-1.217.251-1.704.768l-.002.002A4.215 4.215 0 0 0 3.79 14.28a1.084 1.084 0 0 1-.065.207.41.41 0 0 1-.14.176l-.01.007-.012.006a.35.35 0 0 1-.104.03 1.16 1.16 0 0 1-.095.01 5.04 5.04 0 0 1-.275.006H2.67l-.061-.061c-.109-.11-.204-.247-.204-.41v-.015l.003-.015c.07-.472.335-1.05.768-1.723l.001-.002c.771-1.165 1.754-1.857 2.949-2.042h.002Z",
+          clipRule: "evenodd"
+        }), /*#__PURE__*/React.createElement("path", {
+          fill: tintColor,
+          d: "M21.084 10.284c.932-.008 2.301-.013 4.107-.013 1.325 0 2.327.003 3.007.007a75.812 75.812 0 0 1 .99.013c.025 0 .047.002.065.003h.002c.01 0 .04.003.067.01l.01.002.011.004c.201.07.37.183.488.347a.966.966 0 0 1 .169.574c0 .3-.078.568-.248.79-.168.221-.411.377-.708.479h-.002a1.01 1.01 0 0 1-.221.034 8.213 8.213 0 0 1-.35.016c-.29.008-.696.012-1.219.012h-1.39l-.038.223v.001c-.198 1.185-.295 2.156-.295 2.916 0 1.446.251 2.746.75 3.905l.004.007c.059.153.105.284.137.393.03.103.053.205.053.29 0 .359-.16.68-.44.961-.278.296-.63.445-1.041.445-.255 0-.492-.03-.654-.139l-.009-.006-.008-.006c-.126-.101-.236-.274-.338-.477l-.006-.012c-.331-.768-.49-1.722-.49-2.852 0-.595.007-1.002.025-1.212v-.005c.118-1.157.377-2.551.776-4.18v-.002c.024-.096.045-.18.061-.25h-1.948c-.008.038-.02.086-.034.143l-.002.007a35.14 35.14 0 0 0-.146.537c-.05.232-.1.448-.15.648v.001a230.673 230.673 0 0 1-1.312 4.936 41.285 41.285 0 0 1-.411 1.384c-.104.322-.19.557-.256.681-.115.262-.28.473-.5.617-.225.146-.49.212-.783.212-.449 0-.807-.173-1.006-.549l-.006-.011-.005-.012a1.37 1.37 0 0 1-.067-.486v-.326l.346-.745c1.24-2.61 2.136-4.858 2.695-6.747l.002-.008.094-.281h-.463c-.662 0-1.105.025-1.346.07-.198.04-.47.173-.824.43l-.007.005-.007.005c-.366.228-.69.542-.97.947-.044.069-.085.13-.125.18a.651.651 0 0 1-.141.136l-.027.017-.03.01a.8.8 0 0 1-.19.03c-.07.005-.156.008-.258.008-.17 0-.335-.021-.465-.09a.437.437 0 0 1-.216-.546c.014-.042.034-.086.057-.132.047-.093.113-.208.198-.343l.003-.005c1.147-1.745 2.311-2.774 3.508-2.96a2.345 2.345 0 0 1 .158-.015 60.295 60.295 0 0 1 1.369-.026Z"
+        })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+          id: "a"
+        }, /*#__PURE__*/React.createElement("path", {
+          fill: "#fff",
+          d: "M0 0h28v11.457H0z",
+          transform: "translate(2 10.271)"
+        }))));
+      }
+    case "Dismiss":
+      {
+        return /*#__PURE__*/React.createElement("svg", {
+          width: "44",
+          height: "44",
+          viewBox: "0 0 44 44",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
         }, /*#__PURE__*/React.createElement("path", {
-          d: "M232,172a36,36,0,0,1-72,0V72H96V200a8,8,0,0,1-16,0V72H72a40,40,0,0,0-40,40,8,8,0,0,1-16,0A56.06,56.06,0,0,1,72,56H224a8,8,0,0,1,0,16H176V172a20,20,0,0,0,40,0,8,8,0,0,1,16,0Z"
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M28.7071 15.2929C28.3166 14.9024 27.6834 14.9024 27.2929 15.2929L22 20.5858L16.7071 15.2929C16.3166 14.9024 15.6834 14.9024 15.2929 15.2929C14.9024 15.6834 14.9024 16.3166 15.2929 16.7071L20.5858 22L15.2929 27.2929C14.9024 27.6834 14.9024 28.3166 15.2929 28.7071C15.6834 29.0976 16.3166 29.0976 16.7071 28.7071L22 23.4142L27.2929 28.7071C27.6834 29.0976 28.3166 29.0976 28.7071 28.7071C29.0976 28.3166 29.0976 27.6834 28.7071 27.2929L23.4142 22L28.7071 16.7071C29.0976 16.3166 29.0976 15.6834 28.7071 15.2929Z",
+          fill: tintColor
         }));
       }
     default:
@@ -4878,7 +4923,9 @@ class TabbarItem extends React.Component {
     return /*#__PURE__*/React.createElement(Clickable, {
       onClick: onClick,
       disabled: itemState === "disabled",
-      "aria-label": itemType
+      "aria-label": itemType,
+      "aria-selected": itemState === "active",
+      role: "tab"
     }, ({
       hovered,
       focused,
@@ -4905,19 +4952,28 @@ const styles$7 = StyleSheet.create({
   tabbar: {
     display: "flex",
     flexDirection: "row",
+    justifyContent: "space-between",
     paddingTop: 2,
     paddingBottom: 2
+  },
+  pages: {
+    display: "flex",
+    flexDirection: "row"
   }
 });
 function Tabbar(props) {
   const {
     items,
+    onClickClose,
     selectedItem,
     onSelectItem,
     style
   } = props;
   return /*#__PURE__*/React.createElement(View$1, {
-    style: [styles$7.tabbar, style]
+    style: [styles$7.tabbar, style],
+    role: "tablist"
+  }, /*#__PURE__*/React.createElement(View$1, {
+    style: [styles$7.pages]
   }, items.map(item => /*#__PURE__*/React.createElement(TabbarItem, {
     key: `tabbar-item-${item}`,
     itemState: item === selectedItem ? "active" : "inactive",
@@ -4925,6 +4981,10 @@ function Tabbar(props) {
     onClick: () => {
       onSelectItem(item);
     }
+  }))), /*#__PURE__*/React.createElement(View$1, null, onClickClose && /*#__PURE__*/React.createElement(TabbarItem, {
+    itemState: "inactive",
+    itemType: "Dismiss",
+    onClick: onClickClose
   })));
 }
 
@@ -7352,7 +7412,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M26.2991 20.36C26.2991 21.872 26.1351 23.18 25.8071 24.284C25.4871 25.388 25.0431 26.304 24.4751 27.032C23.9071 27.76 23.2391 28.3 22.4711 28.652C21.7031 29.004 20.8751 29.18 19.9871 29.18C19.0991 29.18 18.2711 29.004 17.5031 28.652C16.7351 28.3 16.0671 27.76 15.4991 27.032C14.9391 26.304 14.4991 25.388 14.1791 24.284C13.8591 23.18 13.6991 21.872 13.6991 20.36C13.6991 18.848 13.8591 17.54 14.1791 16.436C14.4991 15.324 14.9391 14.408 15.4991 13.688C16.0671 12.96 16.7351 12.42 17.5031 12.068C18.2711 11.708 19.0991 11.528 19.9871 11.528C20.8751 11.528 21.7031 11.708 22.4711 12.068C23.2391 12.42 23.9071 12.96 24.4751 13.688C25.0431 14.408 25.4871 15.324 25.8071 16.436C26.1351 17.54 26.2991 18.848 26.2991 20.36ZM23.6351 20.36C23.6351 19.08 23.5311 18.016 23.3231 17.168C23.1231 16.312 22.8551 15.628 22.5191 15.116C22.1831 14.604 21.7951 14.24 21.3551 14.024C20.9151 13.808 20.4591 13.7 19.9871 13.7C19.5071 13.7 19.0471 13.808 18.6071 14.024C18.1751 14.24 17.7911 14.604 17.4551 15.116C17.1191 15.628 16.8511 16.312 16.6511 17.168C16.4511 18.016 16.3511 19.08 16.3511 20.36C16.3511 21.64 16.4511 22.708 16.6511 23.564C16.8511 24.412 17.1191 25.092 17.4551 25.604C17.7911 26.116 18.1751 26.48 18.6071 26.696C19.0471 26.912 19.5071 27.02 19.9871 27.02C20.4591 27.02 20.9151 26.912 21.3551 26.696C21.7951 26.48 22.1831 26.116 22.5191 25.604C22.8551 25.092 23.1231 24.412 23.3231 23.564C23.5311 22.708 23.6351 21.64 23.6351 20.36Z",
+        d: "M26.299 20.3598c0 1.512-.164 2.82-.492 3.924-.32 1.104-.764 2.02-1.332 2.748-.568.728-1.236 1.268-2.004 1.62-.768.352-1.596.528-2.484.528-.888 0-1.716-.176-2.484-.528-.768-.352-1.436-.892-2.004-1.62-.56-.728-1-1.644-1.32-2.748-.32-1.104-.48-2.412-.48-3.924s.16-2.82.48-3.924c.32-1.112.76-2.028 1.32-2.748.568-.728 1.236-1.268 2.004-1.62.768-.36 1.596-.54 2.484-.54.888 0 1.716.18 2.484.54.768.352 1.436.892 2.004 1.62.568.72 1.012 1.636 1.332 2.748.328 1.104.492 2.412.492 3.924zm-2.664 0c0-1.28-.104-2.344-.312-3.192-.2-.856-.468-1.54-.804-2.052s-.724-.876-1.164-1.092c-.44-.216-.896-.324-1.368-.324-.48 0-.94.108-1.38.324-.432.216-.816.58-1.152 1.092-.336.512-.604 1.196-.804 2.052-.2.848-.3 1.912-.3 3.192 0 1.28.1 2.348.3 3.204.2.848.468 1.528.804 2.04s.72.876 1.152 1.092c.44.216.9.324 1.38.324.472 0 .928-.108 1.368-.324.44-.216.828-.58 1.164-1.092.336-.512.604-1.192.804-2.04.208-.856.312-1.924.312-3.204z",
         fill: "#21242C"
       }));
     case "NUM_1":
@@ -7363,7 +7423,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M25.3631 27.044V29H15.9431V27.044H19.5431V16.22C19.5431 15.836 19.5551 15.444 19.5791 15.044L16.8071 17.384C16.6871 17.48 16.5631 17.544 16.4351 17.576C16.3151 17.6 16.1991 17.6 16.0871 17.576C15.9831 17.552 15.8871 17.516 15.7991 17.468C15.7191 17.412 15.6551 17.352 15.6071 17.288L14.8031 16.16L20.0111 11.684H22.1111V27.044H25.3631Z",
+        d: "M25.363 27.0441v1.956h-9.42v-1.956h3.6v-10.824c0-.384.012-.776.036-1.176l-2.772 2.34c-.12.096-.244.16-.372.192-.12.024-.236.024-.348 0-.104-.024-.2-.06-.288-.108-.08-.056-.144-.116-.192-.18l-.804-1.128 5.208-4.476h2.1v15.36h3.252z",
         fill: "#21242C"
       }));
     case "NUM_2":
@@ -7374,7 +7434,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M24.8471 26.564C25.1271 26.564 25.3471 26.648 25.5071 26.816C25.6671 26.976 25.7471 27.184 25.7471 27.44V29H14.0591V28.124C14.0591 27.948 14.0951 27.764 14.1671 27.572C14.2391 27.38 14.3551 27.204 14.5151 27.044L19.8911 21.656C20.3471 21.2 20.7511 20.764 21.1031 20.348C21.4631 19.932 21.7671 19.516 22.0151 19.1C22.2711 18.684 22.4631 18.264 22.5911 17.84C22.7271 17.408 22.7951 16.956 22.7951 16.484C22.7951 16.028 22.7231 15.628 22.5791 15.284C22.4431 14.932 22.2511 14.644 22.0031 14.42C21.7631 14.188 21.4711 14.016 21.1271 13.904C20.7911 13.784 20.4191 13.724 20.0111 13.724C19.6191 13.724 19.2551 13.78 18.9191 13.892C18.5911 14.004 18.2951 14.16 18.0311 14.36C17.7751 14.56 17.5591 14.8 17.3831 15.08C17.2151 15.352 17.0911 15.652 17.0111 15.98C16.8911 16.308 16.7351 16.528 16.5431 16.64C16.3591 16.752 16.0871 16.776 15.7271 16.712L14.3711 16.472C14.4911 15.656 14.7151 14.94 15.0431 14.324C15.3791 13.708 15.7991 13.196 16.3031 12.788C16.8071 12.372 17.3831 12.06 18.0311 11.852C18.6871 11.636 19.3951 11.528 20.1551 11.528C20.9231 11.528 21.6271 11.644 22.2671 11.876C22.9151 12.1 23.4711 12.424 23.9351 12.848C24.4071 13.264 24.7751 13.772 25.0391 14.372C25.3031 14.972 25.4351 15.648 25.4351 16.4C25.4351 17.04 25.3391 17.632 25.1471 18.176C24.9631 18.72 24.7111 19.24 24.3911 19.736C24.0711 20.232 23.6951 20.716 23.2631 21.188C22.8391 21.652 22.3911 22.124 21.9191 22.604L17.7431 26.876C18.0871 26.78 18.4311 26.704 18.7751 26.648C19.1271 26.592 19.4591 26.564 19.7711 26.564H24.8471Z",
+        d: "M24.8471 26.5638c.28 0 .5.084.66.252.16.16.24.368.24.624v1.56h-11.688v-.876c0-.176.036-.36.108-.552.072-.192.188-.368.348-.528l5.376-5.388c.456-.456.86-.892 1.212-1.308.36-.416.664-.832.912-1.248.256-.416.448-.836.576-1.26.136-.432.204-.884.204-1.356 0-.456-.072-.856-.216-1.2-.136-.352-.328-.64-.576-.864-.24-.232-.532-.404-.876-.516-.336-.12-.708-.18-1.116-.18-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.168.272-.292.572-.372.9-.12.328-.276.548-.468.66-.184.112-.456.136-.816.072l-1.356-.24c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.472.116 2.112.348.648.224 1.204.548 1.668.972.472.416.84.924 1.104 1.524.264.6.396 1.276.396 2.028 0 .64-.096 1.232-.288 1.776-.184.544-.436 1.064-.756 1.56s-.696.98-1.128 1.452c-.424.464-.872.936-1.344 1.416l-4.176 4.272c.344-.096.688-.172 1.032-.228.352-.056.684-.084.996-.084h5.076z",
         fill: "#21242C"
       }));
     case "NUM_3":
@@ -7385,7 +7445,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M14.4551 16.472C14.5751 15.656 14.7991 14.94 15.1271 14.324C15.4631 13.708 15.8831 13.196 16.3871 12.788C16.8911 12.372 17.4671 12.06 18.1151 11.852C18.7711 11.636 19.4791 11.528 20.2391 11.528C21.0071 11.528 21.7031 11.64 22.3271 11.864C22.9591 12.08 23.4991 12.384 23.9471 12.776C24.4031 13.168 24.7511 13.636 24.9911 14.18C25.2391 14.724 25.3631 15.32 25.3631 15.968C25.3631 16.52 25.2951 17.008 25.1591 17.432C25.0311 17.848 24.8431 18.216 24.5951 18.536C24.3551 18.856 24.0591 19.124 23.7071 19.34C23.3551 19.556 22.9591 19.736 22.5191 19.88C23.5911 20.192 24.3951 20.692 24.9311 21.38C25.4671 22.06 25.7351 22.916 25.7351 23.948C25.7351 24.78 25.5791 25.52 25.2671 26.168C24.9551 26.816 24.5311 27.364 23.9951 27.812C23.4671 28.26 22.8471 28.604 22.1351 28.844C21.4311 29.076 20.6831 29.192 19.8911 29.192C19.0031 29.192 18.2351 29.088 17.5871 28.88C16.9391 28.664 16.3791 28.36 15.9071 27.968C15.4431 27.568 15.0551 27.088 14.7431 26.528C14.4311 25.968 14.1671 25.34 13.9511 24.644L15.0671 24.176C15.3631 24.048 15.6431 24.012 15.9071 24.068C16.1791 24.124 16.3751 24.272 16.4951 24.512C16.6231 24.768 16.7671 25.044 16.9271 25.34C17.0871 25.628 17.2911 25.896 17.5391 26.144C17.7951 26.384 18.1071 26.588 18.4751 26.756C18.8511 26.916 19.3111 26.996 19.8551 26.996C20.4071 26.996 20.8871 26.908 21.2951 26.732C21.7111 26.548 22.0551 26.316 22.3271 26.036C22.6071 25.748 22.8151 25.428 22.9511 25.076C23.0871 24.724 23.1551 24.376 23.1551 24.032C23.1551 23.6 23.1031 23.204 22.9991 22.844C22.8951 22.476 22.6911 22.164 22.3871 21.908C22.0911 21.652 21.6671 21.452 21.1151 21.308C20.5711 21.156 19.8551 21.08 18.9671 21.08V19.22C19.6951 19.212 20.3071 19.14 20.8031 19.004C21.3071 18.86 21.7071 18.668 22.0031 18.428C22.3071 18.18 22.5231 17.884 22.6511 17.54C22.7871 17.196 22.8551 16.82 22.8551 16.412C22.8551 15.972 22.7871 15.584 22.6511 15.248C22.5151 14.912 22.3231 14.632 22.0751 14.408C21.8351 14.176 21.5471 14.004 21.2111 13.892C20.8751 13.78 20.5031 13.724 20.0951 13.724C19.7031 13.724 19.3391 13.78 19.0031 13.892C18.6751 14.004 18.3791 14.16 18.1151 14.36C17.8591 14.56 17.6431 14.8 17.4671 15.08C17.2911 15.352 17.1631 15.652 17.0831 15.98C16.9711 16.308 16.8191 16.528 16.6271 16.64C16.4431 16.752 16.1711 16.776 15.8111 16.712L14.4551 16.472Z",
+        d: "M14.4552 16.4718c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.464.112 2.088.336.632.216 1.172.52 1.62.912.456.392.804.86 1.044 1.404.248.544.372 1.14.372 1.788 0 .552-.068 1.04-.204 1.464-.128.416-.316.784-.564 1.104-.24.32-.536.588-.888.804-.352.216-.748.396-1.188.54 1.072.312 1.876.812 2.412 1.5.536.68.804 1.536.804 2.568 0 .832-.156 1.572-.468 2.22-.312.648-.736 1.196-1.272 1.644-.528.448-1.148.792-1.86 1.032-.704.232-1.452.348-2.244.348-.888 0-1.656-.104-2.304-.312-.648-.216-1.208-.52-1.68-.912-.464-.4-.852-.88-1.164-1.44-.312-.56-.576-1.188-.792-1.884l1.116-.468c.296-.128.576-.164.84-.108.272.056.468.204.588.444.128.256.272.532.432.828.16.288.364.556.612.804.256.24.568.444.936.612.376.16.836.24 1.38.24.552 0 1.032-.088 1.44-.264.416-.184.76-.416 1.032-.696.28-.288.488-.608.624-.96s.204-.7.204-1.044c0-.432-.052-.828-.156-1.188-.104-.368-.308-.68-.612-.936-.296-.256-.72-.456-1.272-.6-.544-.152-1.26-.228-2.148-.228v-1.86c.728-.008 1.34-.08 1.836-.216.504-.144.904-.336 1.2-.576.304-.248.52-.544.648-.888.136-.344.204-.72.204-1.128 0-.44-.068-.828-.204-1.164-.136-.336-.328-.616-.576-.84-.24-.232-.528-.404-.864-.516-.336-.112-.708-.168-1.116-.168-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.176.272-.304.572-.384.9-.112.328-.264.548-.456.66-.184.112-.456.136-.816.072l-1.356-.24z",
         fill: "#21242C"
       }));
     case "NUM_4":
@@ -7396,7 +7456,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M21.6911 22.616V16.304C21.6911 15.8 21.7271 15.248 21.7991 14.648L15.9911 22.616H21.6911ZM26.3231 22.616V24.104C26.3231 24.248 26.2751 24.372 26.1791 24.476C26.0911 24.58 25.9551 24.632 25.7711 24.632H23.9351V29H21.6911V24.632H14.2151C14.0311 24.632 13.8711 24.58 13.7351 24.476C13.6071 24.364 13.5231 24.228 13.4831 24.068L13.2191 22.748L21.5111 11.708H23.9351V22.616H26.3231Z",
+        d: "M21.691 22.616v-6.312c0-.504.036-1.056.108-1.656l-5.808 7.968h5.7zm4.632 0v1.488c0 .144-.048.268-.144.372-.088.104-.224.156-.408.156h-1.836V29h-2.244v-4.368h-7.476c-.184 0-.344-.052-.48-.156-.128-.112-.212-.248-.252-.408l-.264-1.32 8.292-11.04h2.424v10.908h2.388z",
         fill: "#21242C"
       }));
     case "NUM_5":
@@ -7407,7 +7467,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M17.6591 18.104C18.0751 18.016 18.4711 17.952 18.8471 17.912C19.2311 17.872 19.5991 17.852 19.9511 17.852C20.8551 17.852 21.6511 17.988 22.3391 18.26C23.0351 18.524 23.6151 18.892 24.0791 19.364C24.5511 19.836 24.9031 20.392 25.1351 21.032C25.3751 21.664 25.4951 22.352 25.4951 23.096C25.4951 24.016 25.3351 24.852 25.0151 25.604C24.6951 26.356 24.2511 27 23.6831 27.536C23.1151 28.064 22.4431 28.472 21.6671 28.76C20.8991 29.048 20.0671 29.192 19.1711 29.192C18.6431 29.192 18.1391 29.14 17.6591 29.036C17.1871 28.932 16.7431 28.792 16.3271 28.616C15.9111 28.432 15.5271 28.224 15.1751 27.992C14.8231 27.752 14.5071 27.504 14.2271 27.248L15.0191 26.144C15.1871 25.904 15.4111 25.784 15.6911 25.784C15.8671 25.784 16.0591 25.848 16.2671 25.976C16.4751 26.104 16.7151 26.244 16.9871 26.396C17.2671 26.54 17.5951 26.676 17.9711 26.804C18.3471 26.932 18.7951 26.996 19.3151 26.996C19.8831 26.996 20.3911 26.904 20.8391 26.72C21.2871 26.536 21.6631 26.28 21.9671 25.952C22.2791 25.616 22.5151 25.216 22.6751 24.752C22.8351 24.288 22.9151 23.78 22.9151 23.228C22.9151 22.724 22.8391 22.272 22.6871 21.872C22.5431 21.472 22.3231 21.132 22.0271 20.852C21.7391 20.572 21.3751 20.36 20.9351 20.216C20.4951 20.064 19.9871 19.988 19.4111 19.988C18.9871 19.988 18.5511 20.024 18.1031 20.096C17.6631 20.168 17.2151 20.28 16.7591 20.432L15.1511 19.976L16.5671 11.72H24.9311V12.836C24.9311 13.204 24.8151 13.504 24.5831 13.736C24.3511 13.968 23.9631 14.084 23.4191 14.084H18.3551L17.6591 18.104Z",
+        d: "M17.6591 18.1042c.416-.088.812-.152 1.188-.192.384-.04.752-.06 1.104-.06.904 0 1.7.136 2.388.408.696.264 1.276.632 1.74 1.104.472.472.824 1.028 1.056 1.668.24.632.36 1.32.36 2.064 0 .92-.16 1.756-.48 2.508-.32.752-.764 1.396-1.332 1.932-.568.528-1.24.936-2.016 1.224-.768.288-1.6.432-2.496.432-.528 0-1.032-.052-1.512-.156-.472-.104-.916-.244-1.332-.42-.416-.184-.8-.392-1.152-.624-.352-.24-.668-.488-.948-.744l.792-1.104c.168-.24.392-.36.672-.36.176 0 .368.064.576.192.208.128.448.268.72.42.28.144.608.28.984.408.376.128.824.192 1.344.192.568 0 1.076-.092 1.524-.276.448-.184.824-.44 1.128-.768.312-.336.548-.736.708-1.2.16-.464.24-.972.24-1.524 0-.504-.076-.956-.228-1.356-.144-.4-.364-.74-.66-1.02-.288-.28-.652-.492-1.092-.636-.44-.152-.948-.228-1.524-.228-.424 0-.86.036-1.308.108-.44.072-.888.184-1.344.336l-1.608-.456 1.416-8.256h8.364v1.116c0 .368-.116.668-.348.9-.232.232-.62.348-1.164.348h-5.064l-.696 4.02z",
         fill: "#21242C"
       }));
     case "NUM_6":
@@ -7418,7 +7478,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M19.9751 27.056C20.4951 27.056 20.9711 26.972 21.4031 26.804C21.8351 26.628 22.2031 26.388 22.5071 26.084C22.8191 25.78 23.0591 25.42 23.2271 25.004C23.3951 24.588 23.4791 24.136 23.4791 23.648C23.4791 23.12 23.3951 22.648 23.2271 22.232C23.0671 21.808 22.8351 21.452 22.5311 21.164C22.2351 20.876 21.8751 20.656 21.4511 20.504C21.0351 20.344 20.5751 20.264 20.0711 20.264C19.5511 20.264 19.0791 20.352 18.6551 20.528C18.2391 20.704 17.8831 20.944 17.5871 21.248C17.2911 21.552 17.0631 21.908 16.9031 22.316C16.7431 22.724 16.6631 23.156 16.6631 23.612C16.6631 24.124 16.7351 24.592 16.8791 25.016C17.0231 25.44 17.2351 25.804 17.5151 26.108C17.7951 26.404 18.1391 26.636 18.5471 26.804C18.9631 26.972 19.4391 27.056 19.9751 27.056ZM19.0271 18.08C18.8991 18.24 18.7751 18.392 18.6551 18.536C18.5431 18.68 18.4311 18.824 18.3191 18.968C18.6871 18.76 19.0911 18.596 19.5311 18.476C19.9711 18.356 20.4431 18.296 20.9471 18.296C21.6191 18.296 22.2631 18.408 22.8791 18.632C23.4951 18.848 24.0351 19.176 24.4991 19.616C24.9711 20.048 25.3471 20.588 25.6271 21.236C25.9071 21.876 26.0471 22.616 26.0471 23.456C26.0471 24.256 25.8991 25.004 25.6031 25.7C25.3151 26.396 24.9071 27.004 24.3791 27.524C23.8511 28.036 23.2151 28.444 22.4711 28.748C21.7351 29.044 20.9191 29.192 20.0231 29.192C19.1271 29.192 18.3191 29.048 17.5991 28.76C16.8791 28.472 16.2631 28.068 15.7511 27.548C15.2471 27.02 14.8591 26.388 14.5871 25.652C14.3151 24.916 14.1791 24.096 14.1791 23.192C14.1791 22.408 14.3471 21.588 14.6831 20.732C15.0191 19.876 15.5391 18.976 16.2431 18.032L20.4911 12.332C20.6191 12.164 20.8031 12.02 21.0431 11.9C21.2911 11.78 21.5671 11.72 21.8711 11.72H24.1511L19.0271 18.08Z",
+        d: "M19.975 27.0562c.52 0 .996-.084 1.428-.252.432-.176.8-.416 1.104-.72.312-.304.552-.664.72-1.08.168-.416.252-.868.252-1.356 0-.528-.084-1-.252-1.416-.16-.424-.392-.78-.696-1.068-.296-.288-.656-.508-1.08-.66-.416-.16-.876-.24-1.38-.24-.52 0-.992.088-1.416.264-.416.176-.772.416-1.068.72-.296.304-.524.66-.684 1.068-.16.408-.24.84-.24 1.296 0 .512.072.98.216 1.404.144.424.356.788.636 1.092.28.296.624.528 1.032.696.416.168.892.252 1.428.252zm-.948-8.976c-.128.16-.252.312-.372.456l-.336.432c.368-.208.772-.372 1.212-.492.44-.12.912-.18 1.416-.18.672 0 1.316.112 1.932.336.616.216 1.156.544 1.62.984.472.432.848.972 1.128 1.62.28.64.42 1.38.42 2.22 0 .8-.148 1.548-.444 2.244-.288.696-.696 1.304-1.224 1.824-.528.512-1.164.92-1.908 1.224-.736.296-1.552.444-2.448.444-.896 0-1.704-.144-2.424-.432-.72-.288-1.336-.692-1.848-1.212-.504-.528-.892-1.16-1.164-1.896-.272-.736-.408-1.556-.408-2.46 0-.784.168-1.604.504-2.46.336-.856.856-1.756 1.56-2.7l4.248-5.7c.128-.168.312-.312.552-.432.248-.12.524-.18.828-.18h2.28l-5.124 6.36z",
         fill: "#21242C"
       }));
     case "NUM_7":
@@ -7429,7 +7489,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M26.0831 11.72V12.86C26.0831 13.196 26.0471 13.468 25.9751 13.676C25.9031 13.884 25.8311 14.06 25.7591 14.204L18.9311 28.1C18.8111 28.356 18.6391 28.572 18.4151 28.748C18.1991 28.916 17.9111 29 17.5511 29H15.6911L22.6511 15.332C22.7791 15.084 22.9071 14.86 23.0351 14.66C23.1631 14.46 23.3071 14.268 23.4671 14.084H14.8391C14.6791 14.084 14.5391 14.024 14.4191 13.904C14.2991 13.776 14.2391 13.632 14.2391 13.472V11.72H26.0831Z",
+        d: "M26.083 11.7202v1.14c0 .336-.036.608-.108.816-.072.208-.144.384-.216.528l-6.828 13.896c-.12.256-.292.472-.516.648-.216.168-.504.252-.864.252h-1.86l6.96-13.668c.128-.248.256-.472.384-.672.128-.2.272-.392.432-.576h-8.628c-.16 0-.3-.06-.42-.18-.12-.128-.18-.272-.18-.432v-1.752h11.844z",
         fill: "#21242C"
       }));
     case "NUM_8":
@@ -7440,7 +7500,7 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M19.9991 27.152C20.5191 27.152 20.9831 27.08 21.3911 26.936C21.7991 26.784 22.1391 26.576 22.4111 26.312C22.6911 26.04 22.9031 25.72 23.0471 25.352C23.1911 24.984 23.2631 24.584 23.2631 24.152C23.2631 23.624 23.1791 23.168 23.0111 22.784C22.8511 22.4 22.6231 22.084 22.3271 21.836C22.0391 21.58 21.6951 21.392 21.2951 21.272C20.8951 21.144 20.4631 21.08 19.9991 21.08C19.5351 21.08 19.1031 21.144 18.7031 21.272C18.3031 21.392 17.9551 21.58 17.6591 21.836C17.3711 22.084 17.1431 22.4 16.9751 22.784C16.8151 23.168 16.7351 23.624 16.7351 24.152C16.7351 24.584 16.8071 24.984 16.9511 25.352C17.0951 25.72 17.3031 26.04 17.5751 26.312C17.8551 26.576 18.1991 26.784 18.6071 26.936C19.0151 27.08 19.4791 27.152 19.9991 27.152ZM19.9991 13.508C19.5271 13.508 19.1111 13.58 18.7511 13.724C18.3991 13.868 18.1071 14.06 17.8751 14.3C17.6431 14.54 17.4671 14.824 17.3471 15.152C17.2351 15.472 17.1791 15.812 17.1791 16.172C17.1791 16.532 17.2271 16.884 17.3231 17.228C17.4271 17.572 17.5871 17.88 17.8031 18.152C18.0271 18.416 18.3191 18.628 18.6791 18.788C19.0391 18.948 19.4791 19.028 19.9991 19.028C20.5191 19.028 20.9591 18.948 21.3191 18.788C21.6791 18.628 21.9671 18.416 22.1831 18.152C22.4071 17.88 22.5671 17.572 22.6631 17.228C22.7671 16.884 22.8191 16.532 22.8191 16.172C22.8191 15.812 22.7591 15.472 22.6391 15.152C22.5271 14.824 22.3511 14.54 22.1111 14.3C21.8791 14.06 21.5871 13.868 21.2351 13.724C20.8831 13.58 20.4711 13.508 19.9991 13.508ZM22.7231 19.988C23.7871 20.316 24.5831 20.836 25.1111 21.548C25.6471 22.26 25.9151 23.144 25.9151 24.2C25.9151 24.96 25.7711 25.648 25.4831 26.264C25.1951 26.88 24.7911 27.404 24.2711 27.836C23.7511 28.268 23.1271 28.604 22.3991 28.844C21.6791 29.076 20.8791 29.192 19.9991 29.192C19.1191 29.192 18.3151 29.076 17.5871 28.844C16.8671 28.604 16.2471 28.268 15.7271 27.836C15.2071 27.404 14.8031 26.88 14.5151 26.264C14.2271 25.648 14.0831 24.96 14.0831 24.2C14.0831 23.144 14.3471 22.26 14.8751 21.548C15.4111 20.836 16.2111 20.316 17.2751 19.988C16.4111 19.644 15.7591 19.144 15.3191 18.488C14.8871 17.832 14.6711 17.044 14.6711 16.124C14.6711 15.476 14.7991 14.872 15.0551 14.312C15.3111 13.752 15.6711 13.268 16.1351 12.86C16.6071 12.444 17.1711 12.12 17.8271 11.888C18.4831 11.648 19.2071 11.528 19.9991 11.528C20.7911 11.528 21.5111 11.648 22.1591 11.888C22.8151 12.12 23.3751 12.444 23.8391 12.86C24.3111 13.268 24.6751 13.752 24.9311 14.312C25.1951 14.872 25.3271 15.476 25.3271 16.124C25.3271 17.044 25.1071 17.832 24.6671 18.488C24.2351 19.144 23.5871 19.644 22.7231 19.988Z",
+        d: "M19.999 27.1518c.52 0 .984-.072 1.392-.216.408-.152.748-.36 1.02-.624.28-.272.492-.592.636-.96.144-.368.216-.768.216-1.2 0-.528-.084-.984-.252-1.368-.16-.384-.388-.7-.684-.948-.288-.256-.632-.444-1.032-.564-.4-.128-.832-.192-1.296-.192-.464 0-.896.064-1.296.192-.4.12-.748.308-1.044.564-.288.248-.516.564-.684.948-.16.384-.24.84-.24 1.368 0 .432.072.832.216 1.2.144.368.352.688.624.96.28.264.624.472 1.032.624.408.144.872.216 1.392.216zm0-13.644c-.472 0-.888.072-1.248.216-.352.144-.644.336-.876.576-.232.24-.408.524-.528.852-.112.32-.168.66-.168 1.02s.048.712.144 1.056c.104.344.264.652.48.924.224.264.516.476.876.636.36.16.8.24 1.32.24s.96-.08 1.32-.24c.36-.16.648-.372.864-.636.224-.272.384-.58.48-.924.104-.344.156-.696.156-1.056 0-.36-.06-.7-.18-1.02-.112-.328-.288-.612-.528-.852-.232-.24-.524-.432-.876-.576-.352-.144-.764-.216-1.236-.216zm2.724 6.48c1.064.328 1.86.848 2.388 1.56.536.712.804 1.596.804 2.652 0 .76-.144 1.448-.432 2.064-.288.616-.692 1.14-1.212 1.572-.52.432-1.144.768-1.872 1.008-.72.232-1.52.348-2.4.348-.88 0-1.684-.116-2.412-.348-.72-.24-1.34-.576-1.86-1.008-.52-.432-.924-.956-1.212-1.572-.288-.616-.432-1.304-.432-2.064 0-1.056.264-1.94.792-2.652.536-.712 1.336-1.232 2.4-1.56-.864-.344-1.516-.844-1.956-1.5-.432-.656-.648-1.444-.648-2.364 0-.648.128-1.252.384-1.812s.616-1.044 1.08-1.452c.472-.416 1.036-.74 1.692-.972.656-.24 1.38-.36 2.172-.36.792 0 1.512.12 2.16.36.656.232 1.216.556 1.68.972.472.408.836.892 1.092 1.452.264.56.396 1.164.396 1.812 0 .92-.22 1.708-.66 2.364-.432.656-1.08 1.156-1.944 1.5z",
         fill: "#21242C"
       }));
     case "NUM_9":
@@ -7451,10 +7511,13 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M16.7351 16.856C16.7351 17.88 17.0071 18.668 17.5511 19.22C18.1031 19.764 18.8711 20.036 19.8551 20.036C20.3831 20.036 20.8471 19.952 21.2471 19.784C21.6551 19.616 21.9991 19.392 22.2791 19.112C22.5591 18.824 22.7711 18.492 22.9151 18.116C23.0591 17.732 23.1311 17.324 23.1311 16.892C23.1311 16.388 23.0511 15.94 22.8911 15.548C22.7391 15.148 22.5191 14.808 22.2311 14.528C21.9511 14.248 21.6151 14.036 21.2231 13.892C20.8311 13.74 20.4031 13.664 19.9391 13.664C19.4511 13.664 19.0111 13.744 18.6191 13.904C18.2271 14.064 17.8911 14.288 17.6111 14.576C17.3311 14.856 17.1151 15.192 16.9631 15.584C16.8111 15.968 16.7351 16.392 16.7351 16.856ZM21.1631 22.22C21.3231 22.02 21.4711 21.832 21.6071 21.656C21.7431 21.472 21.8711 21.288 21.9911 21.104C21.5751 21.4 21.1111 21.628 20.5991 21.788C20.0871 21.94 19.5431 22.016 18.9671 22.016C18.3431 22.016 17.7431 21.912 17.1671 21.704C16.5911 21.488 16.0791 21.172 15.6311 20.756C15.1831 20.332 14.8231 19.812 14.5511 19.196C14.2871 18.572 14.1551 17.856 14.1551 17.048C14.1551 16.288 14.2951 15.572 14.5751 14.9C14.8631 14.228 15.2631 13.644 15.7751 13.148C16.2871 12.644 16.8991 12.248 17.6111 11.96C18.3231 11.672 19.1111 11.528 19.9751 11.528C20.8311 11.528 21.6071 11.668 22.3031 11.948C22.9991 12.22 23.5911 12.608 24.0791 13.112C24.5671 13.608 24.9431 14.204 25.2071 14.9C25.4711 15.588 25.6031 16.348 25.6031 17.18C25.6031 17.7 25.5551 18.192 25.4591 18.656C25.3711 19.12 25.2391 19.572 25.0631 20.012C24.8951 20.444 24.6871 20.872 24.4391 21.296C24.1991 21.712 23.9271 22.136 23.6231 22.568L19.5551 28.4C19.4351 28.576 19.2551 28.72 19.0151 28.832C18.7831 28.944 18.5191 29 18.2231 29H15.8591L21.1631 22.22Z",
+        d: "M16.735 16.8558c0 1.024.272 1.812.816 2.364.552.544 1.32.816 2.304.816.528 0 .992-.084 1.392-.252.408-.168.752-.392 1.032-.672.28-.288.492-.62.636-.996.144-.384.216-.792.216-1.224 0-.504-.08-.952-.24-1.344-.152-.4-.372-.74-.66-1.02-.28-.28-.616-.492-1.008-.636-.392-.152-.82-.228-1.284-.228-.488 0-.928.08-1.32.24-.392.16-.728.384-1.008.672-.28.28-.496.616-.648 1.008-.152.384-.228.808-.228 1.272zm4.428 5.364c.16-.2.308-.388.444-.564.136-.184.264-.368.384-.552-.416.296-.88.524-1.392.684-.512.152-1.056.228-1.632.228-.624 0-1.224-.104-1.8-.312-.576-.216-1.088-.532-1.536-.948-.448-.424-.808-.944-1.08-1.56-.264-.624-.396-1.34-.396-2.148 0-.76.14-1.476.42-2.148.288-.672.688-1.256 1.2-1.752.512-.504 1.124-.9 1.836-1.188.712-.288 1.5-.432 2.364-.432.856 0 1.632.14 2.328.42.696.272 1.288.66 1.776 1.164.488.496.864 1.092 1.128 1.788.264.688.396 1.448.396 2.28 0 .52-.048 1.012-.144 1.476-.088.464-.22.916-.396 1.356-.168.432-.376.86-.624 1.284-.24.416-.512.84-.816 1.272l-4.068 5.832c-.12.176-.3.32-.54.432-.232.112-.496.168-.792.168h-2.364l5.304-6.78z",
         fill: "#21242C"
       }));
-    case "LEFT_PAREN":
+    // TODO(ned): Per the notes in `KeyConfigs`, shouldn't this be a comma
+    // that we replace with the period icon for i18n? Duplicating for now.
+    case "DECIMAL":
+    case "PERIOD":
       return /*#__PURE__*/React.createElement("svg", {
         width: "40",
         height: "40",
@@ -7462,13 +7525,10 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M22 10C17 16 17 24 22 30",
-        stroke: "#21242C",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M18.3401 27.512c0-.232.04-.448.12-.648.088-.208.204-.388.348-.54.152-.152.328-.272.528-.36.208-.088.428-.132.66-.132.232 0 .448.044.648.132.208.088.388.208.54.36.152.152.272.332.36.54.088.2.132.416.132.648 0 .24-.044.46-.132.66-.088.2-.208.376-.36.528-.152.152-.332.268-.54.348-.2.088-.416.132-.648.132-.232 0-.452-.044-.66-.132-.2-.08-.376-.196-.528-.348-.144-.152-.26-.328-.348-.528-.08-.2-.12-.42-.12-.66z",
+        fill: "#21242C"
       }));
-    case "RIGHT_PAREN":
+    case "PLUS":
       return /*#__PURE__*/React.createElement("svg", {
         width: "40",
         height: "40",
@@ -7476,103 +7536,95 @@ function ButtonAsset({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M19 10C24 16 24 24 19 30",
-        stroke: "#21242C",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20 28c-.5523 0-1-.4477-1-1V13c0-.5523.4477-1 1-1s1 .4477 1 1v14c0 .5523-.4477 1-1 1z",
+        fill: "#21242C"
       }));
     case "MINUS":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z",
+        fill: "#21242C"
       }));
-    case "PLUS":
-      return (
-        /*#__PURE__*/
-        // Phosphor Icons - Plus Bold
-        React.createElement("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          fill: "currentColor",
-          viewBox: "0 0 256 256"
-        }, /*#__PURE__*/React.createElement("path", {
-          d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"
-        }), " ")
-      );
     case "TIMES":
-      return (
-        /*#__PURE__*/
-        // Phosphor Icons - X Bold
-        React.createElement("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          fill: "#000000",
-          viewBox: "0 0 256 256"
-        }, /*#__PURE__*/React.createElement("path", {
-          d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"
-        }))
-      );
-    case "BACKSPACE":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M216,40H68.53a16.08,16.08,0,0,0-13.72,7.77L9.14,123.88a8,8,0,0,0,0,8.24l45.67,76.11A16.08,16.08,0,0,0,68.53,216H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM61.67,204.12,68.53,200h0ZM216,200H68.53l-43.2-72,43.2-72H216ZM106.34,146.34,124.69,128l-18.35-18.34a8,8,0,0,1,11.32-11.32L136,116.69l18.34-18.35a8,8,0,0,1,11.32,11.32L147.31,128l18.35,18.34a8,8,0,0,1-11.32,11.32L136,139.31l-18.34,18.35a8,8,0,0,1-11.32-11.32Z"
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M14.3432 14.3428c.3905-.3905 1.0237-.3905 1.4142 0l9.8995 9.8995c.3905.3906.3905 1.0237 0 1.4143-.3905.3905-1.0237.3905-1.4142 0l-9.8995-9.8995c-.3905-.3906-.3905-1.0237 0-1.4143z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M14.3431 25.6573c-.3905-.3905-.3905-1.0237 0-1.4142l9.8995-9.8995c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-9.8995 9.8995c-.3905.3905-1.0237.3905-1.4142 0z",
+        fill: "#21242C"
       }));
-    case "DISMISS":
+    case "CDOT":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("g", {
+        clipPath: "url(#clip0_874_41555)"
+      }, /*#__PURE__*/React.createElement("circle", {
+        cx: "20",
+        cy: "20",
+        r: "1.5",
+        fill: "#21242C"
+      })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+        id: "clip0_874_41555"
       }, /*#__PURE__*/React.createElement("path", {
-        // flip to point down
-        transform: "scale(1,-1) translate(0, -260)",
-        d: "M205.66,125.66a8,8,0,0,1-11.32,0L128,59.31,61.66,125.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,125.66Z"
-      }));
-    case "FRAC":
+        fill: "#fff",
+        transform: "translate(18.5 18.5)",
+        d: "M0 0h3v3H0z"
+      }))));
+    case "DIVIDE":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
         fill: "none",
-        fillRule: "evenodd"
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20 16c.8284 0 1.5-.6716 1.5-1.5S20.8284 13 20 13s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5zm-8 4c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1zm9.5 5.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5z",
+        fill: "#21242C"
+      }));
+    case "LEFT_PAREN":
+      return /*#__PURE__*/React.createElement("svg", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
         fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("g", {
-        transform: "translate(12 12)"
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h24v24H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M8 16.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997c-.55 0-.997-.453-.997-.997v-6.006zM10 18h4v4h-4v-4z",
-        fill: "currentColor"
-      }), /*#__PURE__*/React.createElement("rect", {
-        fill: "currentColor",
-        x: "2",
-        y: "11",
-        width: "20",
-        height: "2",
-        rx: "1"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M8 .997C8 .447 8.453 0 8.997 0h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997C8.447 8 8 7.547 8 7.003V.997zM10 2h4v4h-4V2z",
-        fill: "currentColor"
-      }))));
-    case "FRAC_INCLUSIVE":
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M22.6402 9.2318c.4243.35357.4816.9841.128 1.4084-4.6909 5.6292-4.6909 13.0905 0 18.7196.3536.4243.2963 1.0549-.128 1.4084-.4243.3536-1.0549.2963-1.4084-.128-5.3091-6.3708-5.3091-14.9095 0-21.28036.3535-.42428.9841-.4816 1.4084-.12804z",
+        fill: "#21242C"
+      }));
+    case "RIGHT_PAREN":
       return /*#__PURE__*/React.createElement("svg", {
         width: "40",
         height: "40",
@@ -7582,10 +7634,10 @@ function ButtonAsset({
       }, /*#__PURE__*/React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M16 10C16 9.44772 16.4477 9 17 9H23C23.5523 9 24 9.44772 24 10V16C24 16.5523 23.5523 17 23 17H17C16.4477 17 16 16.5523 16 16V10ZM18 11H22V15H18V11ZM14 20C14 19.4477 14.4477 19 15 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H15C14.4477 21 14 20.5523 14 20ZM17 23C16.4477 23 16 23.4477 16 24V30C16 30.5523 16.4477 31 17 31H23C23.5523 31 24 30.5523 24 30V24C24 23.4477 23.5523 23 23 23H17ZM22 25H18V29H22V25Z",
+        d: "M18.3598 9.2318c.4243-.35356 1.0549-.29624 1.4084.12804 5.3091 6.37086 5.3091 14.90956 0 21.28036-.3535.4243-.9841.4816-1.4084.128-.4242-.3535-.4816-.9841-.128-1.4084 4.691-5.6291 4.691-13.0904 0-18.7196-.3536-.4243-.2962-1.05483.128-1.4084z",
         fill: "#21242C"
       }));
-    case "NEGATIVE":
+    case "BACKSPACE":
       return /*#__PURE__*/React.createElement("svg", {
         width: "40",
         height: "40",
@@ -7595,13 +7647,10 @@ function ButtonAsset({
       }, /*#__PURE__*/React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M12.9571 13.2929C13.3476 13.6834 13.3476 14.3166 12.9571 14.7071C11.6871 15.9771 11 17.9485 11 20C11 22.0515 11.6871 24.0229 12.9571 25.2929C13.3476 25.6834 13.3476 26.3166 12.9571 26.7071C12.5666 27.0976 11.9334 27.0976 11.5429 26.7071C9.81292 24.9771 9 22.4485 9 20C9 17.5515 9.81292 15.0229 11.5429 13.2929C11.9334 12.9024 12.5666 12.9024 12.9571 13.2929ZM14 20C14 19.4477 14.4477 19 15 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H15C14.4477 21 14 20.5523 14 20ZM28.4571 13.2929C28.0666 12.9024 27.4334 12.9024 27.0429 13.2929C26.6524 13.6834 26.6524 14.3166 27.0429 14.7071C28.3129 15.9771 29 17.9485 29 20C29 22.0515 28.3129 24.0229 27.0429 25.2929C26.6524 25.6834 26.6524 26.3166 27.0429 26.7071C27.4334 27.0976 28.0666 27.0976 28.4571 26.7071C30.1871 24.9771 31 22.4485 31 20C31 17.5515 30.1871 15.0229 28.4571 13.2929Z",
+        d: "M10 20l6-6h12.1716v12H16l-6-6zm-1.41421-1.4142l6.00001-6C14.9609 12.2107 15.4696 12 16 12h12.1716c1.1045 0 2 .8954 2 2v12c0 1.1046-.8955 2-2 2H16c-.5304 0-1.0391-.2107-1.4142-.5858l-6.00001-6c-.78105-.781-.78105-2.0474 0-2.8284zm13.87871-1.2929l-1.2929 1.2929-1.2929-1.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142L19.7574 20l-1.2929 1.2929c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l1.2929-1.2929 1.2929 1.2929c.3905.3905 1.0237.3905 1.4142 0 .3906-.3905.3906-1.0237 0-1.4142L22.5858 20l1.2929-1.2929c.3906-.3905.3906-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0z",
         fill: "#21242C"
       }));
-    // TODO(ned): Per the notes in `KeyConfigs`, shouldn't this be a comma
-    // that we replace with the period icon for i18n? Duplicating for now.
-    case "DECIMAL":
-    case "PERIOD":
+    case "DISMISS":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "20",
@@ -7609,13 +7658,27 @@ function ButtonAsset({
         fill: "currentColor",
         viewBox: "0 0 256 256"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"
-        // moves decimal down to baseline of number icons,
-        // otherwise indistinguishable from cdot
-        ,
-        transform: "translate(0 80)"
+        // flip to point down
+        transform: "scale(1,-1) translate(0, -260)",
+        d: "M205.66,125.66a8,8,0,0,1-11.32,0L128,59.31,61.66,125.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,125.66Z"
       }));
-    case "RADICAL":
+    // TODO: figure out what the difference is and what we need for what
+    case "FRAC_INCLUSIVE":
+    case "FRAC_EXCLUSIVE":
+    case "FRAC":
+      return /*#__PURE__*/React.createElement("svg", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 10C16 9.44772 16.4477 9 17 9H23C23.5523 9 24 9.44772 24 10V16C24 16.5523 23.5523 17 23 17H17C16.4477 17 16 16.5523 16 16V10ZM18 11H22V15H18V11ZM14 20C14 19.4477 14.4477 19 15 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H15C14.4477 21 14 20.5523 14 20ZM17 23C16.4477 23 16 23.4477 16 24V30C16 30.5523 16.4477 31 17 31H23C23.5523 31 24 30.5523 24 30V24C24 23.4477 23.5523 23 23 23H17ZM22 25H18V29H22V25Z",
+        fill: "#21242C"
+      }));
+    case "NEGATIVE":
       return /*#__PURE__*/React.createElement("svg", {
         width: "40",
         height: "40",
@@ -7625,395 +7688,476 @@ function ButtonAsset({
       }, /*#__PURE__*/React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M9.00012 9C9.00012 8.44772 9.44784 8 10.0001 8H16.0001C16.5524 8 17.0001 8.44772 17.0001 9V15C17.0001 15.5523 16.5524 16 16.0001 16H10.0001C9.44784 16 9.00012 15.5523 9.00012 15V9ZM11.0001 10H15.0001V14H11.0001V10ZM23.0001 12C22.6598 12 22.3429 12.173 22.1589 12.4592L13.9849 25.1744L10.8322 20.4453C10.5258 19.9858 9.90493 19.8616 9.44541 20.1679C8.98588 20.4743 8.8617 21.0952 9.16806 21.5547L13.1681 27.5547C13.3552 27.8354 13.6711 28.0028 14.0084 28C14.3457 27.9972 14.6589 27.8245 14.8413 27.5408L23.5461 14H30.0001C30.5524 14 31.0001 13.5523 31.0001 13C31.0001 12.4477 30.5524 12 30.0001 12H23.0001Z",
+        d: "M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zM14 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H15c-.5523 0-1-.4477-1-1zm14.4571-6.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142C28.3129 15.9771 29 17.9485 29 20c0 2.0515-.6871 4.0229-1.9571 5.2929-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0C30.1871 24.9771 31 22.4485 31 20c0-2.4485-.8129-4.9771-2.5429-6.7071z",
         fill: "#21242C"
       }));
+    case "RADICAL":
+      return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
+      }, /*#__PURE__*/React.createElement("path", {
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M9 9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V9Zm2 1h4v4h-4v-4Zm12 2a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z",
+        clipRule: "evenodd"
+      }));
     case "SQRT":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M240,72V96a8,8,0,0,1-16,0V80H125.55L79.49,202.81a8,8,0,0,1-15,0l-48-128a8,8,0,1,1,15-5.62L72,177.22l40.51-108A8,8,0,0,1,120,64H232A8,8,0,0,1,240,72Z"
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M22.159 12.46A1 1 0 0 1 23 12h7a1 1 0 1 1 0 2h-6.454l-8.705 13.54a1 1 0 0 1-1.673.015l-4-6a1 1 0 0 1 1.664-1.11l3.153 4.73 8.174-12.716Z",
+        clipRule: "evenodd"
       }));
     case "CUBE_ROOT":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd",
-        transform: "translate(0, -4)"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M17.91 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z",
-        fill: "currentColor"
-      }), /*#__PURE__*/React.createElement("path", {
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M14 29l4 6 9-14h7"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M9.684 9.246a3.052 3.052 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324c.07-.1.152-.186.247-.259.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.184.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.297 1.297 0 0 1-.5.231 3.359 3.359 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.116 1.116 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.197 1.197 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.162.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132a3.55 3.55 0 0 0 1.05-.154c.338-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.47 1.47 0 0 0 .621-.864 2.47 2.47 0 0 0 .083-.67c0-.287-.057-.555-.17-.804a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM23 12a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z",
+        clipRule: "evenodd"
+      }));
     case "EXP":
       return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
-        viewBox: "0 0 40 40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
         fill: "#21242C",
-        d: "M28 8C28 7.44772 28.4477 7 29 7H35C35.5523 7 36 7.44772 36 8V14C36 14.5523 35.5523 15 35 15H29C28.4477 15 28 14.5523 28 14V8ZM30 9H34V13H30V9ZM14 13C14 12.4477 14.4477 12 15 12H25C25.5523 12 26 12.4477 26 13V27C26 27.5523 25.5523 28 25 28H15C14.4477 28 14 27.5523 14 27V13ZM16 14H24V26H16V14Z"
+        fillRule: "evenodd",
+        d: "M28 8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V8Zm2 1h4v4h-4V9Zm-16 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z",
+        clipRule: "evenodd"
       }));
     case "EXP_2":
       return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
-        viewBox: "0 0 40 40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
+        fill: "#21242C",
         fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M33.5791 13.7461C33.4874 13.6545 33.3591 13.6086 33.1941 13.6086H31.4011C31.2397 13.6086 31.0674 13.6251 30.8841 13.6581C30.7007 13.6875 30.5156 13.7296 30.3286 13.7846L32.0226 12.0521C32.2352 11.8358 32.4369 11.6213 32.6276 11.4086C32.8182 11.196 32.9851 10.9778 33.1281 10.7541C33.2747 10.5268 33.3902 10.2885 33.4746 10.0391C33.5589 9.78981 33.6011 9.51847 33.6011 9.22514C33.6011 8.88414 33.5406 8.57247 33.4196 8.29014C33.2986 8.00781 33.1281 7.76764 32.9081 7.56964C32.6881 7.36797 32.4222 7.21214 32.1106 7.10214C31.8026 6.98847 31.4597 6.93164 31.0821 6.93164C30.7227 6.93164 30.3872 6.98114 30.0756 7.08014C29.7639 7.17547 29.4871 7.32031 29.2451 7.51464C29.0031 7.70897 28.8014 7.95281 28.6401 8.24614C28.4787 8.53947 28.3687 8.88047 28.3101 9.26914L29.1131 9.41214C29.3184 9.44514 29.4761 9.43231 29.5861 9.37364C29.6997 9.31131 29.7896 9.18847 29.8556 9.00514C29.8886 8.88781 29.9399 8.77964 30.0096 8.68064C30.0792 8.58164 30.1617 8.49547 30.2571 8.42214C30.3561 8.34881 30.4661 8.29197 30.5871 8.25164C30.7117 8.20764 30.8474 8.18564 30.9941 8.18564C31.3277 8.18564 31.5862 8.27914 31.7696 8.46614C31.9529 8.64947 32.0446 8.91897 32.0446 9.27464C32.0446 9.47631 32.0189 9.66881 31.9676 9.85214C31.9162 10.0355 31.8392 10.217 31.7366 10.3966C31.6339 10.5726 31.5056 10.7541 31.3516 10.9411C31.1976 11.1245 31.0197 11.317 30.8181 11.5186L28.4531 13.8891C28.3577 13.9808 28.2899 14.0835 28.2496 14.1971C28.2092 14.3071 28.1891 14.4098 28.1891 14.5051V15.0001H33.7221V14.1091C33.7221 13.9588 33.6744 13.8378 33.5791 13.7461ZM14 13.0001C14 12.4479 14.4477 12.0001 15 12.0001H25C25.5523 12.0001 26 12.4479 26 13.0001V27.0001C26 27.5524 25.5523 28.0001 25 28.0001H15C14.4477 28.0001 14 27.5524 14 27.0001V13.0001ZM16 14.0001H24V26.0001H16V14.0001Z",
-        fill: "#21242C"
+        d: "M33.58 13.746a.52.52 0 0 0-.386-.137h-1.793c-.161 0-.334.016-.517.05a4.09 4.09 0 0 0-.555.126l1.694-1.733c.212-.216.414-.43.605-.643.19-.213.357-.431.5-.655a3.22 3.22 0 0 0 .347-.715c.084-.25.126-.52.126-.814 0-.34-.06-.653-.181-.935a2.033 2.033 0 0 0-.512-.72 2.293 2.293 0 0 0-.797-.468 2.952 2.952 0 0 0-1.029-.17c-.36 0-.695.05-1.006.148a2.43 2.43 0 0 0-.83.435 2.42 2.42 0 0 0-.606.731 3.049 3.049 0 0 0-.33 1.023l.803.143c.205.033.363.02.473-.038.114-.063.204-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .592.093.776.28.183.183.275.453.275.809 0 .201-.026.394-.077.577a2.407 2.407 0 0 1-.231.545 4.17 4.17 0 0 1-.385.544 9.098 9.098 0 0 1-.534.578l-2.365 2.37a.897.897 0 0 0-.264.616V15h5.533v-.89a.48.48 0 0 0-.143-.364ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z",
+        clipRule: "evenodd"
       }));
     case "EXP_3":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "42",
-        height: "42",
-        viewBox: "0 0 40 40",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        transform: "translate(0, -8)",
-        fillRule: "evenodd",
-        clipRule: "evenodd",
         fill: "#21242C",
-        d: "M14 21c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 26 21v14c0 .552-.456 1-1.002 1h-9.996A1 1 0 0 1 14 35V21zm2 1h8v12h-8V22zM30.92 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z"
+        fillRule: "evenodd",
+        d: "M28.684 8.246a3.049 3.049 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.183.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.298 1.298 0 0 1-.5.231 3.36 3.36 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.118 1.118 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.195 1.195 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.161.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132.366 0 .716-.051 1.05-.154.337-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.471 1.471 0 0 0 .621-.863 2.47 2.47 0 0 0 .083-.672c0-.286-.057-.554-.17-.803a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z",
+        clipRule: "evenodd"
       }));
     case "TAN":
       return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
-        viewBox: "0 0 40 40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M12.1573 26.128C11.4426 26.128 10.8933 25.928 10.5093 25.528C10.1306 25.1227 9.94131 24.5653 9.94131 23.856V19.272H9.10131C8.99465 19.272 8.90398 19.2373 8.82931 19.168C8.75465 19.0987 8.71731 18.9947 8.71731 18.856V18.072L10.0373 17.856L10.4533 15.616C10.48 15.5093 10.5306 15.4267 10.6053 15.368C10.68 15.3093 10.776 15.28 10.8933 15.28H11.9173V17.864H14.1093V19.272H11.9173V23.72C11.9173 23.976 11.9786 24.176 12.1013 24.32C12.2293 24.464 12.4026 24.536 12.6213 24.536C12.744 24.536 12.8453 24.5227 12.9253 24.496C13.0106 24.464 13.0826 24.432 13.1413 24.4C13.2053 24.368 13.2613 24.3387 13.3093 24.312C13.3573 24.28 13.4053 24.264 13.4533 24.264C13.512 24.264 13.56 24.28 13.5973 24.312C13.6346 24.3387 13.6746 24.3813 13.7173 24.44L14.3093 25.4C14.0213 25.64 13.6906 25.8213 13.3173 25.944C12.944 26.0667 12.5573 26.128 12.1573 26.128ZM19.7104 22.496C19.1398 22.5227 18.6598 22.5733 18.2704 22.648C17.8811 22.7173 17.5691 22.808 17.3344 22.92C17.0998 23.032 16.9318 23.1627 16.8304 23.312C16.7291 23.4613 16.6784 23.624 16.6784 23.8C16.6784 24.1467 16.7798 24.3947 16.9824 24.544C17.1904 24.6933 17.4598 24.768 17.7904 24.768C18.1958 24.768 18.5451 24.696 18.8384 24.552C19.1371 24.4027 19.4278 24.1787 19.7104 23.88V22.496ZM15.1824 18.936C16.1264 18.072 17.2624 17.64 18.5904 17.64C19.0704 17.64 19.4998 17.72 19.8784 17.88C20.2571 18.0347 20.5771 18.2533 20.8384 18.536C21.0998 18.8133 21.2971 19.1467 21.4304 19.536C21.5691 19.9253 21.6384 20.352 21.6384 20.816V26H20.7424C20.5558 26 20.4118 25.9733 20.3104 25.92C20.2091 25.8613 20.1291 25.7467 20.0704 25.576L19.8944 24.984C19.6864 25.1707 19.4838 25.336 19.2864 25.48C19.0891 25.6187 18.8838 25.736 18.6704 25.832C18.4571 25.928 18.2278 26 17.9824 26.048C17.7424 26.1013 17.4758 26.128 17.1824 26.128C16.8358 26.128 16.5158 26.0827 16.2224 25.992C15.9291 25.896 15.6758 25.7547 15.4624 25.568C15.2491 25.3813 15.0838 25.1493 14.9664 24.872C14.8491 24.5947 14.7904 24.272 14.7904 23.904C14.7904 23.696 14.8251 23.4907 14.8944 23.288C14.9638 23.08 15.0758 22.8827 15.2304 22.696C15.3904 22.5093 15.5958 22.3333 15.8464 22.168C16.0971 22.0027 16.4038 21.8587 16.7664 21.736C17.1344 21.6133 17.5611 21.5147 18.0464 21.44C18.5318 21.36 19.0864 21.312 19.7104 21.296V20.816C19.7104 20.2667 19.5931 19.8613 19.3584 19.6C19.1238 19.3333 18.7851 19.2 18.3424 19.2C18.0224 19.2 17.7558 19.2373 17.5424 19.312C17.3344 19.3867 17.1504 19.472 16.9904 19.568C16.8304 19.6587 16.6838 19.7413 16.5504 19.816C16.4224 19.8907 16.2784 19.928 16.1184 19.928C15.9798 19.928 15.8624 19.8933 15.7664 19.824C15.6704 19.7493 15.5931 19.664 15.5344 19.568L15.1824 18.936ZM25.3474 18.8C25.5128 18.6347 25.6861 18.4827 25.8674 18.344C26.0541 18.2 26.2488 18.08 26.4514 17.984C26.6594 17.8827 26.8808 17.8053 27.1154 17.752C27.3501 17.6933 27.6061 17.664 27.8834 17.664C28.3314 17.664 28.7288 17.7413 29.0754 17.896C29.4221 18.0453 29.7101 18.2587 29.9394 18.536C30.1741 18.808 30.3501 19.136 30.4674 19.52C30.5901 19.8987 30.6514 20.3173 30.6514 20.776V26H28.6754V20.776C28.6754 20.2747 28.5608 19.888 28.3314 19.616C28.1021 19.3387 27.7528 19.2 27.2834 19.2C26.9421 19.2 26.6221 19.2773 26.3234 19.432C26.0248 19.5867 25.7421 19.7973 25.4754 20.064V26H23.4994V17.792H24.7074C24.9634 17.792 25.1314 17.912 25.2114 18.152L25.3474 18.8Z",
-        fill: "#21242C"
+        fill: "#21242C",
+        d: "M12.157 26.128c-.714 0-1.264-.2-1.648-.6-.378-.405-.568-.962-.568-1.672v-4.584h-.84a.385.385 0 0 1-.272-.104c-.074-.07-.112-.173-.112-.312v-.784l1.32-.216.416-2.24a.439.439 0 0 1 .152-.248.452.452 0 0 1 .288-.088h1.024v2.584h2.192v1.408h-2.192v4.448c0 .256.062.456.184.6a.66.66 0 0 0 .52.216.978.978 0 0 0 .304-.04 1.63 1.63 0 0 0 .216-.096c.064-.032.12-.061.168-.088a.258.258 0 0 1 .144-.048c.059 0 .107.016.144.048.038.027.078.07.12.128l.592.96c-.288.24-.618.422-.992.544-.373.123-.76.184-1.16.184Zm7.553-3.632c-.57.027-1.05.078-1.44.152-.389.07-.7.16-.936.272-.234.112-.402.243-.504.392a.852.852 0 0 0-.152.488c0 .347.102.595.304.744.208.15.478.224.808.224.406 0 .755-.072 1.048-.216.3-.15.59-.373.872-.672v-1.384Zm-4.528-3.56c.944-.864 2.08-1.296 3.408-1.296.48 0 .91.08 1.288.24a2.696 2.696 0 0 1 1.552 1.656c.14.39.208.816.208 1.28V26h-.896c-.186 0-.33-.026-.432-.08-.1-.058-.18-.173-.24-.344l-.176-.592c-.208.187-.41.352-.608.496a3.743 3.743 0 0 1-.616.352 3.14 3.14 0 0 1-.688.216 3.65 3.65 0 0 1-.8.08 3.24 3.24 0 0 1-.96-.136 2.159 2.159 0 0 1-.76-.424 1.886 1.886 0 0 1-.496-.696 2.47 2.47 0 0 1-.176-.968 1.892 1.892 0 0 1 .44-1.208c.16-.186.366-.362.616-.528a4 4 0 0 1 .92-.432 7.836 7.836 0 0 1 1.28-.296c.486-.08 1.04-.128 1.664-.144v-.48c0-.55-.117-.954-.352-1.216-.234-.266-.573-.4-1.016-.4-.32 0-.586.038-.8.112-.208.075-.392.16-.552.256-.16.09-.306.174-.44.248a.842.842 0 0 1-.432.112.585.585 0 0 1-.352-.104.956.956 0 0 1-.232-.256l-.352-.632Zm10.165-.136a5.2 5.2 0 0 1 .52-.456 3.194 3.194 0 0 1 1.248-.592 3.2 3.2 0 0 1 .768-.088c.448 0 .846.078 1.192.232.347.15.635.363.864.64.235.272.411.6.528.984.123.379.184.798.184 1.256V26h-1.976v-5.224c0-.501-.114-.888-.344-1.16-.229-.277-.578-.416-1.048-.416-.34 0-.66.078-.96.232a3.438 3.438 0 0 0-.848.632V26H23.5v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
       }));
     case "COS":
       return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
-        viewBox: "0 0 40 40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M14.9576 19.528C14.8989 19.6027 14.8402 19.6613 14.7816 19.704C14.7282 19.7467 14.6482 19.768 14.5416 19.768C14.4402 19.768 14.3416 19.7387 14.2456 19.68C14.1496 19.616 14.0349 19.5467 13.9016 19.472C13.7682 19.392 13.6082 19.3227 13.4216 19.264C13.2402 19.2 13.0136 19.168 12.7416 19.168C12.3949 19.168 12.0909 19.232 11.8296 19.36C11.5682 19.4827 11.3496 19.6613 11.1736 19.896C11.0029 20.1307 10.8749 20.416 10.7896 20.752C10.7042 21.0827 10.6616 21.4587 10.6616 21.88C10.6616 22.3173 10.7069 22.7067 10.7976 23.048C10.8936 23.3893 11.0296 23.6773 11.2056 23.912C11.3816 24.1413 11.5949 24.3173 11.8456 24.44C12.0962 24.5573 12.3789 24.616 12.6936 24.616C13.0082 24.616 13.2616 24.5787 13.4536 24.504C13.6509 24.424 13.8162 24.3387 13.9496 24.248C14.0829 24.152 14.1976 24.0667 14.2936 23.992C14.3949 23.912 14.5069 23.872 14.6296 23.872C14.7896 23.872 14.9096 23.9333 14.9896 24.056L15.5576 24.776C15.3389 25.032 15.1016 25.248 14.8456 25.424C14.5896 25.5947 14.3229 25.7333 14.0456 25.84C13.7736 25.9413 13.4909 26.0133 13.1976 26.056C12.9096 26.0987 12.6216 26.12 12.3336 26.12C11.8269 26.12 11.3496 26.0267 10.9016 25.84C10.4536 25.648 10.0616 25.3707 9.72556 25.008C9.38956 24.6453 9.1229 24.2027 8.92556 23.68C8.73356 23.152 8.63756 22.552 8.63756 21.88C8.63756 21.2773 8.7229 20.72 8.89356 20.208C9.06956 19.6907 9.32556 19.2453 9.66156 18.872C9.99756 18.4933 10.4136 18.1973 10.9096 17.984C11.4056 17.7707 11.9762 17.664 12.6216 17.664C13.2349 17.664 13.7709 17.7627 14.2296 17.96C14.6936 18.1573 15.1096 18.44 15.4776 18.808L14.9576 19.528ZM20.2877 17.664C20.8957 17.664 21.4477 17.7627 21.9437 17.96C22.445 18.1573 22.8717 18.4373 23.2237 18.8C23.581 19.1627 23.8557 19.6053 24.0477 20.128C24.2397 20.6507 24.3357 21.2347 24.3357 21.88C24.3357 22.5307 24.2397 23.1173 24.0477 23.64C23.8557 24.1627 23.581 24.608 23.2237 24.976C22.8717 25.344 22.445 25.6267 21.9437 25.824C21.4477 26.0213 20.8957 26.12 20.2877 26.12C19.6744 26.12 19.117 26.0213 18.6157 25.824C18.1144 25.6267 17.685 25.344 17.3277 24.976C16.9757 24.608 16.701 24.1627 16.5037 23.64C16.3117 23.1173 16.2157 22.5307 16.2157 21.88C16.2157 21.2347 16.3117 20.6507 16.5037 20.128C16.701 19.6053 16.9757 19.1627 17.3277 18.8C17.685 18.4373 18.1144 18.1573 18.6157 17.96C19.117 17.7627 19.6744 17.664 20.2877 17.664ZM20.2877 24.6C20.9704 24.6 21.4744 24.3707 21.7997 23.912C22.1304 23.4533 22.2957 22.7813 22.2957 21.896C22.2957 21.0107 22.1304 20.336 21.7997 19.872C21.4744 19.408 20.9704 19.176 20.2877 19.176C19.5944 19.176 19.0797 19.4107 18.7437 19.88C18.413 20.344 18.2477 21.016 18.2477 21.896C18.2477 22.776 18.413 23.448 18.7437 23.912C19.0797 24.3707 19.5944 24.6 20.2877 24.6ZM30.8512 19.392C30.7979 19.4773 30.7419 19.5387 30.6832 19.576C30.6245 19.608 30.5499 19.624 30.4592 19.624C30.3632 19.624 30.2592 19.5973 30.1472 19.544C30.0405 19.4907 29.9152 19.432 29.7712 19.368C29.6272 19.2987 29.4619 19.2373 29.2752 19.184C29.0939 19.1307 28.8779 19.104 28.6272 19.104C28.2379 19.104 27.9312 19.1867 27.7072 19.352C27.4885 19.5173 27.3792 19.7333 27.3792 20C27.3792 20.176 27.4352 20.3253 27.5472 20.448C27.6645 20.5653 27.8165 20.6693 28.0032 20.76C28.1952 20.8507 28.4112 20.9333 28.6512 21.008C28.8912 21.0773 29.1339 21.1547 29.3792 21.24C29.6299 21.3253 29.8752 21.424 30.1152 21.536C30.3552 21.6427 30.5685 21.7813 30.7552 21.952C30.9472 22.1173 31.0992 22.3173 31.2112 22.552C31.3285 22.7867 31.3872 23.0693 31.3872 23.4C31.3872 23.7947 31.3152 24.16 31.1712 24.496C31.0325 24.8267 30.8245 25.1147 30.5472 25.36C30.2699 25.6 29.9259 25.7893 29.5152 25.928C29.1099 26.0613 28.6405 26.128 28.1072 26.128C27.8245 26.128 27.5472 26.1013 27.2752 26.048C27.0085 26 26.7499 25.9307 26.4992 25.84C26.2539 25.7493 26.0245 25.6427 25.8112 25.52C25.6032 25.3973 25.4192 25.264 25.2592 25.12L25.7152 24.368C25.7739 24.2773 25.8432 24.208 25.9232 24.16C26.0032 24.112 26.1045 24.088 26.2272 24.088C26.3499 24.088 26.4645 24.1227 26.5712 24.192C26.6832 24.2613 26.8112 24.336 26.9552 24.416C27.0992 24.496 27.2672 24.5707 27.4592 24.64C27.6565 24.7093 27.9045 24.744 28.2032 24.744C28.4379 24.744 28.6379 24.7173 28.8032 24.664C28.9739 24.6053 29.1125 24.5307 29.2192 24.44C29.3312 24.3493 29.4112 24.2453 29.4592 24.128C29.5125 24.0053 29.5392 23.88 29.5392 23.752C29.5392 23.56 29.4805 23.4027 29.3632 23.28C29.2512 23.1573 29.0992 23.0507 28.9072 22.96C28.7205 22.8693 28.5045 22.7893 28.2592 22.72C28.0192 22.6453 27.7712 22.5653 27.5152 22.48C27.2645 22.3947 27.0165 22.296 26.7712 22.184C26.5312 22.0667 26.3152 21.92 26.1232 21.744C25.9365 21.568 25.7845 21.352 25.6672 21.096C25.5552 20.84 25.4992 20.5307 25.4992 20.168C25.4992 19.832 25.5659 19.512 25.6992 19.208C25.8325 18.904 26.0272 18.64 26.2832 18.416C26.5445 18.1867 26.8672 18.0053 27.2512 17.872C27.6405 17.7333 28.0885 17.664 28.5952 17.664C29.1605 17.664 29.6752 17.7573 30.1392 17.944C30.6032 18.1307 30.9899 18.376 31.2992 18.68L30.8512 19.392Z",
-        fill: "#21242C"
+        fill: "#21242C",
+        d: "M14.957 19.528a.918.918 0 0 1-.176.176c-.053.043-.133.064-.24.064-.1 0-.2-.03-.296-.088a5.242 5.242 0 0 0-.343-.208 2.237 2.237 0 0 0-.48-.208 2.066 2.066 0 0 0-.68-.096c-.347 0-.651.064-.913.192-.26.123-.48.301-.655.536-.171.235-.3.52-.384.856-.086.33-.128.707-.128 1.128 0 .437.045.827.135 1.168.096.341.232.63.409.864.176.23.389.405.64.528.25.117.533.176.848.176.314 0 .567-.037.76-.112.197-.08.362-.165.495-.256.134-.096.248-.181.345-.256a.53.53 0 0 1 .335-.12.4.4 0 0 1 .36.184l.568.72a3.68 3.68 0 0 1-.712.648c-.256.17-.522.31-.8.416a4.126 4.126 0 0 1-.848.216 5.897 5.897 0 0 1-.863.064c-.507 0-.984-.093-1.432-.28a3.43 3.43 0 0 1-1.177-.832 4.014 4.014 0 0 1-.8-1.328c-.192-.528-.288-1.128-.288-1.8 0-.603.086-1.16.256-1.672.176-.517.432-.963.768-1.336a3.479 3.479 0 0 1 1.248-.888c.496-.213 1.067-.32 1.712-.32.614 0 1.15.099 1.608.296.465.197.88.48 1.248.848l-.52.72Zm5.331-1.864c.608 0 1.16.099 1.656.296.5.197.928.477 1.28.84.357.363.632.805.824 1.328a5.05 5.05 0 0 1 .288 1.752 5.08 5.08 0 0 1-.288 1.76 3.742 3.742 0 0 1-.824 1.336c-.352.368-.78.65-1.28.848a4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.897 3.897 0 0 1-.824-1.336 5.077 5.077 0 0 1-.288-1.76c0-.645.096-1.23.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.668 3.668 0 0 1 1.288-.84 4.528 4.528 0 0 1 1.672-.296Zm0 6.936c.682 0 1.186-.23 1.512-.688.33-.459.496-1.13.496-2.016 0-.885-.166-1.56-.496-2.024-.326-.464-.83-.696-1.512-.696-.694 0-1.208.235-1.544.704-.331.464-.496 1.136-.496 2.016 0 .88.165 1.552.496 2.016.336.459.85.688 1.544.688Zm10.563-5.208a.574.574 0 0 1-.168.184.465.465 0 0 1-.224.048.731.731 0 0 1-.312-.08 9.204 9.204 0 0 0-.376-.176 3.15 3.15 0 0 0-.496-.184 2.311 2.311 0 0 0-.648-.08c-.39 0-.696.083-.92.248a.775.775 0 0 0-.328.648.64.64 0 0 0 .168.448c.117.117.27.221.456.312.192.09.408.173.648.248.24.07.483.147.728.232.25.085.496.184.736.296.24.107.453.245.64.416.192.165.344.365.456.6.117.235.176.517.176.848 0 .395-.072.76-.216 1.096-.139.33-.347.619-.624.864-.277.24-.621.43-1.032.568a4.51 4.51 0 0 1-1.408.2c-.283 0-.56-.027-.832-.08a4.527 4.527 0 0 1-1.464-.528 3.417 3.417 0 0 1-.552-.4l.456-.752a.644.644 0 0 1 .208-.208.583.583 0 0 1 .304-.072.62.62 0 0 1 .344.104c.112.07.24.144.384.224.144.08.312.155.504.224.197.07.445.104.744.104.235 0 .435-.027.6-.08.17-.059.31-.133.416-.224a.783.783 0 0 0 .24-.312.935.935 0 0 0 .08-.376.655.655 0 0 0-.176-.472 1.44 1.44 0 0 0-.456-.32 3.935 3.935 0 0 0-.648-.24c-.24-.075-.488-.155-.744-.24a8.006 8.006 0 0 1-.744-.296 2.725 2.725 0 0 1-.648-.44 2.054 2.054 0 0 1-.456-.648c-.112-.256-.168-.565-.168-.928 0-.336.067-.656.2-.96.133-.304.328-.568.584-.792.261-.23.584-.41.968-.544a3.99 3.99 0 0 1 1.344-.208c.565 0 1.08.093 1.544.28a3.5 3.5 0 0 1 1.16.736l-.448.712Z"
       }));
     case "SIN":
       return /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
-        viewBox: "0 0 40 40",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/React.createElement("path", {
-        d: "M16.4215 19.392C16.3682 19.4773 16.3122 19.5387 16.2535 19.576C16.1948 19.608 16.1202 19.624 16.0295 19.624C15.9335 19.624 15.8295 19.5973 15.7175 19.544C15.6108 19.4907 15.4855 19.432 15.3415 19.368C15.1975 19.2987 15.0322 19.2373 14.8455 19.184C14.6642 19.1307 14.4482 19.104 14.1975 19.104C13.8082 19.104 13.5015 19.1867 13.2775 19.352C13.0588 19.5173 12.9495 19.7333 12.9495 20C12.9495 20.176 13.0055 20.3253 13.1175 20.448C13.2348 20.5653 13.3868 20.6693 13.5735 20.76C13.7655 20.8507 13.9815 20.9333 14.2215 21.008C14.4615 21.0773 14.7042 21.1547 14.9495 21.24C15.2002 21.3253 15.4455 21.424 15.6855 21.536C15.9255 21.6427 16.1388 21.7813 16.3255 21.952C16.5175 22.1173 16.6695 22.3173 16.7815 22.552C16.8988 22.7867 16.9575 23.0693 16.9575 23.4C16.9575 23.7947 16.8855 24.16 16.7415 24.496C16.6028 24.8267 16.3948 25.1147 16.1175 25.36C15.8402 25.6 15.4962 25.7893 15.0855 25.928C14.6802 26.0613 14.2108 26.128 13.6775 26.128C13.3948 26.128 13.1175 26.1013 12.8455 26.048C12.5788 26 12.3202 25.9307 12.0695 25.84C11.8242 25.7493 11.5948 25.6427 11.3815 25.52C11.1735 25.3973 10.9895 25.264 10.8295 25.12L11.2855 24.368C11.3442 24.2773 11.4135 24.208 11.4935 24.16C11.5735 24.112 11.6748 24.088 11.7975 24.088C11.9202 24.088 12.0348 24.1227 12.1415 24.192C12.2535 24.2613 12.3815 24.336 12.5255 24.416C12.6695 24.496 12.8375 24.5707 13.0295 24.64C13.2268 24.7093 13.4748 24.744 13.7735 24.744C14.0082 24.744 14.2082 24.7173 14.3735 24.664C14.5442 24.6053 14.6828 24.5307 14.7895 24.44C14.9015 24.3493 14.9815 24.2453 15.0295 24.128C15.0828 24.0053 15.1095 23.88 15.1095 23.752C15.1095 23.56 15.0508 23.4027 14.9335 23.28C14.8215 23.1573 14.6695 23.0507 14.4775 22.96C14.2908 22.8693 14.0748 22.7893 13.8295 22.72C13.5895 22.6453 13.3415 22.5653 13.0855 22.48C12.8348 22.3947 12.5868 22.296 12.3415 22.184C12.1015 22.0667 11.8855 21.92 11.6935 21.744C11.5068 21.568 11.3548 21.352 11.2375 21.096C11.1255 20.84 11.0695 20.5307 11.0695 20.168C11.0695 19.832 11.1362 19.512 11.2695 19.208C11.4028 18.904 11.5975 18.64 11.8535 18.416C12.1148 18.1867 12.4375 18.0053 12.8215 17.872C13.2108 17.7333 13.6588 17.664 14.1655 17.664C14.7308 17.664 15.2455 17.7573 15.7095 17.944C16.1735 18.1307 16.5602 18.376 16.8695 18.68L16.4215 19.392ZM20.4928 17.792V26H18.5088V17.792H20.4928ZM20.7648 15.4C20.7648 15.5707 20.7301 15.7307 20.6608 15.88C20.5914 16.0293 20.4981 16.16 20.3808 16.272C20.2688 16.384 20.1354 16.4747 19.9808 16.544C19.8261 16.608 19.6608 16.64 19.4848 16.64C19.3141 16.64 19.1514 16.608 18.9968 16.544C18.8474 16.4747 18.7168 16.384 18.6048 16.272C18.4928 16.16 18.4021 16.0293 18.3328 15.88C18.2688 15.7307 18.2368 15.5707 18.2368 15.4C18.2368 15.224 18.2688 15.0587 18.3328 14.904C18.4021 14.7493 18.4928 14.616 18.6048 14.504C18.7168 14.392 18.8474 14.304 18.9968 14.24C19.1514 14.1707 19.3141 14.136 19.4848 14.136C19.6608 14.136 19.8261 14.1707 19.9808 14.24C20.1354 14.304 20.2688 14.392 20.3808 14.504C20.4981 14.616 20.5914 14.7493 20.6608 14.904C20.7301 15.0587 20.7648 15.224 20.7648 15.4ZM24.3553 18.8C24.5206 18.6347 24.6939 18.4827 24.8753 18.344C25.0619 18.2 25.2566 18.08 25.4593 17.984C25.6673 17.8827 25.8886 17.8053 26.1233 17.752C26.3579 17.6933 26.6139 17.664 26.8913 17.664C27.3393 17.664 27.7366 17.7413 28.0833 17.896C28.4299 18.0453 28.7179 18.2587 28.9473 18.536C29.1819 18.808 29.3579 19.136 29.4753 19.52C29.5979 19.8987 29.6593 20.3173 29.6593 20.776V26H27.6833V20.776C27.6833 20.2747 27.5686 19.888 27.3393 19.616C27.1099 19.3387 26.7606 19.2 26.2913 19.2C25.9499 19.2 25.6299 19.2773 25.3313 19.432C25.0326 19.5867 24.7499 19.7973 24.4833 20.064V26H22.5073V17.792H23.7153C23.9713 17.792 24.1393 17.912 24.2193 18.152L24.3553 18.8Z",
-        fill: "#21242C"
-      }));
-    case "DIVIDE":
-      return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM128,80a16,16,0,1,0-16-16A16,16,0,0,0,128,80Zm0,96a16,16,0,1,0,16,16A16,16,0,0,0,128,176Z"
+        fill: "#21242C",
+        d: "M16.422 19.392a.57.57 0 0 1-.168.184.465.465 0 0 1-.224.048.73.73 0 0 1-.312-.08 9.34 9.34 0 0 0-.376-.176 3.15 3.15 0 0 0-.496-.184 2.314 2.314 0 0 0-.648-.08c-.39 0-.696.082-.92.248a.775.775 0 0 0-.328.648.64.64 0 0 0 .168.448c.117.117.269.221.456.312.192.09.408.173.648.248.24.07.482.146.728.232.25.085.496.184.736.296.24.106.453.245.64.416.192.165.344.365.456.6.117.234.176.517.176.848 0 .394-.072.76-.216 1.096-.14.33-.347.618-.624.864-.278.24-.622.43-1.032.568-.406.133-.875.2-1.408.2-.283 0-.56-.027-.832-.08a4.512 4.512 0 0 1-1.464-.528 3.41 3.41 0 0 1-.552-.4l.456-.752a.646.646 0 0 1 .208-.208.583.583 0 0 1 .304-.072.62.62 0 0 1 .344.104c.112.07.24.144.384.224.144.08.312.154.504.224.197.07.445.104.744.104.234 0 .434-.027.6-.08.17-.059.309-.134.416-.224a.782.782 0 0 0 .24-.312.935.935 0 0 0 .08-.376.655.655 0 0 0-.176-.472 1.443 1.443 0 0 0-.456-.32 3.953 3.953 0 0 0-.648-.24 37.95 37.95 0 0 1-.744-.24 7.978 7.978 0 0 1-.744-.296 2.722 2.722 0 0 1-.648-.44 2.054 2.054 0 0 1-.456-.648c-.112-.256-.168-.566-.168-.928 0-.336.066-.656.2-.96.133-.304.328-.568.584-.792.26-.23.584-.41.968-.544a3.985 3.985 0 0 1 1.344-.208c.565 0 1.08.093 1.544.28.464.186.85.432 1.16.736l-.448.712Zm4.071-1.6V26h-1.984v-8.208h1.984Zm.272-2.392c0 .17-.035.33-.104.48-.07.15-.163.28-.28.392a1.326 1.326 0 0 1-.4.272c-.155.064-.32.096-.496.096-.17 0-.334-.032-.488-.096a1.357 1.357 0 0 1-.664-.664 1.284 1.284 0 0 1 0-.976c.07-.155.16-.288.272-.4.112-.112.242-.2.392-.264a1.18 1.18 0 0 1 .488-.104c.176 0 .341.034.496.104.154.064.288.152.4.264.117.112.21.245.28.4.07.154.104.32.104.496Zm3.59 3.4c.166-.166.339-.318.52-.456a3.197 3.197 0 0 1 1.248-.592 3.15 3.15 0 0 1 .768-.088 2.9 2.9 0 0 1 1.192.232c.347.15.635.362.864.64.235.272.411.6.528.984.123.378.184.797.184 1.256V26h-1.976v-5.224c0-.502-.114-.888-.344-1.16-.229-.278-.578-.416-1.048-.416-.341 0-.661.077-.96.232a3.445 3.445 0 0 0-.848.632V26h-1.976v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
       }));
     case "EQUAL":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M224,160a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,160ZM40,104H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Z"
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z",
+        clipRule: "evenodd"
       }));
     case "GT":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "44",
-        height: "44",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M12 12h24v24H12z"
-      }), /*#__PURE__*/React.createElement("path", {
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M16 30l16-6-16-6"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M12.058 14.664a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z",
+        clipRule: "evenodd"
+      }));
     case "LT":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "44",
-        height: "44",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M12 12h24v24H12z"
-      }), /*#__PURE__*/React.createElement("path", {
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M32 30l-16-6 16-6"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M27.942 14.664a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z",
+        clipRule: "evenodd"
+      }));
     case "GEQ":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "44",
-        height: "44",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M12 12h24v24H12z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M16 33h16M16 30l16-6-16-6",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm.058-14.336a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z",
+        clipRule: "evenodd"
+      }));
     case "LEQ":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "44",
-        height: "44",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M12 12h24v24H12z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M16 33h16M32 30l-16-6 16-6",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm15.942-14.336a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z",
+        clipRule: "evenodd"
+      }));
     case "NEQ":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "44",
-        height: "44",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M12 12h24v24H12z"
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z",
+        clipRule: "evenodd"
       }), /*#__PURE__*/React.createElement("path", {
-        d: "M19 33l10-18M16 21h17M16 27h17",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M16 26.928a1 1 0 0 1-.366-1.366l7-12.125a1 1 0 0 1 1.732 1l-7 12.125a1 1 0 0 1-1.366.366Z",
+        clipRule: "evenodd"
+      }));
     case "LN":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M20.836 29v-9.338h-1.778V29h1.778zm8.106 0v-4.774c0-1.316-.714-2.156-2.198-2.156-1.106 0-1.932.532-2.366 1.05v-.882H22.6V29h1.778v-4.55c.294-.406.84-.798 1.54-.798.756 0 1.246.322 1.246 1.26V29h1.778z",
-        fill: "currentColor"
-      })));
+        fill: "#21242C",
+        d: "M16.976 14.112V26H15V14.112h1.976Zm3.817 4.688a5.19 5.19 0 0 1 .52-.456 3.195 3.195 0 0 1 1.248-.592 3.16 3.16 0 0 1 .768-.088c.448 0 .845.078 1.192.232.346.15.634.363.864.64.234.272.41.6.528.984.122.379.184.798.184 1.256V26H24.12v-5.224c0-.501-.115-.888-.344-1.16-.23-.277-.579-.416-1.048-.416-.342 0-.662.078-.96.232a3.439 3.439 0 0 0-.848.632V26h-1.976v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
+      }));
     case "LOG":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
-      }), /*#__PURE__*/React.createElement("path", {
-        d: "M16.776 29v-9.338h-1.778V29h1.778zm4.9.168c2.24 0 3.584-1.624 3.584-3.556 0-1.918-1.344-3.542-3.584-3.542-2.226 0-3.57 1.624-3.57 3.542 0 1.932 1.344 3.556 3.57 3.556zm0-1.582c-1.106 0-1.722-.91-1.722-1.974 0-1.05.616-1.96 1.722-1.96 1.106 0 1.736.91 1.736 1.96 0 1.064-.63 1.974-1.736 1.974zm7.672 4.158c1.666 0 3.654-.63 3.654-3.206v-6.3H31.21v.868c-.546-.686-1.274-1.036-2.086-1.036-1.708 0-2.982 1.232-2.982 3.444 0 2.254 1.288 3.444 2.982 3.444.826 0 1.554-.392 2.086-1.064v.686c0 1.33-1.008 1.708-1.862 1.708-.854 0-1.568-.238-2.114-.84l-.798 1.288c.854.742 1.75 1.008 2.912 1.008zm.336-4.368c-1.008 0-1.708-.7-1.708-1.862 0-1.162.7-1.862 1.708-1.862.588 0 1.232.322 1.526.77v2.184c-.294.434-.938.77-1.526.77z",
-        fill: "currentColor"
-      })));
+        fill: "#21242C",
+        d: "M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
+      }));
     case "LOG_N":
       return /*#__PURE__*/React.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48"
-      }, /*#__PURE__*/React.createElement("g", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
         fill: "none",
-        fillRule: "evenodd"
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        fill: "none",
-        d: "M0 0h48v48H0z"
+        fill: "#21242C",
+        d: "M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
       }), /*#__PURE__*/React.createElement("path", {
-        d: "M30 28.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM32 30h4v4h-4v-4zM12.776 29v-9.338h-1.778V29h1.778zm4.9.168c2.24 0 3.584-1.624 3.584-3.556 0-1.918-1.344-3.542-3.584-3.542-2.226 0-3.57 1.624-3.57 3.542 0 1.932 1.344 3.556 3.57 3.556zm0-1.582c-1.106 0-1.722-.91-1.722-1.974 0-1.05.616-1.96 1.722-1.96 1.106 0 1.736.91 1.736 1.96 0 1.064-.63 1.974-1.736 1.974zm7.672 4.158c1.666 0 3.654-.63 3.654-3.206v-6.3H27.21v.868c-.546-.686-1.274-1.036-2.086-1.036-1.708 0-2.982 1.232-2.982 3.444 0 2.254 1.288 3.444 2.982 3.444.826 0 1.554-.392 2.086-1.064v.686c0 1.33-1.008 1.708-1.862 1.708-.854 0-1.568-.238-2.114-.84l-.798 1.288c.854.742 1.75 1.008 2.912 1.008zm.336-4.368c-1.008 0-1.708-.7-1.708-1.862 0-1.162.7-1.862 1.708-1.862.588 0 1.232.322 1.526.77v2.184c-.294.434-.938.77-1.526.77z",
-        fill: "currentColor"
-      })));
+        fill: "#21242C",
+        fillRule: "evenodd",
+        d: "M32 26a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6Zm5 2h-4v4h4v-4Z",
+        clipRule: "evenodd"
+      }));
     case "PERCENT":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
+      }, /*#__PURE__*/React.createElement("path", {
         fill: "currentColor",
-        viewBox: "0 0 256 256"
+        fillRule: "evenodd",
+        d: "M24.447 11.106a1 1 0 0 1 .447 1.341l-8 16a1 1 0 1 1-1.788-.894l8-16a1 1 0 0 1 1.341-.447ZM15 13a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm12 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z",
+        clipRule: "evenodd"
+      }));
+    case "PI":
+      return /*#__PURE__*/React.createElement("svg", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M205.66,61.64l-144,144a8,8,0,0,1-11.32-11.32l144-144a8,8,0,0,1,11.32,11.31ZM50.54,101.44a36,36,0,0,1,50.92-50.91h0a36,36,0,0,1-50.92,50.91ZM56,76A20,20,0,1,0,90.14,61.84h0A20,20,0,0,0,56,76ZM216,180a36,36,0,1,1-10.54-25.46h0A35.76,35.76,0,0,1,216,180Zm-16,0a20,20,0,1,0-5.86,14.14A19.87,19.87,0,0,0,200,180Z"
+        d: "M23.7918 25.0379c0 .2947-.13.572-.39.832-.2426.26-.546.39-.91.39-.26 0-.442-.0346-.546-.104-.0866-.0693-.182-.208-.286-.416-.3293-.7626-.494-1.7246-.494-2.886 0-.624.0087-1.04.026-1.248.1214-1.196.39-2.6433.806-4.342.0867-.3466.13-.5373.13-.572h-2.548l-.026.104c0 .0174-.0173.0954-.052.234-.0346.1214-.0866.312-.156.572-.052.2427-.104.468-.156.676-1.144 4.4547-1.8286 6.8814-2.054 7.28-.208.4854-.5806.728-1.118.728-.3986 0-.676-.1473-.832-.442-.0346-.0866-.052-.2253-.052-.416v-.286l.338-.728c1.3-2.7386 2.2447-5.1046 2.834-7.098l.208-.624h-.832c-.6933 0-1.1786.026-1.456.078-.26.052-.5806.2167-.962.494-.416.26-.78.6154-1.092 1.066-.0866.1387-.156.2254-.208.26-.052.0174-.182.026-.39.026-.3293 0-.494-.0866-.494-.26 0-.0693.0867-.2426.26-.52 1.196-1.82 2.366-2.8166 3.51-2.99.1214-.0346 2.0714-.052 5.85-.052 2.7734 0 4.1947.0087 4.264.026.3467.1214.52.364.52.728 0 .5374-.2773.9014-.832 1.092-.104.0347-.702.052-1.794.052h-1.664l-.078.442c-.208 1.248-.312 2.2794-.312 3.094 0 1.5427.2687 2.938.806 4.186.1214.312.182.52.182.624z",
+        fill: "#21242C"
       }));
-    case "CDOT":
+    case "THETA":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"
+        fill: "#21242C",
+        d: "M22.2 10.696h.208a2.26 2.26 0 0 1 .312-.026c.936.087 1.664.511 2.184 1.274.676 1.023 1.014 2.418 1.014 4.186 0 .468-.017.84-.052 1.118-.225 2.305-.823 4.463-1.794 6.474-.59 1.23-1.282 2.305-2.08 3.224-.78.919-1.551 1.569-2.314 1.95-.537.243-1.005.364-1.404.364h-.182c-.762 0-1.395-.269-1.898-.806-.918-.97-1.378-2.522-1.378-4.654 0-.832.087-1.707.26-2.626.641-3.467 1.95-6.3 3.926-8.502 1.058-1.161 2.123-1.82 3.198-1.976Zm1.664 3.588c0-1.768-.46-2.652-1.378-2.652-.572 0-1.161.373-1.768 1.118-.866 1.092-1.603 2.652-2.21 4.68-.346 1.092-.52 1.733-.52 1.924.85.017 1.69.026 2.522.026l2.522-.026c.087-.087.243-.763.468-2.028.243-1.265.364-2.28.364-3.042Zm-1.248 6.734.13-.442h-5.07l-.026.182c-.537 2.15-.806 3.753-.806 4.81 0 1.179.208 1.993.624 2.444.19.208.442.312.754.312.694 0 1.421-.563 2.184-1.69.815-1.196 1.552-3.068 2.21-5.616Z"
       }));
-    case "PI":
+    case "x":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M232,172a36,36,0,0,1-72,0V72H96V200a8,8,0,0,1-16,0V72H72a40,40,0,0,0-40,40,8,8,0,0,1-16,0A56.06,56.06,0,0,1,72,56H224a8,8,0,0,1,0,16H176V172a20,20,0,0,0,40,0,8,8,0,0,1,16,0Z"
+        d: "M14.0685 18.7718c-.104-.104-.156-.1993-.156-.286.0693-.468.338-1.066.806-1.794.8146-1.2307 1.8373-1.9413 3.068-2.132.2426-.0347.4246-.052.546-.052.6066 0 1.1613.156 1.664.468.52.312.8926.702 1.118 1.17.2253-.2947.364-.4767.416-.546.6413-.728 1.378-1.092 2.21-1.092.7106 0 1.2826.208 1.716.624.4506.3987.676.8927.676 1.482 0 .5373-.156.988-.468 1.352-.2947.364-.6934.546-1.196.546-.3294 0-.598-.0953-.806-.286-.208-.1907-.312-.442-.312-.754 0-.7973.4333-1.3433 1.3-1.638 0-.0173-.0954-.078-.286-.182-.1734-.104-.4247-.156-.754-.156-.2254 0-.39.0173-.494.052-.6587.2773-1.144.8493-1.456 1.716-.052.1387-.3034 1.1093-.754 2.912-.4507 1.7853-.6934 2.7907-.728 3.016-.052.26-.078.52-.078.78 0 .416.1213.7453.364.988.2426.2427.5633.364.962.364.728 0 1.3866-.3033 1.976-.91.5893-.624.988-1.3087 1.196-2.054.052-.1733.104-.2687.156-.286.052-.0347.1906-.052.416-.052.3293 0 .494.0693.494.208 0 .0173-.0174.1127-.052.286-.2947 1.0747-.9014 2.0107-1.82 2.808-.8147.6413-1.6727.962-2.574.962-1.2134 0-2.132-.546-2.756-1.638-.5027.78-1.144 1.3-1.924 1.56-.156.0347-.3814.052-.676.052-1.0054 0-1.716-.3553-2.132-1.066-.1734-.2947-.26-.6413-.26-1.04 0-.52.156-.962.468-1.326.312-.364.7106-.546 1.196-.546.7453 0 1.118.364 1.118 1.092 0 .6413-.3034 1.1093-.91 1.404-.0347.0173-.078.0433-.13.078-.052.0173-.0954.0347-.13.052-.0347.0173-.0607.026-.078.026l-.078.026c0 .052.13.13.39.234.208.0867.4333.13.676.13.624 0 1.1613-.39 1.612-1.17.1906-.312.5286-1.4387 1.014-3.38.104-.3987.2166-.8407.338-1.326.1213-.4853.208-.858.26-1.118.0693-.26.1126-.416.13-.468.0866-.468.13-.806.13-1.014 0-.416-.1127-.7453-.338-.988-.2254-.2427-.5374-.364-.936-.364-.78 0-1.456.3033-2.028.91-.572.5893-.9707 1.274-1.196 2.054-.0347.156-.078.2513-.13.286-.0347.0173-.1734.026-.416.026h-.364z",
+        fill: "#21242C"
       }));
-    case "a":
+    case "y":
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        viewBox: "0 0 384 512"
+        width: "40",
+        height: "40",
+        fill: "none",
+        viewBox: "0 0 40 40"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M221.5 51.7C216.6 39.8 204.9 32 192 32s-24.6 7.8-29.5 19.7l-120 288-40 96c-6.8 16.3 .9 35 17.2 41.8s35-.9 41.8-17.2L93.3 384H290.7l31.8 76.3c6.8 16.3 25.5 24 41.8 17.2s24-25.5 17.2-41.8l-40-96-120-288zM264 320H120l72-172.8L264 320z"
+        fill: "#21242C",
+        d: "M25.166 11.786c.243 0 .45.07.624.208.173.121.26.295.26.52 0 .225-.425 2.045-1.274 5.46-.85 3.415-1.335 5.287-1.456 5.616a6.657 6.657 0 0 1-1.352 2.34 6.756 6.756 0 0 1-2.132 1.716c-.936.45-1.811.676-2.626.676-1.317 0-2.21-.416-2.678-1.248-.173-.243-.26-.59-.26-1.04 0-.59.165-1.049.494-1.378.364-.33.745-.494 1.144-.494.763 0 1.144.364 1.144 1.092 0 .641-.303 1.11-.91 1.404a1.01 1.01 0 0 1-.13.052c-.052.035-.095.06-.13.078a.2.2 0 0 1-.078.026l-.078.026c.052.104.234.217.546.338.277.104.555.156.832.156h.208c.295 0 .52-.017.676-.052.659-.19 1.283-.633 1.872-1.326.59-.693 1.04-1.525 1.352-2.496.19-.572.286-.91.286-1.014 0-.017-.017-.009-.052.026a1.168 1.168 0 0 0-.156.104 3.534 3.534 0 0 1-2.132.702c-.884 0-1.612-.208-2.184-.624-.572-.416-.945-1.014-1.118-1.794a7.464 7.464 0 0 1-.026-.806c0-.416.017-.737.052-.962.121-.745.52-2.02 1.196-3.822.381-1.023.572-1.733.572-2.132 0-.243-.026-.407-.078-.494-.035-.104-.13-.156-.286-.156h-.13c-.399 0-.78.182-1.144.546-.555.555-.98 1.387-1.274 2.496a.427.427 0 0 1-.026.104.304.304 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.173.078-.364.364-1.213.91-2.158 1.638-2.834.59-.555 1.205-.832 1.846-.832.728 0 1.309.2 1.742.598.433.399.65.953.65 1.664-.035.33-.06.511-.078.546 0 .104-.13.477-.39 1.118-.71 1.924-1.135 3.337-1.274 4.238a5.157 5.157 0 0 0-.026.598c0 .659.104 1.161.312 1.508.208.347.59.52 1.144.52.399 0 .771-.104 1.118-.312.364-.208.633-.407.806-.598.19-.208.425-.485.702-.832 0-.017.043-.19.13-.52.087-.347.208-.858.364-1.534l.494-1.924c.659-2.6 1.023-3.96 1.092-4.082.225-.468.598-.702 1.118-.702Z"
       }));
-    case "b":
+    case "JUMP_OUT_PARENTHESES":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        viewBox: "0 0 320 512"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M64 32C28.7 32 0 60.7 0 96V256 416c0 35.3 28.7 64 64 64H192c70.7 0 128-57.3 128-128c0-46.5-24.8-87.3-62-109.7c18.7-22.3 30-51 30-82.3c0-70.7-57.3-128-128-128H64zm96 192H64V96h96c35.3 0 64 28.7 64 64s-28.7 64-64 64zM64 288h96 32c35.3 0 64 28.7 64 64s-28.7 64-64 64H64V288z"
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zm4.5858 0c.3905-.3905 1.0237-.3905 1.4142 0C20.6871 15.0229 21.5 17.5515 21.5 20c0 2.4485-.8129 4.9771-2.5429 6.7071-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142C18.8129 24.0229 19.5 22.0515 19.5 20c0-2.0515-.6871-4.0229-1.9571-5.2929-.3905-.3905-.3905-1.0237 0-1.4142z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M25.5429 16.2929c.3905-.3905 1.0237-.3905 1.4142 0l3 3c.3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L26.8358 21H16.25c-.5523 0-1-.4477-1-1s.4477-1 1-1h10.5858l-1.2929-1.2929c-.3905-.3905-.3905-1.0237 0-1.4142z",
+        fill: "#1865F2"
       }));
-    case "c":
+    case "JUMP_OUT_EXPONENT":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        viewBox: "0 0 384 512"
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M329.1 142.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.2929 15.2929c.3905-.3905 1.0237-.3905 1.4142 0L26 21.5858V20c0-.5523.4477-1 1-1s1 .4477 1 1v4.003c-.0004.1345-.0273.2627-.0759.3798-.0477.1152-.1178.2234-.2105.3177a.809004.809004 0 01-.0131.0131c-.1797.1765-.4259.2856-.6975.2864H23c-.5523 0-1-.4477-1-1s.4477-1 1-1h1.5858l-6.2929-6.2929c-.3905-.3905-.3905-1.0237 0-1.4142zM31 33c-.5523 0-1-.4477-1-1V16c0-.5523.4477-1 1-1s1 .4477 1 1v16c0 .5523-.4477 1-1 1z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9 9c-.55228 0-1 .44772-1 1v6c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1H9zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
       }));
-    case "x":
-      // MATHEMATICAL ITALIC SMALL CHI
-      // https://en.wikipedia.org/wiki/Chi_(letter)#Mathematical_chi
+    case "JUMP_OUT_BASE":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
-      }, /*#__PURE__*/React.createElement("text", {
-        fontSize: "200px",
-        x: "50%",
-        y: "50%",
-        dominantBaseline: "middle",
-        textAnchor: "middle"
-      }, "\uD835\uDF12"));
-    case "X":
-      // MATHEMATICAL ITALIC CAPITAL CHI
-      // https://en.wikipedia.org/wiki/Chi_(letter)#Mathematical_chi
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        style: {
+          display: "block",
+          transform: "scale(1,-1)"
+        },
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.2929 15.2929c.3905-.3905 1.0237-.3905 1.4142 0L26 21.5858V20c0-.5523.4477-1 1-1s1 .4477 1 1v4.003c-.0004.1345-.0273.2627-.0759.3798-.0477.1152-.1178.2234-.2105.3177a.809004.809004 0 01-.0131.0131c-.1797.1765-.4259.2856-.6975.2864H23c-.5523 0-1-.4477-1-1s.4477-1 1-1h1.5858l-6.2929-6.2929c-.3905-.3905-.3905-1.0237 0-1.4142zM31 33c-.5523 0-1-.4477-1-1V16c0-.5523.4477-1 1-1s1 .4477 1 1v16c0 .5523-.4477 1-1 1z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9 9c-.55228 0-1 .44772-1 1v6c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1H9zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
+      }));
+    case "JUMP_INTO_NUMERATOR":
       return /*#__PURE__*/React.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "20",
-        height: "20",
-        fill: "currentColor",
-        viewBox: "0 0 256 256"
-      }, /*#__PURE__*/React.createElement("text", {
-        fontSize: "200px",
-        x: "50%",
-        y: "50%",
-        dominantBaseline: "middle",
-        textAnchor: "middle"
-      }, "\uD835\uDEF8"));
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9 11c.55228 0 1 .4477 1 1v16c0 .5523-.44772 1-1 1s-1-.4477-1-1V12c0-.5523.44772-1 1-1zm5 1c0-.5523.4477-1 1-1h3.9998c.0001 0 0 0 0 0 .1356 0 .2651.027.383.0759.1171.0484.2268.1201.3222.2149l.0042.0042c.1931.1942.29.448.2908.702V16c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L16.5858 13H15c-.5523 0-1-.4477-1-1z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M23 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("g", {
+        clipPath: "url(#clip0_874_41680)"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H21c-.5523 0-1-.4477-1-1z",
+        fill: "#21242C"
+      })), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M23 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+        id: "clip0_874_41680"
+      }, /*#__PURE__*/React.createElement("path", {
+        fill: "#fff",
+        transform: "translate(20 19)",
+        d: "M0 0h12v2H0z"
+      }))));
+    case "JUMP_OUT_NUMERATOR":
+      return /*#__PURE__*/React.createElement("svg", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M26 13c.5523 0 1 .4477 1 1v11.5858l1.2929-1.2929c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0l-3-3c-.3905-.3905-.3905-1.0237 0-1.4142.3905-.3905 1.0237-.3905 1.4142 0L25 25.5858V14c0-.5523.4477-1 1-1zM13 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("g", {
+        clipPath: "url(#clip0_874_41686)"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H11c-.5523 0-1-.4477-1-1z",
+        fill: "#21242C"
+      })), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+        id: "clip0_874_41686"
+      }, /*#__PURE__*/React.createElement("path", {
+        fill: "#fff",
+        transform: "translate(10 19)",
+        d: "M0 0h12v2H0z"
+      }))));
+    case "JUMP_OUT_DENOMINATOR":
+      return /*#__PURE__*/React.createElement("svg", {
+        width: "40",
+        height: "40",
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M31 11c.5523 0 1 .4477 1 1v16c0 .5523-.4477 1-1 1s-1-.4477-1-1V12c0-.5523.4477-1 1-1zm-9 9c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L24.5858 21H23c-.5523 0-1-.4477-1-1z",
+        fill: "#1865F2"
+      }), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("g", {
+        clipPath: "url(#clip0_874_41692)"
+      }, /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 20c0-.5523.44772-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1z",
+        fill: "#21242C"
+      })), /*#__PURE__*/React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z",
+        fill: "#21242C"
+      }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+        id: "clip0_874_41692"
+      }, /*#__PURE__*/React.createElement("path", {
+        fill: "#fff",
+        transform: "translate(8 19)",
+        d: "M0 0h12v2H0z"
+      }))));
 
     /**
      * ANYTHING BELOW IS NOT YET HANDLED
      */
     case "MANY":
-    case "FRAC_EXCLUSIVE":
-    case "THETA":
     case "NOOP":
     case "UP":
     case "DOWN":
     case "LEFT":
     case "RIGHT":
-    case "JUMP_OUT_PARENTHESES":
-    case "JUMP_OUT_EXPONENT":
-    case "JUMP_OUT_BASE":
-    case "JUMP_INTO_NUMERATOR":
-    case "JUMP_OUT_NUMERATOR":
-    case "JUMP_OUT_DENOMINATOR":
     case "PHI":
     case "NTHROOT3":
     case "POW":
     case "LOG_B":
+    case "a":
+    case "b":
+    case "c":
     case "d":
     case "e":
     case "f":
@@ -8034,7 +8178,6 @@ function ButtonAsset({
     case "u":
     case "v":
     case "w":
-    case "y":
     case "z":
     case "A":
     case "B":
@@ -8059,6 +8202,7 @@ function ButtonAsset({
     case "U":
     case "V":
     case "W":
+    case "X":
     case "Y":
     case "Z":
       // placeholder
@@ -8172,7 +8316,7 @@ const styles$1 = StyleSheet.create({
   }
 });
 
-const columns = 4;
+const columns = 3;
 function ExtrasPage(props) {
   const {
     extraKeys,
@@ -8214,18 +8358,21 @@ function NumbersPage(props) {
   const {
     onClickKey
   } = props;
+  // These keys are arranged sequentially so that tabbing follows numerical order. This
+  // allows us to visually mimic a keypad without affecting a11y. The visual order of the
+  // keys in the keypad is determined by their coordinates, not their order in the DOM.
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_7,
+    keyConfig: KeyConfigs.NUM_1,
     onClickKey: onClickKey,
-    coord: [0, 0]
+    coord: [0, 2]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_8,
+    keyConfig: KeyConfigs.NUM_2,
     onClickKey: onClickKey,
-    coord: [1, 0]
+    coord: [1, 2]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_9,
+    keyConfig: KeyConfigs.NUM_3,
     onClickKey: onClickKey,
-    coord: [2, 0]
+    coord: [2, 2]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
     keyConfig: KeyConfigs.NUM_4,
     onClickKey: onClickKey,
@@ -8239,17 +8386,17 @@ function NumbersPage(props) {
     onClickKey: onClickKey,
     coord: [2, 1]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_1,
+    keyConfig: KeyConfigs.NUM_7,
     onClickKey: onClickKey,
-    coord: [0, 2]
+    coord: [0, 0]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_2,
+    keyConfig: KeyConfigs.NUM_8,
     onClickKey: onClickKey,
-    coord: [1, 2]
+    coord: [1, 0]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.NUM_3,
+    keyConfig: KeyConfigs.NUM_9,
     onClickKey: onClickKey,
-    coord: [2, 2]
+    coord: [2, 0]
   }), /*#__PURE__*/React.createElement(KeypadButton, {
     keyConfig: KeyConfigs.NUM_0,
     onClickKey: onClickKey,
@@ -8262,6 +8409,11 @@ function NumbersPage(props) {
     keyConfig: KeyConfigs.NEGATIVE,
     onClickKey: onClickKey,
     coord: [2, 3]
+  }), /*#__PURE__*/React.createElement(KeypadButton, {
+    keyConfig: KeyConfigs.PERCENT,
+    onClickKey: onClickKey,
+    coord: [3, 0],
+    secondary: true
   }));
 }
 
@@ -8328,12 +8480,39 @@ function OperatorsPage(props) {
   })));
 }
 
+function getCursorContextConfig(cursorContext) {
+  if (!cursorContext) {
+    return null;
+  }
+  switch (cursorContext) {
+    case CursorContext.NONE:
+      return null;
+    case CursorContext.IN_PARENS:
+      return KeyConfigs.JUMP_OUT_PARENTHESES;
+    case CursorContext.IN_SUPER_SCRIPT:
+      return KeyConfigs.JUMP_OUT_EXPONENT;
+    case CursorContext.IN_SUB_SCRIPT:
+      return KeyConfigs.JUMP_OUT_BASE;
+    case CursorContext.IN_NUMERATOR:
+      return KeyConfigs.JUMP_OUT_NUMERATOR;
+    case CursorContext.IN_DENOMINATOR:
+      return KeyConfigs.JUMP_OUT_DENOMINATOR;
+    case CursorContext.BEFORE_FRACTION:
+      return KeyConfigs.JUMP_INTO_NUMERATOR;
+  }
+}
 function SharedKeys(props) {
   const {
     onClickKey,
+    cursorContext,
     divisionKey,
-    multiplicationDot
+    multiplicationDot,
+    selectedPage
   } = props;
+  const cursorKeyConfig = getCursorContextConfig(cursorContext);
+
+  // Fraction position depends on the page
+  const fractionCoord = selectedPage === "Numbers" || selectedPage === "Operators" ? [3, 1] : [3, 0];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(KeypadButton, {
     keyConfig: KeyConfigs.PLUS,
     onClickKey: onClickKey,
@@ -8344,6 +8523,11 @@ function SharedKeys(props) {
     onClickKey: onClickKey,
     coord: [5, 0],
     secondary: true
+  }), /*#__PURE__*/React.createElement(KeypadButton, {
+    keyConfig: KeyConfigs.FRAC_INCLUSIVE,
+    onClickKey: onClickKey,
+    coord: fractionCoord,
+    secondary: true
   }), /*#__PURE__*/React.createElement(KeypadButton, {
     keyConfig: multiplicationDot ? KeyConfigs.CDOT : KeyConfigs.TIMES,
     onClickKey: onClickKey,
@@ -8364,8 +8548,8 @@ function SharedKeys(props) {
     onClickKey: onClickKey,
     coord: [5, 2],
     secondary: true
-  }), /*#__PURE__*/React.createElement(KeypadButton, {
-    keyConfig: KeyConfigs.FRAC_INCLUSIVE,
+  }), cursorKeyConfig && /*#__PURE__*/React.createElement(KeypadButton, {
+    keyConfig: cursorKeyConfig,
     onClickKey: onClickKey,
     coord: [4, 3],
     secondary: true
@@ -8377,6 +8561,9 @@ function SharedKeys(props) {
   }));
 }
 
+const defaultProps = {
+  extraKeys: []
+};
 function allPages(props) {
   var _props$extraKeys;
   const pages = ["Numbers"];
@@ -8393,12 +8580,16 @@ function allPages(props) {
   }
   return pages;
 }
+
+// The main (v2) Keypad. Use this component to present an accessible, onscreen
+// keypad to learners for entering math expressions.
 function Keypad(props) {
   const [selectedPage, setSelectedPage] = React.useState("Numbers");
   const availablePages = allPages(props);
   const {
     onClickKey,
-    extraKeys = [],
+    cursorContext,
+    extraKeys,
     multiplicationDot,
     divisionKey,
     preAlgebra,
@@ -8412,9 +8603,13 @@ function Keypad(props) {
     onSelectItem: tabbarItem => {
       setSelectedPage(tabbarItem);
     },
-    style: styles.tabbar
+    style: styles.tabbar,
+    onClickClose: () => onClickKey("DISMISS")
   }), /*#__PURE__*/React.createElement(View$1, {
-    style: styles.grid
+    style: styles.grid,
+    role: "grid",
+    tabIndex: 0,
+    "aria-label": "Keypad"
   }, selectedPage === "Numbers" && /*#__PURE__*/React.createElement(NumbersPage, {
     onClickKey: onClickKey
   }), selectedPage === "Extras" && /*#__PURE__*/React.createElement(ExtrasPage, {
@@ -8430,10 +8625,13 @@ function Keypad(props) {
     onClickKey: onClickKey
   }), /*#__PURE__*/React.createElement(SharedKeys, {
     onClickKey: onClickKey,
+    cursorContext: cursorContext,
     multiplicationDot: multiplicationDot,
-    divisionKey: divisionKey
+    divisionKey: divisionKey,
+    selectedPage: selectedPage
   })));
 }
+Keypad.defaultProps = defaultProps;
 const styles = StyleSheet.create({
   tabbar: {
     background: Color.white