@banyan_cloud/roots 2.0.64 → 2.0.66

package/dist/esm/v2/index.js

@@ -310,8 +310,8 @@ var BaseButton$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   });
 });
 
-var css$K = "button.Button_module_root__39bcd65e[data-elem=base-cell] {\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell] [data-elem=title] {\n  font-family: Jakarta, sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_sizeXs__39bcd65e {\n  height: 32px;\n  padding: 0 12px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_sizeSm__39bcd65e {\n  height: 36px;\n  padding: 0 14px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_sizeMd__39bcd65e {\n  height: 40px;\n  padding: 0 16px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_sizeLg__39bcd65e {\n  height: 44px;\n  padding: 0 18px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_primary__39bcd65e {\n  background: #1570ef;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_primary__39bcd65e:hover:not(:disabled) {\n  background: #175cd3;\n  box-shadow: 0 2px 5px 0 rgba(46, 144, 250, 0.08), 0 0 0 1px rgba(46, 144, 250, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_primary__39bcd65e:active:not(:disabled) {\n  background: #1849a9;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_primary__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_secondary__39bcd65e {\n  background: #252b37;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_secondary__39bcd65e:hover:not(:disabled) {\n  background: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_secondary__39bcd65e:active:not(:disabled) {\n  background: #181d27;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_secondary__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_soft__39bcd65e {\n  background: #fafafa;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_soft__39bcd65e:not(:disabled) svg {\n  color: #414651;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_soft__39bcd65e:hover:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_soft__39bcd65e:active:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_soft__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_outline__39bcd65e {\n  background: transparent;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_outline__39bcd65e:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_outline__39bcd65e:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: 0 0 0 1px #d5d7da;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_outline__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #535862;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_ghost__39bcd65e {\n  background: transparent;\n  color: #414651;\n  box-shadow: none;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_ghost__39bcd65e:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_ghost__39bcd65e:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: none;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_ghost__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_critical__39bcd65e {\n  background: #d92d20;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_critical__39bcd65e:hover:not(:disabled) {\n  background: #b42318;\n  box-shadow: 0 2px 5px 0 rgba(217, 45, 32, 0.08), 0 0 0 1px rgba(217, 45, 32, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_critical__39bcd65e:active:not(:disabled) {\n  background: #912018;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_critical__39bcd65e:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f04438;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_iconOnly__39bcd65e {\n  padding: 0 !important;\n  aspect-ratio: 1/1;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_iconOnly__39bcd65e.Button_module_sizeXs__39bcd65e {\n  width: 32px;\n  height: 32px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_iconOnly__39bcd65e.Button_module_sizeSm__39bcd65e {\n  width: 40px;\n  height: 40px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_iconOnly__39bcd65e.Button_module_sizeMd__39bcd65e {\n  width: 44px;\n  height: 44px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell].Button_module_iconOnly__39bcd65e.Button_module_sizeLg__39bcd65e {\n  width: 52px;\n  height: 52px;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell]:disabled {\n  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: #f5f5f5;\n  color: #a4a7ae;\n  cursor: not-allowed;\n  box-shadow: none;\n}\nbutton.Button_module_root__39bcd65e[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__39bcd65e[data-elem=base-cell]:disabled svg {\n  opacity: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n  button.Button_module_root__39bcd65e[data-elem=base-cell] {\n    transition: none !important;\n  }\n}\n\n.Button_module_iconXs__39bcd65e {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconSm__39bcd65e {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconMd__39bcd65e {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconLg__39bcd65e {\n  width: 20px !important;\n  height: 20px !important;\n  flex-shrink: 0;\n}";
-var modules_b0070f27$1 = {"root":"Button_module_root__39bcd65e","size-xs":"Button_module_sizeXs__39bcd65e","size-sm":"Button_module_sizeSm__39bcd65e","size-md":"Button_module_sizeMd__39bcd65e","size-lg":"Button_module_sizeLg__39bcd65e","primary":"Button_module_primary__39bcd65e","secondary":"Button_module_secondary__39bcd65e","soft":"Button_module_soft__39bcd65e","outline":"Button_module_outline__39bcd65e","ghost":"Button_module_ghost__39bcd65e","critical":"Button_module_critical__39bcd65e","icon-only":"Button_module_iconOnly__39bcd65e","icon-xs":"Button_module_iconXs__39bcd65e","icon-sm":"Button_module_iconSm__39bcd65e","icon-md":"Button_module_iconMd__39bcd65e","icon-lg":"Button_module_iconLg__39bcd65e"};
+var css$K = "button.Button_module_root__f628f9e2[data-elem=base-cell] {\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell] [data-elem=title] {\n  font-family: Jakarta, sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeXs__f628f9e2 {\n  height: 32px;\n  padding: 0 12px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeSm__f628f9e2 {\n  height: 36px;\n  padding: 0 14px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeMd__f628f9e2 {\n  height: 40px;\n  padding: 0 16px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeLg__f628f9e2 {\n  height: 44px;\n  padding: 0 18px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2 {\n  background: #1570ef;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:hover:not(:disabled) {\n  background: #175cd3;\n  box-shadow: 0 2px 5px 0 rgba(46, 144, 250, 0.08), 0 0 0 1px rgba(46, 144, 250, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:active:not(:disabled) {\n  background: #1849a9;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2 {\n  background: #252b37;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:hover:not(:disabled) {\n  background: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:active:not(:disabled) {\n  background: #181d27;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2 {\n  background: #fafafa;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:not(:disabled) svg {\n  color: #414651;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:hover:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: 0 0 0 1px #d5d7da;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #535862;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: none;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2 {\n  background: #d92d20;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:hover:not(:disabled) {\n  background: #b42318;\n  box-shadow: 0 2px 5px 0 rgba(217, 45, 32, 0.08), 0 0 0 1px rgba(217, 45, 32, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:active:not(:disabled) {\n  background: #912018;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f04438;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2 {\n  padding: 0 !important;\n  aspect-ratio: 1/1;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeXs__f628f9e2 {\n  width: 32px;\n  height: 32px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeSm__f628f9e2 {\n  width: 40px;\n  height: 40px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeMd__f628f9e2 {\n  width: 44px;\n  height: 44px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeLg__f628f9e2 {\n  width: 52px;\n  height: 52px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled {\n  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: #f5f5f5;\n  color: #a4a7ae;\n  cursor: not-allowed;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled svg {\n  opacity: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n  button.Button_module_root__f628f9e2[data-elem=base-cell] {\n    transition: none !important;\n  }\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_unstyled__f628f9e2 {\n  all: unset !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  background: transparent !important;\n  padding: 4px !important;\n  margin: 0 !important;\n  border: none !important;\n  box-shadow: none !important;\n  border-radius: 4px !important;\n  height: auto !important;\n  width: auto !important;\n  min-width: unset !important;\n  font: inherit !important;\n  color: inherit !important;\n  outline: none !important;\n}\n\n.Button_module_iconXs__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconSm__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconMd__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconLg__f628f9e2 {\n  width: 20px !important;\n  height: 20px !important;\n  flex-shrink: 0;\n}";
+var modules_b0070f27$1 = {"root":"Button_module_root__f628f9e2","size-xs":"Button_module_sizeXs__f628f9e2","size-sm":"Button_module_sizeSm__f628f9e2","size-md":"Button_module_sizeMd__f628f9e2","size-lg":"Button_module_sizeLg__f628f9e2","primary":"Button_module_primary__f628f9e2","secondary":"Button_module_secondary__f628f9e2","soft":"Button_module_soft__f628f9e2","outline":"Button_module_outline__f628f9e2","ghost":"Button_module_ghost__f628f9e2","critical":"Button_module_critical__f628f9e2","icon-only":"Button_module_iconOnly__f628f9e2","unstyled":"Button_module_unstyled__f628f9e2","icon-xs":"Button_module_iconXs__f628f9e2","icon-sm":"Button_module_iconSm__f628f9e2","icon-md":"Button_module_iconMd__f628f9e2","icon-lg":"Button_module_iconLg__f628f9e2"};
 n(css$K,{});
 
 var Button$1 = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -3255,6 +3255,208 @@ function getChildren(nodes, id) {
   return allChildren;
 }
 
