@overmap-ai/blocks 1.0.5-fix-problems-magnus.1 → 1.0.6-master.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from "@radix-ui/colors";
 export * from "@radix-ui/react-icons";
-export { AccessibleIcon, Box, Grid, Container, Section, Heading, Blockquote, Code, Em, Kbd, Link, Quote, Strong, AspectRatio, Avatar, Callout, Card, ContextMenu, HoverCard, TextField, Inset, RadioGroup, ScrollArea, Slider, Tabs, Portal, Slot, VisuallyHidden, } from "@radix-ui/themes";
+export { AccessibleIcon, Box, Grid, Container, Section, Heading, Blockquote, Code, Em, Kbd, Link, Quote, Strong, AspectRatio, Avatar, Callout, Card, HoverCard, TextField, Inset, RadioGroup, ScrollArea, Slider, Tabs, Portal, Slot, VisuallyHidden, } from "@radix-ui/themes";
 export type { Responsive } from "@radix-ui/themes";
 export * from "./Badge";
 export * from "./Breadcrumb";
@@ -9,7 +9,9 @@ export * from "./ButtonGroup";
 export * from "./Dialogs";
 export * from "./Flex";
 export * from "./DropdownMenu";
+export * from "./DropdownItemMenu";
 export * from "./DropdownSelect";
+export * from "./DropdownMultiSelect";
 export * from "./HoverUtility";
 export * from "./Select";
 export * from "./MultiSelect";
@@ -29,8 +31,9 @@ export * from "./Tooltip";
 export * from "./Text";
 export * from "./Theme";
 export * from "./Separator";
-export { useSeverityColor, useViewportSize } from "./utils.ts";
+export { useSeverityColor, useViewportSize, useKeyboardShortcut, useStopEventPropagation, useTextFilter, } from "./utils.ts";
 export * from "./Checkbox";
 export * from "./Table";
 export * from "./Spinner";
-export * from "./typings.ts";
+export * from "./ConfirmEditInput";
+export * from "./typings";

package/dist/style.css

