@adaptabletools/adaptable 23.1.0 → 24.0.0-canary.1

package/index.css

@@ -86,14 +86,18 @@
   initial-value: 0;
 }
 :root, :host {
+  --twa-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
   --twa-color-red-500: oklch(63.7% 0.237 25.331);
   --twa-color-gray-400: oklch(70.7% 0.022 261.325);
   --twa-color-neutral-500: oklch(55.6% 0 none);
+  --twa-color-black: #000;
   --twa-color-white: #fff;
   --twa-container-xs: 20rem;
   --twa-container-md: 28rem;
+  --twa-container-lg: 32rem;
   --twa-container-3xl: 48rem;
   --twa-text-xs: 0.75rem;
   --twa-text-xs--line-height: calc(1 / 0.75);
@@ -116,10 +120,12 @@
   --twa-leading-relaxed: 1.625;
   --twa-radius-sm: 0.25rem;
   --twa-radius-md: 0.375rem;
+  --twa-radius-lg: 0.5rem;
+  --twa-radius-xl: 0.75rem;
   --twa-animate-spin: spin 1s linear infinite;
+  --twa-blur-xs: 4px;
   --twa-default-transition-duration: 150ms;
   --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  --twa-color-accent: var(--ab-color-accent);
 }
 @layer adaptable.reset {
   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -276,6 +282,17 @@
   .twa\:visible {
     visibility: visible;
   }
+  .twa\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .twa\:absolute {
     position: absolute;
   }
@@ -300,9 +317,15 @@
   .twa\:top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
+  .twa\:top-2 {
+    top: calc(var(--ab-base-space) * 2);
+  }
   .twa\:top-2\.5 {
     top: calc(var(--ab-base-space) * 2.5);
   }
+  .twa\:top-4 {
+    top: calc(var(--ab-base-space) * 4);
+  }
   .twa\:top-\[6px\] {
     top: 6px;
   }
@@ -312,21 +335,39 @@
   .twa\:right-2\.5 {
     right: calc(var(--ab-base-space) * 2.5);
   }
+  .twa\:right-4 {
+    right: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:right-8 {
+    right: calc(var(--ab-base-space) * 8);
+  }
   .twa\:right-\[6px\] {
     right: 6px;
   }
   .twa\:bottom-0 {
     bottom: 0px;
   }
+  .twa\:bottom-4 {
+    bottom: calc(var(--ab-base-space) * 4);
+  }
   .twa\:left-0 {
     left: 0px;
   }
+  .twa\:left-1\.5 {
+    left: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
   .twa\:isolate {
     isolation: isolate;
   }
   .twa\:z-0 {
     z-index: 0;
   }
+  .twa\:z-1 {
+    z-index: 1;
+  }
   .twa\:z-10 {
     z-index: 10;
   }
@@ -339,8 +380,8 @@
   .twa\:z-1000 {
     z-index: 1000;
   }
-  .twa\:z-\[9999999\] {
-    z-index: 9999999;
+  .twa\:z-\[99999999\] {
+    z-index: 99999999;
   }
   .twa\:order-first {
     order: -9999;
@@ -354,9 +395,6 @@
   .twa\:col-span-3 {
     grid-column: span 3 / span 3;
   }
-  .twa\:col-start-2 {
-    grid-column-start: 2;
-  }
   .twa\:col-start-3 {
     grid-column-start: 3;
   }
@@ -405,6 +443,9 @@
   .twa\:-mx-1 {
     margin-inline: calc(var(--ab-base-space) * -1);
   }
+  .twa\:mx-0\.5 {
+    margin-inline: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:mx-1 {
     margin-inline: var(--ab-base-space);
   }
@@ -459,12 +500,12 @@
   .twa\:mt-4 {
     margin-top: calc(var(--ab-base-space) * 4);
   }
+  .twa\:mt-12 {
+    margin-top: calc(var(--ab-base-space) * 12);
+  }
   .twa\:mt-\[2px\] {
     margin-top: 2px;
   }
-  .twa\:-mr-1 {
-    margin-right: calc(var(--ab-base-space) * -1);
-  }
   .twa\:mr-0 {
     margin-right: 0px;
   }
@@ -585,6 +626,10 @@
     width: calc(var(--ab-base-space) * 1.5);
     height: calc(var(--ab-base-space) * 1.5);
   }
+  .twa\:size-2 {
+    width: calc(var(--ab-base-space) * 2);
+    height: calc(var(--ab-base-space) * 2);
+  }
   .twa\:size-2\.5 {
     width: calc(var(--ab-base-space) * 2.5);
     height: calc(var(--ab-base-space) * 2.5);
@@ -613,14 +658,18 @@
     width: calc(var(--ab-base-space) * 10);
     height: calc(var(--ab-base-space) * 10);
   }
+  .twa\:size-16 {
+    width: calc(var(--ab-base-space) * 16);
+    height: calc(var(--ab-base-space) * 16);
+  }
+  .twa\:size-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
+    width: calc(100% - 2 * var(--ab-base-space));
+    height: calc(100% - 2 * var(--ab-base-space));
+  }
   .twa\:size-auto {
     width: auto;
     height: auto;
   }
-  .twa\:size-full {
-    width: 100%;
-    height: 100%;
-  }
   .twa\:\!h-9 {
     height: calc(var(--ab-base-space) * 9) !important;
   }
@@ -633,9 +682,15 @@
   .twa\:h-3 {
     height: calc(var(--ab-base-space) * 3);
   }
+  .twa\:h-5 {
+    height: calc(var(--ab-base-space) * 5);
+  }
   .twa\:h-6 {
     height: calc(var(--ab-base-space) * 6);
   }
+  .twa\:h-7 {
+    height: calc(var(--ab-base-space) * 7);
+  }
   .twa\:h-8 {
     height: calc(var(--ab-base-space) * 8);
   }
@@ -675,6 +730,9 @@
   .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
     height: calc(calc(var(--ab-base-space) * 5.5));
   }
+  .twa\:h-\[calc\(100\%-1px\)\] {
+    height: calc(100% - 1px);
+  }
   .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
     height: min(22rem, var(--total-size));
   }
@@ -702,6 +760,12 @@
   .twa\:max-h-\[90vh\] {
     max-height: 90vh;
   }
+  .twa\:max-h-\[220px\] {
+    max-height: 220px;
+  }
+  .twa\:max-h-\[240px\] {
+    max-height: 240px;
+  }
   .twa\:max-h-\[300px\] {
     max-height: 300px;
   }
@@ -726,17 +790,23 @@
   .twa\:min-h-0 {
     min-height: 0px;
   }
+  .twa\:min-h-5 {
+    min-height: calc(var(--ab-base-space) * 5);
+  }
   .twa\:min-h-7 {
     min-height: calc(var(--ab-base-space) * 7);
   }
+  .twa\:min-h-8 {
+    min-height: calc(var(--ab-base-space) * 8);
+  }
   .twa\:min-h-16 {
     min-height: calc(var(--ab-base-space) * 16);
   }
   .twa\:min-h-24 {
     min-height: calc(var(--ab-base-space) * 24);
   }
-  .twa\:min-h-50 {
-    min-height: calc(var(--ab-base-space) * 50);
+  .twa\:min-h-40 {
+    min-height: calc(var(--ab-base-space) * 40);
   }
   .twa\:min-h-\[1rem\] {
     min-height: 1rem;
@@ -759,21 +829,18 @@
   .twa\:min-h-\[48px\] {
     min-height: 48px;
   }
-  .twa\:min-h-\[100px\] {
-    min-height: 100px;
-  }
   .twa\:min-h-\[108px\] {
     min-height: 108px;
   }
-  .twa\:min-h-\[120px\] {
-    min-height: 120px;
-  }
   .twa\:min-h-\[148px\] {
     min-height: 148px;
   }
   .twa\:min-h-\[168px\] {
     min-height: 168px;
   }
+  .twa\:min-h-\[190px\] {
+    min-height: 190px;
+  }
   .twa\:min-h-\[200px\] {
     min-height: 200px;
   }
@@ -807,14 +874,20 @@
   .twa\:\!w-\[300px\] {
     width: 300px !important;
   }
+  .twa\:w-\(--ab-cmp-query-builder__actions-compact-width\) {
+    width: var(--ab-cmp-query-builder__actions-compact-width);
+  }
+  .twa\:w-\(--ab-cmp-query-builder__actions-width\) {
+    width: var(--ab-cmp-query-builder__actions-width);
+  }
   .twa\:w-\(--anchor-width\) {
     width: var(--anchor-width);
   }
   .twa\:w-\(--cell-size\) {
     width: var(--cell-size);
   }
-  .twa\:w-0\.5 {
-    width: calc(var(--ab-base-space) * 0.5);
+  .twa\:w-1 {
+    width: var(--ab-base-space);
   }
   .twa\:w-1\/2 {
     width: calc(1 / 2 * 100%);
@@ -855,9 +928,15 @@
   .twa\:w-\[5\.5rem\] {
     width: 5.5rem;
   }
+  .twa\:w-\[6\.75rem\] {
+    width: 6.75rem;
+  }
   .twa\:w-\[7rem\] {
     width: 7rem;
   }
+  .twa\:w-\[8\.5rem\] {
+    width: 8.5rem;
+  }
   .twa\:w-\[10px\] {
     width: 10px;
   }
@@ -897,6 +976,9 @@
   .twa\:w-\[128px\] {
     width: 128px;
   }
+  .twa\:w-\[130px\] {
+    width: 130px;
+  }
   .twa\:w-\[140px\] {
     width: 140px;
   }
@@ -909,17 +991,14 @@
   .twa\:w-\[215px\] {
     width: 215px;
   }
-  .twa\:w-\[280px\] {
-    width: 280px;
-  }
   .twa\:w-\[300px\] {
     width: 300px;
   }
-  .twa\:w-\[500px\] {
-    width: 500px;
+  .twa\:w-\[360px\] {
+    width: 360px;
   }
-  .twa\:w-\[600px\] {
-    width: 600px;
+  .twa\:w-\[480px\] {
+    width: 480px;
   }
   .twa\:w-auto {
     width: auto;
@@ -930,6 +1009,9 @@
   .twa\:w-full {
     width: 100%;
   }
+  .twa\:w-px {
+    width: 1px;
+  }
   .twa\:max-w-1\/2 {
     max-width: calc(1 / 2 * 100%);
   }
@@ -984,6 +1066,9 @@
   .twa\:max-w-\[220px\] {
     max-width: 220px;
   }
+  .twa\:max-w-\[280px\] {
+    max-width: 280px;
+  }
   .twa\:max-w-\[300px\] {
     max-width: 300px;
   }
@@ -1017,9 +1102,18 @@
   .twa\:max-w-\[720px\] {
     max-width: 720px;
   }
+  .twa\:max-w-\[750px\] {
+    max-width: 750px;
+  }
   .twa\:max-w-\[1200px\] {
     max-width: 1200px;
   }
+  .twa\:max-w-\[calc\(100\%-2rem\)\] {
+    max-width: calc(100% - 2rem);
+  }
+  .twa\:max-w-\[calc\(100\%-28px\)\] {
+    max-width: calc(100% - 28px);
+  }
   .twa\:max-w-\[inherit\] {
     max-width: inherit;
   }
@@ -1056,12 +1150,18 @@
   .twa\:min-w-7 {
     min-width: calc(var(--ab-base-space) * 7);
   }
+  .twa\:min-w-8 {
+    min-width: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:min-w-9 {
+    min-width: calc(var(--ab-base-space) * 9);
+  }
+  .twa\:min-w-10 {
+    min-width: calc(var(--ab-base-space) * 10);
+  }
   .twa\:min-w-16 {
     min-width: calc(var(--ab-base-space) * 16);
   }
-  .twa\:min-w-28 {
-    min-width: calc(var(--ab-base-space) * 28);
-  }
   .twa\:min-w-30 {
     min-width: calc(var(--ab-base-space) * 30);
   }
@@ -1071,8 +1171,11 @@
   .twa\:min-w-36 {
     min-width: calc(var(--ab-base-space) * 36);
   }
-  .twa\:min-w-70 {
-    min-width: calc(var(--ab-base-space) * 70);
+  .twa\:min-w-56 {
+    min-width: calc(var(--ab-base-space) * 56);
+  }
+  .twa\:min-w-72 {
+    min-width: calc(var(--ab-base-space) * 72);
   }
   .twa\:min-w-\[1rem\] {
     min-width: 1rem;
@@ -1083,8 +1186,8 @@
   .twa\:min-w-\[6\.5rem\] {
     min-width: 6.5rem;
   }
-  .twa\:min-w-\[10rem\] {
-    min-width: 10rem;
+  .twa\:min-w-\[14rem\] {
+    min-width: 14rem;
   }
   .twa\:min-w-\[20vw\] {
     min-width: 20vw;
@@ -1140,6 +1243,9 @@
   .twa\:min-w-\[215px\] {
     min-width: 215px;
   }
+  .twa\:min-w-\[220px\] {
+    min-width: 220px;
+  }
   .twa\:min-w-\[250px\] {
     min-width: 250px;
   }
@@ -1170,9 +1276,6 @@
   .twa\:flex-\[0_0_auto\] {
     flex: 0 0 auto;
   }
-  .twa\:flex-\[1_1_100\%\] {
-    flex: 1 1 100%;
-  }
   .twa\:flex-\[1_1_auto\] {
     flex: 1 1 auto;
   }
@@ -1200,6 +1303,14 @@
   .twa\:origin-\(--transform-origin\) {
     transform-origin: var(--transform-origin);
   }
+  .twa\:-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:translate-x-0 {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .twa\:-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1217,6 +1328,9 @@
   .twa\:cursor-auto {
     cursor: auto;
   }
+  .twa\:cursor-col-resize {
+    cursor: col-resize;
+  }
   .twa\:cursor-default {
     cursor: default;
   }
@@ -1229,15 +1343,18 @@
   .twa\:cursor-pointer {
     cursor: pointer;
   }
+  .twa\:cursor-row-resize {
+    cursor: row-resize;
+  }
   .twa\:cursor-text {
     cursor: text;
   }
+  .twa\:touch-none {
+    touch-action: none;
+  }
   .twa\:resize-none {
     resize: none;
   }
-  .twa\:resize-y {
-    resize: vertical;
-  }
   .twa\:scroll-my-1 {
     scroll-margin-block: var(--ab-base-space);
   }
@@ -1250,6 +1367,9 @@
   .twa\:list-none {
     list-style-type: none;
   }
+  .twa\:appearance-none {
+    appearance: none;
+  }
   .twa\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1280,9 +1400,15 @@
   .twa\:grid-rows-\[1fr_1fr\] {
     grid-template-rows: 1fr 1fr;
   }
+  .twa\:grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
   .twa\:flex-col {
     flex-direction: column;
   }
+  .twa\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .twa\:flex-row {
     flex-direction: row;
   }
@@ -1355,15 +1481,15 @@
   .twa\:gap-4 {
     gap: calc(var(--ab-base-space) * 4);
   }
-  .twa\:gap-5 {
-    gap: calc(var(--ab-base-space) * 5);
-  }
   .twa\:gap-6 {
     gap: calc(var(--ab-base-space) * 6);
   }
   .twa\:gap-8 {
     gap: calc(var(--ab-base-space) * 8);
   }
+  .twa\:gap-\[var\(--ab-base-space\)\] {
+    gap: var(--ab-base-space);
+  }
   .twa\:gap-x-1\.5 {
     column-gap: calc(var(--ab-base-space) * 1.5);
   }
@@ -1385,9 +1511,15 @@
   .twa\:gap-y-3 {
     row-gap: calc(var(--ab-base-space) * 3);
   }
+  .twa\:self-center {
+    align-self: center;
+  }
   .twa\:self-end {
     align-self: flex-end;
   }
+  .twa\:self-start {
+    align-self: flex-start;
+  }
   .twa\:self-stretch {
     align-self: stretch;
   }
@@ -1414,9 +1546,6 @@
   .twa\:overflow-y-hidden {
     overflow-y: hidden;
   }
-  .twa\:overflow-y-visible {
-    overflow-y: visible;
-  }
   .twa\:overscroll-contain {
     overscroll-behavior: contain;
   }
@@ -1444,6 +1573,9 @@
   .twa\:rounded-input {
     border-radius: var(--ab-border-radius-input);
   }
+  .twa\:rounded-lg {
+    border-radius: var(--twa-radius-lg);
+  }
   .twa\:rounded-md {
     border-radius: var(--twa-radius-md);
   }
@@ -1456,6 +1588,13 @@
   .twa\:rounded-standard {
     border-radius: var(--ab-border-radius);
   }
+  .twa\:rounded-xl {
+    border-radius: var(--twa-radius-xl);
+  }
+  .twa\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
   .twa\:rounded-l-standard {
     border-top-left-radius: var(--ab-border-radius);
     border-bottom-left-radius: var(--ab-border-radius);
@@ -1474,6 +1613,14 @@
   .twa\:rounded-tr-standard {
     border-top-right-radius: var(--ab-border-radius);
   }
+  .twa\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .twa\:rounded-b-standard {
+    border-bottom-right-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
   .twa\:rounded-br-standard {
     border-bottom-right-radius: var(--ab-border-radius);
   }
@@ -1496,6 +1643,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .twa\:border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
   .twa\:border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -1598,6 +1749,22 @@
   .twa\:border-input-border {
     border-color: var(--ab-color-input-border);
   }
+  .twa\:border-input\/50 {
+    border-color: var(--ab-color-input-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-input\/50 {
+      border-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
+    }
+  }
+  .twa\:border-popover-foreground\/10 {
+    border-color: var(--ab-color-popover-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-popover-foreground\/10 {
+      border-color: color-mix(in oklab, var(--ab-color-popover-foreground) 10%, transparent);
+    }
+  }
   .twa\:border-primarydark\/30 {
     border-color: var(--ab-color-primarydark);
   }
@@ -1648,9 +1815,18 @@
   .twa\:bg-\(--ab-cmp-input--disabled__background\) {
     background-color: var(--ab-cmp-input--disabled__background);
   }
+  .twa\:bg-\(--ab-cmp-input__background\) {
+    background-color: var(--ab-cmp-input__background);
+  }
   .twa\:bg-\(--ab-cmp-modal-backdrop__background\) {
     background-color: var(--ab-cmp-modal-backdrop__background);
   }
+  .twa\:bg-\(--ab-cmp-query-builder-group__background\) {
+    background-color: var(--ab-cmp-query-builder-group__background);
+  }
+  .twa\:bg-\(--ab-cmp-tabs-active__background\) {
+    background-color: var(--ab-cmp-tabs-active__background);
+  }
   .twa\:bg-\(--ab-cmp-tabs-strip__background\) {
     background-color: var(--ab-cmp-tabs-strip__background);
   }
@@ -1697,6 +1873,22 @@
   .twa\:bg-background {
     background-color: var(--ab-color-background);
   }
+  .twa\:bg-background\/50 {
+    background-color: var(--ab-color-background);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-background\/50 {
+      background-color: color-mix(in oklab, var(--ab-color-background) 50%, transparent);
+    }
+  }
+  .twa\:bg-black\/10 {
+    background-color: var(--twa-color-black);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-black\/10 {
+      background-color: color-mix(in oklab, var(--twa-color-black) 10%, transparent);
+    }
+  }
   .twa\:bg-border {
     background-color: var(--ab-color-border);
   }
@@ -1720,6 +1912,14 @@
   .twa\:bg-foreground {
     background-color: var(--ab-color-foreground);
   }
+  .twa\:bg-foreground\/5 {
+    background-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-foreground\/5 {
+      background-color: color-mix(in oklab, var(--ab-color-foreground) 5%, transparent);
+    }
+  }
   .twa\:bg-info {
     background-color: var(--ab-color-info);
   }
@@ -1748,9 +1948,20 @@
   .twa\:bg-popover {
     background-color: var(--ab-color-popover);
   }
+  .twa\:bg-popover\/90 {
+    background-color: var(--ab-color-popover);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-popover\/90 {
+      background-color: color-mix(in oklab, var(--ab-color-popover) 90%, transparent);
+    }
+  }
   .twa\:bg-primary {
     background-color: var(--ab-color-primary);
   }
+  .twa\:bg-primary-foreground {
+    background-color: var(--ab-color-primary-foreground);
+  }
   .twa\:bg-primarydark {
     background-color: var(--ab-color-primarydark);
   }
@@ -1777,6 +1988,9 @@
   .twa\:bg-warn {
     background-color: var(--ab-color-warn);
   }
+  .twa\:bg-white {
+    background-color: var(--twa-color-white);
+  }
   .twa\:bg-clip-padding {
     background-clip: padding-box;
   }
@@ -1816,6 +2030,9 @@
   .twa\:p-4 {
     padding: calc(var(--ab-base-space) * 4);
   }
+  .twa\:p-6 {
+    padding: calc(var(--ab-base-space) * 6);
+  }
   .twa\:\!px-1\.5 {
     padding-inline: calc(var(--ab-base-space) * 1.5) !important;
   }
@@ -1921,9 +2138,6 @@
   .twa\:pr-8 {
     padding-right: calc(var(--ab-base-space) * 8);
   }
-  .twa\:pr-\[30px\] {
-    padding-right: 30px;
-  }
   .twa\:\!pb-0 {
     padding-bottom: 0px !important;
   }
@@ -1981,6 +2195,9 @@
   .twa\:font-mono {
     font-family: var(--twa-font-mono);
   }
+  .twa\:font-sans {
+    font-family: var(--twa-font-sans);
+  }
   .twa\:text-2\/relaxed {
     font-size: var(--ab-font-size-2);
     line-height: var(--twa-leading-relaxed);
@@ -2033,6 +2250,10 @@
     --tw-leading: calc(var(--ab-base-space) * 4);
     line-height: calc(var(--ab-base-space) * 4);
   }
+  .twa\:leading-5 {
+    --tw-leading: calc(var(--ab-base-space) * 5);
+    line-height: calc(var(--ab-base-space) * 5);
+  }
   .twa\:leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2073,9 +2294,15 @@
     --tw-tracking: var(--twa-tracking-widest);
     letter-spacing: var(--twa-tracking-widest);
   }
+  .twa\:text-balance {
+    text-wrap: balance;
+  }
   .twa\:text-nowrap {
     text-wrap: nowrap;
   }
+  .twa\:break-words {
+    overflow-wrap: break-word;
+  }
   .twa\:break-all {
     word-break: break-all;
   }
@@ -2267,6 +2494,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
     }
   }
+  .twa\:ring-ring {
+    --tw-ring-color: var(--ab-color-ring);
+  }
   .twa\:ring-ring\/50 {
     --tw-ring-color: var(--ab-color-ring);
   }
@@ -2275,6 +2505,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
     }
   }
+  .twa\:ring-offset-background {
+    --tw-ring-offset-color: var(--ab-color-background);
+  }
   .twa\:outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -2299,11 +2532,21 @@
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-\[color\,background-color\] {
+    transition-property: color,background-color;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
   .twa\:transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
   .twa\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2328,6 +2571,10 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .twa\:duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .twa\:duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -2439,6 +2686,12 @@
   .twa\:group-data-resizable\/combobox-content\:flex-col:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
     flex-direction: column;
   }
+  .twa\:group-data-vertical\/tabs\:w-full:is(:where(.twa\:group\/tabs)[data-vertical] *) {
+    width: 100%;
+  }
+  .twa\:group-data-vertical\/tabs\:justify-start:is(:where(.twa\:group\/tabs)[data-vertical] *) {
+    justify-content: flex-start;
+  }
   .twa\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.twa\:group\/input-group)[data-disabled="true"] *) {
     opacity: 50%;
   }
@@ -2463,6 +2716,24 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
     }
   }
+  .twa\:group-data-\[orientation\=horizontal\]\/tabs\:h-input:is(:where(.twa\:group\/tabs)[data-orientation="horizontal"] *) {
+    height: var(--ab-input-height);
+  }
+  .twa\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.twa\:group\/tabs)[data-orientation="vertical"] *) {
+    height: fit-content;
+  }
+  .twa\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.twa\:group\/tabs)[data-orientation="vertical"] *) {
+    flex-direction: column;
+  }
+  .twa\:group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.twa\:group\/alert-dialog-content)[data-size="sm"] *) {
+    display: grid;
+  }
+  .twa\:group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="sm"] *) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *) {
+    background-color: transparent;
+  }
   .twa\:peer-focus-visible\:border-ring:is(:where(.twa\:peer):focus-visible ~ *) {
     border-color: var(--ab-color-ring);
   }
@@ -2478,6 +2749,18 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
     }
   }
