npm - @adaptabletools/adaptable-react-aggrid - Versions diffs - 23.0.0-canary.0 → 23.0.0-canary.10 - Mend

@adaptabletools/adaptable-react-aggrid 23.0.0-canary.0 → 23.0.0-canary.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.css +1048 -426
package/package.json +2 -2
package/src/components/AdaptableReact.js +14 -0
package/themes/dark.css +1 -70
package/themes/light.css +1 -5

package/index.css CHANGED Viewed

@@ -1,6 +1,6 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @layer properties;
-@layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
+@layer adaptable.reset, adaptable.components, adaptable.utilities, adaptable.theming;
 @property --tw-animation-delay {
   syntax: "*";
   inherits: false;
@@ -102,11 +102,16 @@
   --twa-text-base--line-height: calc(1.5 / 1);
   --twa-text-lg: 1.125rem;
   --twa-text-lg--line-height: calc(1.75 / 1.125);
+  --twa-text-3xl: 1.875rem;
+  --twa-text-3xl--line-height: calc(2.25 / 1.875);
   --twa-font-weight-normal: 400;
   --twa-font-weight-medium: 500;
   --twa-font-weight-semibold: 600;
   --twa-font-weight-bold: 700;
+  --twa-tracking-wide: 0.025em;
   --twa-tracking-widest: 0.1em;
+  --twa-leading-tight: 1.25;
+  --twa-leading-snug: 1.375;
   --twa-leading-normal: 1.5;
   --twa-leading-relaxed: 1.625;
   --twa-radius-sm: 0.25rem;
@@ -284,13 +289,19 @@
     position: relative;
   }
   .twa\:inset-0 {
-    inset: calc(var(--ab-base-space) * 0);
+    inset: 0;
   }
   .twa\:inset-x-0 {
-    inset-inline: calc(var(--ab-base-space) * 0);
+    inset-inline: 0;
   }
   .twa\:top-0 {
-    top: calc(var(--ab-base-space) * 0);
+    top: 0;
+  }
+  .twa\:top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
+  .twa\:top-2\.5 {
+    top: calc(var(--ab-base-space) * 2.5);
   }
   .twa\:top-\[6px\] {
     top: 6px;
@@ -298,11 +309,17 @@
   .twa\:right-2 {
     right: calc(var(--ab-base-space) * 2);
   }
+  .twa\:right-2\.5 {
+    right: calc(var(--ab-base-space) * 2.5);
+  }
   .twa\:right-\[6px\] {
     right: 6px;
   }
   .twa\:bottom-0 {
-    bottom: calc(var(--ab-base-space) * 0);
+    bottom: 0;
+  }
+  .twa\:left-0 {
+    left: 0;
   }
   .twa\:isolate {
     isolation: isolate;
@@ -334,8 +351,8 @@
   .twa\:col-span-2 {
     grid-column: span 2 / span 2;
   }
-  .twa\:col-start-1 {
-    grid-column-start: 1;
+  .twa\:col-span-3 {
+    grid-column: span 3 / span 3;
   }
   .twa\:col-start-2 {
     grid-column-start: 2;
@@ -343,29 +360,32 @@
   .twa\:col-start-3 {
     grid-column-start: 3;
   }
+  .twa\:col-start-4 {
+    grid-column-start: 4;
+  }
   .twa\:row-start-1 {
     grid-row-start: 1;
   }
   .twa\:row-start-2 {
     grid-row-start: 2;
   }
+  .twa\:row-start-3 {
+    grid-row-start: 3;
+  }
   .twa\:row-start-4 {
     grid-row-start: 4;
   }
   .twa\:row-start-5 {
     grid-row-start: 5;
   }
-  .twa\:row-start-6 {
-    grid-row-start: 6;
-  }
   .twa\:float-left {
     float: left;
   }
   .twa\:m-0 {
-    margin: calc(var(--ab-base-space) * 0);
+    margin: 0;
   }
   .twa\:m-1 {
-    margin: calc(var(--ab-base-space) * 1);
+    margin: var(--ab-base-space);
   }
   .twa\:m-2 {
     margin: calc(var(--ab-base-space) * 2);
@@ -389,7 +409,10 @@
     margin-inline: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:mx-1 {
-    margin-inline: calc(var(--ab-base-space) * 1);
+    margin-inline: var(--ab-base-space);
+  }
+  .twa\:mx-1\.5 {
+    margin-inline: calc(var(--ab-base-space) * 1.5);
   }
   .twa\:mx-2 {
     margin-inline: calc(var(--ab-base-space) * 2);
@@ -404,13 +427,16 @@
     margin-inline: px;
   }
   .twa\:my-0 {
-    margin-block: calc(var(--ab-base-space) * 0);
+    margin-block: 0;
+  }
+  .twa\:my-0\! {
+    margin-block: 0 !important;
   }
   .twa\:my-0\.5 {
     margin-block: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:my-1 {
-    margin-block: calc(var(--ab-base-space) * 1);
+    margin-block: var(--ab-base-space);
   }
   .twa\:my-2 {
     margin-block: calc(var(--ab-base-space) * 2);
@@ -421,11 +447,20 @@
   .twa\:my-\[2px\] {
     margin-block: 2px;
   }
+  .twa\:\!mt-0 {
+    margin-top: 0 !important;
+  }
   .twa\:mt-0 {
-    margin-top: calc(var(--ab-base-space) * 0);
+    margin-top: 0;
+  }
+  .twa\:mt-0\.5 {
+    margin-top: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:mt-1 {
-    margin-top: calc(var(--ab-base-space) * 1);
+    margin-top: var(--ab-base-space);
+  }
+  .twa\:mt-1\.5 {
+    margin-top: calc(var(--ab-base-space) * 1.5);
   }
   .twa\:mt-2 {
     margin-top: calc(var(--ab-base-space) * 2);
@@ -436,9 +471,6 @@
   .twa\:mt-4 {
     margin-top: calc(var(--ab-base-space) * 4);
   }
-  .twa\:mt-5 {
-    margin-top: calc(var(--ab-base-space) * 5);
-  }
   .twa\:mt-\[2px\] {
     margin-top: 2px;
   }
@@ -446,13 +478,13 @@
     margin-right: calc(var(--ab-base-space) * -1);
   }
   .twa\:mr-0 {
-    margin-right: calc(var(--ab-base-space) * 0);
+    margin-right: 0;
   }
   .twa\:mr-0\.5 {
     margin-right: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:mr-1 {
-    margin-right: calc(var(--ab-base-space) * 1);
+    margin-right: var(--ab-base-space);
   }
   .twa\:mr-2 {
     margin-right: calc(var(--ab-base-space) * 2);
@@ -460,8 +492,8 @@
   .twa\:mr-3 {
     margin-right: calc(var(--ab-base-space) * 3);
   }
-  .twa\:mr-4 {
-    margin-right: calc(var(--ab-base-space) * 4);
+  .twa\:mr-5 {
+    margin-right: calc(var(--ab-base-space) * 5);
   }
   .twa\:mr-6 {
     margin-right: calc(var(--ab-base-space) * 6);
@@ -470,10 +502,13 @@
     margin-right: 2px;
   }
   .twa\:mb-0 {
-    margin-bottom: calc(var(--ab-base-space) * 0);
+    margin-bottom: 0;
+  }
+  .twa\:mb-0\.5 {
+    margin-bottom: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:mb-1 {
-    margin-bottom: calc(var(--ab-base-space) * 1);
+    margin-bottom: var(--ab-base-space);
   }
   .twa\:mb-2 {
     margin-bottom: calc(var(--ab-base-space) * 2);
@@ -484,17 +519,23 @@
   .twa\:mb-4 {
     margin-bottom: calc(var(--ab-base-space) * 4);
   }
+  .twa\:-ml-0\.5 {
+    margin-left: calc(var(--ab-base-space) * -0.5);
+  }
   .twa\:-ml-1 {
     margin-left: calc(var(--ab-base-space) * -1);
   }
+  .twa\:-ml-px {
+    margin-left: -1px;
+  }
   .twa\:ml-0 {
-    margin-left: calc(var(--ab-base-space) * 0);
+    margin-left: 0;
   }
   .twa\:ml-0\.5 {
     margin-left: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:ml-1 {
-    margin-left: calc(var(--ab-base-space) * 1);
+    margin-left: var(--ab-base-space);
   }
   .twa\:ml-2 {
     margin-left: calc(var(--ab-base-space) * 2);
@@ -511,12 +552,6 @@
   .twa\:ml-6 {
     margin-left: calc(var(--ab-base-space) * 6);
   }
-  .twa\:ml-\[2px\] {
-    margin-left: 2px;
-  }
-  .twa\:ml-\[52px\] {
-    margin-left: 52px;
-  }
   .twa\:ml-auto {
     margin-left: auto;
   }
@@ -558,8 +593,12 @@
     height: var(--cell-size);
   }
   .twa\:size-0 {
-    width: calc(var(--ab-base-space) * 0);
-    height: calc(var(--ab-base-space) * 0);
+    width: 0;
+    height: 0;
+  }
+  .twa\:size-1\.5 {
+    width: calc(var(--ab-base-space) * 1.5);
+    height: calc(var(--ab-base-space) * 1.5);
   }
   .twa\:size-2\.5 {
     width: calc(var(--ab-base-space) * 2.5);
@@ -573,10 +612,6 @@
     width: calc(var(--ab-base-space) * 4);
     height: calc(var(--ab-base-space) * 4);
   }
-  .twa\:size-5 {
-    width: calc(var(--ab-base-space) * 5);
-    height: calc(var(--ab-base-space) * 5);
-  }
   .twa\:size-6 {
     width: calc(var(--ab-base-space) * 6);
     height: calc(var(--ab-base-space) * 6);
@@ -601,14 +636,17 @@
     width: 100%;
     height: 100%;
   }
+  .twa\:\!h-9 {
+    height: calc(var(--ab-base-space) * 9) !important;
+  }
   .twa\:\!h-10 {
     height: calc(var(--ab-base-space) * 10) !important;
   }
   .twa\:h-\(--cell-size\) {
     height: var(--cell-size);
   }
-  .twa\:h-2 {
-    height: calc(var(--ab-base-space) * 2);
+  .twa\:h-3 {
+    height: calc(var(--ab-base-space) * 3);
   }
   .twa\:h-6 {
     height: calc(var(--ab-base-space) * 6);
@@ -622,20 +660,23 @@
   .twa\:h-10 {
     height: calc(var(--ab-base-space) * 10);
   }
+  .twa\:h-16 {
+    height: calc(var(--ab-base-space) * 16);
+  }
   .twa\:h-\[0\.5px\] {
     height: 0.5px;
   }
   .twa\:h-\[1rem\] {
     height: 1rem;
   }
-  .twa\:h-\[8px\] {
-    height: 8px;
+  .twa\:h-\[6px\] {
+    height: 6px;
   }
   .twa\:h-\[10px\] {
     height: 10px;
   }
-  .twa\:h-\[18px\] {
-    height: 18px;
+  .twa\:h-\[22px\] {
+    height: 22px;
   }
   .twa\:h-\[33px\] {
     height: 33px;
@@ -643,9 +684,6 @@
   .twa\:h-\[90vh\] {
     height: 90vh;
   }
-  .twa\:h-\[360px\] {
-    height: 360px;
-  }
   .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
     height: calc(calc(var(--ab-base-space) * 5.5));
   }
@@ -679,6 +717,9 @@
   .twa\:max-h-\[300px\] {
     max-height: 300px;
   }
+  .twa\:max-h-\[420px\] {
+    max-height: 420px;
+  }
   .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
     max-height: min(calc(calc(var(--ab-base-space) * 72) - calc(var(--ab-base-space) * 9)), calc(var(--available-height) - calc(var(--ab-base-space) * 9)));
   }
@@ -688,8 +729,17 @@
   .twa\:max-h-full {
     max-height: 100%;
   }
+  .twa\:max-h-none\! {
+    max-height: none !important;
+  }
+  .twa\:\!min-h-0 {
+    min-height: 0 !important;
+  }
   .twa\:min-h-0 {
-    min-height: calc(var(--ab-base-space) * 0);
+    min-height: 0;
+  }
+  .twa\:min-h-7 {
+    min-height: calc(var(--ab-base-space) * 7);
   }
   .twa\:min-h-16 {
     min-height: calc(var(--ab-base-space) * 16);
@@ -703,11 +753,20 @@
   .twa\:min-h-\[1rem\] {
     min-height: 1rem;
   }
+  .twa\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
+  }
+  .twa\:min-h-\[6px\] {
+    min-height: 6px;
+  }
   .twa\:min-h-\[15px\] {
     min-height: 15px;
   }
-  .twa\:min-h-\[20px\] {
-    min-height: 20px;
+  .twa\:min-h-\[32px\] {
+    min-height: 32px;
+  }
+  .twa\:min-h-\[36px\] {
+    min-height: 36px;
   }
   .twa\:min-h-\[48px\] {
     min-height: 48px;
@@ -715,9 +774,30 @@
   .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-\[200px\] {
+    min-height: 200px;
+  }
+  .twa\:min-h-\[240px\] {
+    min-height: 240px;
+  }
+  .twa\:min-h-\[280px\] {
+    min-height: 280px;
+  }
+  .twa\:min-h-\[300px\] {
+    min-height: 300px;
+  }
   .twa\:min-h-auto {
     min-height: auto;
   }
@@ -730,9 +810,15 @@
   .twa\:min-h-input {
     min-height: var(--ab-input-height);
   }
+  .twa\:\!w-9 {
+    width: calc(var(--ab-base-space) * 9) !important;
+  }
   .twa\:\!w-10 {
     width: calc(var(--ab-base-space) * 10) !important;
   }
+  .twa\:\!w-\[300px\] {
+    width: 300px !important;
+  }
   .twa\:w-\(--anchor-width\) {
     width: var(--anchor-width);
   }
@@ -748,6 +834,9 @@
   .twa\:w-1\/3 {
     width: calc(1 / 3 * 100%);
   }
+  .twa\:w-3 {
+    width: calc(var(--ab-base-space) * 3);
+  }
   .twa\:w-8 {
     width: calc(var(--ab-base-space) * 8);
   }
@@ -757,9 +846,6 @@
   .twa\:w-24 {
     width: calc(var(--ab-base-space) * 24);
   }
-  .twa\:w-30 {
-    width: calc(var(--ab-base-space) * 30);
-  }
   .twa\:w-32 {
     width: calc(var(--ab-base-space) * 32);
   }
@@ -778,6 +864,9 @@
   .twa\:w-\[1rem\] {
     width: 1rem;
   }
+  .twa\:w-\[5\.5rem\] {
+    width: 5.5rem;
+  }
   .twa\:w-\[7rem\] {
     width: 7rem;
   }
@@ -787,6 +876,9 @@
   .twa\:w-\[10rem\] {
     width: 10rem;
   }
+  .twa\:w-\[12rem\] {
+    width: 12rem;
+  }
   .twa\:w-\[15rem\] {
     width: 15rem;
   }
@@ -796,12 +888,12 @@
   .twa\:w-\[70px\] {
     width: 70px;
   }
+  .twa\:w-\[72px\] {
+    width: 72px;
+  }
   .twa\:w-\[77px\] {
     width: 77px;
   }
-  .twa\:w-\[80px\] {
-    width: 80px;
-  }
   .twa\:w-\[90vw\] {
     width: 90vw;
   }
@@ -820,12 +912,6 @@
   .twa\:w-\[150px\] {
     width: 150px;
   }
-  .twa\:w-\[160px\] {
-    width: 160px;
-  }
-  .twa\:w-\[180px\] {
-    width: 180px;
-  }
   .twa\:w-\[200px\] {
     width: 200px;
   }
@@ -859,24 +945,33 @@
   .twa\:max-w-3xl {
     max-width: var(--twa-container-3xl);
   }
-  .twa\:max-w-30 {
-    max-width: calc(var(--ab-base-space) * 30);
-  }
   .twa\:max-w-50 {
     max-width: calc(var(--ab-base-space) * 50);
   }
   .twa\:max-w-80 {
     max-width: calc(var(--ab-base-space) * 80);
   }
+  .twa\:max-w-\[5\.5rem\] {
+    max-width: 5.5rem;
+  }
   .twa\:max-w-\[15rem\] {
     max-width: 15rem;
   }
+  .twa\:max-w-\[20rem\] {
+    max-width: 20rem;
+  }
+  .twa\:max-w-\[22rem\] {
+    max-width: 22rem;
+  }
   .twa\:max-w-\[60vw\] {
     max-width: 60vw;
   }
   .twa\:max-w-\[70vw\] {
     max-width: 70vw;
   }
+  .twa\:max-w-\[72px\] {
+    max-width: 72px;
+  }
   .twa\:max-w-\[100px\] {
     max-width: 100px;
   }
@@ -901,9 +996,6 @@
   .twa\:max-w-\[300px\] {
     max-width: 300px;
   }
-  .twa\:max-w-\[320px\] {
-    max-width: 320px;
-  }
   .twa\:max-w-\[400px\] {
     max-width: 400px;
   }
@@ -955,6 +1047,9 @@
   .twa\:max-w-xs {
     max-width: var(--twa-container-xs);
   }
+  .twa\:\!min-w-\[36px\] {
+    min-width: 36px !important;
+  }
   .twa\:\!min-w-\[40px\] {
     min-width: 40px !important;
   }
@@ -962,7 +1057,10 @@
     min-width: var(--cell-size);
   }
   .twa\:min-w-0 {
-    min-width: calc(var(--ab-base-space) * 0);
+    min-width: 0;
+  }
+  .twa\:min-w-7 {
+    min-width: calc(var(--ab-base-space) * 7);
   }
   .twa\:min-w-16 {
     min-width: calc(var(--ab-base-space) * 16);
@@ -985,6 +1083,12 @@
   .twa\:min-w-\[1rem\] {
     min-width: 1rem;
   }
+  .twa\:min-w-\[5\.5rem\] {
+    min-width: 5.5rem;
+  }
+  .twa\:min-w-\[6\.5rem\] {
+    min-width: 6.5rem;
+  }
   .twa\:min-w-\[10rem\] {
     min-width: 10rem;
   }
@@ -1003,9 +1107,15 @@
   .twa\:min-w-\[50px\] {
     min-width: 50px;
   }
+  .twa\:min-w-\[56px\] {
+    min-width: 56px;
+  }
   .twa\:min-w-\[60px\] {
     min-width: 60px;
   }
+  .twa\:min-w-\[72px\] {
+    min-width: 72px;
+  }
   .twa\:min-w-\[80px\] {
     min-width: 80px;
   }
@@ -1036,9 +1146,6 @@
   .twa\:min-w-\[215px\] {
     min-width: 215px;
   }
-  .twa\:min-w-\[220px\] {
-    min-width: 220px;
-  }
   .twa\:min-w-\[250px\] {
     min-width: 250px;
   }
@@ -1066,9 +1173,6 @@
   .twa\:flex-2 {
     flex: 2;
   }
-  .twa\:flex-3 {
-    flex: 3;
-  }
   .twa\:flex-1000 {
     flex: 1000;
   }
@@ -1096,11 +1200,8 @@
   .twa\:shrink-0 {
     flex-shrink: 0;
   }
-  .twa\:basis-\[50\%\] {
-    flex-basis: 50%;
-  }
-  .twa\:basis-\[120px\] {
-    flex-basis: 120px;
+  .twa\:basis-0 {
+    flex-basis: 0;
   }
   .twa\:border-collapse {
     border-collapse: collapse;
@@ -1108,6 +1209,10 @@
   .twa\:origin-\(--transform-origin\) {
     transform-origin: var(--transform-origin);
   }
+  .twa\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .twa\:translate-y-\[calc\(-50\%-2px\)\] {
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1127,6 +1232,9 @@
   .twa\:cursor-grab {
     cursor: grab;
   }
+  .twa\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .twa\:cursor-pointer {
     cursor: pointer;
   }
@@ -1140,13 +1248,13 @@
     resize: vertical;
   }
   .twa\:scroll-my-1 {
-    scroll-margin-block: calc(var(--ab-base-space) * 1);
+    scroll-margin-block: var(--ab-base-space);
   }
   .twa\:scroll-p-2 {
     scroll-padding: calc(var(--ab-base-space) * 2);
   }
   .twa\:scroll-py-1 {
-    scroll-padding-block: calc(var(--ab-base-space) * 1);
+    scroll-padding-block: var(--ab-base-space);
   }
   .twa\:list-none {
     list-style-type: none;
@@ -1157,23 +1265,26 @@
   .twa\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  .twa\:grid-cols-\[1fr\] {
-    grid-template-columns: 1fr;
-  }
   .twa\:grid-cols-\[1fr_1fr\] {
     grid-template-columns: 1fr 1fr;
   }
+  .twa\:grid-cols-\[4\.5rem_1fr\] {
+    grid-template-columns: 4.5rem 1fr;
+  }
   .twa\:grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
   .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
     grid-template-columns: auto 1fr auto 1fr;
   }
+  .twa\:grid-cols-\[max-content_1fr_max-content_1fr\] {
+    grid-template-columns: max-content 1fr max-content 1fr;
+  }
   .twa\:grid-cols-\[minmax\(160px\,14rem\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(160px,14rem) minmax(0,1fr);
   }
-  .twa\:grid-rows-\[1fr\] {
-    grid-template-rows: 1fr;
+  .twa\:grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));
   }
   .twa\:grid-rows-\[1fr_1fr\] {
     grid-template-rows: 1fr 1fr;
@@ -1193,9 +1304,6 @@
   .twa\:flex-wrap-reverse {
     flex-wrap: wrap-reverse;
   }
-  .twa\:place-content-center {
-    place-content: center;
-  }
   .twa\:place-items-center {
     place-items: center;
   }
@@ -1236,13 +1344,13 @@
     justify-content: stretch;
   }
   .twa\:gap-0 {
-    gap: calc(var(--ab-base-space) * 0);
+    gap: 0;
   }
   .twa\:gap-0\.5 {
     gap: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:gap-1 {
-    gap: calc(var(--ab-base-space) * 1);
+    gap: var(--ab-base-space);
   }
   .twa\:gap-1\.5 {
     gap: calc(var(--ab-base-space) * 1.5);
@@ -1265,6 +1373,30 @@
   .twa\:gap-8 {
     gap: calc(var(--ab-base-space) * 8);
   }
+  .twa\:gap-x-1\.5 {
+    column-gap: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:gap-x-2 {
+    column-gap: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:gap-x-4 {
+    column-gap: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:gap-y-0\.5 {
+    row-gap: calc(var(--ab-base-space) * 0.5);
+  }
+  .twa\:gap-y-1 {
+    row-gap: var(--ab-base-space);
+  }
+  .twa\:gap-y-2 {
+    row-gap: calc(var(--ab-base-space) * 2);
+  }
+  .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;
   }
@@ -1291,6 +1423,9 @@
   .twa\:overflow-y-auto {
     overflow-y: auto;
   }
+  .twa\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
   .twa\:overflow-y-visible {
     overflow-y: visible;
   }
@@ -1340,6 +1475,10 @@
   .twa\:rounded-tl-standard {
     border-top-left-radius: var(--ab-border-radius);
   }
+  .twa\:rounded-r-none\! {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
   .twa\:rounded-r-standard {
     border-top-right-radius: var(--ab-border-radius);
     border-bottom-right-radius: var(--ab-border-radius);
@@ -1385,6 +1524,17 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
+    border-color: var(--ab-color-primarydark) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
+      border-color: color-mix(in srgb,var(--ab-color-primarydark) 40%,transparent) !important;
+    }
+  }
+  .twa\:\!border-\[var\(--ab-cmp-wizard-selection__border\)\] {
+    border-color: var(--ab-cmp-wizard-selection__border) !important;
+  }
   .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
     border-color: var(--ab-color-foreground);
   }
@@ -1401,9 +1551,45 @@
       border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
     }
   }
+  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
+    border-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
+      border-color: color-mix(in srgb,var(--ab-color-foreground) 20%,transparent);
+    }
+  }
+  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border\)\] {
+    border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border);
+  }
+  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border-popup\)\] {
+    border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup);
+  }
+  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__expanded-border\)\] {
+    border-color: var(--ab-cmp-collapsible-wizard-card__expanded-border);
+  }
+  .twa\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
+    border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
+  }
   .twa\:border-border {
     border-color: var(--ab-color-border);
   }
+  .twa\:border-border\/60 {
+    border-color: var(--ab-color-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-border\/60 {
+      border-color: color-mix(in oklab, var(--ab-color-border) 60%, transparent);
+    }
+  }
+  .twa\:border-foreground\/10 {
+    border-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-foreground\/10 {
+      border-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
+    }
+  }
   .twa\:border-foreground\/15 {
     border-color: var(--ab-color-foreground);
   }
@@ -1426,6 +1612,25 @@
       border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
     }
   }
+  .twa\:border-primarydark\/32 {
+    border-color: var(--ab-color-primarydark);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-primarydark\/32 {
+      border-color: color-mix(in oklab, var(--ab-color-primarydark) 32%, transparent);
+    }
+  }
+  .twa\:border-primarydark\/35 {
+    border-color: var(--ab-color-primarydark);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-primarydark\/35 {
+      border-color: color-mix(in oklab, var(--ab-color-primarydark) 35%, transparent);
+    }
+  }
+  .twa\:border-primarylight {
+    border-color: var(--ab-color-primarylight);
+  }
   .twa\:border-ring {
     border-color: var(--ab-color-ring);
   }
@@ -1443,12 +1648,12 @@
       border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
     }
   }
+  .twa\:\!bg-\[var\(--ab-cmp-wizard-selection__background\)\] {
+    background-color: var(--ab-cmp-wizard-selection__background) !important;
+  }
   .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);
   }
@@ -1464,6 +1669,14 @@
   .twa\:bg-\(--ab-dashboard-tab-drop-target__background\) {
     background-color: var(--ab-dashboard-tab-drop-target__background);
   }
+  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
+    background-color: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
+      background-color: color-mix(in srgb,var(--ab-color-primary) 35%,transparent);
+    }
+  }
   .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
     background-color: var(--ab-color-primary);
   }
@@ -1472,14 +1685,14 @@
       background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
     }
   }