@@ -1 +1,655 @@
-._zeroMinWidth_curjh_1{min-width:0}._zeroMinHeight_curjh_5{min-height:0}._radius_curjh_9{border-radius:max(var(--radius-full),var(--radius-4))}._fluid_r73gr_1{flex-grow:1;width:auto}._hoverSpin90Clockwise_r73gr_15>svg{transition:unset}._hoverSpin90Clockwise_r73gr_15 svg{transition:transform .25s ease-in-out!important}._hoverSpin90Clockwise_r73gr_15:hover:not(:disabled) svg{transform:rotate(90deg)!important}._hoverSpin180Clockwise_r73gr_25>svg{transition:unset}._hoverSpin180Clockwise_r73gr_25 svg{transition:transform .3s ease-in-out!important}._hoverSpin180Clockwise_r73gr_25:hover:not(:disabled) svg{transform:rotate(180deg)!important}._hoverSpin360Clockwise_r73gr_35>svg{transition:unset}._hoverSpin360Clockwise_r73gr_35 svg{transition:transform .5s ease-in-out!important}._hoverSpin360Clockwise_r73gr_35:hover:not(:disabled) svg{transform:rotate(360deg)!important}@keyframes _spin_isifr_9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_isifr_9{width:16px;height:16px;border-radius:9999px;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}._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}._separators_1f7v1_1>*:not(:last-of-type){border-bottom:1px solid var(--gray-a6)}._DropdownMenu_hj4sz_1{width:max-content;min-width:max-content;margin:calc(-1 * var(--base-menu-content-padding));padding:.2em 0}._DropdownMenuItemWrapper_hj4sz_8{padding:0 .2em;box-sizing:border-box}._DropdownMenuSeparatorWrapper_hj4sz_13{padding:.2em 0;box-sizing:border-box}._DropdownMenuItem_hj4sz_8:not([data-disabled]){color:var(--gray-a11)}._DropdownMenuItem_hj4sz_8:hover{color:var(--gray-12)}._DropdownSelect_k517z_1{width:max-content;min-width:max-content;margin:calc(-1 * var(--base-menu-content-padding));background:var(--base-menu-bg)}._BorderBottom_k517z_8{border-bottom:1px solid var(--gray-a4)}._DropdownSelectInputWrapper_k517z_12{background:transparent}._DropdownSelectInputWrapper_k517z_12>*{outline:none;box-shadow:none;background-color:transparent}._DropdownSelectInput_k517z_12{outline:none;box-shadow:none;color:var(--gray-a12)}._DropdownSelectItem_k517z_27{height:max-content;padding:.2em}._fluid_7n1wr_1{flex-grow:1;width:auto}._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}._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 .2s linear}._resizeHandle_1onyo_10:hover,._resizeHandle_1onyo_10:active,._resizeHandle_1onyo_10:focus{opacity:1}._overlay_1onyo_33{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay)}._outerContent_1iy9c_1:focus-visible{outline:none}._outerContent_1iy9c_1._enter_1iy9c_4._right_1iy9c_4{transform:translate(100%);margin-left:calc(-1 * var(--slide-out-width))}._outerContent_1iy9c_1._enter_1iy9c_4._left_1iy9c_8{transform:translate(-100%);margin-right:calc(-1 * var(--slide-out-width))}._outerContent_1iy9c_1._enterActive_1iy9c_12._right_1iy9c_4{transition:transform .2s linear,margin-left .2s linear;transform:translate(0);margin-left:0}._outerContent_1iy9c_1._enterActive_1iy9c_12._left_1iy9c_8{transition:transform .2s linear,margin-right .2s linear;transform:translate(0);margin-right:0}._outerContent_1iy9c_1._exitActive_1iy9c_22._right_1iy9c_4{transition:transform .2s linear,margin-left .2s linear;transform:translate(100%);margin-left:calc(-1 * var(--slide-out-width))}._outerContent_1iy9c_1._exitActive_1iy9c_22._left_1iy9c_8{transition:transform .2s linear,margin-right .2s linear;transform:translate(-100%);margin-right:calc(-1 * var(--slide-out-width))}._outerContent_1iy9c_1._exitDone_1iy9c_32._right_1iy9c_4{transform:translate(100%);margin-left:calc(-1 * var(--slide-out-width))}._outerContent_1iy9c_1._exitDone_1iy9c_32._left_1iy9c_8{transform:translate(-100%);margin-right:calc(-1 * var(--slide-out-width))}._resizable_1iy9c_41{background-color:var(--color-panel-solid);height:100%!important;max-height:100%!important}._slideOutOverlay_1iy9c_47{background:var(--color-overlay);position:absolute;top:0;right:0;bottom:0;left: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:.25rem}._noRightIcon_1octa_18{padding-right:.25rem}._ghost_1octa_22 input{text-indent:0;padding:0}._ghost_1octa_22 input:not(._noLeftIcon_1octa_14){padding-left:.25rem}._ghost_1octa_22 input:not(._noRightIcon_1octa_18){padding-right:.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:translate(-100%);margin-right:auto}._panelContent_1ssf2_6._right_1ssf2_18{transform:translate(100%);margin-left:auto}._resizable_1ssf2_23{position:relative;height:100%!important}._resizeHandle_1ssf2_28{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}._resizeHandle_1ssf2_28:hover,._resizeHandle_1ssf2_28:active{opacity:1}._resizeHandle_1ssf2_28._right_1ssf2_18{left:3px!important}._resizeHandle_1ssf2_28._left_1ssf2_14{right:3px!important}._panelMainContent_1ssf2_48{overflow:hidden;flex-grow:1;flex-shrink:1;min-width:0;width:max-content}._multiPagePopover_spfw7_1{display:flex;flex-direction:column;gap:15px;min-width:150px!important;justify-content:start;align-items:start;padding:10px!important;box-shadow:#00000017 0 3px 12px!important}._pageTitle_spfw7_12{font-size:24px!important;font-weight:700!important}._buttonContainer_spfw7_17{display:flex;flex-direction:row}._optionsButtonContainer_spfw7_22{width:100%;display:flex;gap:10px;justify-content:center;flex-direction:column!important}._optionsButton_spfw7_22{width:100%!important;flex:1;justify-content:start!important}._optionsButton_spfw7_22:hover{background-color:#0000001a!important}._charCount_1lz28_1{font-size:x-small}._ghost_1lz28_5 textarea{padding:0}._ghost_1lz28_5 *{outline:none;box-shadow:none;background-color:transparent}._default_xqvoc_1{min-width:max-content}._ToastViewport_1i6bp_1{--viewport-padding: var(--space-5);position:fixed;top:0;right:0;display:flex;gap:var(--space-3);flex-direction:column;padding:var(--viewport-padding);width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none;overflow-y:auto;overflow-x:hidden}._actionButton_1i6bp_20{width:max-content}._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24{background-color:var(--accent-2);display:block;box-shadow:var(--shadow-4)}._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-state=open]{animation:_slideIn_1i6bp_1 .15s cubic-bezier(.16,1,.3,1)}._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=end]{animation:_swipeOut_1i6bp_1 .1s ease-out}@keyframes _slideIn_1i6bp_1{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes _swipeOut_1i6bp_1{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(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}._noWrap_1wpa5_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.radix-themes.radix-themes{--cursor-button: pointer;--cursor-menu-item: pointer;--cursor-checkbox: pointer}.rt-BaseButton{cursor:var(--cursor-button)}button{all:unset}._checkboxContainer_pb9za_5{display:flex;align-items:center}._checkbox_pb9za_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)}._checkbox_pb9za_5 [data-state=checked],._checkbox_pb9za_5 [data-state=indeterminate]{background-color:var(--accent-9);color:var(--accent-9-contrast)}._checkboxIndicator_pb9za_27{display:flex;align-items:center;justify-content:center;justify-items:center;height:100%;width:100%;border-radius:4px;padding-right:.5px}._checkboxLabel_pb9za_38{padding-left:.5rem}._noTextHighlight_pb9za_42{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._checkboxHidden_pb9za_51{visibility:hidden}._tableContainer_go3yk_1{border-width:1px;padding:30px;border:1px solid var(--gray-a4);border-radius:.5rem;box-shadow:var(--shadow-4)}@media only screen and (max-width: 600px){._tableContainer_go3yk_1{padding:10px}}._headerContainer_go3yk_14{padding-bottom:1rem}._tableTopContainer_go3yk_18{padding:10px 0}._searchContainer_go3yk_22{display:block;width:250px}@media only screen and (max-width: 600px){._searchContainer_go3yk_22{width:auto}}._columnFilterSelect_go3yk_32{display:block;box-shadow:none}._columnFilterSelect_go3yk_32 svg{display:none}._columnFilterSelect_go3yk_32:hover{background-color:#00000003;cursor:pointer}._table_go3yk_1{border:1px solid var(--gray-a4);border-radius:3px!important;background-color:inherit}._tableHeaderCell_go3yk_50{opacity:.65;padding:10px!important;border-bottom:1px solid var(--gray-4)}._tableRow_go3yk_56{background-color:inherit}._tableRow_go3yk_56 span,._tableRow_go3yk_56 i{display:inline-flex;place-self:center}._tableRow_go3yk_56 td{padding-left:10px!important}._tableRow_go3yk_56:hover{background-color:var(--gray-a4)}._tableCell_go3yk_71{padding:10px!important}._tableCell_go3yk_71:not(:last-of-type){padding-right:20px!important}._noDataTextContainer_go3yk_78{padding:.5rem 10px;color:#616161;width:max-content}._tableBottomContainer_go3yk_84{padding:15px 0}._rowsPerPageContainer_go3yk_88{flex:1}@media only screen and (max-width: 600px){._rowsPerPageContainer_go3yk_88{justify-content:center;padding-top:5px}}._rowsPerPageText_go3yk_98{padding-right:10px;padding-top:1px}
+._zeroMinWidth_curjh_1 {
+  min-width: 0;
+}
+
+._zeroMinHeight_curjh_5 {
+  min-height: 0;
+}
+
+._radius_curjh_9 {
+  border-radius: max(var(--radius-full), var(--radius-4));
+}._fluid_r73gr_1 {
+  flex-grow: 1;
+  width: auto;
+}
+
+/**
+ * * @param {string} $targetSelector - The selector of the child element(s) to apply the hover effect to
+ * * @param {string} $transitionProperty - The property to transition
+ * * @param {string} $normalValue - The value of the property when the element is not hovered
+ * * @param {string} $hoverValue - The value of the property when the element is hovered
+ * * @param {boolean} $overwriteTransition - Some elements already have a transition property set, so we can inherit
+ * *  that transition and add our own transition on top of it. If the element doesn't have a transition already, this is
+ * *  not valid syntax, so the implementing class needs to know if it should overwrite the transition or not.
+ * */
+._hoverSpin90Clockwise_r73gr_15 > svg {
+  transition: unset;
+}
+._hoverSpin90Clockwise_r73gr_15 svg {
+  transition: transform 250ms ease-in-out !important;
+}
+._hoverSpin90Clockwise_r73gr_15:hover:not(:disabled) svg {
+  transform: rotate(90deg) !important;
+}
+
+._hoverSpin180Clockwise_r73gr_25 > svg {
+  transition: unset;
+}
+._hoverSpin180Clockwise_r73gr_25 svg {
+  transition: transform 300ms ease-in-out !important;
+}
+._hoverSpin180Clockwise_r73gr_25:hover:not(:disabled) svg {
+  transform: rotate(180deg) !important;
+}
+
+._hoverSpin360Clockwise_r73gr_35 > svg {
+  transition: unset;
+}
+._hoverSpin360Clockwise_r73gr_35 svg {
+  transition: transform 500ms ease-in-out !important;
+}
+._hoverSpin360Clockwise_r73gr_35:hover:not(:disabled) svg {
+  transform: rotate(360deg) !important;
+}@keyframes _spin_isifr_9 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._spinner_isifr_9 {
+  width: 16px;
+  height: 16px;
+  border-radius: 9999px;
+  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;
+}
+._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;
+}._separators_1f7v1_1 > *:not(:last-of-type) {
+  border-bottom: 1px solid var(--gray-a6);
+}._BaseMenuItem_1s610_1 {
+  font-size: var(--font-size-2);
+}
+._BaseMenuItem_1s610_1:after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+._BaseMenuItem_1s610_1:hover:after {
+  background-color: var(--accent-a5);
+}
+
+._RemoveOutline_1s610_15 {
+  outline: none;
+}
+
+._BaseMenuSeparator_1s610_19 {
+  margin: 0 calc(-1 * var(--base-menu-content-padding));
+  align-self: center;
+}
+._BaseMenuSeparator_1s610_19 > div {
+  border-bottom: 1px solid var(--gray-a4);
+}
+
+._BaseMenuInput_1s610_27 {
+  width: 100%;
+}._fluid_7n1wr_1 {
+  flex-grow: 1;
+  width: auto;
+}._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;
+}._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);
+}._outerContent_1iy9c_1:focus-visible {
+  outline: none;
+}
+._outerContent_1iy9c_1._enter_1iy9c_4._right_1iy9c_4 {
+  transform: translateX(100%);
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+._outerContent_1iy9c_1._enter_1iy9c_4._left_1iy9c_8 {
+  transform: translateX(-100%);
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+._outerContent_1iy9c_1._enterActive_1iy9c_12._right_1iy9c_4 {
+  transition: transform 200ms linear, margin-left 200ms linear;
+  transform: translateX(0);
+  margin-left: 0;
+}
+._outerContent_1iy9c_1._enterActive_1iy9c_12._left_1iy9c_8 {
+  transition: transform 200ms linear, margin-right 200ms linear;
+  transform: translateX(0);
+  margin-right: 0;
+}
+._outerContent_1iy9c_1._exitActive_1iy9c_22._right_1iy9c_4 {
+  transition: transform 200ms linear, margin-left 200ms linear;
+  transform: translateX(100%);
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+._outerContent_1iy9c_1._exitActive_1iy9c_22._left_1iy9c_8 {
+  transition: transform 200ms linear, margin-right 200ms linear;
+  transform: translateX(-100%);
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+._outerContent_1iy9c_1._exitDone_1iy9c_32._right_1iy9c_4 {
+  transform: translateX(100%);
+  margin-left: calc(-1 * var(--slide-out-width));
+}
+._outerContent_1iy9c_1._exitDone_1iy9c_32._left_1iy9c_8 {
+  transform: translateX(-100%);
+  margin-right: calc(-1 * var(--slide-out-width));
+}
+
+._resizable_1iy9c_41 {
+  background-color: var(--color-panel-solid);
+  height: 100% !important;
+  max-height: 100% !important;
+}
+
+._slideOutOverlay_1iy9c_47 {
+  background: var(--color-overlay);
+  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;
+}
+
+._resizable_1ssf2_23 {
+  position: relative;
+  height: 100% !important;
+}
+
+._resizeHandle_1ssf2_28 {
+  /* handleShift is a slight adjustment made to the resize handle created by Re-resizable library so that it */
+  /* renders flush with its container */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 200ms linear;
+}
+._resizeHandle_1ssf2_28:hover, ._resizeHandle_1ssf2_28:active {
+  opacity: 1;
+}
+._resizeHandle_1ssf2_28._right_1ssf2_18 {
+  left: 3px !important;
+}
+._resizeHandle_1ssf2_28._left_1ssf2_14 {
+  right: 3px !important;
+}
+
+._panelMainContent_1ssf2_48 {
+  overflow: hidden;
+  flex-grow: 1;
+  flex-shrink: 1;
+  min-width: 0;
+  width: max-content;
+}._multiPagePopover_spfw7_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  min-width: 150px !important;
+  justify-content: start;
+  align-items: start;
+  padding: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px !important;
+}
+
+._pageTitle_spfw7_12 {
+  font-size: 24px !important;
+  font-weight: bold !important;
+}
+
+._buttonContainer_spfw7_17 {
+  display: flex;
+  flex-direction: row;
+}
+
+._optionsButtonContainer_spfw7_22 {
+  width: 100%;
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+  flex-direction: column !important;
+}
+
+._optionsButton_spfw7_22 {
+  width: 100% !important;
+  flex: 1;
+  justify-content: start !important;
+}
+._optionsButton_spfw7_22:hover {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+}._charCount_1lz28_1 {
+  font-size: x-small;
+}
+
+._ghost_1lz28_5 textarea {
+  padding: 0;
+}
+._ghost_1lz28_5 * {
+  outline: none;
+  box-shadow: none;
+  background-color: transparent;
+}._default_xqvoc_1 {
+  min-width: max-content;
+}._ToastViewport_1i6bp_1 {
+  --viewport-padding: var(--space-5);
+  position: fixed;
+  top: 0;
+  right: 0;
+  display: flex;
+  gap: var(--space-3);
+  flex-direction: column;
+  padding: var(--viewport-padding);
+  width: 390px;
+  max-width: 100vw;
+  margin: 0;
+  list-style: none;
+  z-index: 2147483647;
+  outline: none;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+._actionButton_1i6bp_20 {
+  width: max-content;
+}
+
+._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24 {
+  background-color: var(--accent-2);
+  display: block;
+  box-shadow: var(--shadow-4);
+}
+._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-state=open] {
+  animation: _slideIn_1i6bp_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=move] {
+  transform: translateX(var(--radix-toast-swipe-move-x));
+}
+._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=cancel] {
+  transform: translateX(0);
+  transition: transform 200ms ease-out;
+}
+._ToastRoot_1i6bp_24._ToastRoot_1i6bp_24[data-swipe=end] {
+  animation: _swipeOut_1i6bp_1 100ms ease-out;
+}
+
+@keyframes _slideIn_1i6bp_1 {
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes _swipeOut_1i6bp_1 {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  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;
+}._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;
+}
+
+._checkboxContainer_pb9za_5 {
+  display: flex;
+  align-items: center;
+}
+
+._checkbox_pb9za_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);
+}
+._checkbox_pb9za_5 [data-state=checked], ._checkbox_pb9za_5 [data-state=indeterminate] {
+  background-color: var(--accent-9);
+  color: var(--accent-9-contrast);
+}
+
+._checkboxIndicator_pb9za_27 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  justify-items: center;
+  height: 100%;
+  width: 100%;
+  border-radius: 4px;
+  padding-right: 0.5px;
+}
+
+._checkboxLabel_pb9za_38 {
+  padding-left: 0.5rem;
+}
+
+._noTextHighlight_pb9za_42 {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+._checkboxHidden_pb9za_51 {
+  visibility: hidden;
+}._tableContainer_go3yk_1 {
+  border-width: 1px;
+  padding: 30px;
+  border: 1px solid var(--gray-a4);
+  border-radius: 0.5rem;
+  box-shadow: var(--shadow-4);
+}
+@media only screen and (max-width: 600px) {
+  ._tableContainer_go3yk_1 {
+    padding: 10px;
+  }
+}
+
+._headerContainer_go3yk_14 {
+  padding-bottom: 1rem;
+}
+
+._tableTopContainer_go3yk_18 {
+  padding: 10px 0;
+}
+
+._searchContainer_go3yk_22 {
+  display: block;
+  width: 250px;
+}
+@media only screen and (max-width: 600px) {
+  ._searchContainer_go3yk_22 {
+    width: auto;
+  }
+}
+
+._columnFilterSelect_go3yk_32 {
+  display: block;
+  box-shadow: none;
+}
+._columnFilterSelect_go3yk_32 svg {
+  display: none;
+}
+._columnFilterSelect_go3yk_32:hover {
+  background-color: rgba(0, 0, 0, 0.01);
+  cursor: pointer;
+}
+
+._table_go3yk_1 {
+  border: 1px solid var(--gray-a4);
+  border-radius: 3px !important;
+  background-color: inherit;
+}
+
+._tableHeaderCell_go3yk_50 {
+  opacity: 0.65;
+  padding: 10px !important;
+  border-bottom: 1px solid var(--gray-4);
+}
+
+._tableRow_go3yk_56 {
+  background-color: inherit;
+  /* This for the CellSelect checkbox component as it does not accept a className prop */
+}
+._tableRow_go3yk_56 span, ._tableRow_go3yk_56 i {
+  display: inline-flex;
+  place-self: center;
+}
+._tableRow_go3yk_56 td {
+  padding-left: 10px !important;
+}
+._tableRow_go3yk_56:hover {
+  background-color: var(--gray-a4);
+}
+
+._tableCell_go3yk_71 {
+  padding: 10px !important;
+}
+._tableCell_go3yk_71:not(:last-of-type) {
+  padding-right: 20px !important;
+}
+
+._noDataTextContainer_go3yk_78 {
+  padding: 0.5rem 10px;
+  color: #616161;
+  width: max-content;
+}
+
+._tableBottomContainer_go3yk_84 {
+  padding: 15px 0;
+}
+
+._rowsPerPageContainer_go3yk_88 {
+  flex: 1;
+}
+@media only screen and (max-width: 600px) {
+  ._rowsPerPageContainer_go3yk_88 {
+    justify-content: center;
+    padding-top: 5px;
+  }
+}
+
+._rowsPerPageText_go3yk_98 {
+  padding-right: 10px;
+  padding-top: 1px;
+}._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;
+}
+
+._editableTextInput_174g6_19 input {
+  font-size: var(--font-size-3);
+}
+
+._iconHidden_174g6_23 {
+  visibility: hidden;
+}