@plaso-infi/whiteboard-sdk 0.2.5 → 0.2.6

package/dist/cjs/index.css

@@ -3156,573 +3156,573 @@
   color: var(--upime-active);
 }
 
-.cm_item_2e94Y {
-  width: 40px;
-  height: 50px;
+.graphicSideContainer_jScOm {
+  position: relative;
+  width: 100%;
+  height: 100%;
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+}
+.title_2y8qG {
+  padding-left: 24px;
+  padding-right: 54px;
+  height: 64px;
+  width: 100%;
+  background-color: var(--upime-pane-bg);
   align-items: center;
+  justify-content: space-between;
+  display: flex;
   flex-shrink: 0;
-  cursor: pointer;
-}
-.cm_item_2e94Y.disabled_3ost8 {
-  cursor: default;
-  color: var(--upime-disable);
-  pointer-events: none;
+  font-size: 20px;
+  color: var(--upime-main-text);
+  font-weight: 600;
+  line-height: 30px;
 }
-.icon_box_2_MCw {
+.title_2y8qG .titleIconContainer_2HpFh {
+  width: 44px;
+  height: 44px;
   display: flex;
-  justify-content: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  font-size: 14px;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
 }
-.icon_box_2_MCw.active_3IluS {
-  color: var(--upime-active);
+.title_2y8qG .titleIconContainer_2HpFh::after {
+  position: absolute;
+  content: "";
+  right: 0px;
+  top: 12px;
+  bottom: 12px;
+  width: 1px;
+  background-color: #e6e7e9;
 }
-.bling_item_Wpkjy {
-  opacity: 0.8;
+.title_2y8qG .titleIconContainer_2HpFh .rotate_3mkgL {
+  transform: rotate(180deg);
 }
-.hidden_3zMAG {
-  visibility: hidden !important;
+.searchContentContainer_2aGCw {
+  margin-top: 8px;
+  height: 40px;
+  padding: 0 20px;
 }
-.hidden_all_1mCfr {
-  visibility: hidden !important;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa {
+  position: relative;
+  height: 100%;
 }
-.hidden_all_1mCfr * {
-  visibility: hidden !important;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuHotarea_CavnD {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  right: 12px;
+  top: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
 }
-.show_all_3RK0E {
-  visibility: visible !important;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuIcon_2Z2NJ {
+  color: #dbdbde;
 }
-.show_all_3RK0E * {
-  visibility: visible !important;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .searchIcon_2yMds {
+  position: absolute;
+  left: 12px;
+  top: 10px;
 }
-.pane_24eRa {
-  background-color: var(--upime-pane-bg);
+.searchContentContainer_2aGCw .input_S5_HS {
+  width: 100%;
+  height: 100%;
   border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  background-color: white;
+  border: 1px solid #ececee;
+  outline: none;
+  color: #303133;
+  font-size: 14px;
+  padding: 0 48px 0 40px;
+  display: block;
 }
-@keyframes show_2n9nM {
-  to {
-    visibility: visible;
-    opacity: 1;
-  }
+.searchContentContainer_2aGCw .input_S5_HS::placeholder {
+  color: #c2c3c8;
 }
-.show_a_PIUo0 {
-  visibility: hidden;
-  opacity: 0;
-  animation: show_2n9nM 0.5s forwards;
+.searchContentContainer_2aGCw .input_S5_HS:focus {
+  border: 1px solid #2e73e5;
 }
-@keyframes show_scale_1mftc {
-  to {
-    transform: scale(1);
-    visibility: visible;
-    opacity: 1;
-  }
+.categroyWrapper_2QXR0 {
+  flex: 1;
+  overflow: auto;
+  margin-top: 20px;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
 }
-.show_scale_1mftc {
-  visibility: hidden;
-  opacity: 0;
-  transform: scale(0);
-  animation: show_scale_1mftc 0.3s forwards;
+.categroyWrapper_2QXR0::-webkit-scrollbar {
+  width: 4px;
 }
-.show_scale_1mftc.right_3fFKY {
-  transform-origin: left center;
+.categroyWrapper_2QXR0::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
 }
-.show_scale_1mftc.left_2V43j {
-  transform-origin: right center;
+.categroyWrapper_2QXR0::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
 }
-.show_scale_1mftc.bottom_3zuBY {
-  transform-origin: center top;
+.categroyWrapper_2QXR0 .emptyContainer_1tl6E {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #616371;
 }
-.show_scale_1mftc.top_1dQIl {
-  transform-origin: center bottom;
+.categroyWrapper_2QXR0 .emptyContainer_1tl6E .emptyImg_PnK1N {
+  width: 140px;
 }
-.show_scale_1mftc.left_top_3ojkb {
-  transform-origin: right top;
+.categroyContainer_2fReq {
+  margin-top: 20px;
+  padding: 0 16px 0 20px;
 }
-.show_scale_1mftc.top_left_1yo2X {
-  transform-origin: bottom left;
+.categroyContainer_2fReq:first-child {
+  margin-top: 0;
 }
-.show_scale_1mftc.bottom_left_HpIv- {
-  transform-origin: top left;
+.categroyContainer_2fReq .categroyTitle_1jXxy {
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 24px;
 }
-.show_scale_1mftc.right_top_19DT5 {
-  transform-origin: left top;
+.categroyContainer_2fReq .categroyTitle_1jXxy.hasHover_3obj2 {
+  cursor: pointer;
 }
-.show_scale_1mftc.right_bottom_1Y686 {
-  transform-origin: left bottom;
+.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.show_scale_1mftc.left_bottom_2uN6u {
-  transform-origin: right bottom;
+.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e.iconRotate_R8Zzg {
+  transform: rotate(-90deg);
 }
-.btn_style_2ZbMu {
+.categroyContainer_2fReq .colorpalettesWrapper_26FnQ {
+  position: relative;
+}
+.categroyContainer_2fReq .colorpalettesWrapper_26FnQ .colorpalettesOptionContainer_3B7E_ {
+  position: absolute;
+  left: 0;
+  top: calc(100% + 1px);
+}
+.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t {
+  margin-top: 10px;
+  height: 24px;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: 2px;
+  width: fit-content;
   cursor: pointer;
 }
-.btn_style_2ZbMu:active,
-.btn_style_2ZbMu.on_14ReV {
-  color: var(--upime-active);
+.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t.tinyColorPa_2hUVD {
+  margin-top: 4px;
 }
-.btn_style_2ZbMu.disabled_3ost8 {
-  color: var(--upime-disable);
-  pointer-events: none;
+.categroyContainer_2fReq.tinyCate_38BwA {
+  padding: 0;
 }
-.propEditorIconBox_ZPJ55 {
-  height: 40px;
-  width: 40px;
+.defaultColorTheme_2B6iW {
   display: flex;
-  justify-content: center;
   align-items: center;
+  gap: 4px;
+  color: var(--upime-main-text);
 }
-.do-hovers .icon_box_2_MCw:hover {
-  opacity: 1;
+.simpleColorTheme_21RUC {
+  display: flex;
+  align-items: center;
 }
-.do-hovers .bling_item_Wpkjy:hover {
-  opacity: 1;
-  background-color: var(--upime-btn-bg-hover);
+.simpleColorTheme_21RUC .simpleColorCircle_314Rw {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  margin-left: -5px;
 }
-.do-hovers .btn_style_2ZbMu:hover {
-  color: var(--upime-active);
+.simpleColorTheme_21RUC .simpleColorCircle_314Rw:first-child {
+  margin-left: 0;
 }
-.do-hovers .propEditorIconBox_ZPJ55:hover {
-  background-color: var(--upime-btn-bg-hover);
+.childrenOptionContainer_3c2BF {
+  width: 160px;
+  padding: 8px 0;
+  border-radius: 2px;
+  background-color: white;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-.do-hovers .titleIcon_WNKTJ:hover {
+.childrenOptionContainer_3c2BF .options_39ftb {
+  height: 40px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
   color: var(--upime-active);
 }
-.do-hovers .moreIcon_3EGbv:hover {
-  color: var(--upime-main-text);
-}
-.rotateY180_3B_Co {
-  transform: rotateY(180deg);
-}
-.upimeInput_CNs-e {
-  height: 38px;
-  padding: 8px 16px;
-  border: 1px solid black;
-  box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
-  border: 1px solid var(--upime-input-border);
-  border-radius: 4px;
+.iconListContainer_92Ipt {
+  margin-top: 10px;
 }
-.upimeInput_CNs-e.invalid_3iDze {
-  box-shadow: 0px 0px 0px 2px rgba(254, 82, 80, 0.16);
-  border: 1px solid var(--upime-input-invalid);
+.iconListContainer_92Ipt .iconListView_sqkVV {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
 }
-.titleIcon_WNKTJ {
-  height: 48px;
+.iconListContainer_92Ipt .iconListView_sqkVV .iconCell_2I3tD {
   width: 40px;
-  cursor: pointer;
+  height: 40px;
   display: flex;
-  justify-content: center;
   align-items: center;
-}
-.titleIcon_WNKTJ.active_3IluS {
-  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
-  background: initial !important;
-}
-.titleIcon_WNKTJ.active_3IluS {
-  color: var(--upime-active);
-}
-.moreIcon_3EGbv {
+  justify-content: center;
   cursor: pointer;
+  border-radius: 2px;
 }
-.moreIcon_3EGbv svg {
-  color: #303445;
-}
-.moreIcon_3EGbv.active_3IluS svg {
-  color: var(--upime-main-text);
+.iconListContainer_92Ipt .iconListView_sqkVV .draggingIcon_1wKts {
+  position: fixed;
+  z-index: 9999;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 4px;
+  background-color: white;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+  transform: translateX(-50%) translateY(-50%);
 }
-@keyframes loading_8SMbv {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.iconListContainer_92Ipt.tinyIconList_3JAOj .iconCell_2I3tD {
+  width: 36px;
+  height: 36px;
 }
-.loadingIcon_hh2my {
-  width: 24px;
-  height: 24px;
-  color: var(--upime-active);
-  animation: loading_8SMbv 1s linear infinite forwards;
+.do-hovers .colorpalettesContaienr_2Tw5t:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.AIButtonContainer_1KCD9 {
-  padding: 0 8px;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.do-hovers .titleIconContainer_2HpFh:hover {
+  color: var(--upime-active);
 }
-.AIButtonContainer_1KCD9.transparent_KymT8 {
-  opacity: 0;
+.do-hovers .childrenOptionContainer_3c2BF .options_39ftb:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv {
+.do-hovers .iconListView_sqkVV .iconCell_2I3tD:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+.cm_item_2e94Y {
   width: 40px;
-  height: 40px;
+  height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
+  flex-shrink: 0;
+  cursor: pointer;
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD {
-  overflow: hidden;
+.cm_item_2e94Y.disabled_3ost8 {
+  cursor: default;
+  color: var(--upime-disable);
+  pointer-events: none;
+}
+.icon_box_2_MCw {
   display: flex;
   justify-content: center;
   align-items: center;
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  transform-origin: center center;
-  transition: 0.4s;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIShow_3bXP_ {
-  transform: scale(1) rotate(0);
-  opacity: 1;
+.icon_box_2_MCw.active_3IluS {
+  color: var(--upime-active);
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIHide_36dTz {
-  transform: scale(0) rotate(360deg);
-  opacity: 0;
+.bling_item_Wpkjy {
+  opacity: 0.8;
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonHover_k40Kt:hover {
-  background-color: var(--upime-btn-bg-hover);
+.hidden_3zMAG {
+  visibility: hidden !important;
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonDisabled_1ZmJx {
-  opacity: 0.3;
-  cursor: default;
-  pointer-events: none;
+.hidden_all_1mCfr {
+  visibility: hidden !important;
 }
-.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD .AIButtonImage_1g9MN {
-  width: 32px;
-  height: 32px;
+.hidden_all_1mCfr * {
+  visibility: hidden !important;
 }
-.phoneBgColorFcContainer_3kNvI {
-  background-color: white;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  padding: 16px 0px;
-  border-radius: 4px;
-  width: 100%;
-  overflow: hidden;
-  pointer-events: all;
-  position: relative;
+.show_all_3RK0E {
+  visibility: visible !important;
 }
-.widgetTypePicker_5H8Qx {
-  position: absolute;
-  width: 212px;
-  padding: 16px 4px 16px 16px;
+.show_all_3RK0E * {
+  visibility: visible !important;
+}
+.pane_24eRa {
+  background-color: var(--upime-pane-bg);
   border-radius: 4px;
-  background-color: #ffffff;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu {
-  max-height: 274px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
+@keyframes show_2n9nM {
+  to {
+    visibility: visible;
+    opacity: 1;
+  }
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF {
-  display: flex;
-  justify-content: left;
-  align-items: center;
-  flex-flow: row wrap;
-  gap: 12px;
-  padding-right: 12px;
+.show_a_PIUo0 {
+  visibility: hidden;
+  opacity: 0;
+  animation: show_2n9nM 0.5s forwards;
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF .baseTypeItem_2ZO0E {
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 2px;
+@keyframes show_scale_1mftc {
+  to {
+    transform: scale(1);
+    visibility: visible;
+    opacity: 1;
+  }
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeDivider_L_aZN {
-  margin-top: 4px;
-  margin-bottom: 12px;
-  border-top: 1px solid #e6e7e9;
-  margin-right: 12px;
+.show_scale_1mftc {
+  visibility: hidden;
+  opacity: 0;
+  transform: scale(0);
+  animation: show_scale_1mftc 0.3s forwards;
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL {
-  flex: 1;
-  padding-right: 6px;
-  overflow: auto;
-  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
-  scrollbar-width: thin;
+.show_scale_1mftc.right_3fFKY {
+  transform-origin: left center;
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar {
-  width: 4px;
+.show_scale_1mftc.left_2V43j {
+  transform-origin: right center;
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-track {
-  border-radius: 5px;
-  background-color: transparent;
+.show_scale_1mftc.bottom_3zuBY {
+  transform-origin: center top;
 }
-.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: var(--upime-scrollbar-thumb);
+.show_scale_1mftc.top_1dQIl {
+  transform-origin: center bottom;
 }
-.do-hovers .widget-type-item_2rkJI:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+.show_scale_1mftc.left_top_3ojkb {
+  transform-origin: right top;
 }
-
-.graphicSideContainer_jScOm {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
+.show_scale_1mftc.top_left_1yo2X {
+  transform-origin: bottom left;
 }
-.title_2y8qG {
-  padding-left: 24px;
-  padding-right: 54px;
-  height: 64px;
-  width: 100%;
-  background-color: var(--upime-pane-bg);
-  align-items: center;
-  justify-content: space-between;
-  display: flex;
-  flex-shrink: 0;
-  font-size: 20px;
-  color: var(--upime-main-text);
-  font-weight: 600;
-  line-height: 30px;
+.show_scale_1mftc.bottom_left_HpIv- {
+  transform-origin: top left;
 }
-.title_2y8qG .titleIconContainer_2HpFh {
-  width: 44px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: pointer;
+.show_scale_1mftc.right_top_19DT5 {
+  transform-origin: left top;
 }
-.title_2y8qG .titleIconContainer_2HpFh::after {
-  position: absolute;
-  content: "";
-  right: 0px;
-  top: 12px;
-  bottom: 12px;
-  width: 1px;
-  background-color: #e6e7e9;
+.show_scale_1mftc.right_bottom_1Y686 {
+  transform-origin: left bottom;
 }
-.title_2y8qG .titleIconContainer_2HpFh .rotate_3mkgL {
-  transform: rotate(180deg);
+.show_scale_1mftc.left_bottom_2uN6u {
+  transform-origin: right bottom;
 }
-.searchContentContainer_2aGCw {
-  margin-top: 8px;
-  height: 40px;
-  padding: 0 20px;
+.btn_style_2ZbMu {
+  cursor: pointer;
 }
-.searchContentContainer_2aGCw .inputDomContainer_aORAa {
-  position: relative;
-  height: 100%;
+.btn_style_2ZbMu:active,
+.btn_style_2ZbMu.on_14ReV {
+  color: var(--upime-active);
 }
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuHotarea_CavnD {
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  right: 12px;
-  top: 8px;
+.btn_style_2ZbMu.disabled_3ost8 {
+  color: var(--upime-disable);
+  pointer-events: none;
+}
+.propEditorIconBox_ZPJ55 {
+  height: 40px;
+  width: 40px;
   display: flex;
-  align-items: center;
   justify-content: center;
-  cursor: pointer;
-}
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuIcon_2Z2NJ {
-  color: #dbdbde;
+  align-items: center;
 }
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .searchIcon_2yMds {
-  position: absolute;
-  left: 12px;
-  top: 10px;
+.do-hovers .icon_box_2_MCw:hover {
+  opacity: 1;
 }
-.searchContentContainer_2aGCw .input_S5_HS {
-  width: 100%;
-  height: 100%;
-  border-radius: 4px;
-  background-color: white;
-  border: 1px solid #ececee;
-  outline: none;
-  color: #303133;
-  font-size: 14px;
-  padding: 0 48px 0 40px;
-  display: block;
+.do-hovers .bling_item_Wpkjy:hover {
+  opacity: 1;
+  background-color: var(--upime-btn-bg-hover);
 }
-.searchContentContainer_2aGCw .input_S5_HS::placeholder {
-  color: #c2c3c8;
+.do-hovers .btn_style_2ZbMu:hover {
+  color: var(--upime-active);
 }
-.searchContentContainer_2aGCw .input_S5_HS:focus {
-  border: 1px solid #2e73e5;
+.do-hovers .propEditorIconBox_ZPJ55:hover {
+  background-color: var(--upime-btn-bg-hover);
 }
-.categroyWrapper_2QXR0 {
-  flex: 1;
-  overflow: auto;
-  margin-top: 20px;
-  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
-  scrollbar-width: thin;
+.do-hovers .titleIcon_WNKTJ:hover {
+  color: var(--upime-active);
 }
-.categroyWrapper_2QXR0::-webkit-scrollbar {
-  width: 4px;
+.do-hovers .moreIcon_3EGbv:hover {
+  color: var(--upime-main-text);
 }
-.categroyWrapper_2QXR0::-webkit-scrollbar-track {
-  border-radius: 5px;
-  background-color: transparent;
+.rotateY180_3B_Co {
+  transform: rotateY(180deg);
 }
-.categroyWrapper_2QXR0::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: var(--upime-scrollbar-thumb);
+.upimeInput_CNs-e {
+  height: 38px;
+  padding: 8px 16px;
+  border: 1px solid black;
+  box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
+  border: 1px solid var(--upime-input-border);
+  border-radius: 4px;
 }
-.categroyWrapper_2QXR0 .emptyContainer_1tl6E {
-  width: 100%;
-  height: 100%;
+.upimeInput_CNs-e.invalid_3iDze {
+  box-shadow: 0px 0px 0px 2px rgba(254, 82, 80, 0.16);
+  border: 1px solid var(--upime-input-invalid);
+}
+.titleIcon_WNKTJ {
+  height: 48px;
+  width: 40px;
+  cursor: pointer;
   display: flex;
-  flex-direction: column;
-  align-items: center;
   justify-content: center;
-  color: #616371;
+  align-items: center;
 }
-.categroyWrapper_2QXR0 .emptyContainer_1tl6E .emptyImg_PnK1N {
-  width: 140px;
+.titleIcon_WNKTJ.active_3IluS {
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
+  background: initial !important;
 }
-.categroyContainer_2fReq {
-  margin-top: 20px;
-  padding: 0 16px 0 20px;
+.titleIcon_WNKTJ.active_3IluS {
+  color: var(--upime-active);
 }
-.categroyContainer_2fReq:first-child {
-  margin-top: 0;
+.moreIcon_3EGbv {
+  cursor: pointer;
 }
-.categroyContainer_2fReq .categroyTitle_1jXxy {
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 24px;
+.moreIcon_3EGbv svg {
+  color: #303445;
 }
-.categroyContainer_2fReq .categroyTitle_1jXxy.hasHover_3obj2 {
-  cursor: pointer;
+.moreIcon_3EGbv.active_3IluS svg {
+  color: var(--upime-main-text);
 }
-.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e {
-  flex-shrink: 0;
+@keyframes loading_8SMbv {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.loadingIcon_hh2my {
   width: 24px;
   height: 24px;
+  color: var(--upime-active);
+  animation: loading_8SMbv 1s linear infinite forwards;
+}
+.AIButtonContainer_1KCD9 {
+  padding: 0 8px;
+  height: 100%;
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
-.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e.iconRotate_R8Zzg {
-  transform: rotate(-90deg);
+.AIButtonContainer_1KCD9.transparent_KymT8 {
+  opacity: 0;
 }
-.categroyContainer_2fReq .colorpalettesWrapper_26FnQ {
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   position: relative;
 }
-.categroyContainer_2fReq .colorpalettesWrapper_26FnQ .colorpalettesOptionContainer_3B7E_ {
-  position: absolute;
-  left: 0;
-  top: calc(100% + 1px);
-}
-.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t {
-  margin-top: 10px;
-  height: 24px;
-  padding: 2px;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD {
+  overflow: hidden;
   display: flex;
+  justify-content: center;
   align-items: center;
-  gap: 4px;
-  border-radius: 2px;
-  width: fit-content;
-  cursor: pointer;
-}
-.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t.tinyColorPa_2hUVD {
-  margin-top: 4px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  transform-origin: center center;
+  transition: 0.4s;
 }
-.categroyContainer_2fReq.tinyCate_38BwA {
-  padding: 0;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIShow_3bXP_ {
+  transform: scale(1) rotate(0);
+  opacity: 1;
 }
-.defaultColorTheme_2B6iW {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: var(--upime-main-text);
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIHide_36dTz {
+  transform: scale(0) rotate(360deg);
+  opacity: 0;
 }
-.simpleColorTheme_21RUC {
-  display: flex;
-  align-items: center;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonHover_k40Kt:hover {
+  background-color: var(--upime-btn-bg-hover);
 }
-.simpleColorTheme_21RUC .simpleColorCircle_314Rw {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border-width: 2px;
-  border-style: solid;
-  margin-left: -5px;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonDisabled_1ZmJx {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
 }
-.simpleColorTheme_21RUC .simpleColorCircle_314Rw:first-child {
-  margin-left: 0;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD .AIButtonImage_1g9MN {
+  width: 32px;
+  height: 32px;
 }
-.childrenOptionContainer_3c2BF {
-  width: 160px;
-  padding: 8px 0;
-  border-radius: 2px;
+.phoneBgColorFcContainer_3kNvI {
   background-color: white;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  padding: 16px 0px;
+  border-radius: 4px;
+  width: 100%;
+  overflow: hidden;
+  pointer-events: all;
+  position: relative;
 }
-.childrenOptionContainer_3c2BF .options_39ftb {
-  height: 40px;
-  padding: 0 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  color: var(--upime-active);
+.widgetTypePicker_5H8Qx {
+  position: absolute;
+  width: 212px;
+  padding: 16px 4px 16px 16px;
+  border-radius: 4px;
+  background-color: #ffffff;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-.iconListContainer_92Ipt {
-  margin-top: 10px;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu {
+  max-height: 274px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
-.iconListContainer_92Ipt .iconListView_sqkVV {
-  width: 100%;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF {
   display: flex;
-  flex-wrap: wrap;
+  justify-content: left;
+  align-items: center;
+  flex-flow: row wrap;
   gap: 12px;
+  padding-right: 12px;
 }
-.iconListContainer_92Ipt .iconListView_sqkVV .iconCell_2I3tD {
-  width: 40px;
-  height: 40px;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF .baseTypeItem_2ZO0E {
+  width: 36px;
+  height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 2px;
 }
-.iconListContainer_92Ipt .iconListView_sqkVV .draggingIcon_1wKts {
-  position: fixed;
-  z-index: 9999;
-  width: 44px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 4px;
-  background-color: white;
-  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
-  transform: translateX(-50%) translateY(-50%);
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeDivider_L_aZN {
+  margin-top: 4px;
+  margin-bottom: 12px;
+  border-top: 1px solid #e6e7e9;
+  margin-right: 12px;
 }
-.iconListContainer_92Ipt.tinyIconList_3JAOj .iconCell_2I3tD {
-  width: 36px;
-  height: 36px;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL {
+  flex: 1;
+  padding-right: 6px;
+  overflow: auto;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
 }
-.do-hovers .colorpalettesContaienr_2Tw5t:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar {
+  width: 4px;
 }
-.do-hovers .titleIconContainer_2HpFh:hover {
-  color: var(--upime-active);
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
 }
-.do-hovers .childrenOptionContainer_3c2BF .options_39ftb:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
 }
-.do-hovers .iconListView_sqkVV .iconCell_2I3tD:hover {
+.do-hovers .widget-type-item_2rkJI:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
 
@@ -20189,6 +20189,11 @@
 .inMoreCtrl_2ObEO .subWin_TjjfP {
   bottom: -128px;
 }
+.inMoreCtrl_2ObEO::before {
+  right: auto;
+  right: initial;
+  left: 36px;
+}
 .panelRoot_2exv- {
   width: 100%;
   height: 100%;
@@ -20386,6 +20391,9 @@
   border-radius: 4px;
   box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
 }
+.applyPermNoticeBox_1xavn.miniMode_2vnMT {
+  bottom: 46px;
+}
 .permApplyListModalBox_J73ps {
   width: 520px;
   min-height: 286px;