+  .twa\:selection\:bg-selection ::selection {
+    background-color: var(--ab-color-selection);
+  }
+  .twa\:selection\:bg-selection::selection {
+    background-color: var(--ab-color-selection);
+  }
+  .twa\:selection\:text-selection-foreground ::selection {
+    color: var(--ab-color-selection-foreground);
+  }
+  .twa\:selection\:text-selection-foreground::selection {
+    color: var(--ab-color-selection-foreground);
+  }
   .twa\:file\:inline-flex::file-selector-button {
     display: inline-flex;
   }
@@ -2591,6 +2874,14 @@
     content: var(--tw-content);
     inset: 0px;
   }
+  .twa\:after\:-inset-x-3::after {
+    content: var(--tw-content);
+    inset-inline: calc(var(--ab-base-space) * -3);
+  }
+  .twa\:after\:-inset-y-2::after {
+    content: var(--tw-content);
+    inset-block: calc(var(--ab-base-space) * -2);
+  }
   .twa\:after\:inset-y-0::after {
     content: var(--tw-content);
     inset-block: 0px;
@@ -2603,10 +2894,23 @@
     content: var(--tw-content);
     left: 0px;
   }
+  .twa\:after\:left-1\/2::after {
+    content: var(--tw-content);
+    left: calc(1 / 2 * 100%);
+  }
+  .twa\:after\:w-1::after {
+    content: var(--tw-content);
+    width: var(--ab-base-space);
+  }
   .twa\:after\:w-4::after {
     content: var(--tw-content);
     width: calc(var(--ab-base-space) * 4);
   }
+  .twa\:after\:-translate-x-1\/2::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .twa\:after\:rounded-standard::after {
     content: var(--tw-content);
     border-radius: var(--ab-border-radius);
@@ -2637,10 +2941,24 @@
       background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
     }
   }
+  .twa\:after\:bg-foreground::after {
+    content: var(--tw-content);
+    background-color: var(--ab-color-foreground);
+  }
   .twa\:after\:bg-muted::after {
     content: var(--tw-content);
     background-color: var(--ab-color-muted);
   }