-  .twa\:bg-\[var\(--ab-color-primary\)\] {
-    background-color: var(--ab-color-primary);
+  .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
+    background-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
   }
-  .twa\:bg-\[var\(--ab-color-primarylight\)\] {
-    background-color: var(--ab-color-primarylight);
+  .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-indicator-inner\)\] {
+    background-color: var(--ab-cmp-wizard-type-selection-card__selected-indicator-inner);
   }
-  .twa\:bg-\[var\(--ab-color-surface\)\] {
-    background-color: var(--ab-color-surface);
+  .twa\:bg-\[var\(--ab-color-primary\)\] {
+    background-color: var(--ab-color-primary);
   }
   .twa\:bg-accent {
     background-color: var(--ab-color-accent);
@@ -1505,11 +1718,14 @@
   .twa\:bg-border {
     background-color: var(--ab-color-border);
   }
+  .twa\:bg-card {
+    background-color: var(--ab-color-card);
+  }
   .twa\:bg-current {
     background-color: currentcolor;
   }
-  .twa\:bg-defaultbackground {
-    background-color: var(--ab-color-background);
+  .twa\:bg-destructive {
+    background-color: var(--ab-color-destructive);
   }
   .twa\:bg-destructive\/10 {
     background-color: var(--ab-color-destructive);
@@ -1519,17 +1735,6 @@
       background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
     }
   }
-  .twa\:bg-error {
-    background-color: var(--ab-color-error);
-  }
-  .twa\:bg-error\/30 {
-    background-color: var(--ab-color-error);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    .twa\:bg-error\/30 {
-      background-color: color-mix(in oklab, var(--ab-color-error) 30%, transparent);
-    }
-  }
   .twa\:bg-foreground {
     background-color: var(--ab-color-foreground);
   }
@@ -1550,6 +1755,14 @@
   .twa\:bg-muted {
     background-color: var(--ab-color-muted);
   }
+  .twa\:bg-muted\/50 {
+    background-color: var(--ab-color-muted);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-muted\/50 {
+      background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
+    }
+  }
   .twa\:bg-popover {
     background-color: var(--ab-color-popover);
   }
@@ -1585,6 +1798,18 @@
   .twa\:bg-clip-padding {
     background-clip: padding-box;
   }
+  .twa\:fill-action-clone-foreground {
+    fill: var(--ab-color-action-clone-foreground);
+  }
+  .twa\:fill-action-delete-foreground {
+    fill: var(--ab-color-action-delete-foreground);
+  }
+  .twa\:fill-action-edit-foreground {
+    fill: var(--ab-color-action-edit-foreground);
+  }
+  .twa\:fill-action-share-foreground {
+    fill: var(--ab-color-action-share-foreground);
+  }
   .twa\:fill-current {
     fill: currentcolor;
   }
@@ -1594,53 +1819,47 @@
   .twa\:fill-red-500 {
     fill: var(--twa-color-red-500);
   }
-  .twa\:fill-text-on-clone {
-    fill: var(--ab-color-text-on-clone);
-  }
-  .twa\:fill-text-on-delete {
-    fill: var(--ab-color-text-on-delete);
-  }
-  .twa\:fill-text-on-edit {
-    fill: var(--ab-color-text-on-edit);
-  }
-  .twa\:fill-text-on-share {
-    fill: var(--ab-color-text-on-share);
-  }
   .twa\:\!p-0 {
-    padding: calc(var(--ab-base-space) * 0) !important;
+    padding: 0 !important;
   }
   .twa\:p-0 {
-    padding: calc(var(--ab-base-space) * 0);
+    padding: 0;
   }
   .twa\:p-0\! {
-    padding: calc(var(--ab-base-space) * 0) !important;
+    padding: 0 !important;
   }
   .twa\:p-0\.5 {
     padding: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:p-1 {
-    padding: calc(var(--ab-base-space) * 1);
+    padding: var(--ab-base-space);
   }
   .twa\:p-2 {
     padding: calc(var(--ab-base-space) * 2);
   }
+  .twa\:p-2\.5 {
+    padding: calc(var(--ab-base-space) * 2.5);
+  }
   .twa\:p-3 {
     padding: calc(var(--ab-base-space) * 3);
   }
   .twa\:p-4 {
     padding: calc(var(--ab-base-space) * 4);
   }
-  .twa\:p-5 {
-    padding: calc(var(--ab-base-space) * 5);
+  .twa\:\!px-1\.5 {
+    padding-inline: calc(var(--ab-base-space) * 1.5) !important;
+  }
+  .twa\:\!px-2 {
+    padding-inline: calc(var(--ab-base-space) * 2) !important;
   }
   .twa\:px-\(--cell-size\) {
     padding-inline: var(--cell-size);
   }
   .twa\:px-0 {
-    padding-inline: calc(var(--ab-base-space) * 0);
+    padding-inline: 0;
   }
   .twa\:px-1 {
-    padding-inline: calc(var(--ab-base-space) * 1);
+    padding-inline: var(--ab-base-space);
   }
   .twa\:px-1\.5 {
     padding-inline: calc(var(--ab-base-space) * 1.5);
@@ -1657,14 +1876,23 @@
   .twa\:px-4 {
     padding-inline: calc(var(--ab-base-space) * 4);
   }
+  .twa\:\!py-1 {
+    padding-block: var(--ab-base-space) !important;
+  }
+  .twa\:\!py-1\.5 {
+    padding-block: calc(var(--ab-base-space) * 1.5) !important;
+  }
+  .twa\:\!py-2 {
+    padding-block: calc(var(--ab-base-space) * 2) !important;
+  }
   .twa\:py-0 {
-    padding-block: calc(var(--ab-base-space) * 0);
+    padding-block: 0;
   }
   .twa\:py-0\.5 {
     padding-block: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:py-1 {
-    padding-block: calc(var(--ab-base-space) * 1);
+    padding-block: var(--ab-base-space);
   }
   .twa\:py-1\.5 {
     padding-block: calc(var(--ab-base-space) * 1.5);
@@ -1675,15 +1903,24 @@
   .twa\:py-3 {
     padding-block: calc(var(--ab-base-space) * 3);
   }
+  .twa\:\!pt-0 {
+    padding-top: 0 !important;
+  }
   .twa\:pt-0 {
-    padding-top: calc(var(--ab-base-space) * 0);
+    padding-top: 0;
+  }
+  .twa\:pt-0\.5 {
+    padding-top: calc(var(--ab-base-space) * 0.5);
   }
   .twa\:pt-1 {
-    padding-top: calc(var(--ab-base-space) * 1);
+    padding-top: var(--ab-base-space);
   }
   .twa\:pt-2 {
     padding-top: calc(var(--ab-base-space) * 2);
   }
+  .twa\:pt-2\.5 {
+    padding-top: calc(var(--ab-base-space) * 2.5);
+  }
   .twa\:pt-3 {
     padding-top: calc(var(--ab-base-space) * 3);
   }
@@ -1691,22 +1928,31 @@
     padding-top: calc(var(--ab-base-space) * 4);
   }
   .twa\:pr-0 {
-    padding-right: calc(var(--ab-base-space) * 0);
+    padding-right: 0;
   }
   .twa\:pr-1 {
-    padding-right: calc(var(--ab-base-space) * 1);
+    padding-right: var(--ab-base-space);
   }
   .twa\:pr-2 {
     padding-right: calc(var(--ab-base-space) * 2);
   }
+  .twa\:pr-7 {
+    padding-right: calc(var(--ab-base-space) * 7);
+  }
   .twa\:pr-8 {
     padding-right: calc(var(--ab-base-space) * 8);
   }
   .twa\:pr-\[30px\] {
     padding-right: 30px;
   }
+  .twa\:\!pb-0 {
+    padding-bottom: 0 !important;
+  }
+  .twa\:pb-0 {
+    padding-bottom: 0;
+  }
   .twa\:pb-1 {
-    padding-bottom: calc(var(--ab-base-space) * 1);
+    padding-bottom: var(--ab-base-space);
   }
   .twa\:pb-2 {
     padding-bottom: calc(var(--ab-base-space) * 2);
@@ -1715,10 +1961,10 @@
     padding-bottom: calc(var(--ab-base-space) * 3);
   }
   .twa\:pl-0 {
-    padding-left: calc(var(--ab-base-space) * 0);
+    padding-left: 0;
   }
   .twa\:pl-1 {
-    padding-left: calc(var(--ab-base-space) * 1);
+    padding-left: var(--ab-base-space);
   }
   .twa\:pl-2 {
     padding-left: calc(var(--ab-base-space) * 2);
@@ -1760,6 +2006,10 @@
     font-size: var(--ab-font-size-2);
     line-height: var(--twa-leading-relaxed);
   }
+  .twa\:text-3xl {
+    font-size: var(--twa-text-3xl);
+    line-height: var(--tw-leading, var(--twa-text-3xl--line-height));
+  }
   .twa\:text-base {
     font-size: var(--twa-text-base);
     line-height: var(--tw-leading, var(--twa-text-base--line-height));
@@ -1794,6 +2044,12 @@
   .twa\:text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .twa\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .twa\:text-\[11px\] {
+    font-size: 11px;
+  }
   .twa\:leading-4 {
     --tw-leading: calc(var(--ab-base-space) * 4);
     line-height: calc(var(--ab-base-space) * 4);
@@ -1806,9 +2062,13 @@
     --tw-leading: var(--twa-leading-normal);
     line-height: var(--twa-leading-normal);
   }
-  .twa\:leading-relaxed {
-    --tw-leading: var(--twa-leading-relaxed);
-    line-height: var(--twa-leading-relaxed);
+  .twa\:leading-snug {
+    --tw-leading: var(--twa-leading-snug);
+    line-height: var(--twa-leading-snug);
+  }
+  .twa\:leading-tight {
+    --tw-leading: var(--twa-leading-tight);
+    line-height: var(--twa-leading-tight);
   }
   .twa\:font-bold {
     --tw-font-weight: var(--twa-font-weight-bold);
@@ -1826,6 +2086,10 @@
     --tw-font-weight: var(--twa-font-weight-semibold);
     font-weight: var(--twa-font-weight-semibold);
   }
+  .twa\:tracking-wide {
+    --tw-tracking: var(--twa-tracking-wide);
+    letter-spacing: var(--twa-tracking-wide);
+  }
   .twa\:tracking-widest {
     --tw-tracking: var(--twa-tracking-widest);
     letter-spacing: var(--twa-tracking-widest);
@@ -1845,6 +2109,17 @@
   .twa\:whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
+    color: var(--ab-color-foreground) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
+      color: color-mix(in srgb,var(--ab-color-foreground) 55%,transparent) !important;
+    }
+  }
+  .twa\:\!text-accent {
+    color: var(--ab-color-accent) !important;
+  }
   .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
     color: var(--ab-cmp-toggle-button--checked__color);
   }
@@ -1866,17 +2141,32 @@
   .twa\:text-accentlight {
     color: var(--ab-color-accentlight);
   }
+  .twa\:text-action-clone-foreground {
+    color: var(--ab-color-action-clone-foreground);
+  }
+  .twa\:text-action-delete-foreground {
+    color: var(--ab-color-action-delete-foreground);
+  }
+  .twa\:text-action-edit-foreground {
+    color: var(--ab-color-action-edit-foreground);
+  }
+  .twa\:text-action-share-foreground {
+    color: var(--ab-color-action-share-foreground);
+  }
   .twa\:text-background {
     color: var(--ab-color-background);
   }
+  .twa\:text-card-foreground {
+    color: var(--ab-color-card-foreground);
+  }
   .twa\:text-current {
     color: currentcolor;
   }
   .twa\:text-destructive {
     color: var(--ab-color-destructive);
   }
-  .twa\:text-error {
-    color: var(--ab-color-error);
+  .twa\:text-destructive-foreground {
+    color: var(--ab-color-destructive-foreground);
   }
   .twa\:text-foreground {
     color: var(--ab-color-foreground);
@@ -1887,6 +2177,9 @@
   .twa\:text-info {
     color: var(--ab-color-info);
   }
+  .twa\:text-info-foreground {
+    color: var(--ab-color-info-foreground);
+  }
   .twa\:text-inherit {
     color: inherit;
   }
@@ -1914,39 +2207,18 @@
   .twa\:text-success {
     color: var(--ab-color-success);
   }
-  .twa\:text-text-on-clone {
-    color: var(--ab-color-text-on-clone);
-  }
-  .twa\:text-text-on-delete {
-    color: var(--ab-color-text-on-delete);
-  }
-  .twa\:text-text-on-edit {
-    color: var(--ab-color-text-on-edit);
-  }
-  .twa\:text-text-on-error {
-    color: var(--ab-color-text-on-error);
-  }
-  .twa\:text-text-on-info {
-    color: var(--ab-color-text-on-info);
-  }
-  .twa\:text-text-on-primary {
-    color: var(--ab-color-text-on-primary);
-  }
-  .twa\:text-text-on-primarydark {
-    color: var(--ab-color-text-on-primarydark);
-  }
-  .twa\:text-text-on-share {
-    color: var(--ab-color-text-on-share);
-  }
-  .twa\:text-text-on-success {
-    color: var(--ab-color-text-on-success);
-  }
-  .twa\:text-text-on-warn {
-    color: var(--ab-color-text-on-warn);
+  .twa\:text-success-foreground {
+    color: var(--ab-color-success-foreground);
   }
   .twa\:text-warn {
     color: var(--ab-color-warn);
   }
+  .twa\:text-warn-foreground {
+    color: var(--ab-color-warn-foreground);
+  }
+  .twa\:uppercase {
+    text-transform: uppercase;
+  }
   .twa\:italic {
     font-style: italic;
   }
@@ -1954,9 +2226,6 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
-  .twa\:underline {
-    text-decoration-line: underline;
-  }
   .twa\:underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -2058,6 +2327,11 @@
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-\[border-color\,background-color\] {
+    transition-property: border-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));
@@ -2068,6 +2342,11 @@
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
   .twa\:transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2097,6 +2376,9 @@
   .twa\:\[--ab-grid-row-height\:45px\] {
     --ab-grid-row-height: 45px;
   }
+  .twa\:\[--ab-radio-gap\:0\] {
+    --ab-radio-gap: 0;
+  }
   .twa\:\[--cell-radius\:var\(--radius-md\)\] {
     --cell-radius: var(--radius-md);
   }
@@ -2110,7 +2392,7 @@
     z-index: 1;
   }
   :is(.twa\:\*\:m-0 > *) {
-    margin: calc(var(--ab-base-space) * 0);
+    margin: 0;
   }
   :is(.twa\:\*\:min-h-\[400px\] > *) {
     min-height: 400px;
@@ -2118,18 +2400,27 @@
   :is(.twa\:\*\:min-w-\[400px\] > *) {
     min-width: 400px;
   }
+  :is(.twa\:\*\:min-w-fit > *) {
+    min-width: fit-content;
+  }
   :is(.twa\:\*\:flex-1 > *) {
     flex: 1;
   }
+  :is(.twa\:\*\:shrink-0 > *) {
+    flex-shrink: 0;
+  }
   :is(.twa\:\*\:rounded-standard > *) {
     border-radius: var(--ab-border-radius);
   }
   :is(.twa\:\*\:p-1 > *) {
-    padding: calc(var(--ab-base-space) * 1);
+    padding: var(--ab-base-space);
   }
   :is(.twa\:\*\:p-3 > *) {
     padding: calc(var(--ab-base-space) * 3);
   }
+  :is(.twa\:\*\:px-4 > *) {
+    padding-inline: calc(var(--ab-base-space) * 4);
+  }
   :is(.twa\:\*\:outline-0 > *) {
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
@@ -2173,7 +2464,7 @@
     max-height: none;
   }
   .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
-    min-height: calc(var(--ab-base-space) * 0);
+    min-height: 0;
   }
   .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
     flex: 1;
@@ -2257,11 +2548,11 @@
   }
   .twa\:before\:inset-0::before {
     content: var(--tw-content);
-    inset: calc(var(--ab-base-space) * 0);
+    inset: 0;
   }
   .twa\:before\:inset-1::before {
     content: var(--tw-content);
-    inset: calc(var(--ab-base-space) * 1);
+    inset: var(--ab-base-space);
   }
   .twa\:before\:z-0::before {
     content: var(--tw-content);
@@ -2331,19 +2622,19 @@
   }
   .twa\:after\:inset-0::after {
     content: var(--tw-content);
-    inset: calc(var(--ab-base-space) * 0);
+    inset: 0;
   }
   .twa\:after\:inset-y-0::after {
     content: var(--tw-content);
-    inset-block: calc(var(--ab-base-space) * 0);
+    inset-block: 0;
   }
   .twa\:after\:right-0::after {
     content: var(--tw-content);
-    right: calc(var(--ab-base-space) * 0);
+    right: 0;
   }
   .twa\:after\:left-0::after {
     content: var(--tw-content);
-    left: calc(var(--ab-base-space) * 0);
+    left: 0;
   }
   .twa\:after\:w-4::after {
     content: var(--tw-content);
@@ -2358,10 +2649,18 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .twa\:after\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\]::after {
+    content: var(--tw-content);
+    border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
+  }
   .twa\:after\:border-accent::after {
     content: var(--tw-content);
     border-color: var(--ab-color-accent);
   }
+  .twa\:after\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-overlay\)\]::after {
+    content: var(--tw-content);
+    background-color: var(--ab-cmp-wizard-type-selection-card__selected-overlay);
+  }
   .twa\:after\:bg-accent\/15::after {
     content: var(--tw-content);
     background-color: var(--ab-color-accent);
@@ -2572,8 +2871,8 @@
     }
   }
   @media (hover: hover) {
-    .twa\:hover\:text-text-on-primary:hover {
-      color: var(--ab-color-text-on-primary);
+    .twa\:hover\:text-primary-foreground:hover {
+      color: var(--ab-color-primary-foreground);
     }
   }
   @media (hover: hover) {
@@ -2673,10 +2972,17 @@
     --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-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);
+  }
   .twa\:focus-visible\:ring-3: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);
+  }
   .twa\:focus-visible\:ring-destructive\/20:focus-visible {
     --tw-ring-color: var(--ab-color-destructive);
   }
@@ -2685,6 +2991,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
+  .twa\:focus-visible\:ring-ring:focus-visible {
+    --tw-ring-color: var(--ab-color-ring);
+  }
   .twa\:focus-visible\:ring-ring\/50:focus-visible {
     --tw-ring-color: var(--ab-color-ring);
   }
@@ -2693,12 +3002,19 @@
       --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
     }
   }
