@box/blueprint-web 17.22.0 → 17.22.2

package/dist/lib-esm/components.css

@@ -8553,7 +8553,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   display:inline;
 }
 
-.bp_modal_module_overlay--0e889{
+.bp_modal_module_overlay--aa987{
   --modal-overlay-background:var(--bp-overlay-modal-overlay);
   --modal-content-background:var(--bp-surface-modal-surface);
   --modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
@@ -8579,6 +8579,8 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   --modal-back-button-margin-inline-start:var(--bp-space-040);
   --modal-back-button-size-non-fullscreen:var(--bp-size-100);
   --modal-title-gap:var(--bp-space-020);
+  --modal-title-addon-gap:var(--bp-space-010);
+  --modal-title-inline-gap:var(--bp-space-030);
   --modal-title-padding:var(--bp-space-050) var(--bp-space-120) var(--bp-space-050) var(--bp-space-040);
   --modal-title-padding-non-fullscreen:var(--bp-space-060) var(--bp-space-160) var(--bp-space-060) var(--bp-space-060);
   --modal-body-padding-fullscreen:var(--bp-space-020) var(--bp-space-040) var(--bp-space-040) var(--bp-space-040);
@@ -8599,15 +8601,15 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   z-index:var(--z-index-modal);
 }
 @media (width > 459px){
-  .bp_modal_module_overlay--0e889{
+  .bp_modal_module_overlay--aa987{
     place-items:center;
   }
 }
 
-.bp_modal_module_headerDividerLine--0e889{
+.bp_modal_module_headerDividerLine--aa987{
   position:relative;
 }
-.bp_modal_module_headerDividerLine--0e889::after{
+.bp_modal_module_headerDividerLine--aa987::after{
   border-bottom:var(--modal-divider-line-border);
   bottom:0;
   content:"";
@@ -8616,16 +8618,16 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   right:var(--modal-divider-line-offset-right);
 }
 @media (width > 459px){
-  .bp_modal_module_headerDividerLine--0e889::after{
+  .bp_modal_module_headerDividerLine--aa987::after{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_footerDividerLine--0e889{
+.bp_modal_module_footerDividerLine--aa987{
   position:relative;
 }
-.bp_modal_module_footerDividerLine--0e889::before{
+.bp_modal_module_footerDividerLine--aa987::before{
   border-bottom:var(--modal-divider-line-border);
   content:"";
   left:var(--modal-divider-line-offset-left);
@@ -8634,13 +8636,13 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   top:0;
 }
 @media (width > 459px){
-  .bp_modal_module_footerDividerLine--0e889::before{
+  .bp_modal_module_footerDividerLine--aa987::before{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_content--0e889{
+.bp_modal_module_content--aa987{
   display:flex;
   flex-direction:column;
   height:100vh;
@@ -8648,15 +8650,15 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   position:relative;
 }
 @media (width > 374px){
-  .bp_modal_module_content--0e889{
+  .bp_modal_module_content--aa987{
     overflow:hidden;
   }
 }
-.bp_modal_module_content--0e889{
+.bp_modal_module_content--aa987{
   background-color:var(--modal-content-background);
 }
 @media (width > 459px){
-  .bp_modal_module_content--0e889{
+  .bp_modal_module_content--aa987{
     border-radius:var(--modal-border-radius);
     height:auto;
     margin:var(--modal-margin);
@@ -8664,97 +8666,97 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
     min-width:var(--modal-min-width-non-fullscreen);
     transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
   }
-  .bp_modal_module_content--0e889.bp_modal_module_smallSizeModal--0e889{
+  .bp_modal_module_content--aa987.bp_modal_module_smallSizeModal--aa987{
     max-width:var(--modal-max-width-small);
   }
-  .bp_modal_module_content--0e889.bp_modal_module_mediumSizeModal--0e889{
+  .bp_modal_module_content--aa987.bp_modal_module_mediumSizeModal--aa987{
     max-width:var(--modal-max-width-medium);
   }
-  .bp_modal_module_content--0e889.bp_modal_module_largeSizeModal--0e889{
+  .bp_modal_module_content--aa987.bp_modal_module_largeSizeModal--aa987{
     max-width:var(--modal-max-width-large);
   }
-  .bp_modal_module_content--0e889.bp_modal_module_xlargeSizeModal--0e889{
+  .bp_modal_module_content--aa987.bp_modal_module_xlargeSizeModal--aa987{
     max-width:var(--modal-max-width-xlarge);
   }
 }
-.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_footerDividerLine--0e889::before,.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_headerDividerLine--0e889::after{
+.bp_modal_module_content--aa987:has(.bp_modal_module_loadingContainerActive--aa987) .bp_modal_module_footerDividerLine--aa987::before,.bp_modal_module_content--aa987:has(.bp_modal_module_loadingContainerActive--aa987) .bp_modal_module_headerDividerLine--aa987::after{
   display:none;
 }
 @media (width > 459px){
-  .bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889){
+  .bp_modal_module_content--aa987:has(.bp_modal_module_loadingContainerActive--aa987){
     max-height:var(--modal-max-height-loading);
     max-width:var(--modal-max-width-loading);
   }
 }
 
-.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=false]{
-  animation:bp_modal_module_popup_bounce_in--0e889 var(--animation-duration-3);
+.bp_modal_module_overlay--aa987 .bp_modal_module_content--aa987[data-bp-animated=false]{
+  animation:bp_modal_module_popup_bounce_in--aa987 var(--animation-duration-3);
 }
 
-.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=open]{
+.bp_modal_module_overlay--aa987 .bp_modal_module_content--aa987[data-bp-animated=true][data-state=open]{
   animation-duration:var(--bp-duration-long);
   animation-fill-mode:backwards;
-  animation-name:bp_modal_module_bpModalEnter--0e889;
+  animation-name:bp_modal_module_bpModalEnter--aa987;
   animation-timing-function:var(--bp-curve-large-on);
 }
 
-.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=closed],.bp_modal_module_overlay--0e889[data-bp-animated=true][data-state=closed]{
+.bp_modal_module_overlay--aa987 .bp_modal_module_content--aa987[data-bp-animated=true][data-state=closed],.bp_modal_module_overlay--aa987[data-bp-animated=true][data-state=closed]{
   animation-duration:var(--bp-duration-medium);
   animation-fill-mode:forwards;
-  animation-name:bp_modal_module_bpModalExit--0e889;
+  animation-name:bp_modal_module_bpModalExit--aa987;
   animation-timing-function:var(--bp-curve-large-off);
 }
 
-.bp_modal_module_scrollableContainer--0e889{
+.bp_modal_module_scrollableContainer--aa987{
   flex-grow:1;
 }
 @media (width > 374px){
-  .bp_modal_module_scrollableContainer--0e889{
+  .bp_modal_module_scrollableContainer--aa987{
     overflow-y:auto;
   }
 }
 
-.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
+.bp_modal_module_content--aa987 .bp_modal_module_close--aa987{
   position:fixed;
 }
 @media (width > 374px){
-  .bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
+  .bp_modal_module_content--aa987 .bp_modal_module_close--aa987{
     position:absolute;
   }
 }
-.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
+.bp_modal_module_content--aa987 .bp_modal_module_close--aa987{
   color:var(--modal-close-button-color);
   right:var(--modal-close-button-offset-right);
   top:var(--modal-close-button-offset-top);
 }
 
-.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889{
+.bp_modal_module_close--aa987.bp_modal_module_onColor--aa987{
   background-color:var(--modal-close-button-on-color-background);
 }
-.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:hover{
+.bp_modal_module_close--aa987.bp_modal_module_onColor--aa987:hover{
   background-color:var(--modal-close-button-on-color-background-hover);
 }
-.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:active{
+.bp_modal_module_close--aa987.bp_modal_module_onColor--aa987:active{
   background-color:var(--modal-close-button-on-color-background-pressed);
 }
 
-.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
+.bp_modal_module_content--aa987 .bp_modal_module_backButton--aa987{
   color:var(--modal-back-button-color);
   margin-block-start:var(--modal-back-button-margin-top-start);
   margin-inline-start:var(--modal-back-button-margin-inline-start);
 }
 @media (width > 459px){
-  .bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
+  .bp_modal_module_content--aa987 .bp_modal_module_backButton--aa987{
     height:var(--modal-back-button-size-non-fullscreen);
     width:var(--modal-back-button-size-non-fullscreen);
   }
 }
 
-.bp_modal_module_modalHeader--0e889{
+.bp_modal_module_modalHeader--aa987{
   display:flex;
 }
 
-.bp_modal_module_modalTitle--0e889{
+.bp_modal_module_modalTitle--aa987{
   display:flex;
   flex-direction:column;
   gap:var(--modal-title-gap);
@@ -8762,83 +8764,131 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
   padding:var(--modal-title-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_modalTitle--0e889{
+  .bp_modal_module_modalTitle--aa987{
     padding:var(--modal-title-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_body--0e889{
+.bp_modal_module_modalHeaderWithAddon--aa987{
+  container-name:modal-header;
+  container-type:inline-size;
+}
+
+.bp_modal_module_modalTitleWithAddon--aa987{
+  align-items:center;
+  flex-flow:row wrap;
+  gap:var(--modal-title-addon-gap) var(--modal-title-inline-gap);
+  min-width:0;
+  width:100%;
+}
+
+.bp_modal_module_modalTitleLabel--aa987{
+  display:flex;
+  flex-direction:column;
+  gap:var(--modal-title-gap);
+  max-width:100%;
+  min-width:0;
+}
+
+.bp_modal_module_modalTitleAddon--aa987{
+  flex-shrink:0;
+  max-width:100%;
+}
+
+.bp_modal_module_modalTitleText--aa987{
+  -webkit-box-orient:vertical;
+  -webkit-line-clamp:1;
+  display:-webkit-box;
+  overflow:hidden;
+}
+
+.bp_modal_module_modalTitleWithSubtitle--aa987 > *{
+  flex-basis:100%;
+}
+
+@container modal-header (max-width: 759px){
+  .bp_modal_module_modalTitleWithAddon--aa987 > *{
+    flex-basis:100%;
+  }
+  .bp_modal_module_modalTitleText--aa987{
+    -webkit-box-orient:vertical;
+    -webkit-line-clamp:2;
+    display:-webkit-box;
+    overflow:hidden;
+  }
+}
+.bp_modal_module_body--aa987{
   color:var(--modal-body-text-color);
   padding:var(--modal-body-padding-fullscreen);
 }
 @media (width > 459px){
-  .bp_modal_module_body--0e889{
+  .bp_modal_module_body--aa987{
     padding:var(--modal-body-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_footer--0e889{
+.bp_modal_module_footer--aa987{
   display:flex;
   justify-content:flex-end;
   padding:var(--modal-footer-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_footer--0e889{
+  .bp_modal_module_footer--aa987{
     padding:var(--modal-footer-padding-non-fullscreen);
   }
 }
-.bp_modal_module_footer--0e889 .bp_modal_module_footerButton--0e889{
+.bp_modal_module_footer--aa987 .bp_modal_module_footerButton--aa987{
   cursor:pointer;
 }
 
-.bp_modal_module_footerButton--0e889 + .bp_modal_module_footerButton--0e889{
+.bp_modal_module_footerButton--aa987 + .bp_modal_module_footerButton--aa987{
   margin-inline-start:var(--modal-footer-button-margin-inline-start);
 }
 
-.bp_modal_module_loadingContainer--0e889{
+.bp_modal_module_loadingContainer--aa987{
   display:flex;
   flex-direction:column;
   flex-grow:1;
   position:relative;
 }
 @media (width > 374px){
-  .bp_modal_module_loadingContainer--0e889{
+  .bp_modal_module_loadingContainer--aa987{
     min-height:0;
   }
 }
 
-.bp_modal_module_loadingContainerActive--0e889{
+.bp_modal_module_loadingContainerActive--aa987{
   overflow:hidden;
 }
 
-.bp_modal_module_loading--0e889{
+.bp_modal_module_loading--aa987{
   align-items:center;
   display:flex;
 }
 
-.bp_modal_module_loadingOverlay--0e889{
+.bp_modal_module_loadingOverlay--aa987{
   background-color:var(--modal-content-background);
   inset:0;
   position:absolute;
   z-index:1;
 }
 
-.bp_modal_module_loadingContent--0e889{
+.bp_modal_module_loadingContent--aa987{
   display:flex;
   flex-direction:column;
   visibility:hidden;
 }
 @media (width > 374px){
-  .bp_modal_module_loadingContent--0e889{
+  .bp_modal_module_loadingContent--aa987{
     min-height:0;
   }
 }
 
-.bp_modal_module_loadingContentVisible--0e889{
+.bp_modal_module_loadingContentVisible--aa987{
   visibility:visible;
 }
 
-@keyframes bp_modal_module_popup_bounce_in--0e889{
+@keyframes bp_modal_module_popup_bounce_in--aa987{
   0%{
     transform:scale3d(.1, .1, 1);
   }
@@ -8846,7 +8896,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
     transform:scaleX(1);
   }
 }
-@keyframes bp_modal_module_bpModalEnter--0e889{
+@keyframes bp_modal_module_bpModalEnter--aa987{
   from{
     opacity:var(--bp-opacity-hidden);
     transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
@@ -8856,7 +8906,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
     transform:translateY(0) scale(var(--bp-scale-default));
   }
 }
-@keyframes bp_modal_module_bpModalExit--0e889{
+@keyframes bp_modal_module_bpModalExit--aa987{
   from{
     opacity:var(--bp-opacity-visible);
   }
@@ -10872,34 +10922,34 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   display:flex;
   flex-direction:row;
 }
-.bp_select_menu_grid_option_module_buttonWrapper--84a39{
+.bp_select_menu_grid_option_module_buttonWrapper--93197{
   --select-menu-grid-option-labeled-margin-small-breakpoint:var(--bp-space-005) 0;
   --select-menu-grid-option-labeled-margin:var(--bp-space-005);
   --select-menu-grid-option-labeled-max-width:calc(50% - var(--bp-size-010));
   --select-menu-grid-option-labeled-max-width-first-child-margin-left:0;
   --select-menu-grid-option-labeled-max-width-last-child-margin-right:0;
 }
-.bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--84a39{
+.bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--93197{
   flex:1 1 0;
   margin:var(--select-menu-grid-option-labeled-margin-small-breakpoint);
 }
-.bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
+.bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
   max-width:100%;
 }
 @media only screen and (width > 374px){
-  .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
+  .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
     margin:var(--select-menu-grid-option-labeled-margin);
     max-width:var(--select-menu-grid-option-labeled-max-width);
   }
-  .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:first-child{
+  .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:first-child{
     margin-left:var(--select-menu-grid-option-labeled-max-width-first-child-margin-left);
   }
-  .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:last-child{
+  .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:last-child{
     margin-right:var(--select-menu-grid-option-labeled-max-width-last-child-margin-right);
   }
 }
 
-.bp_select_menu_grid_option_module_optionButton--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197{
   --select-menu-grid-option-background-color:#0000;
   --select-menu-grid-option-labeled-background-color-hover:var(--bp-surface-surface-secondary);
   --select-menu-grid-option-labeled-background-color-active:var(--bp-surface-surface-secondary);
@@ -10913,7 +10963,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --select-menu-grid-option-labeled-padding:var(--bp-space-010);
   --select-menu-grid-option-labeled-border-radius:var(--bp-radius-06);
   --select-menu-grid-option-labeled-transition:background-color var(--animation-duration-2);
-  --select-menu-grid-option-labeled-text-max-height:var(--bp-size-080);
   --select-menu-grid-option-labeled-label-content-gap:var(--bp-space-005);
   --select-menu-grid-option-labeled-label-content-optical-offset:var(--bp-border-01);
   --select-menu-grid-option-labeled-text-color:var(--bp-text-text-on-light);
@@ -10967,13 +11016,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39:not(.bp_select_menu_grid_option_module_labeled--84a39){
+.bp_select_menu_grid_option_module_optionButton--93197:not(.bp_select_menu_grid_option_module_labeled--93197){
   height:var(--select-menu-grid-option-not-labeled-height);
   justify-content:center;
   padding:var(--select-menu-grid-option-not-labeled-padding);
   width:var(--select-menu-grid-option-not-labeled-width);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197{
   border-radius:var(--select-menu-grid-option-labeled-border-radius);
   gap:var(--select-menu-grid-option-labeled-gap);
   min-width:var(--select-menu-grid-option-labeled-min-width);
@@ -10981,7 +11030,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:var(--select-menu-grid-option-labeled-transition);
   width:100%;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--93197{
   display:flex;
   flex:1;
   flex-direction:column;
@@ -10989,33 +11038,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   min-width:0;
   text-align:left;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--withDescription--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--withDescription--93197{
   gap:var(--select-menu-grid-option-labeled-label-content-gap);
   margin-top:calc(var(--select-menu-grid-option-labeled-label-content-optical-offset)*-1);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--93197{
   color:var(--select-menu-grid-option-labeled-text-color);
-  max-height:var(--select-menu-grid-option-labeled-text-max-height);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--large--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--large--93197{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:1;
   display:-webkit-box;
   overflow:hidden;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--default--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--default--93197{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   display:-webkit-box;
   overflow:hidden;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_description--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_description--93197{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:1;
   display:-webkit-box;
   overflow:hidden;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
   align-items:center;
   background:var(--icon-background);
   border-radius:var(--select-menu-grid-option-labeled-icon-border-radius);
@@ -11023,82 +11071,82 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   flex-shrink:0;
   justify-content:center;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-default--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-default--93197{
   height:var(--select-menu-grid-option-labeled-icon-default-size);
   width:var(--select-menu-grid-option-labeled-icon-default-size);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-large--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-large--93197{
   border-radius:var(--select-menu-grid-option-labeled-icon-large-border-radius);
   height:var(--select-menu-grid-option-labeled-icon-large-size);
   width:var(--select-menu-grid-option-labeled-icon-large-size);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--default--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--default--93197{
   --icon-background:var(--select-menu-grid-option-labeled-icon-default-background);
   --icon-background-dark:var(--select-menu-grid-option-labeled-icon-default-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--box--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--box--93197{
   --icon-background:var(--select-menu-grid-option-labeled-icon-box-background);
   --icon-background-dark:var(--select-menu-grid-option-labeled-icon-box-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--docgen--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--docgen--93197{
   --icon-background:var(--select-menu-grid-option-labeled-icon-docgen-background);
   --icon-background-dark:var(--select-menu-grid-option-labeled-icon-docgen-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--forms--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--forms--93197{
   --icon-background:var(--select-menu-grid-option-labeled-icon-forms-background);
   --icon-background-dark:var(--select-menu-grid-option-labeled-icon-forms-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--sign--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--sign--93197{
   --icon-background:var(--select-menu-grid-option-labeled-icon-sign-background);
   --icon-background-dark:var(--select-menu-grid-option-labeled-icon-sign-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover{
   background:var(--select-menu-grid-option-labeled-background-color-hover);
   cursor:grab;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active{
   background:var(--select-menu-grid-option-labeled-background-color-active);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_labeled--large--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_labeled--large--93197{
   border-radius:var(--select-menu-grid-option-labeled-large-border-radius);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active .bp_select_menu_grid_option_module_iconContainer--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_iconContainer--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active .bp_select_menu_grid_option_module_iconContainer--93197{
   background-color:var(--icon-background);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197{
   box-shadow:var(--select-menu-grid-option-labeled-box-shadow-dragging);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
   background-color:var(--icon-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39:hover{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197:hover{
   cursor:grabbing;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover:not(.bp_select_menu_grid_option_module_disabled--84a39) .bp_select_menu_grid_option_module_iconContainer--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover:not(.bp_select_menu_grid_option_module_disabled--93197) .bp_select_menu_grid_option_module_iconContainer--93197{
   background-color:var(--icon-background-dark);
   transition:var(--select-menu-grid-option-labeled-transition);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]{
   box-shadow:var(--select-menu-grid-option-labeled-box-shadow-focus);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]:active{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]:active{
   background:var(--select-menu-grid-option-labeled-background-color-active);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197{
   height:var(--select-menu-grid-option-square-height);
   width:var(--select-menu-grid-option-square-width);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
   align-items:center;
   border-radius:var(--select-menu-grid-option-square-border-radius);
   display:flex;
   justify-content:center;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
   height:var(--select-menu-grid-option-square-outline-host-height);
   width:var(--select-menu-grid-option-square-outline-host-width);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197{
   align-items:center;
   background-clip:content-box;
   background-color:var(--select-menu-grid-option-circle-background-color);
@@ -11110,10 +11158,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   justify-content:center;
   width:var(--select-menu-grid-option-circle-width);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39.bp_select_menu_grid_option_module_loading--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197.bp_select_menu_grid_option_module_loading--93197{
   border-color:var(--select-menu-grid-option-circle-border-color-loading);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_color--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_color--93197{
   background-color:var(--circleColor);
   border:var(--select-menu-grid-option-circle-inner-border-width) solid var(--circleBorderColor);
   border-radius:var(--select-menu-grid-option-circle-inner-border-radius);
@@ -11121,10 +11169,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   height:var(--select-menu-grid-option-circle-inner-height);
   width:var(--select-menu-grid-option-circle-inner-width);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197{
   position:relative;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39::after{
+.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197::after{
   background-color:var(--select-menu-grid-option-circle-strikethrough-background-color);
   border-radius:var(--select-menu-grid-option-circle-strikethrough-border-radius);
   content:"";
@@ -11135,32 +11183,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transform:rotate(-45deg);
   width:90%;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_square--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_square--93197{
   background-color:var(--select-menu-grid-option-square-background-color-hover);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
   background-color:var(--select-menu-grid-option-circle-background-color-hover);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_square--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_square--93197{
   background-color:var(--select-menu-grid-option-square-background-color-active);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_circle--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_circle--93197{
   border:var(--select-menu-grid-option-circle-inner-border-width-active) solid var(--circleColor);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_loading--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:disabled{
+.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_loading--93197,.bp_select_menu_grid_option_module_optionButton--93197:disabled{
   cursor:default;
 }
-.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--93197{
   box-shadow:var(--select-menu-grid-option-circle-outline-host-box-shadow-focus);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
   border-color:var(--select-menu-grid-option-circle-border-color-hover);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible].bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--84a39{
+.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible].bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--93197{
   border:var(--select-menu-grid-option-circle-border-width-focus-active) solid var(--circleColor);
   box-shadow:var(--select-menu-grid-option-circle-box-shadow-focus-active);
 }
-.bp_select_menu_grid_option_module_optionButton--84a39:disabled:not(.bp_select_menu_grid_option_module_loading--84a39){
+.bp_select_menu_grid_option_module_optionButton--93197:disabled:not(.bp_select_menu_grid_option_module_loading--93197){
   opacity:.3;
 }