+  .twa\:after\:opacity-0::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  .twa\:after\:transition-opacity::after {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
   .twa\:not-first\:after\:absolute:not(:first-child)::after {
     content: var(--tw-content);
     position: absolute;
@@ -2675,6 +2993,30 @@
     --tw-content: "";
     content: var(--tw-content);
   }
+  .twa\:group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    inset-inline: 0px;
+  }
+  .twa\:group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    bottom: -5px;
+  }
+  .twa\:group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    height: calc(var(--ab-base-space) * 0.5);
+  }
+  .twa\:group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    inset-block: 0px;
+  }
+  .twa\:group-data-vertical\/tabs\:after\:-right-1:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    width: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:focus-within\:border-ring:focus-within {
     border-color: var(--ab-color-ring);
   }
@@ -2747,6 +3089,14 @@
     .twa\:hover\:bg-accent:hover {
       background-color: var(--ab-color-accent);
     }
+    .twa\:hover\:bg-accent\/80:hover {
+      background-color: var(--ab-color-accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-accent\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-accent) 80%, transparent);
+      }
+    }
     .twa\:hover\:bg-accent\/90:hover {
       background-color: var(--ab-color-accent);
     }
@@ -2907,6 +3257,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .twa\:focus-visible\:ring-1:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .twa\:focus-visible\:ring-2:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2915,6 +3269,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .twa\:focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .twa\:focus-visible\:ring-accent:focus-visible {
     --tw-ring-color: var(--ab-color-accent);
   }
@@ -2941,6 +3299,23 @@
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
+  .twa\:focus-visible\:outline-hidden:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors: active) {
+    .twa\:focus-visible\:outline-hidden:focus-visible {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
+  .twa\:focus-visible\:outline-1:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .twa\:focus-visible\:outline-ring:focus-visible {
+    outline-color: var(--ab-color-ring);
+  }
   .twa\:focus-visible\:outline-none:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -3005,6 +3380,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]) {
+    padding-right: var(--ab-base-space);
+  }
   .twa\:has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
     padding-right: calc(var(--ab-base-space) * 1.5);
   }
@@ -3014,6 +3392,9 @@
   .twa\:has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
     padding-right: calc(var(--ab-base-space) * 3);
   }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]) {
+    padding-left: var(--ab-base-space);
+  }
   .twa\:has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
     padding-left: calc(var(--ab-base-space) * 1.5);
   }
@@ -3023,6 +3404,12 @@
   .twa\:has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
     padding-left: calc(var(--ab-base-space) * 3);
   }
+  .twa\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
+    grid-template-rows: auto auto 1fr;
+  }
+  .twa\:has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) {
+    column-gap: calc(var(--ab-base-space) * 6);
+  }
   .twa\:has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot="combobox-chip"]) {
     padding-inline: calc(var(--ab-base-space) * 1.5);
   }
@@ -3092,6 +3479,9 @@
   .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
     height: auto;
   }
+  .twa\:aria-disabled\:pointer-events-none[aria-disabled="true"] {
+    pointer-events: none;
+  }
   .twa\:aria-disabled\:opacity-50[aria-disabled="true"] {
     opacity: 50%;
   }
@@ -3126,34 +3516,109 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
+  .twa\:aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
+    border-color: var(--ab-color-primary);
+  }
+  .twa\:aria-pressed\:bg-muted[aria-pressed="true"] {
+    background-color: var(--ab-color-muted);
+  }
   .twa\:aria-selected\:text-muted-foreground[aria-selected="true"] {
     color: var(--ab-color-muted-foreground);
   }
-  .twa\:data-closed\:animate-out[data-closed] {
-    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
-  .twa\:data-closed\:overflow-hidden[data-closed] {
-    overflow: hidden;
+  .twa\:aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
+    height: 1px;
   }
-  .twa\:data-closed\:fade-out-0[data-closed] {
-    --tw-exit-opacity: calc(0/100);
-    --tw-exit-opacity: 0;
+  .twa\:aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
+    width: 100%;
   }
-  .twa\:data-closed\:zoom-out-95[data-closed] {
-    --tw-exit-scale: calc(95*1%);
-    --tw-exit-scale: .95;
+  .twa\:aria-\[orientation\=horizontal\]\:after\:inset-x-0[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    inset-inline: 0px;
   }
-  .twa\:data-disabled\:pointer-events-none[data-disabled] {
-    pointer-events: none;
+  .twa\:aria-\[orientation\=horizontal\]\:after\:top-1\/2[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    top: calc(1 / 2 * 100%);
   }
-  .twa\:data-disabled\:opacity-50[data-disabled] {
-    opacity: 50%;
+  .twa\:aria-\[orientation\=horizontal\]\:after\:bottom-auto[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    bottom: auto;
   }
-  .twa\:data-empty\:p-0[data-empty] {
-    padding: 0px;
+  .twa\:aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    height: var(--ab-base-space);
   }
-  .twa\:data-highlighted\:bg-accent[data-highlighted] {
-    background-color: var(--ab-color-accent);
+  .twa\:aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-active\:bg-accent[data-active] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-active\:text-accent-foreground[data-active] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.twa\:group\/tabs-list)[data-variant="default"] *)[data-active] {
+    --tw-shadow: var(--ab-shadow-sm);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    border-color: transparent;
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    background-color: transparent;
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active]::after {
+    content: var(--tw-content);
+    opacity: 100%;
+  }
+  .twa\:data-checked\:border-primary[data-checked] {
+    border-color: var(--ab-color-primary);
+  }
+  .twa\:data-checked\:bg-primary[data-checked] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-checked\:text-primary-foreground[data-checked] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-closed\:animate-out[data-closed] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-closed\:overflow-hidden[data-closed] {
+    overflow: hidden;
+  }
+  .twa\:data-closed\:fade-out-0[data-closed] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+  .twa\:data-closed\:zoom-out-95[data-closed] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
+  .twa\:data-disabled\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .twa\:data-disabled\:opacity-50[data-disabled] {
+    opacity: 50%;
+  }
+  .twa\:data-empty\:p-0[data-empty] {
+    padding: 0px;
+  }
+  .twa\:data-highlighted\:bg-accent[data-highlighted] {
+    background-color: var(--ab-color-accent);
   }
   .twa\:data-highlighted\:text-accent-foreground[data-highlighted] {
     color: var(--ab-color-accent-foreground);
@@ -3161,6 +3626,9 @@
   :is(.twa\:not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant="destructive"])[data-highlighted] *) {
     color: var(--ab-color-accent-foreground);
   }
+  .twa\:data-horizontal\:flex-col[data-horizontal] {
+    flex-direction: column;
+  }
   .twa\:data-inset\:pl-8[data-inset] {
     padding-left: calc(var(--ab-base-space) * 8);
   }
@@ -3181,6 +3649,9 @@
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .twa\:data-open\:slide-in-from-bottom-2[data-open] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
   .twa\:data-placeholder\:text-muted-foreground[data-placeholder] {
     color: var(--ab-color-muted-foreground);
   }
@@ -3196,6 +3667,13 @@
   .twa\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
     animation: none;
   }
+  .twa\:data-\[checked\]\:translate-x-\[calc\(100\%-2px\)\][data-checked] {
+    --tw-translate-x: calc(100% - 2px);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[checked\]\:bg-accent[data-checked] {
+    background-color: var(--ab-color-accent);
+  }
   :is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *)[data-checked="true"] {
     background-color: var(--ab-color-accent);
   }
@@ -3313,40 +3791,17 @@
   .twa\:data-\[size\=default\]\:min-h-input[data-size="default"] {
     min-height: var(--ab-input-height);
   }
+  .twa\:data-\[size\=default\]\:max-w-xs[data-size="default"] {
+    max-width: var(--twa-container-xs);
+  }
   .twa\:data-\[size\=sm\]\:h-7[data-size="sm"] {
     height: calc(var(--ab-base-space) * 7);
   }
   .twa\:data-\[size\=sm\]\:min-h-auto[data-size="sm"] {
     min-height: auto;
   }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] {
-    margin: var(--ab-base-space);
-  }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
-    margin-bottom: 0px;
-  }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] {
-    height: calc(var(--ab-base-space) * 8);
-  }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
-    border-color: var(--ab-color-input-border);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
-      border-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
-    }
-  }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
-    background-color: var(--ab-color-input-border);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
-      background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
-    }
-  }
-  :is(.twa\:\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .twa\:data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
+    max-width: var(--twa-container-xs);
   }
   :is(.twa\:\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
     position: relative;
@@ -3375,6 +3830,9 @@
   :is(.twa\:\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
     gap: calc(var(--ab-base-space) * 1.5);
   }
+  .twa\:data-\[state\=constrained\]\:bg-destructive[data-state="constrained"] {
+    background-color: var(--ab-color-destructive);
+  }
   .twa\:data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
     animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
@@ -3386,6 +3844,9 @@
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .twa\:data-\[state\=dragging\]\:bg-accent[data-state="dragging"] {
+    background-color: var(--ab-color-accent);
+  }
   .twa\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
     color: var(--ab-color-destructive);
   }
@@ -3400,6 +3861,45 @@
   .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
     color: var(--ab-color-destructive);
   }
+  .twa\:data-\[variant\=line\]\:rounded-none[data-variant="line"] {
+    border-radius: 0;
+  }
+  @supports (backdrop-filter: var(--tw)) {
+    .twa\:supports-backdrop-filter\:backdrop-blur-xs {
+      --tw-backdrop-blur: blur(var(--twa-blur-xs));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    }
+  }
+  @media (width >= 40rem) {
+    .twa\:sm\:max-w-md {
+      max-width: var(--twa-container-md);
+    }
+    .twa\:sm\:flex-row {
+      flex-direction: row;
+    }
+    .twa\:sm\:justify-end {
+      justify-content: flex-end;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      grid-row: span 2 / span 2;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      place-items: start;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      text-align: left;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *):is(:where(.twa\:group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
+      grid-column-start: 2;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
+      grid-template-rows: auto 1fr;
+    }
+    .twa\:data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
+      max-width: var(--twa-container-lg);
+    }
+  }
   @media (width >= 48rem) {
     .twa\:md\:flex-row {
       flex-direction: row;
@@ -3414,12 +3914,18 @@
       font-size: var(--ab-font-size-3);
       line-height: var(--tw-leading, var(--twa-text-sm--line-height));
     }
+    .twa\:md\:text-pretty {
+      text-wrap: pretty;
+    }
   }
   @media (width >= 64rem) {
     .twa\:lg\:flex-row {
       flex-direction: row;
     }
   }
+  .twa\:rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
   .twa\:dark\:border-input:is(.ab--theme-dark *) {
     border-color: var(--ab-color-input-border);
   }
@@ -3431,6 +3937,14 @@
       background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
+  .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
+    background-color: var(--ab-color-input-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
+      background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
+    }
+  }
   .twa\:dark\:bg-transparent:is(.ab--theme-dark *) {
     background-color: transparent;
   }
@@ -3511,6 +4025,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
     }
   }
+  .twa\:dark\:data-checked\:bg-primary:is(.ab--theme-dark *)[data-checked] {
+    background-color: var(--ab-color-primary);
+  }
   .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.ab--theme-dark *)[data-variant="destructive"]:focus {
     background-color: var(--ab-color-destructive);
   }
@@ -3546,6 +4063,9 @@
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
   }
+  .twa\:\[\&_button\]\:my-0 button {
+    margin-block: 0px;
+  }
   .twa\:\[\&_input\]\:size-0 input {
     width: 0px;
     height: 0px;
@@ -3605,9 +4125,6 @@
   :is(.twa\:\*\:\[\[role\=button\]\]\:absolute > *):is([role=button]) {
     position: absolute;
   }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:relative > *):is([role=button]) {
-    position: relative;
-  }
   :is(.twa\:\*\:\[\[role\=button\]\]\:inset-x-0\.5 > *):is([role=button]) {
     inset-inline: calc(var(--ab-base-space) * 0.5);
   }
@@ -3617,31 +4134,23 @@
   :is(.twa\:\*\:\[\[role\=button\]\]\:h-auto > *):is([role=button]) {
     height: auto;
   }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:h-full > *):is([role=button]) {
-    height: 100%;
-  }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:min-w-0 > *):is([role=button]) {
-    min-width: 0px;
-  }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:flex-1 > *):is([role=button]) {
-    flex: 1;
-  }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:basis-0 > *):is([role=button]) {
-    flex-basis: 0px;
-  }
   :is(.twa\:\*\:\[\[role\=button\]\]\:rounded-input > *):is([role=button]) {
     border-radius: var(--ab-border-radius-input);
   }