+  .twa\:focus-visible\:ring-offset-1:focus-visible {
+    --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-none:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
   }
+  .twa\:focus-visible\:ring-inset:focus-visible {
+    --tw-ring-inset: inset;
+  }
   .twa\:active\:translate-y-0:active {
-    --tw-translate-y: calc(var(--ab-base-space) * 0);
+    --tw-translate-y: 0;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .twa\:active\:translate-y-px:active {
@@ -2776,7 +3092,7 @@
     padding-inline: calc(var(--ab-base-space) * 1.5);
   }
   .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(*[data-slot="combobox-chip-remove"]) {
-    padding-right: calc(var(--ab-base-space) * 0);
+    padding-right: 0;
   }
   .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
     padding-right: calc(var(--ab-base-space) * 1.5);
@@ -2836,7 +3152,7 @@
     margin-left: -0.15rem;
   }
   .twa\:has-\[\>svg\]\:p-0:has( > svg) {
-    padding: calc(var(--ab-base-space) * 0);
+    padding: 0;
   }
   .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
     height: auto;
@@ -2899,7 +3215,7 @@
     opacity: 50%;
   }
   .twa\:data-empty\:p-0[data-empty] {
-    padding: calc(var(--ab-base-space) * 0);
+    padding: 0;
   }
   .twa\:data-highlighted\:bg-accent[data-highlighted] {
     background-color: var(--ab-color-accent);
@@ -2996,7 +3312,7 @@
     border-radius: 0;
   }
   .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