+function isPointInPolygon(point, polygon) {
+  const [x, y] = point;
+  let isInside = false;
+  const length = polygon.length;
+
+  for (let i = 0, j = length - 1; i < length; j = i++) {
+    const [xi, yi] = polygon[i] || [0, 0];
+    const [xj, yj] = polygon[j] || [0, 0];
+    const intersect = yi >= y !== yj >= y && x <= (xj - xi) * (y - yi) / (yj - yi) + xi;
+
+    if (intersect) {
+      isInside = !isInside;
+    }
+  }
+
+  return isInside;
+}
+
+function safePolygon(_temp) {
+  let {
+    restMs = 0,
+    buffer = 0.5,
+    blockPointerEvents = true,
+    debug = null
+  } = _temp === void 0 ? {} : _temp;
+  let timeoutId;
+  let polygonIsDestroyed = false;
+
+  const fn = _ref => {
+    let {
+      x,
+      y,
+      placement,
+      refs,
+      onClose,
+      nodeId,
+      tree,
+      leave = false
+    } = _ref;
+    return function onPointerMove(event) {
+      var _refs$domReference$cu, _refs$floating$curren, _refs$floating$curren2;
+
+      clearTimeout(timeoutId);
+
+      function close() {
+        clearTimeout(timeoutId);
+        onClose();
+      }
+
+      if (event.pointerType && event.pointerType !== 'mouse') {
+        return;
+      }
+
+      const {
+        clientX,
+        clientY
+      } = event;
+      const target = 'composedPath' in event ? event.composedPath()[0] : event.target;
+      const targetNode = target; // If the pointer is over the reference, there is no need to run the logic
+
+      if (event.type === 'pointermove' && (_refs$domReference$cu = refs.domReference.current) != null && _refs$domReference$cu.contains(targetNode)) {
+        return;
+      } // Prevent overlapping floating element from being stuck in an open-close
+      // loop: https://github.com/floating-ui/floating-ui/issues/1910
+
+
+      if (event.type === 'mouseleave' && isElement(event.relatedTarget) && (_refs$floating$curren = refs.floating.current) != null && _refs$floating$curren.contains(event.relatedTarget)) {
+        return;
+      } // If any nested child is open, abort.
+
+
+      if (tree && getChildren(tree.nodesRef.current, nodeId).some(_ref2 => {
+        let {
+          context
+        } = _ref2;
+        return context == null ? void 0 : context.open;
+      })) {
+        return;
+      } // The cursor landed, so we destroy the polygon logic
+
+
+      if ((_refs$floating$curren2 = refs.floating.current) != null && _refs$floating$curren2.contains(targetNode) && !leave) {
+        polygonIsDestroyed = true;
+        return;
+      }
+
+      if (!refs.domReference.current || !refs.floating.current || placement == null || x == null || y == null) {
+        return;
+      }
+
+      const refRect = refs.domReference.current.getBoundingClientRect();
+      const rect = refs.floating.current.getBoundingClientRect();
+      const side = placement.split('-')[0];
+      const cursorLeaveFromRight = x > rect.right - rect.width / 2;
+      const cursorLeaveFromBottom = y > rect.bottom - rect.height / 2; // If the pointer is leaving from the opposite side, the "buffer" logic
+      // creates a point where the floating element remains open, but should be
+      // ignored.
+      // A constant of 1 handles floating point rounding errors.
+
+      if (side === 'top' && y >= refRect.bottom - 1 || side === 'bottom' && y <= refRect.top + 1 || side === 'left' && x >= refRect.right - 1 || side === 'right' && x <= refRect.left + 1) {
+        return close();
+      } // Ignore when the cursor is within the rectangular trough between the
+      // two elements. Since the triangle is created from the cursor point,
+      // which can start beyond the ref element's edge, traversing back and
+      // forth from the ref to the floating element can cause it to close. This
+      // ensures it always remains open in that case.
+
+
+      switch (side) {
+        case 'top':
+          if (clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= refRect.top + 1) {
+            return;
+          }
+
+          break;
+
+        case 'bottom':
+          if (clientX >= rect.left && clientX <= rect.right && clientY >= refRect.bottom - 1 && clientY <= rect.bottom) {
+            return;
+          }
+
+          break;
+
+        case 'left':
+          if (clientX >= rect.left && clientX <= refRect.left + 1 && clientY >= rect.top && clientY <= rect.bottom) {
+            return;
+          }
+
+          break;
+
+        case 'right':
+          if (clientX >= refRect.right - 1 && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom) {
+            return;
+          }
+
+          break;
+      }
+
+      if (polygonIsDestroyed) {
+        return close();
+      }
+
+      function getPolygon(_ref3) {
+        let [x, y] = _ref3;
+        const isFloatingWider = rect.width > refRect.width;
+        const isFloatingTaller = rect.height > refRect.height;
+
+        switch (side) {
+          case 'top':
+            {
+              const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];
+              const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];
+              const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.bottom - buffer : isFloatingWider ? rect.bottom - buffer : rect.top], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.bottom - buffer : rect.top : rect.bottom - buffer]];
+              return [cursorPointOne, cursorPointTwo, ...commonPoints];
+            }
+
+          case 'bottom':
+            {
+              const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];
+              const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];
+              const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.top + buffer : isFloatingWider ? rect.top + buffer : rect.bottom], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.top + buffer : rect.bottom : rect.top + buffer]];
+              return [cursorPointOne, cursorPointTwo, ...commonPoints];
+            }
+
+          case 'left':
+            {
+              const cursorPointOne = [x + buffer + 1, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];
+              const cursorPointTwo = [x + buffer + 1, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];
+              const commonPoints = [[cursorLeaveFromBottom ? rect.right - buffer : isFloatingTaller ? rect.right - buffer : rect.left, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.right - buffer : rect.left : rect.right - buffer, rect.bottom]];
+              return [...commonPoints, cursorPointOne, cursorPointTwo];
+            }
+
+          case 'right':
+            {
+              const cursorPointOne = [x - buffer, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];
+              const cursorPointTwo = [x - buffer, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];
+              const commonPoints = [[cursorLeaveFromBottom ? rect.left + buffer : isFloatingTaller ? rect.left + buffer : rect.right, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.left + buffer : rect.right : rect.left + buffer, rect.bottom]];
+              return [cursorPointOne, cursorPointTwo, ...commonPoints];
+            }
+        }
+      }
+
+      const poly = getPolygon([x, y]);
+
+      if (process.env.NODE_ENV !== "production") {
+        debug == null ? void 0 : debug(poly.slice(0, 4).join(', '));
+      }
+
+      if (!isPointInPolygon([clientX, clientY], poly)) {
+        close();
+      } else if (restMs) {
+        timeoutId = setTimeout(onClose, restMs);
+      }
+    };
+  };
+
+  fn.__options = {
+    blockPointerEvents
+  };
+  return fn;
+}
+
 const DEFAULT_ID = 'floating-ui-root';
 const useFloatingPortalNode = function (_temp) {
   let {
@@ -6097,8 +6299,8 @@ var Text$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   return null;
 });
 