-  :is(.twa\:\*\:\[\[role\=button\]\]\:border-none > *):is([role=button]) {
-    --tw-border-style: none;
-    border-style: none;
+  :is(.twa\:\*\:\[a\]\:underline > *):is(a) {
+    text-decoration-line: underline;
+  }
+  :is(.twa\:\*\:\[a\]\:underline-offset-3 > *):is(a) {
+    text-underline-offset: 3px;
+  }
+  @media (hover: hover) {
+    :is(.twa\:\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
+      color: var(--ab-color-foreground);
+    }
   }
   :is(.twa\:\*\:\[input\]\:absolute > *):is(input) {
     position: absolute;
   }
-  :is(.twa\:\*\:\[input\]\:relative > *):is(input) {
-    position: relative;
-  }
   :is(.twa\:\*\:\[input\]\:inset-x-0\.5 > *):is(input) {
     inset-inline: calc(var(--ab-base-space) * 0.5);
   }
@@ -3651,25 +4160,9 @@
   :is(.twa\:\*\:\[input\]\:h-auto > *):is(input) {
     height: auto;
   }
-  :is(.twa\:\*\:\[input\]\:h-full > *):is(input) {
-    height: 100%;
-  }
-  :is(.twa\:\*\:\[input\]\:min-w-0 > *):is(input) {
-    min-width: 0px;
-  }
-  :is(.twa\:\*\:\[input\]\:flex-1 > *):is(input) {
-    flex: 1;
-  }
-  :is(.twa\:\*\:\[input\]\:basis-0 > *):is(input) {
-    flex-basis: 0px;
-  }
   :is(.twa\:\*\:\[input\]\:rounded-input > *):is(input) {
     border-radius: var(--ab-border-radius-input);
   }
-  :is(.twa\:\*\:\[input\]\:border-none > *):is(input) {
-    --tw-border-style: none;
-    border-style: none;
-  }
   :is(.twa\:\*\*\:\[input\]\:min-h-auto\! *):is(input) {
     min-height: auto !important;
   }
@@ -3685,10 +4178,17 @@
   :is(.twa\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
     color: var(--ab-color-destructive);
   }
+  :is(.twa\:\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-8 > *):is(svg:not([class*=size-])) {
+    width: calc(var(--ab-base-space) * 8);
+    height: calc(var(--ab-base-space) * 8);
+  }
   .twa\:\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-standard:last-child[data-selected=true] button {
     border-top-right-radius: var(--ab-border-radius);
     border-bottom-right-radius: var(--ab-border-radius);
   }
+  .twa\:\[\&\:not\(\[disabled\]\)\]\:cursor-pointer:not([disabled]) {
+    cursor: pointer;
+  }
   .twa\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-standard:nth-child(2)[data-selected=true] button {
     border-top-left-radius: var(--ab-border-radius);
     border-bottom-left-radius: var(--ab-border-radius);
@@ -3700,6 +4200,12 @@
   .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-input-border\! > :not(:first-child) {
     border-color: var(--ab-color-input-border) !important;
   }
+  .twa\:data-\[state\=constrained\]\:\[\&\>div\]\:bg-destructive[data-state="constrained"] > div {
+    background-color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[state\=dragging\]\:\[\&\>div\]\:bg-accent[data-state="dragging"] > div {
+    background-color: var(--ab-color-accent);
+  }
   .twa\:\[\&\>input\]\:max-h-\[calc\(var\(--ab-input-height\)-1\.5\*var\(--ab-base-space\)\)\]\! > input {
     max-height: calc(var(--ab-input-height) - 1.5 * var(--ab-base-space)) !important;
   }
@@ -3740,6 +4246,9 @@
     width: calc(var(--ab-base-space) * 4);
     height: calc(var(--ab-base-space) * 4);
   }
+  .twa\:\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal] > div {
+    rotate: 90deg;
+  }
   .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[container-type\:size\] {
     container-type: size;
   }
@@ -5685,7 +6194,7 @@
     --ab-font-size-5: calc(var(--ab-base-font-size) * 1.25);
     --ab-font-size-6: calc(var(--ab-base-font-size) * 1.5);
     --ab-font-size-7: calc(var(--ab-base-font-size) * 2.25);
-    --ab-input-height: 36px;
+    --ab-input-height: calc(var(--ab-base-space) * 9);
     --ab__font-family: inherit;
     --ab-border-radius: var(--ab__border-radius, var(--ab-base-space));
     --ab-border-radius-input: var(--ab-border-radius);
@@ -5706,38 +6215,6 @@
     --ab-color-accent: #07c;
     --ab-color-accent-foreground: #e2e2e2;
     --ab-color-accentlight: #dbf0ff;
-    --ab-color-palette-1: #fde8e8;
-    --ab-color-palette-2: #9b2c2c;
-    --ab-color-palette-3: #fff8e1;
-    --ab-color-palette-4: #975a16;
-    --ab-color-palette-5: #e6f4ea;
-    --ab-color-palette-6: #276749;
-    --ab-color-palette-7: #e6f2ff;
-    --ab-color-palette-8: #2b6cb0;
-    --ab-color-palette-9: #edf2f7;
-    --ab-color-palette-10: #4a5568;
-    --ab-color-palette-11: #f3e8ff;
-    --ab-color-palette-12: #553c9a;
-    --ab-color-swatch-1: #000000;
-    --ab-color-swatch-2: #ffffff;
-    --ab-color-swatch-3: #d3d3d3;
-    --ab-color-swatch-4: #808080;
-    --ab-color-swatch-5: #a52a2a;
-    --ab-color-swatch-6: #006400;
-    --ab-color-swatch-7: #008000;
-    --ab-color-swatch-8: #32cd32;
-    --ab-color-swatch-9: #ffff00;
-    --ab-color-swatch-10: #ffffe0;
-    --ab-color-swatch-11: #00008b;
-    --ab-color-swatch-12: #0000ff;
-    --ab-color-swatch-13: #87cefa;
-    --ab-color-swatch-14: #00ffff;
-    --ab-color-swatch-15: #ff00ff;
-    --ab-color-swatch-16: #800080;
-    --ab-color-swatch-17: #8b0000;
-    --ab-color-swatch-18: #ff0000;
-    --ab-color-swatch-19: #dc143c;
-    --ab-color-swatch-20: #ffa500;
     --ab-color-success-foreground: white;
     --ab-color-info-foreground: white;
     --ab-color-warn-foreground: white;
@@ -5753,11 +6230,13 @@
     --ab-color-primary-foreground: #656565;
     --ab-color-primarydark: #b7b7b7;
     --ab-color-primarylight: #f5f5f5;
+    --ab-color-selection: var(--ab-color-accent);
+    --ab-color-selection-foreground: var(--ab-color-accent-foreground);
     --ab-color-shadow: rgb(0 0 0 / 0.2);
-    --ab-shadow-sm: 0 0px 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
+    --ab-shadow-sm: 0 0 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
     --ab-shadow-md: 0 -2px 6px -1px var(--ab-color-shadow), 0 2px 4px -2px var(--ab-color-shadow);
-    --ab-focus__box-shadow: 0 0px 5px 0 var(--ab-color-ring), 0 1px 2px -1px var(--ab-color-ring);
-    --ab-focus-light__box-shadow: 0 0px 5px 0 var(--ab-color-accentlight),
+    --ab-focus__box-shadow: 0 0 5px 0 var(--ab-color-ring), 0 1px 2px -1px var(--ab-color-ring);
+    --ab-focus-light__box-shadow: 0 0 5px 0 var(--ab-color-accentlight),
     0 1px 2px -1px var(--ab-color-accentlight);
     --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-primary-foreground);
     --ab-focus__outline: none;
@@ -5775,37 +6254,114 @@
     --ab-color-ring: var(--ab-color-accent);
     --ab-color-card: #f5f5f5;
     --ab-color-card-foreground: var(--ab-color-foreground);
+    --ab-color-palette-1: #fde8e8;
+    --ab-color-palette-2: #9b2c2c;
+    --ab-color-palette-3: #fff8e1;
+    --ab-color-palette-4: #975a16;
+    --ab-color-palette-5: #e6f4ea;
+    --ab-color-palette-6: #276749;
+    --ab-color-palette-7: #e6f2ff;
+    --ab-color-palette-8: #2b6cb0;
+    --ab-color-palette-9: #edf2f7;
+    --ab-color-palette-10: #4a5568;
+    --ab-color-palette-11: #f3e8ff;
+    --ab-color-palette-12: #553c9a;
+    --ab-color-swatch-1: #000000;
+    --ab-color-swatch-2: #ffffff;
+    --ab-color-swatch-3: #d3d3d3;
+    --ab-color-swatch-4: #808080;
+    --ab-color-swatch-5: #a52a2a;
+    --ab-color-swatch-6: #006400;
+    --ab-color-swatch-7: #008000;
+    --ab-color-swatch-8: #32cd32;
+    --ab-color-swatch-9: #ffff00;
+    --ab-color-swatch-10: #ffffe0;
+    --ab-color-swatch-11: #00008b;
+    --ab-color-swatch-12: #0000ff;
+    --ab-color-swatch-13: #87cefa;
+    --ab-color-swatch-14: #00ffff;
+    --ab-color-swatch-15: #ff00ff;
+    --ab-color-swatch-16: #800080;
+    --ab-color-swatch-17: #8b0000;
+    --ab-color-swatch-18: #ff0000;
+    --ab-color-swatch-19: #dc143c;
+    --ab-color-swatch-20: #ffa500;
     --ab-icon-fill: currentColor;
-    --ab-custom-scrollbar-size: 10px;
-    --ab-grid-row-height: 35px;
-    --ab-cmp-column-tag__background: var(--ab-color-primary);
+    --ab-custom-scrollbar-size: 8px;
+    --ab-color-custom-scrollbar-track: var(--ab-color-background);
+    --ab-color-custom-scrollbar-track-hover: var(--ab-color-background);
   }
   @supports (color: color-mix(in lab, red, red)) {
     :root {
-      --ab-cmp-column-tag__background: color-mix(
+      --ab-color-custom-scrollbar-track-hover: color-mix(
     in srgb,
-    var(--ab-color-primary) 80%,
-    var(--ab-color-accent)
+    var(--ab-color-background) 50%,
+    var(--ab-color-primarydark)
+  );
+    }
+  }
+  :root {
+    --ab-color-custom-scrollbar-thumb: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-color-custom-scrollbar-thumb: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 60%,
+    var(--ab-color-background)
+  );
+    }
+  }
+  :root {
+    --ab-color-custom-scrollbar-thumb-active: var(--ab-color-foreground);
+    --ab-color-custom-scrollbar-thumb-border: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-color-custom-scrollbar-thumb-border: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 70%,
+    var(--ab-color-background)
   );
     }
   }
   :root {
-    --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
+    --ab-grid-row-height: 35px;
     --ab-loaded: 777;
     --ab_flex-direction: column;
     --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
-    --ab-gridheader--filtered__background: var(--ab-color-primary);
+    --ab-cmp-accent-tag__background: var(--ab-color-primary);
   }
-  .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
-    --infinite-cell-border-radius: 0px;
-    --infinite-active-cell-border-width: 0px;
-    --infinite-background: var(--ab-color-background);
-    --infinite-row-background: var(--ab-color-background);
-    --infinite-row-odd-background: var(--ab-color-primarylight);
-    --infinite-row-selected-background: var(--ab-color-primary);
-    --infinite-row-selected-hover-background: var(--ab-color-primarydark);
-    --infinite-row-hover-background: var(--ab-color-primary);
-    --infinite-header-color: var(--ab-color-muted-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-accent-tag__background: color-mix(
+    in srgb,
+    var(--ab-color-primary) 80%,
+    var(--ab-color-accent)
+  );
+    }
+  }
+  :root {
+    --ab-cmp-accent-tag__foreground: var(--ab-color-primary-foreground);
+    --ab-cmp-expression-tag__background: var(--ab-color-primary);
+    --ab-cmp-expression-tag__foreground: inherit;
+    --ab-cmp-tooltip__opacity: 0.96;
+    --ab-cmp-tooltip__background: var(--ab-color-primary);
+    --ab-cmp-tooltip__color: var(--ab-color-primary-foreground);
+    --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
+    --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
+    --ab-gridheader--filtered__background: var(--ab-color-primary);
+  }
+  .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
+    --infinite-cell-border-radius: 0px;
+    --infinite-active-cell-border-width: 0px;
+    --infinite-background: var(--ab-color-background);
+    --infinite-row-background: var(--ab-color-background);
+    --infinite-row-odd-background: var(--ab-color-primarylight);
+    --infinite-row-selected-background: var(--ab-color-primary);
+    --infinite-row-selected-hover-background: var(--ab-color-primarydark);
+    --infinite-row-hover-background: var(--ab-color-primary);
+    --infinite-header-color: var(--ab-color-muted-foreground);
     --infinite-header-cell-background: var(--ab-color-primary);
     --infinite-header-cell-hover-background: var(--ab-color-primarylight);
     --infinite-menu-background: var(--infinite-header-cell-background);
@@ -5877,11 +6433,340 @@
   .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
     --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
   }