-    top: calc(var(--ab-base-space) * 1);
+    top: var(--ab-base-space);
   }
   .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
     --tw-enter-translate-y: calc(2*var(--spacing)*-1);
@@ -3069,10 +3385,10 @@
     min-height: auto;
   }
   [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
-    margin: calc(var(--ab-base-space) * 1);
+    margin: var(--ab-base-space);
   }
   [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
-    margin-bottom: calc(var(--ab-base-space) * 0);
+    margin-bottom: 0;
   }
   [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
     height: calc(var(--ab-base-space) * 8);
@@ -3149,11 +3465,6 @@
   .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
     color: var(--ab-color-destructive);
   }
-  @media (width >= 48rem) {
-    .twa\:md\:grid-cols-\[1fr_1fr\] {
-      grid-template-columns: 1fr 1fr;
-    }
-  }
   @media (width >= 48rem) {
     .twa\:md\:flex-row {
       flex-direction: row;
@@ -3175,21 +3486,11 @@
       line-height: var(--tw-leading, var(--twa-text-sm--line-height));
     }
   }
-  @media (width >= 64rem) {
-    .twa\:lg\:grid {
-      display: grid;
-    }
-  }
   @media (width >= 64rem) {
     .twa\:lg\:flex-row {
       flex-direction: row;
     }
   }