-var css$v = ".Link_module_wrapper__3063707c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  padding: 1px;\n  border-radius: 2px;\n  box-sizing: border-box;\n}\n.Link_module_wrapper__3063707c:active {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__3063707c:has(.Link_module_link__3063707c:focus-visible) {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__3063707c.Link_module_sizeSm__3063707c .Link_module_link__3063707c {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n  gap: 8px;\n}\n.Link_module_wrapper__3063707c.Link_module_sizeMd__3063707c .Link_module_link__3063707c {\n  font-size: 14px;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  gap: 10px;\n}\n.Link_module_wrapper__3063707c.Link_module_sizeLg__3063707c .Link_module_link__3063707c {\n  font-size: 16px;\n  line-height: 22px;\n  gap: 10px;\n}\n.Link_module_wrapper__3063707c.Link_module_disabled__3063707c {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.Link_module_wrapper__3063707c.Link_module_disabled__3063707c .Link_module_link__3063707c {\n  color: var(--text-text-disabled, #161616);\n}\n.Link_module_wrapper__3063707c.Link_module_disabled__3063707c .Link_module_icon__3063707c {\n  stroke: var(--icon-icon-disabled, #161616);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-03, 8px);\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:focus-visible {\n  outline: none;\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:hover {\n  color: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:hover .Link_module_icon__3063707c {\n  stroke: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:visited {\n  color: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:visited .Link_module_icon__3063707c {\n  stroke: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:active {\n  color: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__3063707c .Link_module_link__3063707c:active .Link_module_icon__3063707c {\n  stroke: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__3063707c .Link_module_icon__3063707c {\n  stroke-width: 1.2px;\n  stroke: var(--link-link-primary, #1f5fcc);\n  width: 16px;\n  height: 16px;\n}\n.Link_module_wrapper__3063707c .Link_module_sizeLg__3063707c .Link_module_icon__3063707c {\n  width: 20px;\n  height: 20px;\n}";
-var modules_e20967e9 = {"wrapper":"Link_module_wrapper__3063707c","link":"Link_module_link__3063707c","size-sm":"Link_module_sizeSm__3063707c","size-md":"Link_module_sizeMd__3063707c","size-lg":"Link_module_sizeLg__3063707c","disabled":"Link_module_disabled__3063707c","icon":"Link_module_icon__3063707c"};
+var css$v = ".Link_module_wrapper__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  padding: 1px;\n  border-radius: 2px;\n  box-sizing: border-box;\n}\n.Link_module_wrapper__4b6879a4:active {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4:has(.Link_module_link__4b6879a4:focus-visible) {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeSm__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n  gap: 8px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeMd__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 14px;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeLg__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 16px;\n  line-height: 22px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_link__4b6879a4 {\n  color: var(--text-text-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-03, 8px);\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover {\n  color: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover .Link_module_icon__4b6879a4 {\n  stroke: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited {\n  color: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited .Link_module_icon__4b6879a4 {\n  stroke: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active {\n  color: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke-width: 1.2px;\n  stroke: var(--link-link-primary, #1f5fcc);\n  width: 16px;\n  height: 16px;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_sizeLg__4b6879a4 .Link_module_icon__4b6879a4 {\n  width: 20px;\n  height: 20px;\n}\n\n.Link_module_unstyled__4b6879a4 {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  text-decoration: none;\n  color: inherit;\n  font: inherit;\n}\n.Link_module_unstyled__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_unstyled__4b6879a4:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: not-allowed;\n}";
+var modules_e20967e9 = {"wrapper":"Link_module_wrapper__4b6879a4","link":"Link_module_link__4b6879a4","size-sm":"Link_module_sizeSm__4b6879a4","size-md":"Link_module_sizeMd__4b6879a4","size-lg":"Link_module_sizeLg__4b6879a4","disabled":"Link_module_disabled__4b6879a4","icon":"Link_module_icon__4b6879a4","unstyled":"Link_module_unstyled__4b6879a4"};
 n(css$v,{});
 
 var Link = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -6107,6 +6309,8 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$target = props.target,
     target = _props$target === void 0 ? '_self' : _props$target,
     onClick = props.onClick,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'styled' : _props$variant,
     _props$size = props.size,
     size = _props$size === void 0 ? 'md' : _props$size,
     _props$withIcon = props.withIcon,
@@ -6124,6 +6328,19 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     onClick === null || onClick === void 0 || onClick();
   };
+  if (variant === 'unstyled') {
+    return jsx("a", _objectSpread2(_objectSpread2({
+      ref: ref,
+      className: classes(modules_e20967e9.unstyled, className),
+      href: disabled ? undefined : href,
+      target: target,
+      onClick: handleClick,
+      "aria-disabled": disabled,
+      tabIndex: disabled ? -1 : 0
+    }, attrs), {}, {
+      children: children
+    }));
+  }
   return jsx("div", {
     className: classes(modules_e20967e9.wrapper, modules_e20967e9["size-".concat(size)], disabled && modules_e20967e9.disabled),
     children: jsxs(Text$1, {
@@ -6477,7 +6694,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
   // Event listeners to change the open state
   var hover = useHover(context, {
     move: true,
-    enabled: !clickOutsideToClose
+    handleClose: clickOutsideToClose ? safePolygon() : undefined
   });
   var focus = useFocus(context, {
     enabled: !clickOutsideToClose