@overmap-ai/blocks 1.0.27-custom-table-component.2 → 1.0.27-custom-table-component.4

package/dist/style.css

@@ -8,6 +8,52 @@
 
 ._radius_curjh_9 {
   border-radius: max(var(--radius-full), var(--radius-4));
+}._BaseMenuItem_5r3et_1 {
+  font-size: var(--font-size-2);
+}
+._BaseMenuItem_5r3et_1:after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+._BaseMenuItem_5r3et_1[data-highlighted]:after {
+  background-color: var(--accent-a5);
+}
+
+._RemoveOutline_5r3et_15 {
+  outline: none;
+}
+
+._BaseMenuSeparator_5r3et_19 {
+  margin: 0 calc(-1 * var(--base-menu-content-padding));
+  align-self: center;
+}
+._BaseMenuSeparator_5r3et_19 > div {
+  border-bottom: 1px solid var(--gray-a4);
+}
+
+._BaseMenuInput_5r3et_27 {
+  width: 100%;
+}._merged_wdgxo_1 > .rt-BaseButton:not(:first-of-type):not(:last-of-type) {
+  border-radius: 0;
+}
+._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:first-of-type {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:last-of-type {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:first-of-type {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:last-of-type {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }._fluid_r73gr_1 {
   flex-grow: 1;
   width: auto;
@@ -65,115 +111,131 @@
   border: 2px solid white;
   border-bottom: 2px solid transparent;
   animation: _spin_isifr_9 1s linear infinite;
-}._merged_wdgxo_1 > .rt-BaseButton:not(:first-of-type):not(:last-of-type) {
-  border-radius: 0;
-}
-._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:first-of-type {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+}._separators_1f7v1_1 > *:not(:last-of-type) {
+  border-bottom: 1px solid var(--gray-a6);
+}button {
+  all: unset;
 }
-._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:last-of-type {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+
+._checkbox_yl8iy_5 {
+  background-color: var(--color-panel-solid);
+  width: 15px;
+  height: 15px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-surface);
+  box-shadow: inset 0 0 0 1px var(--gray-a7);
+  cursor: var(--cursor-checkbox);
 }
-._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:first-of-type {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+._checkbox_yl8iy_5 [data-state=checked], ._checkbox_yl8iy_5 [data-state=indeterminate] {
+  background-color: var(--accent-9);
+  color: var(--accent-9-contrast);
 }
-._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:last-of-type {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}._separators_1f7v1_1 > *:not(:last-of-type) {
-  border-bottom: 1px solid var(--gray-a6);
-}._OverlayContent_1nr9w_1 {
-  position: fixed;
-  inset: 0;
+
+._checkboxIndicator_yl8iy_22 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  justify-items: center;
+  height: 100%;
+  width: 100%;
+  border-radius: 4px;
+  padding-right: 0.5px;
 }
 
-._OverlayOverlay_1nr9w_6 {
-  position: fixed;
-  inset: 0;
-}._BaseMenuItem_5r3et_1 {
-  font-size: var(--font-size-2);
+._checkboxLabel_yl8iy_33 {
+  padding-left: 0.5rem;
 }
-._BaseMenuItem_5r3et_1:after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background-color: transparent;
-  border-radius: var(--radius-2);
+
+._noTextHighlight_yl8iy_37 {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
-._BaseMenuItem_5r3et_1[data-highlighted]:after {
-  background-color: var(--accent-a5);
+
+._checkboxHidden_yl8iy_46 {
+  visibility: hidden;
+}._editableTextContainer_174g6_1 {
+  align-items: center;
 }
 
-._RemoveOutline_5r3et_15 {
+._editableTextText_174g6_5 div {
   outline: none;
+  box-shadow: none;
+  border: none;
+  background: transparent;
 }
-
-._BaseMenuSeparator_5r3et_19 {
-  margin: 0 calc(-1 * var(--base-menu-content-padding));
-  align-self: center;
+._editableTextText_174g6_5 input {
+  font-size: var(--font-size-3);
 }
-._BaseMenuSeparator_5r3et_19 > div {
-  border-bottom: 1px solid var(--gray-a4);
+._editableTextText_174g6_5 .rt-TextFieldInput:where(:disabled, :read-only) {
+  color: unset;
+  -webkit-text-fill-color: unset;
 }
 
-._BaseMenuInput_5r3et_27 {
-  width: 100%;
-}._fluid_7n1wr_1 {
-  flex-grow: 1;
-  width: auto;
-}._default_u936h_1 {
-  cursor: var(--cursor-switch);
+._editableTextInput_174g6_19 input {
+  font-size: var(--font-size-3);
 }
-._default_u936h_1 span {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+
+._iconHidden_174g6_23 {
+  visibility: hidden;
+}._OverlayContent_1nr9w_1 {
+  position: fixed;
+  inset: 0;
 }
-._default_u936h_1 svg {
-  pointer-events: none;
-  cursor: inherit;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}._sidebarContent_1onyo_1 {
-  position: absolute;
-  overflow: hidden;
-  top: 0;
-  bottom: 0;
+
+._OverlayOverlay_1nr9w_6 {
+  position: fixed;
+  inset: 0;
+}._accommodateCharCount_1octa_1 {
+  margin-bottom: var(--line-height-1);
 }
-._sidebarContent_1onyo_1._right_1onyo_7 {
-  right: 0;
+
+._wrapper_1octa_5 {
+  height: min-content;
+  flex-grow: 1;
 }
-._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10 {
-  left: 3px !important;
+
+._default_1octa_10 {
+  width: 100%;
 }
-._sidebarContent_1onyo_1._left_1onyo_13 {
-  left: 0;
+
+._noLeftIcon_1octa_14 {
+  padding-left: 0.25rem;
 }
-._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10 {
-  right: 3px !important;
+
+._noRightIcon_1octa_18 {
+  padding-right: 0.25rem;
 }
 
-._resizeHandle_1onyo_10 {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  transition: opacity 200ms linear;
+._ghost_1octa_22 input {
+  text-indent: 0;
+  padding: 0;
 }
-._resizeHandle_1onyo_10:hover, ._resizeHandle_1onyo_10:active, ._resizeHandle_1onyo_10:focus {
-  opacity: 1;
+._ghost_1octa_22 input:not(._noLeftIcon_1octa_14) {
+  padding-left: 0.25rem;
+}
+._ghost_1octa_22 input:not(._noRightIcon_1octa_18) {
+  padding-right: 0.25rem;
+}
+._ghost_1octa_22 div {
+  padding: 0;
+  outline: none;
+  box-shadow: none;
+  border: none;
+  background: transparent;
 }
 
-._overlay_1onyo_33 {
+._charCount_1octa_40 {
   position: absolute;
-  inset: 0;
-  background-color: var(--color-overlay);
+  right: 0;
+  top: 98%;
+  font-size: xx-small !important;
 }/** CSSTransition Classes for Right SlideOut */
 ._EnterRight_1jwyv_2 {
   margin-right: calc(-1 * var(--slide-out-width));
@@ -232,130 +294,26 @@
 ._Overlay_1jwyv_56 {
   position: absolute;
   inset: 0;
-}/** CSSTransition Classes for Right SlideOut */
-._EnterRight_1jwyv_2 {
-  margin-right: calc(-1 * var(--slide-out-width));
+}._wrapper_1ssf2_1 {
+  position: relative;
+  overflow: hidden;
 }
 
-._EnterActiveRight_1jwyv_6 {
-  transition: margin-right 200ms linear;
-  margin-right: 0;
+._panelContent_1ssf2_6 {
+  border: 0;
+  flex-shrink: 0;
+  min-width: 0;
+  overflow: hidden;
+  transition-property: transform, margin-right, margin-left;
+  box-shadow: var(--shadow-2);
 }
-
-._EnterDoneRight_1jwyv_11 {
-  margin-right: 0;
+._panelContent_1ssf2_6._left_1ssf2_14 {
+  transform: translateX(-100%);
+  margin-right: auto;
 }
-
-._ExitRight_1jwyv_15 {
-  margin-right: 0;
-}
-
-._ExitActiveRight_1jwyv_19 {
-  transition: margin-right 200ms linear;
-  margin-right: calc(-1 * var(--slide-out-width));
-}
-
-._ExitDoneRight_1jwyv_24 {
-  margin-right: calc(-1 * var(--slide-out-width));
-}
-
-/** CSSTransition Classes for Left SlideOut */
-._EnterLeft_1jwyv_29 {
-  margin-left: calc(-1 * var(--slide-out-width));
-}
-
-._EnterActiveLeft_1jwyv_33 {
-  transition: margin-left 200ms linear;
-  margin-left: 0;
-}
-
-._EnterDoneLeft_1jwyv_38 {
-  margin-left: 0;
-}
-
-._ExitLeft_1jwyv_42 {
-  margin-left: 0;
-}
-
-._ExitActiveLeft_1jwyv_46 {
-  transition: margin-left 200ms linear;
-  margin-left: calc(-1 * var(--slide-out-width));
-}
-
-._ExitDoneLeft_1jwyv_51 {
-  margin-left: calc(-1 * var(--slide-out-width));
-}
-
-/** Other Classes */
-._Overlay_1jwyv_56 {
-  position: absolute;
-  inset: 0;
-}._accommodateCharCount_1octa_1 {
-  margin-bottom: var(--line-height-1);
-}
-
-._wrapper_1octa_5 {
-  height: min-content;
-  flex-grow: 1;
-}
-
-._default_1octa_10 {
-  width: 100%;
-}
-
-._noLeftIcon_1octa_14 {
-  padding-left: 0.25rem;
-}
-
-._noRightIcon_1octa_18 {
-  padding-right: 0.25rem;
-}
-
-._ghost_1octa_22 input {
-  text-indent: 0;
-  padding: 0;
-}
-._ghost_1octa_22 input:not(._noLeftIcon_1octa_14) {
-  padding-left: 0.25rem;
-}
-._ghost_1octa_22 input:not(._noRightIcon_1octa_18) {
-  padding-right: 0.25rem;
-}
-._ghost_1octa_22 div {
-  padding: 0;
-  outline: none;
-  box-shadow: none;
-  border: none;
-  background: transparent;
-}
-
-._charCount_1octa_40 {
-  position: absolute;
-  right: 0;
-  top: 98%;
-  font-size: xx-small !important;
-}._wrapper_tmtz0_1 {
-  height: max-content;
-}._wrapper_1ssf2_1 {
-  position: relative;
-  overflow: hidden;
-}
-
-._panelContent_1ssf2_6 {
-  border: 0;
-  flex-shrink: 0;
-  min-width: 0;
-  overflow: hidden;
-  transition-property: transform, margin-right, margin-left;
-  box-shadow: var(--shadow-2);
-}
-._panelContent_1ssf2_6._left_1ssf2_14 {
-  transform: translateX(-100%);
-  margin-right: auto;
-}
-._panelContent_1ssf2_6._right_1ssf2_18 {
-  transform: translateX(100%);
-  margin-left: auto;
+._panelContent_1ssf2_6._right_1ssf2_18 {
+  transform: translateX(100%);
+  margin-left: auto;
 }
 
 ._resizable_1ssf2_23 {
@@ -389,6 +347,8 @@
   flex-shrink: 1;
   min-width: 0;
   width: max-content;
+}._wrapper_tmtz0_1 {
+  height: max-content;
 }._multiPagePopover_16xvh_1 {
   display: flex;
   flex-direction: column;
@@ -424,6 +384,167 @@
 }
 ._optionsButton_16xvh_21:hover {
   background-color: rgba(0, 0, 0, 0.1) !important;
+}._noWrap_1wpa5_1 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}._fluid_7n1wr_1 {
+  flex-grow: 1;
+  width: auto;
+}._light_1u8fs_1 span {
+  color: var(--gray-a3);
+}
+._light_1u8fs_1 [role=separator] {
+  background-color: var(--gray-a3);
+}
+
+._bold_1u8fs_8 span {
+  color: var(--gray-a9);
+}
+._bold_1u8fs_8 [role=separator] {
+  background-color: var(--gray-a9);
+}
+
+._full_1u8fs_15 span {
+  color: var(--gray-a12);
+}
+._full_1u8fs_15 [role=separator] {
+  background-color: var(--gray-a12);
+}
+
+._Text_1u8fs_22 {
+  color: var(--gray-a6);
+}._sidebarContent_1onyo_1 {
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  bottom: 0;
+}
+._sidebarContent_1onyo_1._right_1onyo_7 {
+  right: 0;
+}
+._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10 {
+  left: 3px !important;
+}
+._sidebarContent_1onyo_1._left_1onyo_13 {
+  left: 0;
+}
+._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10 {
+  right: 3px !important;
+}
+
+._resizeHandle_1onyo_10 {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 200ms linear;
+}
+._resizeHandle_1onyo_10:hover, ._resizeHandle_1onyo_10:active, ._resizeHandle_1onyo_10:focus {
+  opacity: 1;
+}
+
+._overlay_1onyo_33 {
+  position: absolute;
+  inset: 0;
+  background-color: var(--color-overlay);
+}/** CSSTransition Classes for Right SlideOut */
+._EnterRight_1jwyv_2 {
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+
+._EnterActiveRight_1jwyv_6 {
+  transition: margin-right 200ms linear;
+  margin-right: 0;
+}
+
+._EnterDoneRight_1jwyv_11 {
+  margin-right: 0;
+}
+
+._ExitRight_1jwyv_15 {
+  margin-right: 0;
+}
+
+._ExitActiveRight_1jwyv_19 {
+  transition: margin-right 200ms linear;
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+
+._ExitDoneRight_1jwyv_24 {
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+
+/** CSSTransition Classes for Left SlideOut */
+._EnterLeft_1jwyv_29 {
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+
+._EnterActiveLeft_1jwyv_33 {
+  transition: margin-left 200ms linear;
+  margin-left: 0;
+}
+
+._EnterDoneLeft_1jwyv_38 {
+  margin-left: 0;
+}
+
+._ExitLeft_1jwyv_42 {
+  margin-left: 0;
+}
+
+._ExitActiveLeft_1jwyv_46 {
+  transition: margin-left 200ms linear;
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+
+._ExitDoneLeft_1jwyv_51 {
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+
+/** Other Classes */
+._Overlay_1jwyv_56 {
+  position: absolute;
+  inset: 0;
+}._default_u936h_1 {
+  cursor: var(--cursor-switch);
+}
+._default_u936h_1 span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._default_u936h_1 svg {
+  pointer-events: none;
+  cursor: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}._sortIconButton_1eqvr_1 {
+  width: 14px;
+  height: 100%;
+  background-color: unset;
+  border: unset;
+  padding: unset;
+  margin: unset;
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+._sortIconButton_1eqvr_1 > svg {
+  margin: 0 auto;
+  display: block;
+}
+._sortIconButton_1eqvr_1:disabled {
+  visibility: hidden;
+}
+
+._tableRoot_1eqvr_21 {
+  margin: 0;
 }._charCount_1lz28_1 {
   font-size: x-small;
 }
@@ -435,9 +556,23 @@
   outline: none;
   box-shadow: none;
   background-color: transparent;
-}._default_xqvoc_1 {
-  min-width: max-content;
-}._ToastViewport_1i6bp_1 {
+}/*
+	Doubling up on the radix-themes class to increase specificity over the default.
+	Note: the class name must be "radix-themes" for nested themes to work.
+
+	See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
+ */
+.radix-themes.radix-themes {
+	--cursor-button: pointer;
+	--cursor-menu-item: pointer;
+	--cursor-checkbox: pointer;
+}
+
+.rt-BaseButton {
+	/* fix the cursor token only being applied to HTML buttons */
+	cursor: var(--cursor-button);
+}
+._ToastViewport_1i6bp_1 {
   --viewport-padding: var(--space-5);
   position: fixed;
   top: 0;
@@ -494,17 +629,6 @@
   to {
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
-}._default_1odpt_1 {
-  background-color: var(--color-panel-solid);
-  box-shadow: var(--shadow-2);
-  height: max-content;
-  width: max-content;
-}
-._default_1odpt_1 p {
-  color: var(--gray-12) !important;
-}
-._default_1odpt_1 span {
-  display: none;
 }._ToggleButton_13aus_1[data-state=on][data-variant=solid] {
   outline: 2px solid var(--color-focus-root);
   outline-offset: 2px;
@@ -518,141 +642,17 @@
 }
 ._ToggleButton_13aus_1[data-state=on][data-variant=ghost] {
   background-color: var(--accent-a5);
-}._noWrap_1wpa5_1 {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-}/*
-	Doubling up on the radix-themes class to increase specificity over the default.
-	Note: the class name must be "radix-themes" for nested themes to work.
-
-	See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
- */
-.radix-themes.radix-themes {
-	--cursor-button: pointer;
-	--cursor-menu-item: pointer;
-	--cursor-checkbox: pointer;
-}
-
-.rt-BaseButton {
-	/* fix the cursor token only being applied to HTML buttons */
-	cursor: var(--cursor-button);
-}
-._light_1u8fs_1 span {
-  color: var(--gray-a3);
-}
-._light_1u8fs_1 [role=separator] {
-  background-color: var(--gray-a3);
-}
-
-._bold_1u8fs_8 span {
-  color: var(--gray-a9);
-}
-._bold_1u8fs_8 [role=separator] {
-  background-color: var(--gray-a9);
-}
-
-._full_1u8fs_15 span {
-  color: var(--gray-a12);
-}
-._full_1u8fs_15 [role=separator] {
-  background-color: var(--gray-a12);
-}
-
-._Text_1u8fs_22 {
-  color: var(--gray-a6);
-}button {
-  all: unset;
-}
-
-._checkbox_yl8iy_5 {
+}._default_xqvoc_1 {
+  min-width: max-content;
+}._default_1odpt_1 {
   background-color: var(--color-panel-solid);
-  width: 15px;
-  height: 15px;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-surface);
-  box-shadow: inset 0 0 0 1px var(--gray-a7);
-  cursor: var(--cursor-checkbox);
-}
-._checkbox_yl8iy_5 [data-state=checked], ._checkbox_yl8iy_5 [data-state=indeterminate] {
-  background-color: var(--accent-9);
-  color: var(--accent-9-contrast);
-}
-
-._checkboxIndicator_yl8iy_22 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  justify-items: center;
-  height: 100%;
-  width: 100%;
-  border-radius: 4px;
-  padding-right: 0.5px;
-}
-
-._checkboxLabel_yl8iy_33 {
-  padding-left: 0.5rem;
-}
-
-._noTextHighlight_yl8iy_37 {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-._checkboxHidden_yl8iy_46 {
-  visibility: hidden;
-}._sortIconButton_1eqvr_1 {
-  width: 14px;
-  height: 100%;
-  background-color: unset;
-  border: unset;
-  padding: unset;
-  margin: unset;
-  cursor: pointer;
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-._sortIconButton_1eqvr_1 > svg {
-  margin: 0 auto;
-  display: block;
-}
-._sortIconButton_1eqvr_1:disabled {
-  visibility: hidden;
-}
-
-._tableRoot_1eqvr_21 {
-  margin: 0;
-}._editableTextContainer_174g6_1 {
-  align-items: center;
-}
-
-._editableTextText_174g6_5 div {
-  outline: none;
-  box-shadow: none;
-  border: none;
-  background: transparent;
-}
-._editableTextText_174g6_5 input {
-  font-size: var(--font-size-3);
-}
-._editableTextText_174g6_5 .rt-TextFieldInput:where(:disabled, :read-only) {
-  color: unset;
-  -webkit-text-fill-color: unset;
+  box-shadow: var(--shadow-2);
+  height: max-content;
+  width: max-content;
 }
-
-._editableTextInput_174g6_19 input {
-  font-size: var(--font-size-3);
+._default_1odpt_1 p {
+  color: var(--gray-12) !important;
 }
-
-._iconHidden_174g6_23 {
-  visibility: hidden;
+._default_1odpt_1 span {
+  display: none;
 }