-  @media (width >= 64rem) {
-    .twa\:lg\:gap-3 {
-      gap: calc(var(--ab-base-space) * 3);
-    }
-  }
   .twa\:dark\:border-input:is(.ab--theme-dark *) {
     border-color: var(--ab-color-input-border);
   }
@@ -3201,14 +3502,6 @@
       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;
   }
@@ -3303,6 +3596,37 @@
       background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
+  .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
+    width: 100%;
+  }
+  .twa\:\[\&_\.ab-Input\]\:rounded-l-none\! .ab-Input {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .twa\:\[\&_\[data-slot\=input-group\]\]\:w-full\! [data-slot=input-group] {
+    width: 100% !important;
+  }
+  .twa\:\[\&_\[data-slot\=input-group\]\]\:rounded-l-none\! [data-slot=input-group] {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .twa\:\[\&_input\]\:size-0 input {
+    width: 0;
+    height: 0;
+  }
+  .twa\:\[\&_input\]\:min-h-0 input {
+    min-height: 0;
+  }
+  .twa\:\[\&_input\]\:min-w-0 input {
+    min-width: 0;
+  }
+  .twa\:\[\&_input\]\:border-0 input {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .twa\:\[\&_input\]\:p-0 input {
+    padding: 0;
+  }
   .twa\:\[\&_p\]\:text-primary-foreground p {
     color: var(--ab-color-primary-foreground);
   }
@@ -3327,6 +3651,9 @@
     border-top-left-radius: var(--ab-border-radius);
     border-bottom-left-radius: var(--ab-border-radius);
   }
+  .twa\:\[\.ab-FloatingFilter_\[data-slot\=combobox-trigger\]\]\:py-0:is(.ab-FloatingFilter [data-slot=combobox-trigger]) {
+    padding-block: 0;
+  }
   .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
     padding-bottom: calc(var(--ab-base-space) * 2);
   }
@@ -3439,11 +3766,14 @@
     width: calc(var(--ab-base-space) * 4);
     height: calc(var(--ab-base-space) * 4);
   }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[container-type\:size\] {
+    container-type: size;
+  }
   .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
     position: absolute;
   }
   .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
-    inset-inline: calc(var(--ab-base-space) * 0);
+    inset-inline: 0;
   }
   .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
     inset-block: calc(var(--ab-base-space) * 0.5);
@@ -3455,6 +3785,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[line-height\:1\] {
+    line-height: 1;
+  }
   .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:shadow-none {
     --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);
@@ -5425,12 +5758,16 @@
     --ab-border-radius: var(--ab__border-radius, var(--ab-base-space));
     --ab-border-radius-input: var(--ab-border-radius);
     --ab-border-radius-button: var(--ab-border-radius);
-    --ab-color-defaultbackground: white;
-    --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
     --ab-color-input-border: var(--ab-color-inputborder, var(--ab-color-primarydark));
     --ab-color-input-background: var(--ab-color-background);
-    --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-text-on-primary));
-    --ab-color-error: #dc3545;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 99%, black);
+    }
+  }
+  :root {
+    --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
     --ab-color-warn: #eb9316;
     --ab-color-info: #17a2b8;
     --ab-color-success: #419641;
@@ -5469,47 +5806,59 @@
     --ab-color-swatch-18: #ff0000;
     --ab-color-swatch-19: #dc143c;
     --ab-color-swatch-20: #ffa500;
-    --ab-color-text-on-success: white;
-    --ab-color-text-on-error: white;
-    --ab-color-text-on-info: white;
-    --ab-color-text-on-warn: white;
+    --ab-color-success-foreground: white;
+    --ab-color-info-foreground: white;
+    --ab-color-warn-foreground: white;
     --ab-color-action-edit: #17a2b8;
     --ab-color-action-share: #eb9316;
     --ab-color-action-delete: #dc3545;
     --ab-color-action-clone: #419641;
-    --ab-color-text-on-edit: white;
-    --ab-color-text-on-share: white;
-    --ab-color-text-on-delete: white;
-    --ab-color-text-on-clone: white;
+    --ab-color-action-edit-foreground: white;
+    --ab-color-action-share-foreground: white;
+    --ab-color-action-delete-foreground: white;
+    --ab-color-action-clone-foreground: white;
     --ab-color-primary: #e9e9e9;
     --ab-color-primary-foreground: #656565;
     --ab-color-primarydark: #b7b7b7;
     --ab-color-primarylight: #f5f5f5;
-    --ab-color-text-on-primary: var(--ab-color-primary-foreground);
-    --ab-color-text-on-primarydark: var(--ab-color-primary-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-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),
     0 1px 2px -1px var(--ab-color-accentlight);
-    --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-text-on-primary);
+    --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-primary-foreground);
     --ab-focus__outline: none;
-    --ab-color-background: var(--ab-color-defaultbackground, oklch(1 0 0));
-    --ab-color-foreground: var(--ab-color-text-on-defaultbackground);
+    --ab-color-background: var(--ab-color-defaultbackground, white);
+    --ab-color-foreground: var(--ab-color-primary-foreground, #656565);
     --ab-color-popover: var(--ab-color-background);
     --ab-color-popover-foreground: var(--ab-color-foreground);
     --ab-color-secondary: oklch(0.97 0 0);
     --ab-color-secondary-foreground: oklch(0.205 0 0);
     --ab-color-muted: var(--ab-color-primarylight);
-    --ab-color-muted-foreground: var(--ab-color-input-foreground);
-    --ab-color-destructive: oklch(0.577 0.245 27.325);
-    --ab-color-destructive-foreground: oklch(0.577 0.245 27.325);
+    --ab-color-muted-foreground: var(--ab-color-primary-foreground);
+    --ab-color-destructive: var(--ab-color-error, #dc3545);
+    --ab-color-destructive-foreground: white;
     --ab-color-border: oklch(0.922 0 0);
     --ab-color-ring: var(--ab-color-accent);
+    --ab-color-card: #f5f5f5;
+    --ab-color-card-foreground: var(--ab-color-foreground);
     --ab-icon-fill: currentColor;
     --ab-custom-scrollbar-size: 10px;
     --ab-grid-row-height: 35px;
+    --ab-cmp-column-tag__background: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-column-tag__background: color-mix(
+    in srgb,
+    var(--ab-color-primary) 80%,
+    var(--ab-color-accent)
+  );
+    }
+  }
+  :root {
+    --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
     --ab-loaded: 777;
     --ab_flex-direction: column;
     --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
@@ -5520,13 +5869,13 @@
   .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-defaultbackground);
