@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/DataTable.css

@@ -1,6 +1,5 @@
 .anvil2 {@layer reset {
-  ._surface_c2g1l_2 {
-    all: unset;
+  ._surface_1f9bx_2 {
     font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
     color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -13,7 +12,7 @@
     display: revert-layer;
   }
 }@layer base {
-  ._surface_c2g1l_2 {
+  ._surface_1f9bx_2 {
     --field-surface-bg: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
     width: 325px;
     max-width: calc(100vw - 2 * var(--a2-size-2, 0.5rem));
@@ -30,10 +29,10 @@
     display: none;
     flex-direction: column;
   }
-  ._surface_c2g1l_2:popover-open {
+  ._surface_1f9bx_2:popover-open {
     display: flex;
   }
-  ._header_c2g1l_37 {
+  ._header_1f9bx_36 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -42,33 +41,33 @@
     padding-block: var(--a2-size-2, 0.5rem);
     background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
   }
-  ._header-bottom-border_c2g1l_46 {
+  ._header-bottom-border_1f9bx_45 {
     border-bottom: var(--a2-size-quarter, 0.0625rem) solid var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
   }
-  ._header-copy_c2g1l_49 {
+  ._header-copy_1f9bx_48 {
     min-width: 0;
     display: flex;
     align-items: center;
     gap: var(--a2-size-2, 0.5rem);
     flex: 1 1 auto;
   }
-  ._title_c2g1l_56 {
+  ._title_1f9bx_55 {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-weight: 600;
   }
-  ._header-actions_c2g1l_63 {
+  ._header-actions_1f9bx_62 {
     display: flex;
     align-items: center;
     gap: var(--a2-size-1, 0.25rem);
     flex: 0 0 auto;
   }
-  ._close-button_c2g1l_69 {
+  ._close-button_1f9bx_68 {
     flex: 0 0 auto;
   }
-  ._content_c2g1l_72 {
+  ._content_1f9bx_71 {
     min-height: 0;
     overflow: auto;
     margin-block-start: calc(-1 * var(--a2-size-2, 0.5rem));
@@ -78,21 +77,20 @@
     gap: var(--a2-size-3, 0.75rem);
     flex: 1 1 auto;
   }
-  ._content-title-spacing_c2g1l_82 {
+  ._content-title-spacing_1f9bx_81 {
     margin-block-start: 0;
     padding-block-start: var(--a2-size-3, 0.75rem);
   }
 }@layer state {
-  ._surface_c2g1l_2:not(:popover-open) {
+  ._surface_1f9bx_2:not(:popover-open) {
     display: none !important;
   }
 }
 }.anvil2 {/* ============================================
    Table Cells Base
-   ============================================ */._table-header-cell_w7b9a_4,
-._table-body-cell_w7b9a_5,
-._table-footer-cell_w7b9a_6 {
-  all: unset;
+   ============================================ */._table-header-cell_14omv_4,
+._table-body-cell_14omv_5,
+._table-footer-cell_14omv_6 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -115,11 +113,11 @@
   padding-inline-start: var(--a2-table-cell-padding-inline-start);
   text-wrap: balance;
   vertical-align: var(--a2-table-cell-vertical-align);
-}._table-header-cell_w7b9a_4._last-pinned-left-column_w7b9a_31:before, ._table-header-cell_w7b9a_4._first-pinned-right-column_w7b9a_31:before,
-._table-body-cell_w7b9a_5._last-pinned-left-column_w7b9a_31:before,
-._table-body-cell_w7b9a_5._first-pinned-right-column_w7b9a_31:before,
-._table-footer-cell_w7b9a_6._last-pinned-left-column_w7b9a_31:before,
-._table-footer-cell_w7b9a_6._first-pinned-right-column_w7b9a_31:before {
+}._table-header-cell_14omv_4._last-pinned-left-column_14omv_30:before, ._table-header-cell_14omv_4._first-pinned-right-column_14omv_30:before,
+._table-body-cell_14omv_5._last-pinned-left-column_14omv_30:before,
+._table-body-cell_14omv_5._first-pinned-right-column_14omv_30:before,
+._table-footer-cell_14omv_6._last-pinned-left-column_14omv_30:before,
+._table-footer-cell_14omv_6._first-pinned-right-column_14omv_30:before {
   --a2-table-cell-overflow-gradient-degree: 90deg;
   background: linear-gradient(var(--a2-table-cell-overflow-gradient-degree), var(--a2-background-color-transparent-default-active) 0%, transparent 50%);
   content: "";
@@ -129,26 +127,26 @@
   position: absolute;
   width: 5px;
   z-index: 1;
-}._table-header-cell_w7b9a_4._first-pinned-right-column_w7b9a_31:before,
-._table-body-cell_w7b9a_5._first-pinned-right-column_w7b9a_31:before,
-._table-footer-cell_w7b9a_6._first-pinned-right-column_w7b9a_31:before {
+}._table-header-cell_14omv_4._first-pinned-right-column_14omv_30:before,
+._table-body-cell_14omv_5._first-pinned-right-column_14omv_30:before,
+._table-footer-cell_14omv_6._first-pinned-right-column_14omv_30:before {
   --a2-table-cell-overflow-gradient-degree: 270deg;
   inset-inline-start: -5px;
-}._table-header-cell_w7b9a_4._first-pinned-left-column_w7b9a_52,
-._table-body-cell_w7b9a_5._first-pinned-left-column_w7b9a_52,
-._table-footer-cell_w7b9a_6._first-pinned-left-column_w7b9a_52 {
+}._table-header-cell_14omv_4._first-pinned-left-column_14omv_51,
+._table-body-cell_14omv_5._first-pinned-left-column_14omv_51,
+._table-footer-cell_14omv_6._first-pinned-left-column_14omv_51 {
   box-shadow: calc(-1 * var(--a2-size-3)) 0 0 0 var(--a2-table-background-color);
-}._table-header-cell_w7b9a_4._last-pinned-right-column_w7b9a_57,
-._table-body-cell_w7b9a_5._last-pinned-right-column_w7b9a_57,
-._table-footer-cell_w7b9a_6._last-pinned-right-column_w7b9a_57 {
+}._table-header-cell_14omv_4._last-pinned-right-column_14omv_56,
+._table-body-cell_14omv_5._last-pinned-right-column_14omv_56,
+._table-footer-cell_14omv_6._last-pinned-right-column_14omv_56 {
   box-shadow: var(--a2-size-3) 0 0 0 var(--a2-table-background-color);
 }/* ============================================
    Body Cell
-   ============================================ */._table-body-cell_w7b9a_5 ._empty-cell_w7b9a_66 {
+   ============================================ */._table-body-cell_14omv_5 ._empty-cell_14omv_65 {
   color: var(--a2-table-cell-empty-font-color);
 }/* ============================================
    Header Cell
-   ============================================ */._table-header-cell_w7b9a_4 {
+   ============================================ */._table-header-cell_14omv_4 {
   --a2-table-cell-background-color: var(--a2-table-header-background-color);
   --a2-table-cell-font-color: var(--a2-foreground-color);
   --a2-table-cell-font-weight: var(--a2-font-weight-bold);
@@ -157,16 +155,16 @@
   --a2-table-cell-vertical-align: baseline;
   text-align: start;
   white-space: nowrap;
-}._table-header-cell_w7b9a_4._table-cell-internal-select_w7b9a_83 {
+}._table-header-cell_14omv_4._table-cell-internal-select_14omv_82 {
   --a2-table-cell-padding-block-end: 0;
   --a2-table-cell-padding-block-start: var(--a2-size-2);
-}._table-header-cell_w7b9a_4._table-cell-internal-expand_w7b9a_87 {
+}._table-header-cell_14omv_4._table-cell-internal-expand_14omv_86 {
   --a2-table-cell-padding-block-end: 0;
   --a2-table-cell-padding-block-start: var(--a2-size-1);
-}._table-header-cell-sortable_w7b9a_92,
-._table-header-cell-interactive_w7b9a_93 {
+}._table-header-cell-sortable_14omv_91,
+._table-header-cell-interactive_14omv_92 {
   cursor: pointer;
-}._table-header-cell-group_w7b9a_97:not(:last-of-type):after {
+}._table-header-cell-group_14omv_96:not(:last-of-type):after {
   border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
   content: "";
   inset-block: 0;
@@ -176,18 +174,18 @@
   width: 2px;
 }/* ============================================
    Footer Cell
-   ============================================ */._table-footer-cell_w7b9a_6 {
+   ============================================ */._table-footer-cell_14omv_6 {
   --a2-table-cell-background-color: var(--a2-table-footer-background-color);
   --a2-table-cell-font-weight: var(--a2-font-weight-bold);
 }/* ============================================
    Internal Cells (Select/Expand)
-   ============================================ */._table-cell-internal-select_w7b9a_83,
-._table-cell-internal-expand_w7b9a_87 {
+   ============================================ */._table-cell-internal-select_14omv_82,
+._table-cell-internal-expand_14omv_86 {
   --a2-table-cell-padding-inline-end: 0;
   --a2-table-cell-padding-inline-start: 0;
   justify-content: center;
-}._table-cell-internal-select_w7b9a_83 div[data-anv=checkbox],
-._table-cell-internal-expand_w7b9a_87 div[data-anv=checkbox] {
+}._table-cell-internal-select_14omv_82 div[data-anv=checkbox],
+._table-cell-internal-expand_14omv_86 div[data-anv=checkbox] {
   width: 24px;
 }
 }.anvil2 {/* ============================================
@@ -222,8 +220,7 @@
 }
 }.anvil2 {/* ============================================
    Table Base
-   ============================================ */._table-base_qvkwx_4 {
-  all: unset;
+   ============================================ */._table-base_1tsp8_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -238,8 +235,7 @@
   border-spacing: 0;
   border-style: hidden;
   border-width: 0;
-}._data-table-base_qvkwx_22 {
-  all: unset;
+}._data-table-base_1tsp8_21 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -252,13 +248,12 @@
   display: grid;
   grid-template-columns: var(--a2-grid-template-columns);
   width: var(--a2-table-width, 100%);
-}._data-table-base_qvkwx_22:has([data-virtualized-body=true]) {
+}._data-table-base_1tsp8_21:has([data-virtualized-body=true]) {
   display: block;
 }
 }.anvil2 {/* ============================================
    Table Body
-   ============================================ */._table-body_1crpq_4 {
-  all: unset;
+   ============================================ */._table-body_z02xk_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -271,16 +266,34 @@
   display: revert-layer;
 }/* ============================================
    Data Table Body (Subgrid)
-   ============================================ */div._table-body_1crpq_4 {
+   ============================================ */div._table-body_z02xk_4 {
   display: grid;
   grid-column: 1/-1;
   grid-template-columns: subgrid;
 }
+}.anvil2 {._data-table-body-cell-affordance-container_1e9zz_1 {
+  display: none;
+  pointer-events: none;
+}._data-table-body-cell-affordance-host_1e9zz_6:hover, ._data-table-body-cell-affordance-host_1e9zz_6:focus, ._data-table-body-cell-affordance-host_1e9zz_6:focus-within {
+  cursor: pointer;
+  position: relative;
+}._data-table-body-cell-affordance-host_1e9zz_6:hover ._data-table-body-cell-affordance-container_1e9zz_1, ._data-table-body-cell-affordance-host_1e9zz_6:focus ._data-table-body-cell-affordance-container_1e9zz_1, ._data-table-body-cell-affordance-host_1e9zz_6:focus-within ._data-table-body-cell-affordance-container_1e9zz_1 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: absolute;
+  inset-block: var(--a2-table-cell-outline-width, 0px);
+  inset-inline-end: var(--a2-table-cell-outline-width, 0px);
+  padding-inline-end: var(--a2-size-2);
+  width: 4.5rem;
+  background: linear-gradient(90deg, transparent 0%, var(--a2-table-cell-edit-background-color) 70%);
+}._data-table-body-cell-affordance-host_1e9zz_6:hover ._data-table-body-cell-affordance-container_1e9zz_1._data-table-body-cell-affordance-container-interactive_1e9zz_21, ._data-table-body-cell-affordance-host_1e9zz_6:focus ._data-table-body-cell-affordance-container_1e9zz_1._data-table-body-cell-affordance-container-interactive_1e9zz_21, ._data-table-body-cell-affordance-host_1e9zz_6:focus-within ._data-table-body-cell-affordance-container_1e9zz_1._data-table-body-cell-affordance-container-interactive_1e9zz_21 {
+  pointer-events: auto;
+}
 }.anvil2 {/* ============================================
    DataTable Editable Cell Base
-   ============================================ */input._data-table-body-cell-input_1nano_4,
-._data-table-body-cell-select-trigger_1nano_5 {
-  all: unset;
+   ============================================ */input._data-table-body-cell-input_1t30b_4,
+._data-table-body-cell-select-trigger_1t30b_5 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -291,7 +304,7 @@
   border-color: transparent;
   box-sizing: border-box;
   display: revert-layer;
-}input._data-table-body-cell-input_1nano_4 {
+}input._data-table-body-cell-input_1t30b_4 {
   border: none;
   bottom: 0;
   color: var(--a2-table-cell-font-color);
@@ -306,41 +319,23 @@
   right: 0;
   top: 0;
   width: 100%;
-}/* ============================================
-   DataTable Editable Cell States
-   ============================================ */._data-table-body-cell-editable_1nano_39 ._data-table-body-cell-edit-icon-container_1nano_39 {
-  display: none;
-}._data-table-body-cell-editable_1nano_39:hover, ._data-table-body-cell-editable_1nano_39:focus, ._data-table-body-cell-editable_1nano_39:focus-within {
-  cursor: pointer;
-  position: relative;
-}._data-table-body-cell-editable_1nano_39:hover ._data-table-body-cell-edit-icon-container_1nano_39, ._data-table-body-cell-editable_1nano_39:focus ._data-table-body-cell-edit-icon-container_1nano_39, ._data-table-body-cell-editable_1nano_39:focus-within ._data-table-body-cell-edit-icon-container_1nano_39 {
-  align-items: center;
-  background: linear-gradient(to left, var(--a2-table-cell-edit-solid-color) 40%, var(--a2-table-cell-edit-fade-color) 100%);
-  display: flex;
-  inset-block: var(--a2-table-cell-outline-width, 0px);
-  inset-inline-end: var(--a2-table-cell-outline-width, 0px);
-  justify-content: flex-end;
-  padding-inline-end: var(--a2-size-2);
-  pointer-events: none;
-  position: absolute;
-  width: 4.5rem;
 }
 }.anvil2 {/* ============================================
    DataTable Cell Base
-   ============================================ */._data-table-body-cell_1fjsi_4,
-._data-table-body-cell-input_1fjsi_5 {
+   ============================================ */._data-table-body-cell_bmoq4_4,
+._data-table-body-cell-input_bmoq4_5 {
   align-items: center;
   display: flex;
-}._table-body-cell_1fjsi_10,
-._table-header-cell_1fjsi_11,
-._table-footer-cell_1fjsi_12 {
+}._table-body-cell_bmoq4_10,
+._table-header-cell_bmoq4_11,
+._table-footer-cell_bmoq4_12 {
   --a2-table-cell-align-items: center;
   --a2-table-cell-display: flex;
-}._table-header-cell_1fjsi_11 {
+}._table-header-cell_bmoq4_11 {
   --a2-table-cell-align-items: flex-end;
 }/* ============================================
    DataTable Cell Content
-   ============================================ */._data-table-cell-content_1fjsi_24 {
+   ============================================ */._data-table-cell-content_bmoq4_24 {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
@@ -348,96 +343,109 @@
   min-width: 0;
   overflow-wrap: anywhere;
   width: 100%;
-}._data-table-cell-content_1fjsi_24[data-align=center] {
+}._data-table-cell-content_bmoq4_24[data-align=center] {
   justify-content: center;
   text-align: center;
-}._data-table-cell-content_1fjsi_24[data-align=end] {
+}._data-table-cell-content_bmoq4_24[data-align=end] {
   justify-content: flex-end;
   text-align: end;
-}._data-table-cell-content_1fjsi_24[data-align=start] {
+}._data-table-cell-content_bmoq4_24[data-align=start] {
   justify-content: flex-start;
   text-align: start;
+}._data-table-cell-overflow-content_bmoq4_46 {
+  overflow-wrap: normal;
 }/* ============================================
    DataTable Cell States
-   ============================================ */._data-table-body-cell_1fjsi_4:focus, ._data-table-body-cell_1fjsi_4:focus-within, ._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49,
-._data-table-header-cell_1fjsi_50:focus,
-._data-table-header-cell_1fjsi_50:focus-within,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49,
-._data-table-footer-cell_1fjsi_53:focus,
-._data-table-footer-cell_1fjsi_53:focus-within,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 {
+   ============================================ */._data-table-body-cell_bmoq4_4:focus, ._data-table-body-cell_bmoq4_4:focus-within:not([data-anv-cell-interaction-mode]), ._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53,
+._data-table-header-cell_bmoq4_54:focus,
+._data-table-header-cell_bmoq4_54:focus-within:not([data-anv-cell-interaction-mode]),
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53,
+._data-table-footer-cell_bmoq4_57:focus,
+._data-table-footer-cell_bmoq4_57:focus-within:not([data-anv-cell-interaction-mode]),
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 {
   --a2-table-cell-outline-width: 2px;
   outline: 2px solid var(--a2-focus-ring-color-default);
   outline-offset: -2px;
   position: relative;
-}._data-table-body-cell_1fjsi_4:focus button:focus-visible, ._data-table-body-cell_1fjsi_4:focus button:focus-visible ~ *,
-._data-table-body-cell_1fjsi_4:focus input:focus-visible,
-._data-table-body-cell_1fjsi_4:focus input:focus-visible ~ *, ._data-table-body-cell_1fjsi_4:focus-within button:focus-visible, ._data-table-body-cell_1fjsi_4:focus-within button:focus-visible ~ *,
-._data-table-body-cell_1fjsi_4:focus-within input:focus-visible,
-._data-table-body-cell_1fjsi_4:focus-within input:focus-visible ~ *, ._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49 button:focus-visible, ._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49 button:focus-visible ~ *,
-._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49 input:focus-visible,
-._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49 input:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50:focus button:focus-visible,
-._data-table-header-cell_1fjsi_50:focus button:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50:focus input:focus-visible,
-._data-table-header-cell_1fjsi_50:focus input:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50:focus-within button:focus-visible,
-._data-table-header-cell_1fjsi_50:focus-within button:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50:focus-within input:focus-visible,
-._data-table-header-cell_1fjsi_50:focus-within input:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49 button:focus-visible,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49 button:focus-visible ~ *,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49 input:focus-visible,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49 input:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53:focus button:focus-visible,
-._data-table-footer-cell_1fjsi_53:focus button:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53:focus input:focus-visible,
-._data-table-footer-cell_1fjsi_53:focus input:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53:focus-within button:focus-visible,
-._data-table-footer-cell_1fjsi_53:focus-within button:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53:focus-within input:focus-visible,
-._data-table-footer-cell_1fjsi_53:focus-within input:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 button:focus-visible,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 button:focus-visible ~ *,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 input:focus-visible,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 input:focus-visible ~ * {
+}._data-table-body-cell_bmoq4_4:focus button:focus-visible, ._data-table-body-cell_bmoq4_4:focus button:focus-visible ~ *,
+._data-table-body-cell_bmoq4_4:focus input:focus-visible,
+._data-table-body-cell_bmoq4_4:focus input:focus-visible ~ *, ._data-table-body-cell_bmoq4_4:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible, ._data-table-body-cell_bmoq4_4:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible ~ *,
+._data-table-body-cell_bmoq4_4:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible,
+._data-table-body-cell_bmoq4_4:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible ~ *, ._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53 button:focus-visible, ._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53 button:focus-visible ~ *,
+._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53 input:focus-visible,
+._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53 input:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54:focus button:focus-visible,
+._data-table-header-cell_bmoq4_54:focus button:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54:focus input:focus-visible,
+._data-table-header-cell_bmoq4_54:focus input:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible,
+._data-table-header-cell_bmoq4_54:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible,
+._data-table-header-cell_bmoq4_54:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53 button:focus-visible,
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53 button:focus-visible ~ *,
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53 input:focus-visible,
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53 input:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57:focus button:focus-visible,
+._data-table-footer-cell_bmoq4_57:focus button:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57:focus input:focus-visible,
+._data-table-footer-cell_bmoq4_57:focus input:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible,
+._data-table-footer-cell_bmoq4_57:focus-within:not([data-anv-cell-interaction-mode]) button:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible,
+._data-table-footer-cell_bmoq4_57:focus-within:not([data-anv-cell-interaction-mode]) input:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 button:focus-visible,
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 button:focus-visible ~ *,
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 input:focus-visible,
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 input:focus-visible ~ * {
   outline: none;
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-editing_1fjsi_49,
-._data-table-header-cell_1fjsi_50._data-table-body-cell-editing_1fjsi_49,
-._data-table-footer-cell_1fjsi_53._data-table-body-cell-editing_1fjsi_49 {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-editing_bmoq4_53,
+._data-table-header-cell_bmoq4_54._data-table-body-cell-editing_bmoq4_53,
+._data-table-footer-cell_bmoq4_57._data-table-body-cell-editing_bmoq4_53 {
   box-shadow: inset 0px 0px 4px 1px var(--a2-focus-ring-color-default);
-}._data-table-body-cell_1fjsi_4[data-anv-is-hovered-col=true] {
+}._data-table-body-cell_bmoq4_4[data-anv-is-hovered-col=true] {
   --a2-table-cell-background-color: var(--a2-table-background-color);
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103 {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107 {
   --a2-table-cell-outline-width: 2px;
   --a2-table-cell-empty-font-color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
   --a2-table-cell-font-color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
   outline: 2px solid var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
   outline-offset: -2px;
   border-block-end: 0px;
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103 > ._data-table-cell-content_1fjsi_24,
-._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103 > [data-anv=flex] {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107 > ._data-table-cell-content_bmoq4_24,
+._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107 > [data-anv=flex] {
   color: inherit;
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103._data-table-body-cell-editing_1fjsi_49 {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107._data-table-body-cell-editing_bmoq4_53 {
   --a2-table-cell-font-color: inherit;
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-warning_1fjsi_118 {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-warning_bmoq4_122 {
   --a2-table-cell-outline-width: 2px;
   outline: 2px solid var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)));
   outline-offset: -2px;
   border-block-end: 0px;
-}._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103:focus, ._data-table-body-cell_1fjsi_4._data-table-body-cell-error_1fjsi_103:focus-within, ._data-table-body-cell_1fjsi_4._data-table-body-cell-warning_1fjsi_118:focus, ._data-table-body-cell_1fjsi_4._data-table-body-cell-warning_1fjsi_118:focus-within {
+}._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107:focus, ._data-table-body-cell_bmoq4_4._data-table-body-cell-error_bmoq4_107:focus-within, ._data-table-body-cell_bmoq4_4._data-table-body-cell-warning_bmoq4_122:focus, ._data-table-body-cell_bmoq4_4._data-table-body-cell-warning_bmoq4_122:focus-within {
   outline: 2px solid var(--a2-focus-ring-color-default);
-}._cell-error-icon_1fjsi_128 {
+}._cell-error-icon_bmoq4_132 {
   color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
   flex-shrink: 0;
-}._cell-warning-icon_1fjsi_133 {
+}._cell-warning-icon_bmoq4_137 {
   color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)));
   flex-shrink: 0;
 }
+}.anvil2 {._data-table-body-cell-overflow_1xy0x_1 {
+  min-width: 0;
+}._data-table-body-cell-overflow-viewport_1xy0x_5 {
+  min-width: 0;
+  overflow: hidden;
+  width: 100%;
+}._data-table-body-cell-overflow-content_1xy0x_11 {
+  width: 100%;
+}._data-table-body-cell-overflow-surface-content_1xy0x_15 {
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
 }.anvil2 {/* ============================================
    DataTable Body Row
-   ============================================ */._data-table-body-row_1aqzx_4 {
-  all: unset;
+   ============================================ */._data-table-body-row_hfxpb_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -453,32 +461,32 @@
   grid-template-columns: subgrid;
 }/* ============================================
    DataTable Body Sub-Component Row
-   ============================================ */._data-table-body-sub-component-row_1aqzx_24 {
+   ============================================ */._data-table-body-sub-component-row_hfxpb_23 {
   display: block;
   grid-column: 1/-1;
 }/* ============================================
    DataTable Body Virtualized
-   ============================================ */._data-table-body-virtualized_1aqzx_32 {
+   ============================================ */._data-table-body-virtualized_hfxpb_31 {
   display: block;
   position: relative;
   width: 100%;
-}._data-table-body-row-virtualized_1aqzx_38 {
+}._data-table-body-row-virtualized_hfxpb_37 {
   display: grid;
   grid-template-columns: var(--a2-grid-template-columns);
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
-}._data-table-body-sub-component-container_1aqzx_47 {
+}._data-table-body-sub-component-container_hfxpb_46 {
   --a2-table-body-sub-component-padding: var(--a2-size-6);
   background-color: var(--a2-table-body-background-color);
   width: 100%;
-}._data-table-body-sub-component-content_1aqzx_53 {
+}._data-table-body-sub-component-content_hfxpb_52 {
   border-block-end: 1px solid var(--a2-table-cell-border-color);
   padding: var(--a2-table-body-sub-component-padding);
 }/* ============================================
    DataTable Body Cell Group
-   ============================================ */._data-table-body-cell-group_1aqzx_61:not(:last-of-type):after {
+   ============================================ */._data-table-body-cell-group_hfxpb_60:not(:last-of-type):after {
   border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
   content: "";
   inset-block: 0;
@@ -486,58 +494,57 @@
   position: absolute;
   right: 0;
   width: 2px;
-}._data-table-body-cell-depth-indent_1aqzx_71 {
+}._data-table-body-cell-depth-indent_hfxpb_70 {
   --a2-table-cell-padding-inline-start: calc(
     var(--a2-size-3) + var(--a2-row-depth, 0) * var(--a2-size-6)
   );
-}._data-table-body-cell-action-depth-indent_1aqzx_77 {
+}._data-table-body-cell-action-depth-indent_hfxpb_76 {
   --a2-table-cell-padding-inline-start: calc(
     var(--a2-row-depth, 0) * var(--a2-size-6)
   );
-}._data-table-body-row_1aqzx_4 {
+}._data-table-body-row_hfxpb_4 {
   --a2-table-cell-edit-solid-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
   --a2-table-cell-edit-fade-color: rgb(
     from var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))) r g b / 0
   );
-}._data-table-body-row-activatable_1aqzx_90 {
+}._data-table-body-row-activatable_hfxpb_89 {
   cursor: pointer;
   --a2-table-cell-edit-solid-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
   --a2-table-cell-edit-fade-color: rgb(
     from var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))) r g b / 0
   );
-}._data-table-body-row-activatable_1aqzx_90:not(._data-table-body-row-active_1aqzx_97):hover {
+}._data-table-body-row-activatable_hfxpb_89:not(._data-table-body-row-active_hfxpb_96):hover {
   --a2-table-cell-background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._data-table-body-row-activatable_1aqzx_90[aria-expanded]:not(._data-table-body-row-active_1aqzx_97):hover {
+}._data-table-body-row-activatable_hfxpb_89[aria-expanded]:not(._data-table-body-row-active_hfxpb_96):hover {
   --a2-table-cell-background-color: var(--a2-color-neutral-40, #f1f1f1);
-}._data-table-body-row-activatable_1aqzx_90[aria-expanded] {
+}._data-table-body-row-activatable_hfxpb_89[aria-expanded] {
   --a2-table-cell-edit-solid-color: var(--a2-color-neutral-80, #e6e6e6);
   --a2-table-cell-edit-fade-color: rgb(from var(--a2-color-neutral-40, #f1f1f1) r g b / 0);
-}._data-table-body-row-ancestor-hovered_1aqzx_108 {
+}._data-table-body-row-ancestor-hovered_hfxpb_107 {
   --a2-table-cell-background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._data-table-body-sub-component-row-active_1aqzx_112 ._data-table-body-sub-component-container_1aqzx_47 {
+}._data-table-body-sub-component-row-active_hfxpb_111 ._data-table-body-sub-component-container_hfxpb_46 {
   box-shadow: inset var(--a2-size-2) 0 0 0 var(--a2-color-blue-50, #e6f1ff);
-}._data-table-body-row-read-only_1aqzx_116 {
+}._data-table-body-row-read-only_hfxpb_115 {
   --a2-table-cell-font-color: var(--a2-color-neutral-600, #545454);
-}._data-table-body-row-read-only_1aqzx_116._data-table-body-row-activatable_1aqzx_90 {
+}._data-table-body-row-read-only_hfxpb_115._data-table-body-row-activatable_hfxpb_89 {
   cursor: not-allowed;
-}._data-table-body-row-active_1aqzx_97 {
+}._data-table-body-row-active_hfxpb_96 {
   --a2-table-cell-background-color: var(--a2-color-blue-50, #e6f1ff);
   --a2-table-cell-edit-solid-color: var(--a2-color-blue-100, #cce3ff);
   --a2-table-cell-edit-fade-color: rgb(from var(--a2-color-blue-50, #e6f1ff) r g b / 0);
-}._data-table-body-row-active_1aqzx_97[aria-expanded] {
+}._data-table-body-row-active_hfxpb_96[aria-expanded] {
   --a2-table-cell-edit-solid-color: var(--a2-color-blue-100, #cce3ff);
   --a2-table-cell-edit-fade-color: rgb(from var(--a2-color-blue-50, #e6f1ff) r g b / 0);
-}._data-table-body-row-active_1aqzx_97._data-table-body-row-top-active_1aqzx_132[aria-expanded] {
+}._data-table-body-row-active_hfxpb_96._data-table-body-row-top-active_hfxpb_131[aria-expanded] {
   --a2-table-cell-background-color: var(--a2-color-blue-100, #cce3ff);
   --a2-table-cell-edit-solid-color: var(--a2-color-blue-200, #9ecaff);
   --a2-table-cell-edit-fade-color: rgb(from var(--a2-color-blue-100, #cce3ff) r g b / 0);
-}._data-table-body-row-active_1aqzx_97._data-table-body-row-activatable_1aqzx_90:hover:not(:has([class*=data-table-body-cell-editable]:hover)) {
+}._data-table-body-row-active_hfxpb_96._data-table-body-row-activatable_hfxpb_89:hover:not(:has([class*=data-table-body-cell-editable]:hover)) {
   --a2-table-cell-background-color: var(--a2-color-blue-100, #cce3ff);
 }
 }.anvil2 {/* ============================================
    Table Footer
-   ============================================ */._table-footer_1d2jp_4 {
-  all: unset;
+   ============================================ */._table-footer_1olw1_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -553,25 +560,24 @@
   bottom: var(--a2-table-footer-bottom-offset);
   position: sticky;
   z-index: 2;
-}._table-footer-row_1d2jp_23:last-of-type ._table-footer-cell_1d2jp_23:first-child {
+}._table-footer-row_1olw1_22:last-of-type ._table-footer-cell_1olw1_22:first-child {
   border-end-start-radius: var(--a2-table-border-radius);
   box-shadow: calc(-1 * var(--a2-table-footer-spacing)) 0 var(--a2-table-background-color);
-}._table-footer-row_1d2jp_23:last-of-type ._table-footer-cell_1d2jp_23:last-child {
+}._table-footer-row_1olw1_22:last-of-type ._table-footer-cell_1olw1_22:last-child {
   border-end-end-radius: var(--a2-table-border-radius);
   box-shadow: var(--a2-table-footer-spacing) 0 var(--a2-table-background-color);
 }/* ============================================
    Data Table Footer (Subgrid)
-   ============================================ */div._table-footer_1d2jp_4 {
+   ============================================ */div._table-footer_1olw1_4 {
   display: grid;
   grid-column: 1/-1;
   grid-template-columns: subgrid;
 }
 }.anvil2 {/* ============================================
    DataTable Footer
-   ============================================ */._data-table-footer_98moz_4 {
+   ============================================ */._data-table-footer_e7sq6_4 {
   padding-block-start: var(--a2-table-footer-spacing);
-}._data-table-footer-row_98moz_8 {
-  all: unset;
+}._data-table-footer-row_e7sq6_8 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -589,8 +595,7 @@
 }
 }.anvil2 {/* ============================================
    Table Header
-   ============================================ */._table-header_1s8lb_4 {
-  all: unset;
+   ============================================ */._table-header_1sk5h_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -607,17 +612,16 @@
   z-index: 2;
 }/* ============================================
    Data Table Header (Subgrid)
-   ============================================ */div._table-header_1s8lb_4 {
+   ============================================ */div._table-header_1sk5h_4 {
   display: grid;
   grid-column: 1/-1;
   grid-template-columns: subgrid;
 }
-}[data-anv="data-table-base"]:has([data-virtualized-body="true"]) div._table-header_1s8lb_4 {
+}[data-anv="data-table-base"]:has([data-virtualized-body="true"]) div._table-header_1sk5h_4 {
   grid-template-columns: var(--a2-grid-template-columns);
 }.anvil2 {/* ============================================
    Resize Handle
-   ============================================ */._resize-handle_sv3kd_4 {
-  all: unset;
+   ============================================ */._resize-handle_18cik_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -643,12 +647,12 @@
      -moz-user-select: none;
           user-select: none;
   width: var(--a2-size-3);
-}th:hover ._resize-handle_sv3kd_4, div[role=columnheader]:hover ._resize-handle_sv3kd_4 {
+}th:hover ._resize-handle_18cik_4, div[role=columnheader]:hover ._resize-handle_18cik_4 {
   --a2-table-resize-handle-bg: var(--a2-overlay-color-hover);
   --a2-table-resize-handle-border: var(--a2-table-column-resize-handle-width)
     solid var(--a2-table-column-resize-handle-color);
   --a2-table-resize-handle-opacity: 0.5;
-}._resize-handle_sv3kd_4._resizing_sv3kd_36 {
+}._resize-handle_18cik_4._resizing_18cik_35 {
   --a2-table-resize-handle-bg: var(--a2-overlay-color-hover);
   --a2-table-resize-handle-opacity: 1;
 }
@@ -663,8 +667,7 @@
   grid-template-columns: var(--a2-grid-template-columns);
 }.anvil2 {/* ============================================
    Table Container
-   ============================================ */._table-container_qokgc_4 {
-  all: unset;
+   ============================================ */._table-container_1tam1_4 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -715,12 +718,12 @@
   position: relative;
   width: -moz-fit-content;
   width: fit-content;
-}._table-scroll-container_qokgc_56 {
+}._table-scroll-container_1tam1_55 {
   overflow-y: auto;
   padding-inline: var(--a2-size-3);
   scrollbar-width: thin;
   width: 100%;
-}._table-scroll-container_qokgc_56::-webkit-scrollbar-corner {
+}._table-scroll-container_1tam1_55::-webkit-scrollbar-corner {
   background-color: var(--a2-table-background-color);
 }
 }.anvil2 {/* ============================================