+  :root {
+    --ab-radio-gap: calc(var(--ab-base-space) * 2);
+  }
+  .ab-CheckBox,.ab-CheckBox *,.ab-CheckBox *:before,.ab-CheckBox *:after {
+    box-sizing: border-box;
+  }
+  .ab-CheckBox {
+    display: inline-flex;
+    flex-flow: row;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+  }
+  .ab-CheckBox--checked {
+    --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
+  }
+  .ab-CheckBox--checked .ab-CheckBox__square {
+    border-color: var(--ab-cmp-checkbox--checked__border-color);
+  }
+  .ab-CheckBox--indeterminate {
+    --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
+  }
+  .ab-CheckBox__square {
+    border-radius: var(--ab-border-radius-input);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--ab-cmp-checkbox__border-color);
+    background: var(--ab-cmp-checkbox__background);
+    min-height: var(--ab-cmp-checkbox--check-size);
+    min-width: var(--ab-cmp-checkbox--check-size);
+    line-height: 0;
+    font-size: 0;
+    position: relative;
+    pointer-events: none;
+  }
+  .ab-CheckBox__square:after {
+    opacity: 1;
+    transition-duration: 0.05s;
+    transition-timing-function: ease-in;
+    transition-property: opacity;
+    content: '';
+    display: block;
+    margin: auto;
+    width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
+    height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+    border: solid var(--ab-cmp-checkbox--check__color);
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+    border-radius: 1px;
+  }
+  .ab-CheckBox__square--unchecked::after {
+    opacity: 0;
+  }
+  .ab-CheckBox__square--indeterminate:after {
+    transform: rotate(0deg);
+    position: absolute;
+    top: 2px;
+    bottom: 2px;
+    right: 2px;
+    left: 2px;
+    border: none;
+    width: auto;
+    height: auto;
+    background: var(--ab-cmp-checkbox--check__color);
+    border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
+  }
+  .ab-CheckBox__square--icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--ab-cmp-checkbox--check__color);
+  }
+  .ab-CheckBox__square--icon:after {
+    display: none;
+  }
+  .ab-CheckBox__square--icon > svg {
+    width: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+    height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+  }
+  .ab-CheckBox--disabled {
+    opacity: 0.5;
+  }
+  .ab-CheckBox--readonly .ab-CheckBox__square {
+    opacity: 0.5;
+  }
+  .ab-CheckBox-input:not(.ag-checkbox-input) {
+    width: 100%;
+    height: 100%;
+    line-height: 0;
+    font-size: 0;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    position: absolute;
+  }
+  input.ab-Radio-input {
+    appearance: none;
+    border: 1px solid;
+    border-color: #767676ff;
+    background-color: #ffffffff;
+    border-radius: 50%;
+    margin: 0;
+    position: relative;
+  }
+  input.ab-Radio-input:checked {
+    border-color: var(--ab-color-accent);
+  }
+  input.ab-Radio-input:checked::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background-color: var(--ab-color-accent);
+  }
+  input.ab-Radio-input:disabled {
+    border-color: var(--ab-cmp-input__border, #444);
+    opacity: 0.7;
+  }
+  input.ab-Radio-input:checked:disabled::after {
+    background-color: #656565;
+  }
+  .ab-QueryBuilder {
+    container-type: inline-size;
+  }
+  .ab-QueryBuilder__lhs {
+    width: min(var(--ab-cmp-query-builder__lhs-width), 35cqw);
+    flex: none;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__rhs {
+    width: min(var(--ab-cmp-query-builder__rhs-width), 35cqw);
+    flex: none;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__rhs[data-multi='true'] {
+    flex: none;
+    width: min(var(--ab-cmp-query-builder__rhs-multi-width), 100%);
+    max-width: 100%;
+    min-width: min(var(--ab-cmp-query-builder__rhs-multi-width), 100%);
+  }
+  .ab-QueryBuilder__rhs[data-multi='true'] .ab-ListBoxFilterForm {
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__rhs[data-multi='true'] [data-slot='combobox-root'], .ab-QueryBuilder__rhs[data-multi='true'] .ab-NewTreeDropdown {
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__operator {
+    flex: 0 0 var(--ab-cmp-query-builder__operator-width);
+    width: var(--ab-cmp-query-builder__operator-width);
+    min-width: var(--ab-cmp-query-builder__operator-width);
+    max-width: var(--ab-cmp-query-builder__operator-width);
+    justify-content: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--ab-cmp-query-builder-operator__color) !important;
+  }
+  .ab-QueryBuilder__operator-symbol {
+    font-size: var(--ab-font-size-5);
+    line-height: 1;
+  }
+  .ab-QueryBuilder__primitive:not(.ab-QueryBuilder__primitive--stacked) {
+    width: max-content;
+    max-width: 100%;
+  }
+  .ab-QueryBuilder__primitive:not(.ab-QueryBuilder__primitive--stacked) .ab-QueryBuilder__rhs-row {
+    flex: 0 1 auto;
+  }
+  .ab-QueryBuilder__arity-spacer {
+    display: none;
+  }
+  .ab-QueryBuilder--layout-inline .ab-QueryBuilder__operator {
+    flex: 0 0 var(--ab-cmp-query-builder__operator-width);
+    width: var(--ab-cmp-query-builder__operator-width);
+    min-width: var(--ab-cmp-query-builder__operator-width);
+    max-width: var(--ab-cmp-query-builder__operator-width);
+  }
+  .ab-QueryBuilder__combinator {
+    color: var(--ab-cmp-query-builder-operator__color) !important;
+    font-weight: 500;
+  }
+  .ab-QueryBuilder [data-slot='select-trigger'].ab-QueryBuilder__meta {
+    background-color: var(--ab-cmp-query-builder-meta__background);
+    color: var(--ab-cmp-query-builder-meta__color);
+    box-shadow: none;
+    gap: 0;
+  }
+  .ab-QueryBuilder [data-slot='select-trigger'].ab-QueryBuilder__meta svg {
+    color: inherit;
+    opacity: 0.85;
+  }
+  @container (max-width: 34rem) {
+    .ab-QueryBuilder__lhs, .ab-QueryBuilder:not(.ab-QueryBuilder--layout-stacked) .ab-QueryBuilder__rhs:not([data-multi='true']) {
+      width: auto;
+      flex: 0 1 auto;
+      min-width: fit-content;
+    }
+    .ab-QueryBuilder__rhs[data-multi='true'] {
+      flex: none;
+      width: min(var(--ab-cmp-query-builder__rhs-multi-width), 100%);
+      max-width: 100%;
+      min-width: min(var(--ab-cmp-query-builder__rhs-multi-width), 100%);
+    }
+    .ab-QueryBuilder:not(.ab-QueryBuilder--layout-inline) .ab-QueryBuilder__operator {
+      flex: 0 1 auto;
+      width: auto;
+      min-width: 0;
+      max-width: none;
+    }
+  }
+  .ab-QueryBuilder__primitive--stacked {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .ab-QueryBuilder__stacked-toolbar {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__primitive--stacked .ab-QueryBuilder__stacked-operator .ab-QueryBuilder__operator {
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+  }
+  .ab-QueryBuilder__primitive--stacked .ab-QueryBuilder__rhs-row {
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__rhs--stacked {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+  .ab-QueryBuilder__rhs--stacked .ab-QueryBuilder__atom {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  .ab-QueryBuilder__rhs--stacked .ab-QueryBuilder__atom > *, .ab-QueryBuilder__rhs--stacked .ab-QueryBuilder__atom .ab-Input, .ab-QueryBuilder__rhs--stacked .ab-QueryBuilder__atom [data-slot='combobox-root'], .ab-QueryBuilder__rhs--stacked .ab-QueryBuilder__atom .ab-NewTreeDropdown {
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__rhs[data-multi='true'] {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    flex: 1 1 100%;
+  }
+  .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__rhs[data-multi='true'] .ab-ListBoxFilterForm, .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__rhs[data-multi='true'] [data-slot='combobox-root'], .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__rhs[data-multi='true'] .ab-NewTreeDropdown {
+    width: 100%;
+    min-width: 0;
+  }
+  .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__primitive:not(.ab-QueryBuilder__primitive--stacked) {
+    flex-wrap: wrap;
+    align-items: center;
+  }
+  .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__row {
+    align-items: flex-start;
+  }
+  .ab-QueryBuilder--layout-stacked .ab-QueryBuilder__row-body {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  @container (max-width: 26rem) {
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive {
+      flex-wrap: wrap;
+      align-items: center;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__lhs, .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__operator, .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__actions-rail {
+      order: 1;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__operator {
+      flex: 1 1 auto;
+      width: auto;
+      max-width: none;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__actions-rail {
+      margin-left: auto;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__arity-spacer {
+      display: none;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__row {
+      align-items: flex-start;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__row-body {
+      flex: 1 1 0;
+      min-width: 0;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__primitive > .ab-QueryBuilder__rhs-row {
+      order: 10;
+      flex: 0 0 100%;
+      flex-basis: 100%;
+      width: 100%;
+      max-width: 100%;
+      min-width: 0;
+      margin-right: 0;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__rhs {
+      width: 100%;
+      max-width: 100%;
+      min-width: 0;
+      flex: 1 1 auto;
+    }
+    .ab-QueryBuilder--layout-auto .ab-QueryBuilder__rhs[data-multi='true'] {
+      width: 100%;
+      min-width: 0;
+    }
+  }
   .ab-QueryBuilder__expression {
     background-color: var(--ab-cmp-query-builder-expression__background);
     color: var(--ab-cmp-query-builder-expression__color);
     font-size: var(--ab-cmp-query-builder-expression__font-size);
   }
+  .ab-QueryBuilder ::placeholder {
+    font-size: var(--ab-cmp-query-builder-placeholder__font-size);
+    font-style: italic;
+  }
+  .ab-QueryBuilder [data-placeholder], .ab-QueryBuilder [data-name='placeholder'], .ab-QueryBuilder__placeholder {
+    font-size: var(--ab-cmp-query-builder-placeholder__font-size);
+    font-style: italic;
+    font-weight: 400;
+  }
   .ab-QueryBuilder-predicate-editor {
     position: relative;
   }
@@ -5938,7 +6823,6 @@
     left: 8px;
   }
   :root {
-    --ab-radio-gap: calc(var(--ab-base-space) * 2);
     --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
     --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
     --ab-cmp-dropdown__border: 1px solid var(--ab-color-input-border);
@@ -5993,11 +6877,6 @@
     --ab-cmp-textarea__font-family: var(--ab__font-family);
     --ab-cmp-textarea__background: var(--ab-color-input-background);
     --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
-    --ab-cmp-tooltip__opacity: 0.96;
-    --ab-cmp-tooltip__background: var(--ab-color-primary);
-    --ab-cmp-tooltip__color: var(--ab-color-primary-foreground);
-    --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
-    --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
     --ab-cmp-file-droppable__padding: calc(var(--ab-base-space) * 16);
     --ab-cmp-file-droppable__margin: var(--ab-base-space);
     --ab-cmp-file-droppable__background: var(--ab-color-primary);
@@ -6085,7 +6964,6 @@
     --ab-cmp-icon__fill: var(--ab-icon-fill);
     --ab-cmp-icon__height: 17px;
     --ab-cmp-icon__width: 17px;
-    --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
     --ab-cmp-wizard__padding: calc(var(--ab-base-space) * 16);
     --ab-cmp-wizard__margin: var(--ab-base-space);
     --ab-cmp-wizard__background: var(--ab-color-primary);
@@ -6192,6 +7070,8 @@
     --ab-cmp-adaptable-popup__height: 90vh;
     --ab-cmp-adaptable-popup__max-height: 1200px;
     --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
+    --ab-cmp-adaptable-popup-navigation__width: 240px;
+    --ab-cmp-adaptable-popup-navigation--collapsed__width: 56px;
     --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
     --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
     --ab-cmp-adaptable-popup-navigation-list-item__padding: 0px var(--ab-base-space);
@@ -6277,11 +7157,546 @@
     --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
     var(--ab-color-primarydark);
     --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab-border-radius);
+    --ab-aql-ref-color-0: #ed7d31;
+    --ab-aql-ref-color-1: #a02b93;
+    --ab-aql-ref-color-2: #70ad47;
+    --ab-aql-ref-color-3: #c00000;
+    --ab-aql-ref-color-4: #ffc000;
+    --ab-aql-ref-color-5: #833c0c;
+    --ab-aql-ref-color-6: #548235;
+    --ab-aql-ref-color-7: #7030a0;
+    --ab-aql-token-column: #1d4ed8;
+    --ab-aql-token-function: #7c3aed;
+    --ab-aql-token-lookup: #0d9488;
+    --ab-aql-token-operator: #b45309;
+    --ab-aql-token-number: #0f766e;
+    --ab-aql-token-string: #9a3412;
+    --ab-aql-token-keyword: #a21caf;
+    --ab-aql-token-punctuation: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-aql-token-punctuation: color-mix(in srgb, var(--ab-color-foreground) 55%, transparent);
+    }
+  }
+  :root {
+    --ab-aql-editor__background: var(--ab-color-background);
+    --ab-aql-editor__foreground: var(--ab-color-foreground);
+    --ab-aql-editor__border: var(--ab-color-primarydark);
+    --ab-aql-editor__selection: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-aql-editor__selection: color-mix(in srgb, var(--ab-color-accent) 28%, transparent);
+    }
+  }
+  :root {
+    --ab-aql-editor__placeholder: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-aql-editor__placeholder: color-mix(in srgb, var(--ab-color-foreground) 45%, transparent);
+    }
+  }
+  :root.ab--theme-dark {
+    --ab-aql-token-column: #93c5fd;
+    --ab-aql-token-function: #d8b4fe;
+    --ab-aql-token-lookup: #2dd4bf;
+    --ab-aql-token-operator: #fdba74;
+    --ab-aql-token-number: #5eead4;
+    --ab-aql-token-string: #fdba74;
+    --ab-aql-token-keyword: #f0abfc;
+  }
+  .ab-AqlCodeMirror {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    min-height: 0;
+    overflow: hidden;
+    border-radius: var(--ab-border-radius);
+    border: 1px solid var(--ab-aql-editor__border);
+    background: var(--ab-aql-editor__background);
+    color: var(--ab-aql-editor__foreground);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    box-shadow: inset 0 1px 3px var(--ab-color-primary-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror {
+      box-shadow: inset 0 1px 3px color-mix(in srgb, var(--ab-color-primary-foreground) 12%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror:focus-within {
+    box-shadow: 0 0 0 3px var(--ab-color-ring, var(--ab-color-accent));
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror:focus-within {
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--ab-color-ring, var(--ab-color-accent)) 50%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror--full {
+    min-height: 150px;
+    font-size: var(--ab-font-size-4, 1rem);
+  }
+  .ab-AqlCodeMirror--compact {
+    height: 100%;
+    min-height: 72px;
+    font-size: var(--ab-font-size-3, 0.875rem);
+  }
+  .ab-AqlCodeMirror--disabled {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+  .ab-AqlCodeMirror .cm-editor {
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+    background: transparent;
+  }
+  .ab-AqlCodeMirror .cm-editor.cm-focused {
+    outline: none;
+  }
+  .ab-AqlCodeMirror .cm-scroller {
+    padding: calc(var(--ab-base-space, 4px) * 2);
+    padding-right: calc(var(--ab-base-space, 4px) * 6);
+    line-height: 1.5;
+  }
+  .ab-AqlCodeMirror--full .cm-scroller {
+    padding: calc(var(--ab-base-space, 4px) * 3);
+    padding-right: calc(var(--ab-base-space, 4px) * 6);
+  }
+  .ab-AqlCodeMirror .cm-content {
+    caret-color: var(--ab-aql-editor__foreground);
+  }
+  .ab-AqlCodeMirror .cm-selectionBackground, .ab-AqlCodeMirror .cm-editor ::selection {
+    background: var(--ab-aql-editor__selection) !important;
+  }
+  .ab-AqlCodeMirror .cm-placeholder {
+    color: var(--ab-aql-editor__placeholder);
+    font-style: normal;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete {
+    background: var(--ab-color-card, var(--ab-color-background)) !important;
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+    border: 1px solid var(--ab-color-primarydark) !important;
+    border-radius: var(--ab-border-radius);
+    font-family: inherit;
+    font-size: var(--ab-font-size-2, 0.75rem);
+    box-shadow: 0 4px 16px var(--ab-color-shadow);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete {
+      box-shadow: 0 4px 16px color-mix(in srgb, var(--ab-color-shadow) 35%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul {
+    font-family: inherit;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li {
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > completion-section {
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+    opacity: 0.85;
+    border-bottom-color: var(--ab-color-primarydark) !important;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {
+    background: var(--ab-color-accent) !important;
+    color: var(--ab-color-accent-foreground) !important;
+  }
+  .ab-AqlCodeMirror .cm-completionLabel {
+    color: inherit !important;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li.ab-AqlCompletion--column .cm-completionDetail {
+    font-style: italic;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li.ab-AqlCompletion--unsuitable {
+    opacity: 0.55;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li.ab-AqlCompletion--unsuitable .cm-completionLabel, .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li.ab-AqlCompletion--unsuitable .cm-completionDetail {
+    text-decoration: line-through;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li.ab-AqlCompletion--unsuitable[aria-selected] {
+    opacity: 0.85;
+  }
+  .ab-AqlCodeMirror .cm-completionDetail {
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-completionDetail {
+      color: color-mix( in srgb, var(--ab-color-card-foreground, var(--ab-color-foreground)) 70%, transparent ) !important;
+    }
+  }
+  .ab-AqlCodeMirror .cm-completionDetail {
+    font-style: normal;
+    margin-left: 0.5em;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+    color: var(--ab-color-accent-foreground) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+      color: color-mix(in srgb, var(--ab-color-accent-foreground) 80%, transparent) !important;
+    }
+  }
+  .ab-AqlCodeMirror .cm-completionMatchedText {
+    color: inherit !important;
+    text-decoration-color: var(--ab-color-accent);
+  }
+  .ab-AqlCodeMirror .cm-completionIcon {
+    opacity: 1;
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-completionIcon {
+      color: color-mix( in srgb, var(--ab-color-card-foreground, var(--ab-color-foreground)) 85%, transparent ) !important;
+    }
+  }
+  .ab-AqlCodeMirror .cm-completionIcon {
+    width: 1.2em;
+    padding-right: 0.35em;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionIcon {
+    color: var(--ab-color-accent-foreground) !important;
+    opacity: 1;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete, :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete.cm-tooltip {
+    background: var(--ab-color-card, #51555a) !important;
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+    border-color: var(--ab-color-primarydark, #1c2021) !important;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li:not([aria-selected]), :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > completion-section {
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {
+    background: var(--ab-color-accent, #07c) !important;
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionLabel, :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionMatchedText, :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionIcon {
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+      color: color-mix(in srgb, var(--ab-color-accent-foreground, #e2e2e2) 80%, transparent) !important;
+    }
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail {
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail {
+      color: color-mix(in srgb, var(--ab-color-card-foreground, #e2e2e2) 72%, transparent) !important;
+    }
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete .cm-completionIcon {
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root.ab--theme-dark .cm-tooltip.cm-tooltip-autocomplete .cm-completionIcon {
+      color: color-mix(in srgb, var(--ab-color-card-foreground, #e2e2e2) 88%, transparent) !important;
+    }
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete, :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete.cm-tooltip {
+    background: var(--ab-color-card, #f5f5f5) !important;
+    color: var(--ab-color-card-foreground, #656565) !important;
+    border-color: var(--ab-color-primarydark, #b7b7b7) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li:not([aria-selected]), :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > completion-section {
+    color: var(--ab-color-card-foreground, #656565) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {
+    background: var(--ab-color-accent, #07c) !important;
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionLabel, :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionMatchedText, :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionIcon {
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+    color: var(--ab-color-accent-foreground, #e2e2e2) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root.ab--theme-light .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] .cm-completionDetail {
+      color: color-mix(in srgb, var(--ab-color-accent-foreground, #e2e2e2) 80%, transparent) !important;
+    }
+  }
+  .ab-AqlCodeMirror .cm-completionIcon-column::after {
+    content: '▥';
+    font-size: 0.95em;
+  }
+  .ab-AqlCodeMirror .cm-completionIcon-query::after {
+    content: 'Q';
+    font-size: 0.75em;
+    font-weight: 700;
+    font-style: normal;
+  }
+  .ab-AqlCodeMirror .cm-completionIcon-variable::after {
+    content: 'V';
+    font-size: 0.75em;
+    font-weight: 700;
+    font-style: normal;
+  }
+  .ab-AqlCodeMirror__token--column {
+    color: var(--ab-aql-token-column);
+  }
+  .ab-AqlCodeMirror__token--function {
+    color: var(--ab-aql-token-function);
+  }
+  .ab-AqlCodeMirror__token--lookup {
+    color: var(--ab-aql-token-lookup);
+  }
+  .ab-AqlCodeMirror__token--operator {
+    color: var(--ab-aql-token-operator);
+  }
+  .ab-AqlCodeMirror__token--number {
+    color: var(--ab-aql-token-number);
+  }
+  .ab-AqlCodeMirror__token--duration {
+    color: var(--ab-aql-token-number);
+  }
+  .ab-AqlCodeMirror__token--string {
+    color: var(--ab-aql-token-string);
+  }
+  .ab-AqlCodeMirror__token--keyword {
+    color: var(--ab-aql-token-keyword);
+  }
+  .ab-AqlCodeMirror__token--punctuation {
+    color: var(--ab-aql-token-punctuation);
+  }
+  .ab-AqlCodeMirror__ref--0 {
+    color: var(--ab-aql-ref-color-0);
+  }
+  .ab-AqlCodeMirror__ref--1 {
+    color: var(--ab-aql-ref-color-1);
+  }
+  .ab-AqlCodeMirror__ref--2 {
+    color: var(--ab-aql-ref-color-2);
+  }
+  .ab-AqlCodeMirror__ref--3 {
+    color: var(--ab-aql-ref-color-3);
+  }
+  .ab-AqlCodeMirror__ref--4 {
+    color: var(--ab-aql-ref-color-4);
+  }
+  .ab-AqlCodeMirror__ref--5 {
+    color: var(--ab-aql-ref-color-5);
+  }
+  .ab-AqlCodeMirror__ref--6 {
+    color: var(--ab-aql-ref-color-6);
+  }
+  .ab-AqlCodeMirror__ref--7 {
+    color: var(--ab-aql-ref-color-7);
+  }
+  .ab-AqlCodeMirror .cm-matchingBracket {
+    background-color: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-matchingBracket {
+      background-color: color-mix(in srgb, var(--ab-color-accent) 28%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-matchingBracket {
+    outline: 1px solid var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-matchingBracket {
+      outline: 1px solid color-mix(in srgb, var(--ab-color-accent) 55%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-matchingBracket {
+    border-radius: 2px;
+  }
+  .ab-AqlCodeMirror .cm-nonmatchingBracket {
+    background-color: var(--ab-color-destructive, #dc2626);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-nonmatchingBracket {
+      background-color: color-mix(in srgb, var(--ab-color-destructive, #dc2626) 22%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-nonmatchingBracket {
+    outline: 1px solid var(--ab-color-destructive, #dc2626);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-nonmatchingBracket {
+      outline: 1px solid color-mix(in srgb, var(--ab-color-destructive, #dc2626) 50%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-nonmatchingBracket {
+    border-radius: 2px;
+  }
+  .ab-AqlCodeMirror .cm-lintRange-error, .ab-AqlCodeMirror .cm-diagnostic-error {
+    background-image: none;
+    border-bottom: 2px wavy var(--ab-color-destructive, #dc2626);
+  }
+  .ab-AqlCodeMirror .cm-lintRange-warning, .ab-AqlCodeMirror .cm-diagnostic-warning {
+    background-image: none;
+    border-bottom: 2px wavy var(--ab-color-warning, #ca8a04);
+  }
+  .ab-AqlCodeMirror .cm-lintRange-info, .ab-AqlCodeMirror .cm-diagnostic-info {
+    background-image: none;
+    border-bottom: 2px wavy var(--ab-color-accent);
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-lint {
+    background: var(--ab-color-card, var(--ab-color-background)) !important;
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+    border: 1px solid var(--ab-color-primarydark) !important;
+    border-radius: var(--ab-border-radius);
+    font-family: inherit;
+    font-size: var(--ab-font-size-2, 0.75rem);
+    box-shadow: 0 4px 16px var(--ab-color-shadow);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-lint {
+      box-shadow: 0 4px 16px color-mix(in srgb, var(--ab-color-shadow) 35%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-lint {
+    max-width: 28rem;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-lint {
+    background: var(--ab-color-card, #51555a) !important;
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+    border-color: var(--ab-color-primarydark, #1c2021) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-lint {
+    background: var(--ab-color-card, #f5f5f5) !important;
+    color: var(--ab-color-card-foreground, #656565) !important;
+    border-color: var(--ab-color-primarydark, #b7b7b7) !important;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-hover, .cm-tooltip.cm-tooltip-hover:has(.ab-AqlCodeMirror__hover) {
+    background: var(--ab-color-card, var(--ab-color-background)) !important;
+    color: var(--ab-color-card-foreground, var(--ab-color-foreground)) !important;
+    border: 1px solid var(--ab-color-primarydark) !important;
+    border-radius: var(--ab-border-radius);
+    font-family: inherit;
+    font-size: var(--ab-font-size-2, 0.75rem);
+    box-shadow: 0 4px 16px var(--ab-color-shadow);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-hover, .cm-tooltip.cm-tooltip-hover:has(.ab-AqlCodeMirror__hover) {
+      box-shadow: 0 4px 16px color-mix(in srgb, var(--ab-color-shadow) 35%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-hover, .cm-tooltip.cm-tooltip-hover:has(.ab-AqlCodeMirror__hover) {
+    max-width: 22rem;
+    padding: 0;
+    z-index: 50;
+  }
+  .ab-AqlCodeMirror .cm-tooltip.cm-tooltip-hover:not(:has(.cm-tooltip-lint)), .cm-tooltip.cm-tooltip-hover:has(.ab-AqlCodeMirror__hover):not(:has(.cm-tooltip-lint)) {
+    pointer-events: none;
+  }
+  .cm-tooltip.cm-tooltip-hover:has(.cm-tooltip-lint) {
+    max-width: 28rem;
+  }
+  .cm-tooltip .cm-tooltip-lint .cm-diagnosticAction {
+    background: var(--ab-color-primary);
+    color: var(--ab-color-primary-foreground);
+    border-radius: var(--ab-border-radius);
+    cursor: pointer;
+  }
+  :root.ab--theme-dark .cm-tooltip.cm-tooltip-hover {
+    background: var(--ab-color-card, #51555a) !important;
+    color: var(--ab-color-card-foreground, #e2e2e2) !important;
+    border-color: var(--ab-color-primarydark, #1c2021) !important;
+  }
+  :root.ab--theme-light .cm-tooltip.cm-tooltip-hover {
+    background: var(--ab-color-card, #f5f5f5) !important;
+    color: var(--ab-color-card-foreground, #656565) !important;
+    border-color: var(--ab-color-primarydark, #b7b7b7) !important;
+  }
+  .ab-AqlCodeMirror__hover {
+    padding: calc(var(--ab-base-space, 4px) * 2) calc(var(--ab-base-space, 4px) * 2.5);
+    line-height: 1.4;
+  }
+  .ab-AqlCodeMirror__hover-header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.4rem;
+    margin-bottom: 0.45rem;
+  }
+  .ab-AqlCodeMirror__hover-name {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    font-weight: 600;
+    font-size: var(--ab-font-size-3, 0.875rem);
+    color: var(--ab-aql-token-function);
+  }
+  .ab-AqlCodeMirror__hover-name--column {
+    color: var(--ab-aql-token-column);
+  }
+  .ab-AqlCodeMirror__hover-notation {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    font-size: var(--ab-font-size-1, 0.7rem);
+    padding: 0.1rem 0.45rem;
+    border-radius: 999px;
+    background: var(--ab-color-primarylight, var(--ab-color-foreground));
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror__hover-notation {
+      background: var(--ab-color-primarylight, color-mix(in srgb, var(--ab-color-foreground) 10%, transparent));
+    }
+  }
+  .ab-AqlCodeMirror__hover-notation {
+    color: var(--ab-color-primary-foreground, var(--ab-color-foreground));
+  }
+  .ab-AqlCodeMirror__hover-label {
+    flex: 1 1 auto;
+    min-width: 0;
+    opacity: 0.8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ab-AqlCodeMirror__hover-return-type {
+    font-size: var(--ab-font-size-1, 0.7rem);
+    padding: 0.1rem 0.45rem;
+    border-radius: 999px;
+    background: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror__hover-return-type {
+      background: color-mix(in srgb, var(--ab-color-accent) 18%, transparent);
+    }
+  }
+  .ab-AqlCodeMirror__hover-return-type {
+    color: var(--ab-color-accent);
+  }
+  .ab-AqlCodeMirror__hover-section + .ab-AqlCodeMirror__hover-section {
+    margin-top: 0.45rem;
+  }
+  .ab-AqlCodeMirror__hover-heading {
+    font-weight: 500;
+    margin-bottom: 0.15rem;
+    opacity: 0.9;
+  }
+  .ab-AqlCodeMirror__hover-text {
+    white-space: pre-wrap;
+    max-height: 4.5em;
+    overflow: hidden;
+  }
+  .ab-AqlCodeMirror__hover-code {
+    margin: 0;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    font-size: inherit;
+    white-space: pre-wrap;
+    padding: 0.25rem 0.4rem;
+    border-radius: var(--ab-border-radius);
+    background: var(--ab-color-primarydark);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-AqlCodeMirror__hover-code {
+      background: color-mix(in srgb, var(--ab-color-primarydark) 35%, transparent);
+    }
+  }
+  :root {
     --ab-cmp-floatingfilter-selected-options-text__font-weight: bold;
     --ab-cmp-column-filter-input__font-size: var(--ab-font-size-2);
     --ab-cmp-column-filter-input__border: 1px solid var(--ab-color-primarydark);
     --ab-cmp-column-filter-input__background: var(--ab-color-background);
-    --ab-cmp-entity-rules-editor__background-color: var(--ab-color-background);
+    --ab-cmp-column-filter__min-width: 24rem;
+    --ab-cmp-column-filter__max-width: 32rem;
   }
   .ab-Badge__wrapper {
     display: inline-flex;
@@ -6328,7 +7743,6 @@
   }
   :root {
     --ab-CellComment-triangle-color: var(--ab-color-info);
-    --ab-CellComment-CellNote-triangle-color: var(--ab-color-success);
   }
   .ab-Comment {
     border-bottom: 1px solid var(--ab-color-primarydark);
@@ -6344,123 +7758,223 @@
     border-width: 0 8px 8px 0;
     border-color: transparent var(--ab-CellComment-triangle-color) transparent transparent;
   }
-  .ab-Cell-Comment.ab-Cell-Note:before {
-    border-color: transparent var(--ab-CellComment-CellNote-triangle-color) transparent transparent;
+  :root {
+    --ab-formula-trace-color-0: var(--ab-aql-ref-color-0, #ed7d31);
+    --ab-formula-trace-color-1: var(--ab-aql-ref-color-1, #a02b93);
+    --ab-formula-trace-color-2: var(--ab-aql-ref-color-2, #70ad47);
+    --ab-formula-trace-color-3: var(--ab-aql-ref-color-3, #c00000);
+    --ab-formula-trace-color-4: var(--ab-aql-ref-color-4, #ffc000);
+    --ab-formula-trace-color-5: var(--ab-aql-ref-color-5, #833c0c);
+    --ab-formula-trace-color-6: var(--ab-aql-ref-color-6, #548235);
+    --ab-formula-trace-color-7: var(--ab-aql-ref-color-7, #7030a0);
+    --ab-formula-trace-outline-width: 2px;
+    --ab-formula-trace-outline-style: dashed;
+    --ab-formula-trace-outline-offset: -2px;
+    --ab-formula-trace-cell-tint: 10%;
   }
-  input.ab-Radio-input {
-    appearance: none;
-    border: 1px solid;
-    border-color: #767676ff;
-    background-color: #ffffffff;
-    border-radius: 50%;
-    margin: 0;
-    position: relative;
+  .ab-FormulaTrace--0, .ab-FormulaTracePopup__token--0 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-0);
   }
-  input.ab-Radio-input:checked {
-    border-color: var(--ab-color-accent);
+  .ab-FormulaTrace--1, .ab-FormulaTracePopup__token--1 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-1);
   }
-  input.ab-Radio-input:checked::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 0.5rem;
-    height: 0.5rem;
-    border-radius: 50%;
-    background-color: var(--ab-color-accent);
+  .ab-FormulaTrace--2, .ab-FormulaTracePopup__token--2 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-2);
   }
-  input.ab-Radio-input:disabled {
-    border-color: var(--ab-cmp-input__border, #444);
-    opacity: 0.7;
+  .ab-FormulaTrace--3, .ab-FormulaTracePopup__token--3 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-3);
   }
-  input.ab-Radio-input:checked:disabled::after {
-    background-color: #656565;
+  .ab-FormulaTrace--4, .ab-FormulaTracePopup__token--4 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-4);
   }
-  .ab-CheckBox,.ab-CheckBox *,.ab-CheckBox *:before,.ab-CheckBox *:after {
-    box-sizing: border-box;
+  .ab-FormulaTrace--5, .ab-FormulaTracePopup__token--5 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-5);
   }
-  .ab-CheckBox {
-    display: inline-flex;
-    flex-flow: row;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
+  .ab-FormulaTrace--6, .ab-FormulaTracePopup__token--6 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-6);
   }
-  .ab-CheckBox--checked {
-    --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
+  .ab-FormulaTrace--7, .ab-FormulaTracePopup__token--7 {
+    --ab-formula-trace-color: var(--ab-formula-trace-color-7);
   }
-  .ab-CheckBox--checked .ab-CheckBox__square {
-    border-color: var(--ab-cmp-checkbox--checked__border-color);
+  .ab-FormulaTrace__source {
+    outline: var(--ab-formula-trace-outline-width) solid var(--ab-formula-trace-source-color, var(--ab-color-accent, #4472c4)) !important;
+    outline-offset: var(--ab-formula-trace-outline-offset);
+  }
+  .ab-FormulaTrace {
+    outline: var(--ab-formula-trace-outline-width) var(--ab-formula-trace-outline-style) var(--ab-formula-trace-color) !important;
+    outline-offset: var(--ab-formula-trace-outline-offset);
+    background-color: var(--ab-formula-trace-color) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTrace {
+      background-color: color-mix( in srgb, var(--ab-formula-trace-color) var(--ab-formula-trace-cell-tint), transparent ) !important;
+    }
+  }
+  .ab-FormulaTracePopup {
+    --ab-formula-trace-popup-bg: var(--ab-color-background);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTracePopup {
+      --ab-formula-trace-popup-bg: color-mix(
+    in srgb,
+    var(--ab-color-background) 90%,
+    var(--ab-color-primary-foreground) 10%
+  );
+    }
+  }
+  .ab-FormulaTracePopup {
+    --ab-formula-trace-popup-border: var(--ab-color-primary-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTracePopup {
+      --ab-formula-trace-popup-border: color-mix(
+    in srgb,
+    var(--ab-color-primary-foreground) 18%,
+    transparent
+  );
+    }
+  }
+  .ab-FormulaTracePopup {
+    --ab-formula-trace-popup-shadow: var(--ab-color-primary-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTracePopup {
+      --ab-formula-trace-popup-shadow: color-mix(
+    in srgb,
+    var(--ab-color-primary-foreground) 14%,
+    transparent
+  );
+    }
+  }
+  .ab-FormulaTracePopup {
+    min-width: 220px;
+    max-width: 420px;
+    border-radius: calc(var(--ab-base-space, 2px) * 2);
+    box-shadow: 0 1px 2px var(--ab-color-primary-foreground), 0 8px 20px var(--ab-formula-trace-popup-shadow);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTracePopup {
+      box-shadow: 0 1px 2px color-mix(in srgb, var(--ab-color-primary-foreground) 8%, transparent), 0 8px 20px var(--ab-formula-trace-popup-shadow);
+    }
   }
-  .ab-CheckBox--indeterminate {
-    --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
+  .ab-FormulaTracePopup.ab-Panel, .ab-FormulaTracePopup .ab-Panel__body {
+    background-color: var(--ab-formula-trace-popup-bg) !important;
+    border-color: var(--ab-formula-trace-popup-border) !important;
+    color: var(--ab-color-primary-foreground);
   }
-  .ab-CheckBox__square {
-    border-radius: var(--ab-border-radius-input);
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--ab-cmp-checkbox__border-color);
-    background: var(--ab-cmp-checkbox__background);
-    min-height: var(--ab-cmp-checkbox--check-size);
-    min-width: var(--ab-cmp-checkbox--check-size);
-    line-height: 0;
-    font-size: 0;
-    position: relative;
-    pointer-events: none;
+  .ab-FormulaTracePopup__formula {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    font-size: var(--ab-font-size-3, 12px);
+    white-space: pre-wrap;
+    word-break: break-word;
+    line-height: 1.4;
   }
-  .ab-CheckBox__square:after {
-    opacity: 1;
-    transition-duration: 0.1s;
-    transition-timing-function: ease-in;
-    transition-property: opacity;
-    content: '';
-    display: block;
-    margin: auto;
-    width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
-    height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
-    border: solid var(--ab-cmp-checkbox--check__color);
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
-    border-radius: 1px;
+  .ab-FormulaTracePopup__formula--stacked {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    white-space: normal;
+    word-break: normal;
+    row-gap: 2px;
   }
-  .ab-CheckBox__square--unchecked::after {
-    opacity: 0;
+  .ab-FormulaTracePopup__formula-cell {
+    display: inline-grid;
+    grid-template-rows: auto auto;
+    justify-items: start;
+    align-items: start;
   }
-  .ab-CheckBox__square--indeterminate:after {
-    transform: rotate(0deg);
-    position: absolute;
-    top: 2px;
-    bottom: 2px;
-    right: 2px;
-    left: 2px;
-    border: none;
-    width: auto;
-    height: auto;
-    background: var(--ab-cmp-checkbox--check__color);
-    border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
+  .ab-FormulaTracePopup__formula-cell > * {
+    white-space: pre;
   }
-  .ab-CheckBox--disabled {
-    opacity: 0.5;
+  .ab-FormulaTracePopup__formula-cell > :first-child {
+    border-bottom: 1px solid var(--ab-color-primary-foreground);
   }
-  .ab-CheckBox--readonly .ab-CheckBox__square {
-    opacity: 0.5;
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-FormulaTracePopup__formula-cell > :first-child {
+      border-bottom: 1px solid color-mix(in srgb, var(--ab-color-primary-foreground) 14%, transparent);
+    }
   }
-  .ab-CheckBox-input:not(.ag-checkbox-input) {
+  .ab-FormulaTracePopup__formula-cell > :first-child {
+    padding-bottom: 3px;
+    margin-bottom: 3px;
     width: 100%;
-    height: 100%;
-    line-height: 0;
-    font-size: 0;
-    left: 0;
-    top: 0;
-    z-index: 1;
-    position: absolute;
+  }
+  .ab-FormulaTracePopup__result {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    font-size: var(--ab-font-size-3, 12px);
+    white-space: nowrap;
+    font-weight: 600;
+  }
+  .ab-FormulaTracePopup__token {
+    font-weight: 600;
+    color: var(--ab-formula-trace-color);
+  }
+  .ab-FormulaTracePopup__token--hidden {
+    text-decoration: line-through;
+    opacity: 0.55;
   }
   :root {
     --ab-cmp-query-builder__border: 1px dotted var(--ab-color-foreground);
+    --ab-cmp-query-builder__lhs-width: 14rem;
+    --ab-cmp-query-builder__rhs-width: 16rem;
+    --ab-cmp-query-builder__rhs-multi-width: var(--ab-cmp-query-builder__rhs-width);
+    --ab-cmp-query-builder__operator-width: 7.5rem;
+    --ab-cmp-query-builder__stacked-max-width: 26rem;
+    --ab-cmp-query-builder__actions-width: 4.5rem;
+    --ab-cmp-query-builder__actions-compact-width: 2rem;
+    --ab-cmp-query-builder-group__background: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-query-builder-group__background: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 4%,
+    transparent
+  );
+    }
+  }
+  :root {
     --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
     --ab-cmp-query-builder-expression__color: var(--ab-color-primary-foreground);
     --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
+    --ab-cmp-query-builder-placeholder__font-size: var(--ab-font-size-2);
+    --ab-cmp-query-builder-meta__background: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-query-builder-meta__background: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 11%,
+    var(--ab-color-background)
+  );
+    }
+  }
+  :root {
+    --ab-cmp-query-builder-meta__color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-query-builder-meta__color: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 48%,
+    transparent
+  );
+    }
+  }
+  :root {
+    --ab-cmp-query-builder-operator__color: var(--ab-color-accent);
+  }
+  .ab--theme-dark {
+    --ab-cmp-query-builder-operator__color: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab--theme-dark {
+      --ab-cmp-query-builder-operator__color: color-mix(
+    in srgb,
+    var(--ab-color-accent) 55%,
+    white
+  );
+    }
   }
   .ab-Dropdown {
     background: var(--ab-color-background);
@@ -6719,27 +8233,6 @@
     box-shadow: var(--ab-focus__box-shadow);
     outline: var(--ab-focus__outline);
   }
-  .ab-Tooltip {
-    pointer-events: none;
-    padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
-    box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);
-    white-space: nowrap;
-    font-size: var(--ab-cmp-tooltip__font-size);
-    color: var(--ab-cmp-tooltip__color);
-  }
-  .ab-Tooltip:before {
-    border: var(--ab-cmp-tooltip__border);
-    content: '';
-    position: absolute;
-    border-radius: var(--ab-border-radius);
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    opacity: var(--ab-cmp-tooltip__opacity);
-    background: var(--ab-cmp-tooltip__background);
-    z-index: -1;
-  }
   .ab-FileDroppable {
     --ab-cmp-file-droppable__transition: fill 0.15s ease-in-out, color 0.15s ease-in-out,
     outline-offset 0.15s ease-in-out, background-color 0.15s linear;
@@ -7330,9 +8823,18 @@
   .ab-Tag {
     max-width: 100%;
   }
-  .ab-Tag--column {
-    background: var(--ab-cmp-column-tag__background);
-    color: var(--ab-cmp-column-tag__foreground, inherit);
+  .ab-Tag--accent {
+    background: var(--ab-cmp-accent-tag__background);
+    color: var(--ab-cmp-accent-tag__foreground, inherit);
+  }
+  .ab-Tag--expression {
+    background: var(--ab-cmp-expression-tag__background);
+    color: var(--ab-cmp-expression-tag__foreground, inherit);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    font-size: 0.85em;
+    font-variant-ligatures: none;
+    word-break: break-word;
+    white-space: pre-wrap;
   }
   .ab-ModuleSelector__TabItem {
     display: flex;
@@ -7572,33 +9074,6 @@
   .ab-DashboardToolbar__SystemStatus__further-information {
     white-space: normal;
   }
-  .ab-ObjectCollection__list > * {
-    background: var(--ab-cmp-listgroupitem__background);
-    color: var(--ab-cmp-listgroupitem__color);
-  }
-  .ab-ObjectCollection__list > :nth-child(2n + 1) {
-    background: var(--ab-cmp-listgroupitem--odd__background);
-    color: var(--ab-cmp-listgroupitem--odd__color);
-  }
-  .ab-AdaptableObjectRow {
-    align-items: center;
-    background: var(--ab-cmp-listgroupitem__background);
-    color: var(--ab-cmp-listgroupitem__color);
-    border-radius: var(--ab-cmp-listgroupitem__border-radius);
-  }
-  .ab-AdaptableObjectRow:nth-child(2n + 1) {
-    background: var(--ab-cmp-listgroupitem--odd__background);
-    color: var(--ab-cmp-listgroupitem--odd__color);
-  }
-  .ab-AdaptableObjectRow--is-suspended {
-    text-decoration: line-through;
-  }
-  .ab-AdaptableObjectRow__cell {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-size: var(--ab-cmp-listgroupitem-cell__font-size);
-  }
   .ab-Popover {
     background: var(--ab-cmp-popover__background);
     color: var(--ab-cmp-popover__color);
@@ -7717,7 +9192,48 @@
     box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
   }
   .ab-Adaptable-Popup__Navigation {
+    width: var(--ab-cmp-adaptable-popup-navigation__width);
+    flex-shrink: 0;
     border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
+    transition: width 150ms ease;
+  }
+  .ab-Adaptable-Popup__Navigation--collapsed {
+    width: var(--ab-cmp-adaptable-popup-navigation--collapsed__width);
+  }
+  .ab-Adaptable-Popup__Navigation--collapsed .ab-Adaptable-Popup__Navigation__Toolbar, .ab-Adaptable-Popup__Navigation--collapsed .ab-Adaptable-Popup__Navigation__List {
+    scrollbar-gutter: stable;
+  }
+  .ab-Adaptable-Popup__Navigation--collapsed .ab-Adaptable-Popup__Navigation__List {
+    padding-inline: 0;
+    padding-top: 0;
+    align-items: center;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item--collapsed {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    padding-inline: 0;
+    box-sizing: border-box;
+  }
+  .ab-Adaptable-Popup__Navigation__CollapseToggle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    padding-top: calc(var(--ab-base-space) * 2);
+    padding-bottom: var(--ab-base-space);
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item--collapsed .ab-Adaptable-Popup__Navigation__List__Item__Button {
+    width: 2rem;
+    height: 2rem;
+    min-width: 2rem;
+    flex-shrink: 0;
+    padding: 0;
+    justify-content: center;
+    align-items: center;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item--collapsed .ab-Adaptable-Popup__Navigation__List__Item__Icon {
+    margin-top: 0;
   }
   .ab-Adaptable-Popup__Navigation__List {
     padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
@@ -7770,12 +9286,38 @@
     border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
     color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
   }
+  .ab-Adaptable-Popup__Navigation__List__Item__Icon {
+    flex-shrink: 0;
+    margin-top: 0.15em;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item__Text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    gap: 0.1em;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item__Label {
+    display: block;
+    line-height: 1.25;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item__Description {
+    font-size: var(--ab-font-size-1, 0.75rem);
+    line-height: 1.3;
+    opacity: 0.7;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+  }
   .ab-Adaptable-Popup--settings-popup {
     height: var(--ab-cmp-adaptable-popup--settings__height);
   }
   .ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
     top: 9px;
   }
+  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup {
+    height: 100%;
+  }
   .ab-Adaptable-Popup__Panel {
     width: 100%;
   }
@@ -7994,23 +9536,17 @@
     padding: var(--adaptable-quick-search-floating-padding);
     width: var(--adaptable-quick-search-floating-width);
   }
-  .ab-NotePopup {
-    background: var(--ab-note-popup-background-color);
-    padding: var(--ab-note-popup-padding);
-    border-radius: var(--ab-note-popup-border-radius);
-    border: var(--ab-note-popup-border);
-    min-width: var(--ab-note-popup-min-width);
+  .ab-NoteType-Info {
+    --ag-note-indicator-color: var(--ab-color-info);
   }
-  .ab-Cell-Note:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 0 8px 8px 0;
-    border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
+  .ab-NoteType-Success {
+    --ag-note-indicator-color: var(--ab-color-success);
+  }
+  .ab-NoteType-Warning {
+    --ag-note-indicator-color: var(--ab-color-warn);
+  }
+  .ab-NoteType-Error {
+    --ag-note-indicator-color: var(--ab-color-destructive);
   }
   :root {
     --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-destructive);
@@ -8037,13 +9573,20 @@
   }
   .ab-ColumnFilter {
     --ab-cmp-select-min-height: 32px;
-    max-width: max(50vw, 500px);
-  }
-  .ab-EntityRulePredicateEditor {
-    background-color: var(--ab-cmp-entity-rules-editor__background-color);
+    min-width: min(var(--ab-cmp-column-filter__min-width, 24rem), 90vw);
+    max-width: min(var(--ab-cmp-column-filter__max-width, 32rem), 90vw);
+    width: max-content;
+  }
+  .ab-AgGridColumnFilter-host {
+    min-width: min(var(--ab-cmp-column-filter__min-width, 24rem), 90vw);
+    max-width: min(var(--ab-cmp-column-filter__max-width, 32rem), 90vw);
+    width: max-content;
+    box-sizing: border-box;
   }
-  .ab-EntityRulePredicateEditor-ScopeTypeSelector {
-    background-color: var(--ab-cmp-entity-rules-editor__background-color);
+  .ab-AgGridColumnFilter-host--tool-panel, .ab-ColumnFilter--tool-panel {
+    min-width: 0;
+    max-width: none;
+    width: 100%;
   }
   .ab-IconSelector__Popup {
     color: var(--ab-cmp-icon-selector__popup__color);
@@ -8739,7 +10282,7 @@
     --ab-toast-cmp__shadow-color: var(--ab-color-destructive);
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar {
-    background-color: rgba(0, 0, 0, 0);
+    background-color: var(--ab-color-custom-scrollbar-track);
     border-radius: 100px;
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar:vertical {
@@ -8749,13 +10292,13 @@
     height: var(--ab-custom-scrollbar-size);
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar:hover {
-    background-color: rgba(0, 0, 0, 0.09);
+    background-color: var(--ab-color-custom-scrollbar-track-hover);
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.5);
+    background: var(--ab-color-custom-scrollbar-thumb);
     border-radius: 100px;
     background-clip: padding-box;
-    border: 2px solid rgba(0, 0, 0, 0);
+    border: 2px solid var(--ab-color-custom-scrollbar-thumb-border);
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb:vertical {
     min-height: var(--ab-custom-scrollbar-size);
@@ -8764,7 +10307,7 @@
     min-width: var(--ab-custom-scrollbar-size);
   }
   :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb:active {
-    background: rgba(0, 0, 0, 0.61);
+    background: var(--ab-color-custom-scrollbar-thumb-active);
     border-radius: 100px;
   }
   .ag-details-row {
@@ -8807,6 +10350,24 @@
     width: 100%;
   }
 }
+@layer adaptable.utilities {
+  .ab-QueryBuilder__atom [data-slot='input-group'] {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+  }
+  .ab-cmp-input-group > :first-child [data-slot='select-trigger'], .ab-cmp-input-group  > :first-child[data-slot='select-trigger'], .ab-cmp-input-group  > :first-child [data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :first-child[data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :first-child [data-slot='combobox-trigger'], .ab-cmp-input-group  > :first-child[data-slot='combobox-trigger'], .ab-cmp-input-group  > :first-child [data-slot='input-group'], .ab-cmp-input-group  > :first-child[data-slot='input-group'] {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .ab-cmp-input-group > :last-child [data-slot='select-trigger'], .ab-cmp-input-group  > :last-child[data-slot='select-trigger'], .ab-cmp-input-group  > :last-child [data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :last-child[data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :last-child [data-slot='combobox-trigger'], .ab-cmp-input-group  > :last-child[data-slot='combobox-trigger'], .ab-cmp-input-group  > :last-child [data-slot='input-group'], .ab-cmp-input-group  > :last-child[data-slot='input-group'] {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .ab-cmp-input-group > :not(:first-child):not(:last-child) [data-slot='select-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child)[data-slot='select-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child) [data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child)[data-slot='combobox-menulist-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child) [data-slot='combobox-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child)[data-slot='combobox-trigger'], .ab-cmp-input-group  > :not(:first-child):not(:last-child) [data-slot='input-group'], .ab-cmp-input-group  > :not(:first-child):not(:last-child)[data-slot='input-group'] {
+    border-radius: 0;
+  }
+}
 @layer adaptable.theming {
   html.ab--theme-light {
     --ab-theme-loaded: light;
@@ -8816,35 +10377,22 @@
     --ab-color-secondary-foreground: oklch(0.985 0 0);
     --ab-color-border: oklch(0.269 0 0);
     --ab-theme-loaded: dark;
-    --ab-color-input-background: var(--ab-color-background);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    .ab--theme-dark {
-      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
-    }
-  }
-  .ab--theme-dark {
-    --ab-cmp-input--disabled__background: #232323;
     --ab-color-background: var(--ab-color-defaultbackground, #474c52);
     --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
     --ab-color-primary: #262d2f;
     --ab-color-primary-foreground: #e2e2e2;
     --ab-color-primarylight: #3d3e3f;
     --ab-color-primarydark: #1c2021;
-    --ab-color-card: #51555a;
-    --ab-color-card-foreground: var(--ab-color-foreground);
-    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
+    --ab-color-input-background: var(--ab-color-background);
   }
   @supports (color: color-mix(in lab, red, red)) {
     .ab--theme-dark {
-      --ab-cmp-draggable-list-item__background: color-mix(
-      in srgb,
-      var(--ab-color-primary) 72%,
-      var(--ab-color-primarylight)
-    );
+      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
     }
   }
   .ab--theme-dark {
+    --ab-color-card: #51555a;
+    --ab-color-card-foreground: var(--ab-color-foreground);
     --ab-color-palette-1: #5c1a1a;
     --ab-color-palette-2: #ffb4b4;
     --ab-color-palette-3: #4a3b00;
@@ -8858,6 +10406,19 @@
     --ab-color-palette-11: #44337a;
     --ab-color-palette-12: #d6bcfa;
     --ab-color-shadow: rgb(255 255 255 / 0.45);
+    --ab-cmp-input--disabled__background: #232323;
+    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab--theme-dark {
+      --ab-cmp-draggable-list-item__background: color-mix(
+      in srgb,
+      var(--ab-color-primary) 72%,
+      var(--ab-color-primarylight)
+    );
+    }
+  }
+  .ab--theme-dark {
     --ab-cmp-modal-backdrop__background: rgba(255, 255, 255, 0.2);
     --ab-dashboard__border: #555;
     --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
@@ -9014,6 +10575,42 @@
   initial-value: "";
   inherits: false;
 }
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity,1);
@@ -9084,6 +10681,15 @@
       --tw-text-shadow-color: initial;
       --tw-text-shadow-alpha: 100%;
       --tw-content: "";
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
     }
   }
 }