-    --infinite-row-background: var(--ab-color-defaultbackground);
+    --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-text-on-primarydark);
+    --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);
@@ -5582,7 +5931,10 @@
     --ag-checkbox-checked-color,
     var(--ag-balham-active-color, #0091ea)
   );
-    --ab-cmp-checkbox--checked__background: var(--ag-background-color);
+    --ab-cmp-checkbox--checked__background: var(
+    --ag-background-color,
+    var(--ab-color-input-background)
+  );
     --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
     --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
   }
@@ -5655,6 +6007,9 @@
     bottom: 16px;
     left: 8px;
   }
+  :root {
+    --ab-radio-gap: calc(var(--ab-base-space) * 2);
+  }
   :root {
     --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
     --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
@@ -5665,21 +6020,6 @@
     --ab-cmp-dropdown__font-family: var(--ab__font-family);
     --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
   }
-  :root {
-    --ab-cmp-dropdownbutton-list__border: none;
-    --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
-    --ab-cmp-dropdownbutton-list-item__padding: calc(var(--ab-base-space) * 2);
-    --ab-cmp-dropdownbutton-list-item-hover__background: var(--ab-color-primary);
-    --ab-cmp-dropdownbutton-list-item-hover__color: var(--ab-color-text-on-primary);
-    --ab-cmp-dropdownbutton-list-item-active__background: var(--ab-color-primarydark);
-    --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
-    --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
-    --ab-cmp-dropdownbutton-list__z-index: 1000;
-    --ab-cmp-dropdownbutton-list__border-radius: var(--ab-border-radius);
-    --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
-    -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
-    --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
-  }
   :root {
     --ab-cmp-field-wrap__background: var(--ab-color-input-background);
     --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
@@ -5688,7 +6028,6 @@
   :root {
     --ab-cmp-input__padding: calc(var(--ab-base-space) * 2);
     --ab-cmp-input__color: var(--ab-color-input-foreground);
-    --ab-cmp-input__background: var(--ab-color-input-background);
     --ab-cmp-input__border-radius: var(--ab-border-radius);
     --ab-cmp-input__border: 1px solid var(--ab-color-input-border);
     --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
@@ -5702,8 +6041,11 @@
   }
   :root {
     --ab-cmp-tabs__padding: calc(var(--ab-base-space) * 2);
-    --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
+    --ab-cmp-tabs-strip__background: transparent;
     --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
+    --ab-cmp-tabs__font-weight: 400;
+    --ab-cmp-tabs__color: inherit;
+    --ab-cmp-tabs-inactive__opacity: 0.72;
   }
   :root {
     --ab-cmp-panel_header__background: var(--ab-color-primary);
@@ -5714,12 +6056,12 @@
     --ab-cmp-panel__border: 1px solid var(--ab-color-input-border);
     --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
     --ab-cmp-panel_header__padding: calc(var(--ab-base-space) * 2);
-    --ab-cmp-panel_header__color: var(--ab-color-text-on-primary);
+    --ab-cmp-panel_header__color: var(--ab-color-primary-foreground);
     --ab-cmp-panel_header--variant-primary__background: var(--ab-color-accent);
     --ab-cmp-panel_header--variant-primary__color: var(--ab-color-accent-foreground);
     --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
-    --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
-    --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
+    --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-background);
+    --ab-cmp-panel_header--variant-modern__color: var(--ab-color-primary-foreground);
   }
   :root {
     --ab-cmp-simple-button__box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
@@ -5741,7 +6083,7 @@
   :root {
     --ab-cmp-tooltip__opacity: 0.96;
     --ab-cmp-tooltip__background: var(--ab-color-primary);
-    --ab-cmp-tooltip__color: var(--ab-color-text-on-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);
   }
@@ -5749,7 +6091,7 @@
     --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);
-    --ab-cmp-file-droppable__color: var(--ab-color-text-on-primary);
+    --ab-cmp-file-droppable__color: var(--ab-color-primary-foreground);
     --ab-cmp-file-droppable__outline: 2px dashed var(--ab-cmp-file-droppable__color);
     --ab-cmp-file-droppable__outline-offset: -10px;
     --ab-cmp-file-droppable--drag-over__background: var(--ab-color-accent);
@@ -5764,7 +6106,7 @@
     --ab-dashboard-wrap: nowrap;
     --ab-dashboard-gap-size: 3px;
     --ab-dashboard-gap__background: var(--ab-color-primarylight);
-    --ab-dashboard__color: var(--ab-color-text-on-primary);
+    --ab-dashboard__color: var(--ab-color-primary-foreground);
     --ab-dashboard__border: var(--ab-color-primarydark);
     --ab-dashboard-header__background: var(--ab-color-accent);
     --ab-dashboard-header__color: var(--ab-color-accent-foreground);
@@ -5772,9 +6114,9 @@
     --ab-dashboard-toolbar-drag__background: lightgreen;
   }
   :root {
-    --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
+    --ab-cmp-datepicker__background: var(--ab-color-background);
     --ab-cmp-datepicker__active-color: var(--ab-color-primarydark);
-    --ab-cmp-datepicker__active-text-color: var(--ab-color-text-on-primarydark);
+    --ab-cmp-datepicker__active-text-color: var(--ab-color-muted-foreground);
     --ab-cmp-datepicker__active-border-radius: 100%;
     --ab-cmp-datepicker__active-border: var(--ab-cmp-datepicker__day-border-width) solid
     var(--ab-cmp-datepicker__active-color);
@@ -5800,12 +6142,17 @@
     --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
     --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab-border-radius);
     --ab-cmp-module-module-selector__tab-item__width: 160px;
-    --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
-    --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
+    --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-primary-foreground);
+    --ab-cmp-module-module-selector__toolbar-item__border: 1px dashed var(--ab-color-primarydark);
+    --ab-cmp-module-module-selector__draggable-chip__background: var(
+    --ab-cmp-draggable-list-item__background,
+    var(--ab-color-background)
+  );
+    --ab-cmp-module-module-selector__draggable-chip__color: var(--ab-color-foreground);
   }
   :root {
     --ab-cmp-loader__background: var(--ab-color-primarydark);
-    --ab-cmp-loader__border: var(--ab-color-text-on-primary);
+    --ab-cmp-loader__border: var(--ab-color-primary-foreground);
     --ab-cmp-loader__font-size: var(--ab-font-size-2);
   }
   :root {
@@ -5816,7 +6163,7 @@
     --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
     --ab-cmp-progress-indicator__padding: calc(var(--ab-base-space) * 4);
     --ab-cmp-progress-indicator__background: var(--ab-color-primary);
-    --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
+    --ab-cmp-progress-indicator__color: var(--ab-color-primary-foreground);
   }
   :root {
     --ab-cmp-badge__padding: 3px 8px;
@@ -5829,7 +6176,7 @@
   }
   :root {
     --ab-cmp-icon-selector__popup__color: var(--ab-color-input-foreground);
-    --ab-cmp-icon-selector__popup__background: var(--ab-color-defaultbackground);
+    --ab-cmp-icon-selector__popup__background: var(--ab-color-background);
     --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-input-border);
     --ab-cmp-icon-selector__popup__padding: calc(var(--ab-base-space) * 2);
     --ab-cmp-icon-selector__popup__border-radius: var(--ab-border-radius);
@@ -5839,7 +6186,7 @@
     --adaptable-quick-search-floating-width: 200px;
   }
   :root {
-    --ab-cmp-note-popup-background-color: var(--ab-color-defaultbackground);
+    --ab-cmp-note-popup-background-color: var(--ab-color-background);
     --ab-cmp-note-popup-padding: calc(var(--ab-base-space) * 8);
     --ab-cmp-note-popup-border-radius: calc(var(--ab-base-space) * 2);
     --ab-cmp-note-popup-border: 1px solid var(--ab-color-primarydark);
@@ -5858,7 +6205,7 @@
     --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);
-    --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
+    --ab-cmp-wizard__color: var(--ab-color-primary-foreground);
   }
   :root {
     --ab-cmp-button-border-radius: 0px;
@@ -5870,8 +6217,8 @@
     --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
     --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
     --ab-cmp-dashboardpanel_header__fill: currentColor;
-    --ab-cmp-dashboardpanel_header__color: var(--ab-color-text-on-primarydark);
-    --ab-cmp-dashboardpanel__fill: var(--ab-color-text-on-primary);
+    --ab-cmp-dashboardpanel_header__color: var(--ab-color-muted-foreground);
+    --ab-cmp-dashboardpanel__fill: var(--ab-color-primary-foreground);
     --ab-cmp-dashboardpanel__color: currentColor;
     --ab-cmp-dashboardpanel_header__padding: 0px;
     --ab-cmp-dashboardpanel_body__padding: var(--ab-base-space);
@@ -5889,11 +6236,9 @@
     --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
   }
   :root {
-    --ab-cmp-popover__border-radius: var(--ab-border-radius);
-    --ab-cmp-popover__background: var(--ab-color-defaultbackground);
+    --ab-cmp-popover__background: var(--ab-color-background);
     --ab-cmp-popover__color: var(--ab-color-foreground);
     --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
-    --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
   }
   .ab-OnePageWizard__section {
     background: var(--ab-cmp-one-page-wizard-content__background);
@@ -5904,6 +6249,63 @@
     min-height: 100%;
     overflow: hidden;
   }
+  :root {
+    --ab-cmp-wizard-selection__border: var(--ab-color-accent);
+    --ab-cmp-wizard-selection__background: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-wizard-selection__background: color-mix(
+    in srgb,
+    var(--ab-color-accent) 22%,
+    var(--ab-color-accentlight)
+  );
+    }
+  }
+  :root {
+    --ab-cmp-collapsible-wizard-card__expanded-border: var(--ab-color-primary);
+    --ab-cmp-collapsible-wizard-card__collapsed-border: var(--ab-color-primarydark);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-collapsible-wizard-card__collapsed-border: color-mix(
+    in srgb,
+    var(--ab-color-primarydark) 55%,
+    transparent
+  );
+    }
+  }
+  :root {
+    --ab-cmp-collapsible-wizard-card__collapsed-border-popup: var(--ab-color-primarydark);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-collapsible-wizard-card__collapsed-border-popup: color-mix(
+    in srgb,
+    var(--ab-color-primarydark) 38%,
+    transparent
+  );
+    }
+  }
+  .ab-CollapsibleWizardCard--compact.ab-CollapsibleWizardCard .ab-Card__title {
+    padding-bottom: 0;
+  }
+  :root {
+    --ab-cmp-wizard-type-selection-card__selected-border: var(--ab-color-accent);
+    --ab-cmp-wizard-type-selection-card__selected-overlay: var(--ab-color-accent);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-wizard-type-selection-card__selected-overlay: color-mix(
+    in srgb,
+    var(--ab-color-accent) 15%,
+    transparent
+  );
+    }
+  }
+  :root {
+    --ab-cmp-wizard-type-selection-card__selected-indicator-inner: var(--ab-color-base);
+  }
   :root {
     --ab-cmp-toolpanel__width: 200px;
     --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
@@ -5929,6 +6331,10 @@
     --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: calc(var(--ab-base-space) * 2)
     calc(var(--ab-base-space) * 2);
     --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: calc(var(--ab-base-space) * 2);
+    --ab-cmp-adaptable-popup-navigation-header-divider__color: var(
+    --ab-color-border,
+    var(--ab-color-primarydark)
+  );
     --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
   }
   :root {
@@ -5937,13 +6343,13 @@
   :root {
     --ab-cmp-adaptable-object-list-tag__margin-right: calc(var(--ab-base-space) * 2);
     --ab-cmp-adaptable-object-list-tag__margin-top: calc(var(--ab-base-space) * 2);
-    --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-defaultbackground);
+    --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-background);
     --ab-cmp-adaptable-object-list-item__padding: calc(var(--ab-base-space) * 4) calc(var(--ab-base-space) * 4);
     --ab-cmp-adaptable-object-list-item-label__width: 130px;
     --ab-cmp-adaptable-object-list-item-tag__padding: 6px 12px;
     --ab-cmp-adaptable-object-compact-list__background: var(--ab-color-primarylight);
     --ab-cmp-adaptable-object-compact-list__padding: calc(var(--ab-base-space) * 2);
-    --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-defaultbackground);
+    --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-background);
     --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-base-space);
     --ab-cmp-adaptable-object-compact-list-item__margin-bottom: calc(var(--ab-base-space) * 2);
     --ab-cmp-adaptable-object-compact-list__header__padding: calc(var(--ab-base-space) * 2);
@@ -5955,12 +6361,12 @@
     --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
   }
   :root {
-    --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
-    --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
-    --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
+    --ab-cmp-adaptable-options__background-color: var(--ab-color-background);
+    --ab-cmp-grid-options__background-color: var(--ab-color-background);
+    --ab-cmp-grid-summary__background-color: var(--ab-color-background);
   }
   :root {
-    --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
+    --ab-cmp-system-status-list__background-color: var(--ab-color-background);
     --ab-cmp-system-status-list-text__border-radius: var(--ab-border-radius);
     --ab-cmp-system-status-list-text__font-weight: bold;
     --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
@@ -5968,7 +6374,7 @@
     --ab-cmp-system-status-list-text__padding: calc(var(--ab-base-space) * 2);
   }
   :root {
-    --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
+    --ab-cmp-dashboard-module-selector-background: var(--ab-color-background);
     --ab-cmp-dashboard-pinned-toolbar-border: 1px solid var(--ab-color-primary);
   }
   html.ab--theme-dark {
@@ -5977,7 +6383,7 @@
   :root {
     --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
     --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
-    --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
+    --ab-cmp-adaptable-statusbar__color: var(--ab-color-primary-foreground);
     --ab-cmp-adaptable-statusbar__font-weight: 400;
     --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
   }
@@ -5987,10 +6393,10 @@
   }
   :root {
     --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab-border-radius);
-    --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
+    --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-background);
     --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(--ab-color-foreground);
     --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
-    --ab-color-defaultbackground
+    --ab-color-background
   );
     --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
     --ab-border-radius
@@ -5998,14 +6404,14 @@
     --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
   }
   :root {
-    --cmp-Badge-Definition-Editor__background: var(--ab-color-defaultbackground);
-    --cmp-Badge-Definition-Editor-header__background: var(--ab-color-defaultbackground);
+    --cmp-Badge-Definition-Editor__background: var(--ab-color-background);
+    --cmp-Badge-Definition-Editor-header__background: var(--ab-color-background);
   }
   @supports (color: color-mix(in lab, red, red)) {
     :root {
       --cmp-Badge-Definition-Editor-header__background: color-mix(
     in srgb,
-    var(--ab-color-defaultbackground) 92%,
+    var(--ab-color-background) 92%,
     var(--ab-color-foreground)
   );
     }
@@ -6024,10 +6430,10 @@
   :root {
     --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-defaultbackground);
+    --ab-cmp-column-filter-input__background: var(--ab-color-background);
   }
   :root {
-    --ab-cmp-entity-rules-editor__background-color: var(--ab-color-defaultbackground);
+    --ab-cmp-entity-rules-editor__background-color: var(--ab-color-background);
   }
   .ab-Badge__wrapper {
     display: inline-flex;
@@ -6214,11 +6620,11 @@
   :root {
     --ab-cmp-query-builder__border: 1px dotted var(--ab-color-foreground);
     --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
-    --ab-cmp-query-builder-expression__color: var(--ab-color-text-on-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-Dropdown {
-    background: var(--ab-color-defaultbackground);
+    background: var(--ab-color-background);
     border: var(--ab-cmp-dropdown__border);
     border-radius: var(--ab-cmp-dropdown__border-radius);
     position: relative;
@@ -6257,51 +6663,6 @@
   .ab-Dropdown--empty .ab-Dropdown__text {
     color: var(--ab-color-foreground);
   }
-  .ab-DropdownButton {
-    position: relative;
-    overflow: visible;
-    outline: none;
-    --ab-overlay-horizontal-align: left;
-  }
-  .ab-DropdownButton__list {
-    text-align: start;
-    padding: var(--ab-base-space) 0;
-    box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
-    overflow: auto;
-    border: var(--ab-cmp-dropdownbutton-list__border);
-    border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
-    z-index: var(--ab-cmp-dropdownbutton-list__z-index);
-    background: var(--ab-cmp-dropdownbutton-list__background);
-  }
-  .ab-DropdownButton__content {
-    font-family: var(--ab__font-family);
-    font-size: var(--ab-font-size-2);
-    max-width: 100%;
-    width: 100%;
-    border-spacing: 0;
-  }
-  .ab-DropdownButton__list-item {
-    fill: currentColor;
-    color: var(--ab-cmp-dropdownbutton-list-item__color);
-  }
-  .ab-DropdownButton__list-item--disabled {
-    opacity: 0.5;
-  }
-  .ab-DropdownButton__list-item--not-clickable {
-    cursor: auto;
-  }
-  .ab-DropdownButton__list-item--clickable:hover {
-    background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
-    color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
-    fill: currentColor;
-    cursor: pointer;
-  }
-  .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
-    color: inherit;
-  }
-  .ab-DropdownButton__separator td {
-    border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
-  }
   .ab-FieldWrap {
     border: 1px solid var(--ab-color-input-border);
     color: 1px solid var(--ab-color-input-foreground);
@@ -6392,18 +6753,26 @@
     z-index: 10;
     overflow: visible;
   }
+  .ab-Tabs__Tab {
+    font-weight: var(--ab-cmp-tabs__font-weight);
+    color: var(--ab-cmp-tabs__color);
+  }
   .ab-Tabs__Tab:focus:after {
     box-shadow: var(--ab-focus__box-shadow);
   }
   .ab-Tabs__Tab:focus {
     outline: none;
   }
+  .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
+    opacity: var(--ab-cmp-tabs-inactive__opacity);
+  }
   .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
     border-bottom-left-radius: var(--ab-border-radius);
   }
   .ab-Tabs__Tab--active {
     position: relative;
     z-index: 30;
+    opacity: 1;
   }
   .ab-Tabs__Tab--active:after {
     content: '';
@@ -6952,93 +7321,43 @@
   .ab-Datepicker-Overlay .rdp-focusable {
     cursor: pointer;
   }
-  .ab-Datepicker-Overlay {
-    @keyframes rdp-slide_in_left {
-      0% {
-        transform: translateX(-100%);
-      }
-      100% {
-        transform: translateX(0);
-      }
-    }
-    @keyframes rdp-slide_in_right {
-      0% {
-        transform: translateX(100%);
-      }
-      100% {
-        transform: translateX(0);
-      }
-    }
-    @keyframes rdp-slide_out_left {
-      0% {
-        transform: translateX(0);
-      }
-      100% {
-        transform: translateX(-100%);
-      }
-    }
-    @keyframes rdp-slide_out_right {
-      0% {
-        transform: translateX(0);
-      }
-      100% {
-        transform: translateX(100%);
-      }
-    }
-  }
+  .ab-Datepicker-Overlay {}
   .ab-Datepicker-Overlay .rdp-weeks_before_enter {
-    animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-weeks_before_exit {
-    animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-weeks_after_enter {
-    animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-weeks_after_exit {
-    animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
-    animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
-    animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
-    animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
-    animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
-  }
-  .ab-Datepicker-Overlay {
-    @keyframes rdp-fade_in {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-    @keyframes rdp-fade_out {
-      from {
-        opacity: 1;
-      }
-      to {
-        opacity: 0;
-      }
-    }
+    animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
+  .ab-Datepicker-Overlay {}
   .ab-Datepicker-Overlay .rdp-caption_after_enter {
-    animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-caption_after_exit {
-    animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-caption_before_enter {
-    animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay .rdp-caption_before_exit {
-    animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+    animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
   }
   .ab-Datepicker-Overlay {
     border: var(--ab-cmp-datepicker__border);
@@ -7091,7 +7410,7 @@
     font-size: 90%;
   }
   :is(.ab-Datepicker-Overlay .rdp-root) .rdp-nav_button {
-    color: var(--ab-color-text-on-primary);
+    color: var(--ab-color-primary-foreground);
   }
   :is(.ab-Datepicker-Overlay .rdp-root) .rdp-table {
     width: 100%;
@@ -7174,6 +7493,10 @@
   .ab-Tag {
     max-width: 100%;
   }
+  .ab-Tag--column {
+    background: var(--ab-cmp-column-tag__background);
+    color: var(--ab-cmp-column-tag__foreground, inherit);
+  }
   .ab-ModuleSelector__TabItem {
     display: flex;
     flex-direction: column;
@@ -7205,9 +7528,100 @@
     padding-bottom: 0;
     min-height: 200px;
   }
+  .ab-ModuleSelector__ToolbarList--compact {
+    flex: none;
+    min-height: 2.5rem;
+    padding: 6px 8px;
+    border: var(--ab-cmp-module-module-selector__tab-item__border);
+    border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
+  }
+  .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--horizontal {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+  }
+  .ab-ModuleSelector--strip .ab-ModuleSelector__UnusedPanel, .ab-ModuleSelector--rows .ab-ModuleSelector__UnusedPanel {
+    margin-bottom: 0;
+  }
+  .ab-ModuleSelector__TabItem--row {
+    width: 100%;
+    flex-direction: row;
+    align-items: stretch;
+    margin-right: 0;
+  }
+  .ab-ModuleSelector__TabItem__header--row {
+    width: 11rem;
+    flex-shrink: 0;
+    border-bottom: none;
+    border-right: var(--ab-cmp-module-module-selector__tab-item__border);
+  }
+  .ab-ModuleSelector__TabItem--row .ab-ModuleSelector__ToolbarList--compact {
+    flex: 1;
+    min-width: 0;
+  }
+  .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--embedded {
+    border: none;
+    border-radius: 0;
+  }
+  .ab-ModuleSelector__DraggableChip {
+    border: var(--ab-cmp-module-module-selector__toolbar-item__border);
+    background: var(--ab-cmp-module-module-selector__draggable-chip__background);
+    color: var(--ab-cmp-module-module-selector__draggable-chip__color);
+    cursor: grab;
+  }
+  .ab-ModuleSelector__DraggableChip:active {
+    cursor: grabbing;
+  }
   .ab-ModuleSelector__ToolbarItem {
     border: var(--ab-cmp-module-module-selector__toolbar-item__border);
   }
+  .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedGroup {
+    min-height: 0;
+  }
+  .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
+    margin-bottom: 0;
+  }
+  .ab-ColorPicker-swatch {
+    width: 36px;
+    height: 24px;
+    min-height: 24px !important;
+    padding: 0;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+  .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
+    padding: 0;
+  }
+  .ab-ColorPicker-swatch::-webkit-color-swatch {
+    border: none;
+    border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
+  }
+  .ab-ColorPicker-swatch::-moz-color-swatch {
+    border: none;
+  }
+  .ab-OptionalColorPicker-empty {
+    width: 36px;
+    height: 24px;
+    min-height: 24px;
+    padding: 0;
+    border: 1px dashed var(--ab-color-border, #ccc);
+    border-radius: var(--ab-border-radius-input, 4px);
+    cursor: pointer;
+    background-color: #fff;
+    background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
+    background-size: 6px 6px;
+    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+  }
+  .ab-OptionalColorPicker-empty:hover:not(:disabled) {
+    border-color: var(--ab-color-accent, #43429e);
+  }
+  .ab-OptionalColorPicker-empty:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
   .ab-ColorPicker-range[type='range'] {
     width: 120px;
     margin: 0;
@@ -7349,8 +7763,6 @@
     font-size: var(--ab-cmp-listgroupitem-cell__font-size);
   }
   .ab-Popover {
-    border-radius: var(--ab-cmp-popover__border-radius);
-    border: var(--ab-cmp-popover__border);
     background: var(--ab-cmp-popover__background);
     color: var(--ab-cmp-popover__color);
     box-shadow: var(--ab-cmp-popover__box-shadow);
@@ -7392,7 +7804,7 @@
   .ab-NocodeWizardFormBox {
     border: 1px solid var(--ab-color-primarydark);
     border-radius: var(--ab-border-radius);
-    background-color: var(--ab-color-defaultbackground);
+    background-color: var(--ab-color-background);
   }
   .ab-Button.ab-Button {
     border-radius: var(--ab-cmp-button-border-radius);
@@ -7473,6 +7885,17 @@
   .ab-Adaptable-Popup__Navigation__List {
     padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
     font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
+    --ab-cmp-adaptable-popup-navigation-header__color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground));
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-Adaptable-Popup__Navigation__List {
+      --ab-cmp-adaptable-popup-navigation-header__color: color-mix(
+    in srgb,
+    var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground))
+      55%,
+    transparent
+  );
+    }
   }
   .ab-Adaptable-Popup__Navigation__List__Item {
     padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
@@ -7482,6 +7905,25 @@
     border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
     margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
   }
+  .ab-Adaptable-Popup__Navigation__List__Item--header {
+    margin-bottom: 0;
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item__HeaderDivider {
+    display: block;
+    margin-top: calc(var(--ab-base-space) * 2);
+    margin-bottom: calc(var(--ab-base-space) * 3);
+    margin-inline: calc(var(--ab-base-space) * 2);
+    border-bottom: 1px solid var(--ab-cmp-adaptable-popup-navigation-header-divider__color);
+  }
+  .ab-Adaptable-Popup__Navigation__List__Item__Header {
+    display: block;
+    padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
+    font-size: var(--ab-font-size-1, 0.75rem);
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+    color: var(--ab-cmp-adaptable-popup-navigation-header__color);
+  }
   .ab-Adaptable-Popup__Navigation__List__Item__Button {
     border: none;
     width: 100%;
@@ -7561,6 +8003,42 @@
     min-width: 0;
     word-break: break-all;
   }
+  .ab-ObjectListActionButton {
+    border-radius: var(--ab-base-border-radius, 4px);
+    min-width: 30px;
+    min-height: 30px;
+    box-shadow: inset 0 0 0 1px currentColor;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-ObjectListActionButton {
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
+    background-color: var(--ab-color-primary-foreground) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
+      background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
+    color: var(--ab-color-primary-foreground);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+    box-shadow: inset 0 0 0 1px currentColor;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+    filter: brightness(1.03);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:disabled {
+    opacity: 0.5;
+  }
   .ab-Adaptable-Object-List__Item__label {
     width: var(--ab-cmp-adaptable-object-list-item-label__width);
   }
@@ -7573,6 +8051,22 @@
     margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
     font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
   }
+  :root {
+    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-draggable-list-item__background: color-mix(
+    in srgb,
+    var(--ab-color-primary) 82%,
+    var(--ab-color-primarydark)
+  );
+    }
+  }
+  .ab-DraggableListItem {
+    background: var(--ab-cmp-draggable-list-item__background);
+    color: var(--ab-color-primary-foreground);
+  }
   .ab-ValueSelector {
     overflow: hidden;
   }
@@ -7643,6 +8137,14 @@
     max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
     width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
   }
+  .ab-Layout-Wizard__ColumnLayoutSizingInput {
+    width: 3rem;
+    min-width: 0;
+    min-height: 0;
+    height: 1.375rem;
+    padding: 0 0.25rem;
+    line-height: 1.2;
+  }
   .ab-Badge-Definition-Editor {
     background: var(--cmp-Badge-Definition-Editor__background);
     border-color: var(--ab-color-border);
@@ -7674,7 +8176,7 @@
     border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
   }
   :root {
-    --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
+    --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-destructive);
   }
   .ab-ListBoxFilterForm {
     width: 100%;
@@ -7687,8 +8189,14 @@
   .ab-FloatingFilter .ab-TreeDropdown .ab-Input {
     font-size: inherit;
   }
+  @container (height < 26px) {
+    .ab-FloatingFilter [data-slot='combobox-toggle'] {
+      width: calc(var(--ab-base-space) * 3) !important;
+      height: calc(var(--ab-base-space) * 3) !important;
+    }
+  }
   .ab-FloatingFilter-label {
-    color: var(--ab-color-text-on-primary);
+    color: var(--ab-color-primary-foreground);
   }
   .ab-ColumnFilter {
     --ab-cmp-select-min-height: 32px;
@@ -7706,6 +8214,7 @@
     border: var(--ab-cmp-icon-selector__popup__border);
     padding: var(--ab-cmp-icon-selector__popup__padding);
     border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
+    min-width: 300px;
   }
   :root {
     --toastify-color-light: #fff;
@@ -8308,7 +8817,7 @@
     }
   }
   .ab-alert--error {
-    background: var(--ab-color-error);
+    background: var(--ab-color-destructive);
   }
   .ab-alert--success {
     background: var(--ab-color-success);
@@ -8363,19 +8872,19 @@
   .Toastify__toast {
     padding: 0;
     padding-bottom: 5px;
-    color: var(--ab-color-text-on-primary);
+    color: var(--ab-color-primary-foreground);
     border-style: none;
     --ab-toast-cmp__shadow-color: var(--ab-color-accent);
     box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
     background: var(--ab-toast-cmp__shadow-color);
-    --toastify-text-color-info: var(--ab-color-text-on-primary);
-    --toastify-text-color-success: var(--ab-color-text-on-primary);
-    --toastify-text-color-warning: var(--ab-color-text-on-primary);
-    --toastify-text-color-error: var(--ab-color-text-on-primary);
+    --toastify-text-color-info: var(--ab-color-primary-foreground);
+    --toastify-text-color-success: var(--ab-color-primary-foreground);
+    --toastify-text-color-warning: var(--ab-color-primary-foreground);
+    --toastify-text-color-error: var(--ab-color-primary-foreground);
     --toastify-color-info: var(--ab-color-info);
     --toastify-color-success: var(--ab-color-success);
     --toastify-color-warning: var(--ab-color-warn);
-    --toastify-color-error: var(--ab-color-error);
+    --toastify-color-error: var(--ab-color-destructive);
   }
   .Toastify__toast-body {
     padding: 0;
@@ -8390,7 +8899,7 @@
     --ab-toast-cmp__shadow-color: var(--ab-color-warn);
   }
   .Toastify__toast--error {
-    --ab-toast-cmp__shadow-color: var(--ab-color-error);
+    --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);
@@ -8440,6 +8949,7 @@
   }
   .ag-floating-filter .ab-FloatingFilter {
     --ab-input-height: 100% !important;
+    --ab-color-input-background: transparent !important;
   }
   .ag-group-floating-filter:has(.ab-FloatingFilter) {
     height: 100% !important;
@@ -8465,6 +8975,70 @@
     --ab-theme-loaded: light;
   }
 }
+@layer adaptable.theming {
+  .ab--theme-dark {
+    --ab-color-secondary: oklch(0.269 0 0);
+    --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);
+  }
+  @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-color-palette-1: #5c1a1a;
+    --ab-color-palette-2: #ffb4b4;
+    --ab-color-palette-3: #4a3b00;
+    --ab-color-palette-4: #ffd966;
+    --ab-color-palette-5: #1b4332;
+    --ab-color-palette-6: #95d5b2;
+    --ab-color-palette-7: #1a365d;
+    --ab-color-palette-8: #90cdf4;
+    --ab-color-palette-9: #2d3748;
+    --ab-color-palette-10: #e2e8f0;
+    --ab-color-palette-11: #44337a;
+    --ab-color-palette-12: #d6bcfa;
+    --ab-color-shadow: rgb(255 255 255 / 0.45);
+    --ab-cmp-modal-backdrop__background: rgba(255, 255, 255, 0.2);
+    --ab-dashboard__border: #555;
+    --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
+    --ab-cmp-checkbox__border-color: var(--ab-color-primary-foreground);
+    --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
+    --ab-cmp-tabs-inactive__opacity: 0.78;
+    --ab-cmp-adaptable-popup-navigation-header-divider__color: #343a46;
+  }
+  .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
+    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
+  }
+  .ab--theme-dark input.ab-Input[type='time']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='date']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='datetime-local']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='month']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='week']::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+    opacity: 0.85;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -8678,3 +9252,51 @@
     }
   }
 }
+@keyframes ab-rdp-slide_in_left {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes ab-rdp-slide_in_right {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes ab-rdp-slide_out_left {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+}
+@keyframes ab-rdp-slide_out_right {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes ab-rdp-fade_in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes ab-rdp-fade_out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}