@adaptabletools/adaptable 22.1.1 → 23.0.0-canary.1

package/index.css

@@ -1,10 +1,122 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
+@property --tw-animation-delay {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0s;
+}
+@property --tw-animation-direction {
+  syntax: "*";
+  inherits: false;
+  initial-value: normal;
+}
+@property --tw-animation-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-animation-fill-mode {
+  syntax: "*";
+  inherits: false;
+  initial-value: none;
+}
+@property --tw-animation-iteration-count {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-exit-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-exit-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+:root, :host {
+  --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --twa-color-red-500: oklch(63.7% 0.237 25.331);
+  --twa-color-gray-400: oklch(70.7% 0.022 261.325);
+  --twa-color-neutral-500: oklch(55.6% 0 0);
+  --twa-color-white: #fff;
+  --twa-container-xs: 20rem;
+  --twa-container-md: 28rem;
+  --twa-container-3xl: 48rem;
+  --twa-text-xs: 0.75rem;
+  --twa-text-xs--line-height: calc(1 / 0.75);
+  --twa-text-sm--line-height: calc(1.25 / 0.875);
+  --twa-text-base: 1rem;
+  --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-font-weight-normal: 400;
+  --twa-font-weight-medium: 500;
+  --twa-font-weight-semibold: 600;
+  --twa-font-weight-bold: 700;
+  --twa-tracking-widest: 0.1em;
+  --twa-leading-normal: 1.5;
+  --twa-leading-relaxed: 1.625;
+  --twa-radius-sm: 0.25rem;
+  --twa-radius-md: 0.375rem;
+  --twa-animate-spin: spin 1s linear infinite;
+  --twa-default-transition-duration: 150ms;
+  --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --twa-color-accent: var(--ab-color-accent);
+}
 @layer adaptable.reset {
-  :focus-visible {
-    outline: 2px solid var(--ab-color-focus);
-  }
   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
   html {
     line-height: 1.15;
@@ -136,32 +248,19 @@
     margin: 0;
     padding: 0;
     border: 0 solid;
+    color: inherit;
   }
-}
-@layer adaptable.theming {
-  :root, :host {
-    --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
-    monospace;
-    --twa-color-red-500: oklch(63.7% 0.237 25.331);
-    --twa-color-gray-400: oklch(70.7% 0.022 261.325);
-    --twa-color-white: #fff;
-    --twa-text-sm: 0.875rem;
-    --twa-text-sm--line-height: calc(1.25 / 0.875);
-    --twa-text-lg: 1.125rem;
-    --twa-text-lg--line-height: calc(1.75 / 1.125);
-    --twa-font-weight-normal: 400;
-    --twa-font-weight-medium: 500;
-    --twa-font-weight-semibold: 600;
-    --twa-font-weight-bold: 700;
-    --twa-leading-normal: 1.5;
-    --twa-leading-relaxed: 1.625;
-    --twa-radius-sm: 0.25rem;
-    --twa-radius-md: 0.375rem;
-    --twa-default-transition-duration: 150ms;
-    --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --twa-color-accent: var(--ab-color-accent);
+  input {
+    color: currentColor;
+  }
+  * {
+    box-sizing: border-box;
+  }
+  *::before, *::after {
+    box-sizing: border-box;
   }
 }
+@layer adaptable.theming;
 @layer adaptable.utilities {
   .twa\:pointer-events-none {
     pointer-events: none;
@@ -175,6 +274,9 @@
   .twa\:absolute {
     position: absolute;
   }
+  .twa\:absolute\! {
+    position: absolute !important;
+  }
   .twa\:fixed {
     position: fixed;
   }
@@ -184,21 +286,51 @@
   .twa\:inset-0 {
     inset: calc(var(--ab-base-space) * 0);
   }
+  .twa\:inset-x-0 {
+    inset-inline: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:top-0 {
+    top: calc(var(--ab-base-space) * 0);
+  }
   .twa\:top-\[6px\] {
     top: 6px;
   }
+  .twa\:right-2 {
+    right: calc(var(--ab-base-space) * 2);
+  }
   .twa\:right-\[6px\] {
     right: 6px;
   }
+  .twa\:bottom-0 {
+    bottom: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:isolate {
+    isolation: isolate;
+  }
+  .twa\:z-0 {
+    z-index: 0;
+  }
   .twa\:z-10 {
     z-index: 10;
   }
+  .twa\:z-50 {
+    z-index: 50;
+  }
   .twa\:z-900 {
     z-index: 900;
   }
   .twa\:z-1000 {
     z-index: 1000;
   }
+  .twa\:z-\[9999999\] {
+    z-index: 9999999;
+  }
+  .twa\:order-first {
+    order: -9999;
+  }
+  .twa\:order-last {
+    order: 9999;
+  }
   .twa\:col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -250,6 +382,12 @@
   .twa\:m-auto {
     margin: auto;
   }
+  .twa\:-mx-1 {
+    margin-inline: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:mx-0\.5 {
+    margin-inline: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:mx-1 {
     margin-inline: calc(var(--ab-base-space) * 1);
   }
@@ -268,6 +406,9 @@
   .twa\:my-0 {
     margin-block: calc(var(--ab-base-space) * 0);
   }
+  .twa\:my-0\.5 {
+    margin-block: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:my-1 {
     margin-block: calc(var(--ab-base-space) * 1);
   }
@@ -301,9 +442,15 @@
   .twa\:mt-\[2px\] {
     margin-top: 2px;
   }
+  .twa\:-mr-1 {
+    margin-right: calc(var(--ab-base-space) * -1);
+  }
   .twa\:mr-0 {
     margin-right: calc(var(--ab-base-space) * 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);
   }
@@ -337,8 +484,8 @@
   .twa\:mb-4 {
     margin-bottom: calc(var(--ab-base-space) * 4);
   }
-  .twa\:mb-\[15px\] {
-    margin-bottom: 15px;
+  .twa\:-ml-1 {
+    margin-left: calc(var(--ab-base-space) * -1);
   }
   .twa\:ml-0 {
     margin-left: calc(var(--ab-base-space) * 0);
@@ -361,12 +508,27 @@
   .twa\:ml-5 {
     margin-left: calc(var(--ab-base-space) * 5);
   }
+  .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;
+  }
   .twa\:box-border {
     box-sizing: border-box;
   }
+  .twa\:block {
+    display: block;
+  }
+  .twa\:block\! {
+    display: block !important;
+  }
   .twa\:contents {
     display: contents;
   }
@@ -385,21 +547,81 @@
   .twa\:inline-flex {
     display: inline-flex;
   }
+  .twa\:field-sizing-content {
+    field-sizing: content;
+  }
+  .twa\:aspect-square {
+    aspect-ratio: 1 / 1;
+  }
+  .twa\:size-\(--cell-size\) {
+    width: var(--cell-size);
+    height: var(--cell-size);
+  }
   .twa\:size-0 {
     width: calc(var(--ab-base-space) * 0);
     height: calc(var(--ab-base-space) * 0);
   }
+  .twa\:size-2\.5 {
+    width: calc(var(--ab-base-space) * 2.5);
+    height: calc(var(--ab-base-space) * 2.5);
+  }
+  .twa\:size-3\.5 {
+    width: calc(var(--ab-base-space) * 3.5);
+    height: calc(var(--ab-base-space) * 3.5);
+  }
+  .twa\:size-4 {
+    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);
+  }
+  .twa\:size-8 {
+    width: calc(var(--ab-base-space) * 8);
+    height: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:size-9 {
+    width: calc(var(--ab-base-space) * 9);
+    height: calc(var(--ab-base-space) * 9);
+  }
+  .twa\:size-10 {
+    width: calc(var(--ab-base-space) * 10);
+    height: calc(var(--ab-base-space) * 10);
+  }
+  .twa\:size-auto {
+    width: auto;
+    height: auto;
+  }
   .twa\:size-full {
     width: 100%;
     height: 100%;
   }
+  .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-6 {
+    height: calc(var(--ab-base-space) * 6);
+  }
+  .twa\:h-8 {
+    height: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:h-9 {
+    height: calc(var(--ab-base-space) * 9);
+  }
+  .twa\:h-10 {
+    height: calc(var(--ab-base-space) * 10);
+  }
   .twa\:h-\[0\.5px\] {
     height: 0.5px;
   }
@@ -424,6 +646,12 @@
   .twa\:h-\[360px\] {
     height: 360px;
   }
+  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
+    height: calc(calc(var(--ab-base-space) * 5.5));
+  }
+  .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
+    height: min(22rem, var(--total-size));
+  }
   .twa\:h-auto {
     height: auto;
   }
@@ -433,6 +661,12 @@
   .twa\:h-input {
     height: var(--ab-input-height);
   }
+  .twa\:h-px {
+    height: 1px;
+  }
+  .twa\:max-h-\(--available-height\) {
+    max-height: var(--available-height);
+  }
   .twa\:max-h-\[60vh\] {
     max-height: 60vh;
   }
@@ -445,12 +679,27 @@
   .twa\:max-h-\[300px\] {
     max-height: 300px;
   }
+  .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)));
+  }
+  .twa\:max-h-\[min\(var\(--available-height\)\,80vh\)\] {
+    max-height: min(var(--available-height), 80vh);
+  }
   .twa\:max-h-full {
     max-height: 100%;
   }
   .twa\:min-h-0 {
     min-height: calc(var(--ab-base-space) * 0);
   }
+  .twa\:min-h-16 {
+    min-height: calc(var(--ab-base-space) * 16);
+  }
+  .twa\:min-h-24 {
+    min-height: calc(var(--ab-base-space) * 24);
+  }
+  .twa\:min-h-50 {
+    min-height: calc(var(--ab-base-space) * 50);
+  }
   .twa\:min-h-\[1rem\] {
     min-height: 1rem;
   }
@@ -472,24 +721,60 @@
   .twa\:min-h-auto {
     min-height: auto;
   }
+  .twa\:min-h-auto\! {
+    min-height: auto !important;
+  }
   .twa\:min-h-full {
     min-height: 100%;
   }
   .twa\:min-h-input {
     min-height: var(--ab-input-height);
   }
+  .twa\:\!w-10 {
+    width: calc(var(--ab-base-space) * 10) !important;
+  }
+  .twa\:w-\(--anchor-width\) {
+    width: var(--anchor-width);
+  }
+  .twa\:w-\(--cell-size\) {
+    width: var(--cell-size);
+  }
+  .twa\:w-0\.5 {
+    width: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
   .twa\:w-1\/3 {
     width: calc(1 / 3 * 100%);
   }
+  .twa\:w-8 {
+    width: calc(var(--ab-base-space) * 8);
+  }
   .twa\:w-20 {
     width: calc(var(--ab-base-space) * 20);
   }
   .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);
+  }
+  .twa\:w-60 {
+    width: calc(var(--ab-base-space) * 60);
+  }
+  .twa\:w-72 {
+    width: calc(var(--ab-base-space) * 72);
+  }
+  .twa\:w-80 {
+    width: calc(var(--ab-base-space) * 80);
+  }
+  .twa\:w-96 {
+    width: calc(var(--ab-base-space) * 96);
+  }
   .twa\:w-\[1rem\] {
     width: 1rem;
   }
@@ -505,6 +790,9 @@
   .twa\:w-\[15rem\] {
     width: 15rem;
   }
+  .twa\:w-\[44px\] {
+    width: 44px;
+  }
   .twa\:w-\[70px\] {
     width: 70px;
   }
@@ -520,6 +808,12 @@
   .twa\:w-\[100px\] {
     width: 100px;
   }
+  .twa\:w-\[120px\] {
+    width: 120px;
+  }
+  .twa\:w-\[128px\] {
+    width: 128px;
+  }
   .twa\:w-\[140px\] {
     width: 140px;
   }
@@ -529,6 +823,9 @@
   .twa\:w-\[160px\] {
     width: 160px;
   }
+  .twa\:w-\[180px\] {
+    width: 180px;
+  }
   .twa\:w-\[200px\] {
     width: 200px;
   }
@@ -547,6 +844,9 @@
   .twa\:w-\[600px\] {
     width: 600px;
   }
+  .twa\:w-auto {
+    width: auto;
+  }
   .twa\:w-fit {
     width: fit-content;
   }
@@ -556,6 +856,18 @@
   .twa\:max-w-1\/2 {
     max-width: calc(1 / 2 * 100%);
   }
+  .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-\[15rem\] {
     max-width: 15rem;
   }
@@ -574,39 +886,102 @@
   .twa\:max-w-\[160px\] {
     max-width: 160px;
   }
+  .twa\:max-w-\[180px\] {
+    max-width: 180px;
+  }
   .twa\:max-w-\[200px\] {
     max-width: 200px;
   }
   .twa\:max-w-\[215px\] {
     max-width: 215px;
   }
+  .twa\:max-w-\[220px\] {
+    max-width: 220px;
+  }
   .twa\:max-w-\[300px\] {
     max-width: 300px;
   }
+  .twa\:max-w-\[320px\] {
+    max-width: 320px;
+  }
   .twa\:max-w-\[400px\] {
     max-width: 400px;
   }
+  .twa\:max-w-\[420px\] {
+    max-width: 420px;
+  }
+  .twa\:max-w-\[480px\] {
+    max-width: 480px;
+  }
   .twa\:max-w-\[500px\] {
     max-width: 500px;
   }
+  .twa\:max-w-\[520px\] {
+    max-width: 520px;
+  }
+  .twa\:max-w-\[540px\] {
+    max-width: 540px;
+  }
+  .twa\:max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .twa\:max-w-\[640px\] {
+    max-width: 640px;
+  }
+  .twa\:max-w-\[700px\] {
+    max-width: 700px;
+  }
+  .twa\:max-w-\[720px\] {
+    max-width: 720px;
+  }
   .twa\:max-w-\[1200px\] {
     max-width: 1200px;
   }
   .twa\:max-w-\[inherit\] {
     max-width: inherit;
   }
+  .twa\:max-w-\[min\(var\(--available-width\)\,80vw\)\] {
+    max-width: min(var(--available-width), 80vw);
+  }
   .twa\:max-w-full {
     max-width: 100%;
   }
+  .twa\:max-w-md {
+    max-width: var(--twa-container-md);
+  }
   .twa\:max-w-none {
     max-width: none;
   }
+  .twa\:max-w-xs {
+    max-width: var(--twa-container-xs);
+  }
+  .twa\:\!min-w-\[40px\] {
+    min-width: 40px !important;
+  }
+  .twa\:min-w-\(--cell-size\) {
+    min-width: var(--cell-size);
+  }
   .twa\:min-w-0 {
     min-width: calc(var(--ab-base-space) * 0);
   }
+  .twa\:min-w-16 {
+    min-width: calc(var(--ab-base-space) * 16);
+  }
+  .twa\:min-w-28 {
+    min-width: calc(var(--ab-base-space) * 28);
+  }
+  .twa\:min-w-30 {
+    min-width: calc(var(--ab-base-space) * 30);
+  }
   .twa\:min-w-32 {
     min-width: calc(var(--ab-base-space) * 32);
   }
+  .twa\:min-w-36 {
+    min-width: calc(var(--ab-base-space) * 36);
+  }
+  .twa\:min-w-70 {
+    min-width: calc(var(--ab-base-space) * 70);
+  }
   .twa\:min-w-\[1rem\] {
     min-width: 1rem;
   }
@@ -628,12 +1003,24 @@
   .twa\:min-w-\[50px\] {
     min-width: 50px;
   }
+  .twa\:min-w-\[60px\] {
+    min-width: 60px;
+  }
   .twa\:min-w-\[80px\] {
     min-width: 80px;
   }
+  .twa\:min-w-\[96px\] {
+    min-width: 96px;
+  }
   .twa\:min-w-\[100px\] {
     min-width: 100px;
   }
+  .twa\:min-w-\[110px\] {
+    min-width: 110px;
+  }
+  .twa\:min-w-\[120px\] {
+    min-width: 120px;
+  }
   .twa\:min-w-\[140px\] {
     min-width: 140px;
   }
@@ -649,6 +1036,9 @@
   .twa\:min-w-\[215px\] {
     min-width: 215px;
   }
+  .twa\:min-w-\[220px\] {
+    min-width: 220px;
+  }
   .twa\:min-w-\[250px\] {
     min-width: 250px;
   }
@@ -661,6 +1051,9 @@
   .twa\:min-w-\[486px\] {
     min-width: 486px;
   }
+  .twa\:min-w-\[min\(calc\(var\(--anchor-width\)\+--spacing\(7\)\)\,var\(--available-width\)\,80vw\)\] {
+    min-width: min(calc(var(--anchor-width) + calc(var(--ab-base-space) * 7)), var(--available-width), 80vw);
+  }
   .twa\:min-w-max {
     min-width: max-content;
   }
@@ -676,6 +1069,9 @@
   .twa\:flex-3 {
     flex: 3;
   }
+  .twa\:flex-1000 {
+    flex: 1000;
+  }
   .twa\:flex-\[0_0_auto\] {
     flex: 0 0 auto;
   }
@@ -694,12 +1090,34 @@
   .twa\:flex-shrink-0 {
     flex-shrink: 0;
   }
+  .twa\:shrink {
+    flex-shrink: 1;
+  }
+  .twa\:shrink-0 {
+    flex-shrink: 0;
+  }
   .twa\:basis-\[50\%\] {
     flex-basis: 50%;
   }
   .twa\:basis-\[120px\] {
     flex-basis: 120px;
   }
+  .twa\:border-collapse {
+    border-collapse: collapse;
+  }
+  .twa\:origin-\(--transform-origin\) {
+    transform-origin: var(--transform-origin);
+  }
+  .twa\:translate-y-\[calc\(-50\%-2px\)\] {
+    --tw-translate-y: calc(-50% - 2px);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:rotate-45 {
+    rotate: 45deg;
+  }
+  .twa\:animate-spin {
+    animation: var(--twa-animate-spin);
+  }
   .twa\:cursor-auto {
     cursor: auto;
   }
@@ -712,15 +1130,33 @@
   .twa\:cursor-pointer {
     cursor: pointer;
   }
+  .twa\:cursor-text {
+    cursor: text;
+  }
+  .twa\:resize-none {
+    resize: none;
+  }
   .twa\:resize-y {
     resize: vertical;
   }
+  .twa\:scroll-my-1 {
+    scroll-margin-block: calc(var(--ab-base-space) * 1);
+  }
+  .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);
+  }
   .twa\:list-none {
     list-style-type: none;
   }
   .twa\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .twa\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .twa\:grid-cols-\[1fr\] {
     grid-template-columns: 1fr;
   }
@@ -799,15 +1235,18 @@
   .twa\:justify-stretch {
     justify-content: stretch;
   }
-  .twa\:justify-items-stretch {
-    justify-items: stretch;
-  }
   .twa\:gap-0 {
     gap: calc(var(--ab-base-space) * 0);
   }
+  .twa\:gap-0\.5 {
+    gap: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:gap-1 {
     gap: calc(var(--ab-base-space) * 1);
   }
+  .twa\:gap-1\.5 {
+    gap: calc(var(--ab-base-space) * 1.5);
+  }
   .twa\:gap-2 {
     gap: calc(var(--ab-base-space) * 2);
   }
@@ -832,6 +1271,11 @@
   .twa\:self-stretch {
     align-self: stretch;
   }
+  .twa\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .twa\:overflow-auto {
     overflow: auto;
   }
@@ -850,15 +1294,33 @@
   .twa\:overflow-y-visible {
     overflow-y: visible;
   }
+  .twa\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .twa\:rounded {
     border-radius: 0.25rem;
   }
+  .twa\:rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .twa\:rounded-\[100\%\] {
     border-radius: 100%;
   }
+  .twa\:rounded-\[min\(var\(--radius-md\)\,8px\)\] {
+    border-radius: min(var(--radius-md), 8px);
+  }
+  .twa\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
+    border-radius: min(var(--radius-md), 10px);
+  }
+  .twa\:rounded-button {
+    border-radius: var(--ab-border-radius-button);
+  }
   .twa\:rounded-full {
     border-radius: calc(infinity * 1px);
   }
+  .twa\:rounded-input {
+    border-radius: var(--ab-border-radius-input);
+  }
   .twa\:rounded-md {
     border-radius: var(--twa-radius-md);
   }
@@ -869,7 +1331,27 @@
     border-radius: var(--twa-radius-sm);
   }
   .twa\:rounded-standard {
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-l-standard {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-tl-standard {
+    border-top-left-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-r-standard {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-tr-standard {
+    border-top-right-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-br-standard {
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-bl-standard {
+    border-bottom-left-radius: var(--ab-border-radius);
   }
   .twa\:border {
     border-style: var(--tw-border-style);
@@ -891,6 +1373,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .twa\:border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .twa\:border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -899,8 +1385,38 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .twa\:border-inputborder {
-    border-color: var(--ab-color-inputborder);
+  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,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\)_12\%\,transparent\)\] {
+      border-color: color-mix(in srgb,var(--ab-color-foreground) 12%,transparent);
+    }
+  }
+  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_15\%\,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\)_15\%\,transparent\)\] {
+      border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
+    }
+  }
+  .twa\:border-border {
+    border-color: var(--ab-color-border);
+  }
+  .twa\:border-foreground\/15 {
+    border-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-foreground\/15 {
+      border-color: color-mix(in oklab, var(--ab-color-foreground) 15%, transparent);
+    }
+  }
+  .twa\:border-input {
+    border-color: var(--ab-color-input-border);
+  }
+  .twa\:border-input-border {
+    border-color: var(--ab-color-input-border);
   }
   .twa\:border-primarydark\/30 {
     border-color: var(--ab-color-primarydark);
@@ -910,8 +1426,22 @@
       border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
     }
   }
-  .twa\:border-t-inputborder {
-    border-top-color: var(--ab-color-inputborder);
+  .twa\:border-ring {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:border-transparent {
+    border-color: transparent;
+  }
+  .twa\:border-t-input-border {
+    border-top-color: var(--ab-color-input-border);
+  }
+  .twa\:border-b-foreground\/20 {
+    border-bottom-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:border-b-foreground\/20 {
+      border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
+    }
   }
   .twa\:border-b-text-on-defaultbackground\/20 {
     border-bottom-color: var(--ab-color-text-on-defaultbackground);
@@ -942,6 +1472,23 @@
   .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\)_40\%\,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\)_40\%\,transparent\)\] {
+      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-color-primarylight\)\] {
+    background-color: var(--ab-color-primarylight);
+  }
+  .twa\:bg-\[var\(--ab-color-surface\)\] {
+    background-color: var(--ab-color-surface);
+  }
   .twa\:bg-accent {
     background-color: var(--ab-color-accent);
   }
@@ -960,12 +1507,26 @@
   .twa\:bg-action-share {
     background-color: var(--ab-color-action-share);
   }
+  .twa\:bg-background {
+    background-color: var(--ab-color-background);
+  }
+  .twa\:bg-border {
+    background-color: var(--ab-color-border);
+  }
   .twa\:bg-current {
     background-color: currentcolor;
   }
   .twa\:bg-defaultbackground {
     background-color: var(--ab-color-defaultbackground);
   }
+  .twa\:bg-destructive\/10 {
+    background-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:bg-destructive\/10 {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
+    }
+  }
   .twa\:bg-error {
     background-color: var(--ab-color-error);
   }
@@ -977,17 +1538,29 @@
       background-color: color-mix(in oklab, var(--ab-color-error) 30%, transparent);
     }
   }
+  .twa\:bg-foreground {
+    background-color: var(--ab-color-foreground);
+  }
   .twa\:bg-info {
     background-color: var(--ab-color-info);
   }
-  .twa\:bg-inputborder\/50 {
-    background-color: var(--ab-color-inputborder);
+  .twa\:bg-input-background {
+    background-color: var(--ab-color-input-background);
+  }
+  .twa\:bg-input-border\/50 {
+    background-color: var(--ab-color-input-border);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .twa\:bg-inputborder\/50 {
-      background-color: color-mix(in oklab, var(--ab-color-inputborder) 50%, transparent);
+    .twa\:bg-input-border\/50 {
+      background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
     }
   }
+  .twa\:bg-muted {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:bg-popover {
+    background-color: var(--ab-color-popover);
+  }
   .twa\:bg-primary {
     background-color: var(--ab-color-primary);
   }
@@ -1005,6 +1578,9 @@
   .twa\:bg-primarylight {
     background-color: var(--ab-color-primarylight);
   }
+  .twa\:bg-secondary {
+    background-color: var(--ab-color-secondary);
+  }
   .twa\:bg-success {
     background-color: var(--ab-color-success);
   }
@@ -1014,18 +1590,21 @@
   .twa\:bg-warn {
     background-color: var(--ab-color-warn);
   }
+  .twa\:bg-clip-padding {
+    background-clip: padding-box;
+  }
   .twa\:fill-current {
     fill: currentcolor;
   }
+  .twa\:fill-foreground {
+    fill: var(--ab-color-foreground);
+  }
   .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-defaultbackground {
-    fill: var(--ab-color-text-on-defaultbackground);
-  }
   .twa\:fill-text-on-delete {
     fill: var(--ab-color-text-on-delete);
   }
@@ -1035,12 +1614,18 @@
   .twa\:fill-text-on-share {
     fill: var(--ab-color-text-on-share);
   }
+  .twa\:\!p-0 {
+    padding: calc(var(--ab-base-space) * 0) !important;
+  }
   .twa\:p-0 {
     padding: calc(var(--ab-base-space) * 0);
   }
   .twa\:p-0\! {
     padding: calc(var(--ab-base-space) * 0) !important;
   }
+  .twa\:p-0\.5 {
+    padding: calc(var(--ab-base-space) * 0.5);
+  }
   .twa\:p-1 {
     padding: calc(var(--ab-base-space) * 1);
   }
@@ -1056,15 +1641,27 @@
   .twa\:p-5 {
     padding: calc(var(--ab-base-space) * 5);
   }
+  .twa\:px-\(--cell-size\) {
+    padding-inline: var(--cell-size);
+  }
   .twa\:px-0 {
     padding-inline: calc(var(--ab-base-space) * 0);
   }
   .twa\:px-1 {
     padding-inline: calc(var(--ab-base-space) * 1);
   }
+  .twa\:px-1\.5 {
+    padding-inline: calc(var(--ab-base-space) * 1.5);
+  }
   .twa\:px-2 {
     padding-inline: calc(var(--ab-base-space) * 2);
   }
+  .twa\:px-2\.5 {
+    padding-inline: calc(var(--ab-base-space) * 2.5);
+  }
+  .twa\:px-3 {
+    padding-inline: calc(var(--ab-base-space) * 3);
+  }
   .twa\:px-4 {
     padding-inline: calc(var(--ab-base-space) * 4);
   }
@@ -1110,6 +1707,9 @@
   .twa\:pr-2 {
     padding-right: calc(var(--ab-base-space) * 2);
   }
+  .twa\:pr-8 {
+    padding-right: calc(var(--ab-base-space) * 8);
+  }
   .twa\:pr-\[30px\] {
     padding-right: 30px;
   }
@@ -1131,6 +1731,9 @@
   .twa\:pl-2 {
     padding-left: calc(var(--ab-base-space) * 2);
   }
+  .twa\:pl-2\.5 {
+    padding-left: calc(var(--ab-base-space) * 2.5);
+  }
   .twa\:pl-3 {
     padding-left: calc(var(--ab-base-space) * 3);
   }
@@ -1165,14 +1768,22 @@
     font-size: var(--ab-font-size-2);
     line-height: var(--twa-leading-relaxed);
   }
+  .twa\:text-base {
+    font-size: var(--twa-text-base);
+    line-height: var(--tw-leading, var(--twa-text-base--line-height));
+  }
   .twa\:text-lg {
     font-size: var(--twa-text-lg);
     line-height: var(--tw-leading, var(--twa-text-lg--line-height));
   }
   .twa\:text-sm {
-    font-size: var(--twa-text-sm);
+    font-size: var(--ab-font-size-3);
     line-height: var(--tw-leading, var(--twa-text-sm--line-height));
   }
+  .twa\:text-xs {
+    font-size: var(--twa-text-xs);
+    line-height: var(--tw-leading, var(--twa-text-xs--line-height));
+  }
   .twa\:text-1 {
     font-size: var(--ab-font-size-1);
   }
@@ -1188,6 +1799,9 @@
   .twa\:text-5 {
     font-size: var(--ab-font-size-5);
   }
+  .twa\:text-\[0\.8rem\] {
+    font-size: 0.8rem;
+  }
   .twa\:leading-4 {
     --tw-leading: calc(var(--ab-base-space) * 4);
     line-height: calc(var(--ab-base-space) * 4);
@@ -1220,9 +1834,16 @@
     --tw-font-weight: var(--twa-font-weight-semibold);
     font-weight: var(--twa-font-weight-semibold);
   }
+  .twa\:tracking-widest {
+    --tw-tracking: var(--twa-tracking-widest);
+    letter-spacing: var(--twa-tracking-widest);
+  }
   .twa\:text-nowrap {
     text-wrap: nowrap;
   }
+  .twa\:break-all {
+    word-break: break-all;
+  }
   .twa\:text-ellipsis {
     text-overflow: ellipsis;
   }
@@ -1241,6 +1862,9 @@
   .twa\:text-\(--ab-dashboard-header__color\) {
     color: var(--ab-dashboard-header__color);
   }
+  .twa\:text-\[var\(--ab-color-primarytext\)\] {
+    color: var(--ab-color-primarytext);
+  }
   .twa\:text-accent {
     color: var(--ab-color-accent);
   }
@@ -1250,12 +1874,21 @@
   .twa\:text-accentlight {
     color: var(--ab-color-accentlight);
   }
+  .twa\:text-background {
+    color: var(--ab-color-background);
+  }
   .twa\:text-current {
     color: currentcolor;
   }
+  .twa\:text-destructive {
+    color: var(--ab-color-destructive);
+  }
   .twa\:text-error {
     color: var(--ab-color-error);
   }
+  .twa\:text-foreground {
+    color: var(--ab-color-foreground);
+  }
   .twa\:text-gray-400 {
     color: var(--twa-color-gray-400);
   }
@@ -1265,8 +1898,26 @@
   .twa\:text-inherit {
     color: inherit;
   }
-  .twa\:text-inputcolor {
-    color: var(--ab-color-inputcolor);
+  .twa\:text-input-foreground {
+    color: var(--ab-color-input-foreground);
+  }
+  .twa\:text-muted-foreground {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:text-neutral-500 {
+    color: var(--twa-color-neutral-500);
+  }
+  .twa\:text-popover-foreground {
+    color: var(--ab-color-popover-foreground);
+  }
+  .twa\:text-primary {
+    color: var(--ab-color-primary);
+  }
+  .twa\:text-primary-foreground {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:text-secondary-foreground {
+    color: var(--ab-color-secondary-foreground);
   }
   .twa\:text-success {
     color: var(--ab-color-success);
@@ -1274,9 +1925,6 @@
   .twa\:text-text-on-clone {
     color: var(--ab-color-text-on-clone);
   }
-  .twa\:text-text-on-defaultbackground {
-    color: var(--ab-color-text-on-defaultbackground);
-  }
   .twa\:text-text-on-delete {
     color: var(--ab-color-text-on-delete);
   }
@@ -1310,9 +1958,16 @@
   .twa\:italic {
     font-style: italic;
   }
+  .twa\:tabular-nums {
+    --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;
+  }
   .twa\:opacity-0 {
     opacity: 0%;
   }
@@ -1322,12 +1977,18 @@
   .twa\:opacity-50 {
     opacity: 50%;
   }
+  .twa\:opacity-60 {
+    opacity: 60%;
+  }
   .twa\:opacity-70 {
     opacity: 70%;
   }
   .twa\:opacity-80 {
     opacity: 80%;
   }
+  .twa\:opacity-90 {
+    opacity: 90%;
+  }
   .twa\:opacity-100 {
     opacity: 100%;
   }
@@ -1335,6 +1996,10 @@
     --tw-shadow: var(--ab-cmp-simple-button__box-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .twa\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .twa\:shadow-md {
     --tw-shadow: var(--ab-shadow-md);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1347,6 +2012,51 @@
     --tw-shadow: var(--ab-shadow-sm);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .twa\:shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:ring-0 {
+    --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\:ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:ring-3 {
+    --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\:ring-accent-foreground {
+    --tw-ring-color: var(--ab-color-accent-foreground);
+  }
+  .twa\:ring-foreground\/10 {
+    --tw-ring-color: var(--ab-color-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:ring-foreground\/10 {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
+    }
+  }
+  .twa\:ring-ring\/50 {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:ring-ring\/50 {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors: active) {
+    .twa\:outline-hidden {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
   .twa\:outline-0 {
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
@@ -1356,15 +2066,38 @@
     transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-\[color\,box-shadow\] {
+    transition-property: color,box-shadow;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:transition-all {
+    transition-property: all;
+    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));
     transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
   }
+  .twa\:transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
   .twa\:duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .twa\:outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .twa\:select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -1372,6 +2105,12 @@
   .twa\:\[--ab-grid-row-height\:45px\] {
     --ab-grid-row-height: 45px;
   }
+  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
+    --cell-radius: var(--radius-md);
+  }
+  .twa\:\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--ab-base-space) * 8);
+  }
   .twa\:text-shadow-\[0_1px_0_\#fff\] {
     text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
   }
@@ -1391,7 +2130,7 @@
     flex: 1;
   }
   :is(.twa\:\*\:rounded-standard > *) {
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
   }
   :is(.twa\:\*\:p-1 > *) {
     padding: calc(var(--ab-base-space) * 1);
@@ -1403,6 +2142,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
   }
+  :is(.twa\:\*\:outline-none > *) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\]:not(*:focus-within) {
     --ab-focus-light__box-shadow: none;
   }
@@ -1413,6 +2156,105 @@
     --tw-shadow: var(--ab-focus__box-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .twa\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.twa\:group\/dropdown-menu-item):focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.twa\:group\/input-group):has(*[data-slot="combobox-clear"]) *) {
+    display: none;
+  }
+  .twa\:group-has-\[\>input\]\/input-group\:pt-2:is(:where(.twa\:group\/input-group):has( > input) *) {
+    padding-top: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:group-has-\[\>input\]\/input-group\:pb-2:is(:where(.twa\:group\/input-group):has( > input) *) {
+    padding-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:group-data-empty\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-empty] *) {
+    display: flex;
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    display: flex;
+  }
+  .twa\:group-data-resizable\/combobox-content\:h-auto:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    height: auto;
+  }
+  .twa\:group-data-resizable\/combobox-content\:max-h-none:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    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);
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    flex: 1;
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex-col:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    flex-direction: column;
+  }
+  .twa\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.twa\:group\/input-group)[data-disabled="true"] *) {
+    opacity: 50%;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:relative:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    position: relative;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:z-10:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    z-index: 10;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:border-ring:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    --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\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:peer-focus-visible\:border-ring:is(:where(.twa\:peer):focus-visible ~ *) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:peer-focus-visible\:ring-3:is(:where(.twa\:peer):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\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:file\:inline-flex::file-selector-button {
+    display: inline-flex;
+  }
+  .twa\:file\:h-7::file-selector-button {
+    height: calc(var(--ab-base-space) * 7);
+  }
+  .twa\:file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .twa\:file\:bg-transparent::file-selector-button {
+    background-color: transparent;
+  }
+  .twa\:file\:text-sm::file-selector-button {
+    font-size: var(--ab-font-size-3);
+    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
+  }
+  .twa\:file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--twa-font-weight-medium);
+    font-weight: var(--twa-font-weight-medium);
+  }
+  .twa\:file\:text-foreground::file-selector-button {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:placeholder\:text-muted-foreground::placeholder {
+    color: var(--ab-color-muted-foreground);
+  }
   .twa\:before\:pointer-events-none::before {
     content: var(--tw-content);
     pointer-events: none;
@@ -1452,7 +2294,7 @@
   }
   .twa\:before\:rounded-standard::before {
     content: var(--tw-content);
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
   }
   .twa\:before\:bg-white::before {
     content: var(--tw-content);
@@ -1499,9 +2341,25 @@
     content: var(--tw-content);
     inset: calc(var(--ab-base-space) * 0);
   }
+  .twa\:after\:inset-y-0::after {
+    content: var(--tw-content);
+    inset-block: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:after\:right-0::after {
+    content: var(--tw-content);
+    right: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:after\:left-0::after {
+    content: var(--tw-content);
+    left: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:after\:w-4::after {
+    content: var(--tw-content);
+    width: calc(var(--ab-base-space) * 4);
+  }
   .twa\:after\:rounded-standard::after {
     content: var(--tw-content);
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
   }
   .twa\:after\:border-2::after {
     content: var(--tw-content);
@@ -1521,6 +2379,10 @@
       background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
     }
   }
+  .twa\:after\:bg-muted::after {
+    content: var(--tw-content);
+    background-color: var(--ab-color-muted);
+  }
   .twa\:not-first\:after\:absolute:not(*:first-child)::after {
     content: var(--tw-content);
     position: absolute;
@@ -1555,10 +2417,25 @@
     --tw-content: "";
     content: var(--tw-content);
   }
+  .twa\:focus-within\:border-ring:focus-within {
+    border-color: var(--ab-color-ring);
+  }
   .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\):focus-within {
     --tw-shadow: var(--ab-focus__box-shadow);
     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-within\:ring-3:focus-within {
+    --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-within\:ring-ring\/50:focus-within {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:focus-within\:ring-ring\/50:focus-within {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
   .twa\:focus-within\:outline-2:focus-within {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
@@ -1569,10 +2446,29 @@
   .twa\:focus-within\:outline-accent:focus-within {
     outline-color: var(--ab-color-accent);
   }
+  .twa\:focus-within\:outline-none:focus-within {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  :is(.twa\:\*\:focus-within\:border-ring > *):focus-within {
+    border-color: var(--ab-color-ring);
+  }
   :is(.twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) > *):focus-within {
     --tw-shadow: var(--ab-focus__box-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  :is(.twa\:\*\:focus-within\:ring-3 > *):focus-within {
+    --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);
+  }
+  :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
   :is(.twa\:\*\:focus-within\:outline-2 > *):focus-within {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
@@ -1588,6 +2484,11 @@
       cursor: pointer;
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:bg-\[var\(--ab-color-primarylight\)\]:hover {
+      background-color: var(--ab-color-primarylight);
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:bg-accent:hover {
       background-color: var(--ab-color-accent);
@@ -1603,31 +2504,101 @@
       }
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:bg-destructive\/20:hover {
+      background-color: var(--ab-color-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-destructive\/20:hover {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:hover\:bg-input-background\/80:hover {
+      background-color: var(--ab-color-input-background);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-input-background\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-input-background) 80%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:hover\:bg-muted:hover {
+      background-color: var(--ab-color-muted);
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:bg-primary:hover {
       background-color: var(--ab-color-primary);
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:bg-primary\/80:hover {
+      background-color: var(--ab-color-primary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-primary\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-primary) 80%, transparent);
+      }
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:bg-primarylight:hover {
       background-color: var(--ab-color-primarylight);
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:bg-ring\/50:hover {
+      background-color: var(--ab-color-ring);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-ring\/50:hover {
+        background-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:hover\:bg-secondary\/80:hover {
+      background-color: var(--ab-color-secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-secondary\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-secondary) 80%, transparent);
+      }
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:text-accent-foreground:hover {
       color: var(--ab-color-accent-foreground);
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:text-foreground:hover {
+      color: var(--ab-color-foreground);
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:text-text-on-primary:hover {
       color: var(--ab-color-text-on-primary);
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:opacity-85:hover {
       opacity: 85%;
     }
   }
+  @media (hover: hover) {
+    .twa\:hover\:opacity-100:hover {
+      opacity: 100%;
+    }
+  }
   @media (hover: hover) {
     .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\):hover:not(*:disabled) {
       --tw-shadow: var(--ab-cmp-simple-button__hover-box-shadow);
@@ -1646,10 +2617,31 @@
       opacity: 15%;
     }
   }
+  .twa\:focus\:border-ring:focus {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:focus\:bg-accent:focus {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:focus\:text-accent-foreground:focus {
+    color: var(--ab-color-accent-foreground);
+  }
   .twa\:focus\:shadow-\(--ab-focus__box-shadow\):focus {
     --tw-shadow: var(--ab-focus__box-shadow);
     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\:ring-3:focus {
+    --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\:ring-ring\/50:focus {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:focus\:ring-ring\/50:focus {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
   .twa\:focus\:outline-0:focus {
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
@@ -1664,55 +2656,819 @@
   .twa\:focus\:outline-accent:focus {
     outline-color: var(--ab-color-accent);
   }
-  .twa\:focus\:outline-none:focus {
-    --tw-outline-style: none;
-    outline-style: none;
+  .twa\:focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  :is(.twa\:focus\:\*\*\:text-accent-foreground:focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  :is(.twa\:not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not(*[data-variant="destructive"]):focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:focus-visible\:border-destructive\/40:focus-visible {
+    border-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:focus-visible\:border-destructive\/40:focus-visible {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:focus-visible\:border-ring:focus-visible {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:focus-visible\:ring-0:focus-visible {
+    --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-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-destructive\/20:focus-visible {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:focus-visible\:ring-destructive\/20:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:focus-visible\:ring-ring\/50:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .twa\:active\:translate-y-0:active {
+    --tw-translate-y: calc(var(--ab-base-space) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:active\:translate-y-px:active {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
+  .twa\:disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .twa\:disabled\:opacity-50:disabled {
+    opacity: 50%;
+  }
+  :where(*[data-slot="button-group"]) .twa\:in-data-\[slot\=button-group\]\:rounded-md {
+    border-radius: var(--twa-radius-md);
+  }
+  :where(*[data-slot="card-content"]) .twa\:in-data-\[slot\=card-content\]\:bg-transparent {
+    background-color: transparent;
+  }
+  :is(:where(*[data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit):focus-within {
+    border-color: inherit;
+  }
+  :is(:where(*[data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:ring-0):focus-within {
+    --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);
+  }
+  :where(*[data-slot="popover-content"]) .twa\:in-data-\[slot\=popover-content\]\:bg-transparent {
+    background-color: transparent;
+  }
+  .twa\:has-disabled\:pointer-events-none:has(*:disabled) {
+    pointer-events: none;
+  }
+  .twa\:has-disabled\:cursor-not-allowed:has(*:disabled) {
+    cursor: not-allowed;
+  }
+  .twa\:has-disabled\:opacity-50:has(*:disabled) {
+    opacity: 50%;
+  }
+  .twa\:has-aria-invalid\:border-destructive:has(*[aria-invalid="true"]) {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:has-aria-invalid\:ring-3:has(*[aria-invalid="true"]) {
+    --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\:has-aria-invalid\:ring-destructive\/20:has(*[aria-invalid="true"]) {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:has-aria-invalid\:ring-destructive\/20:has(*[aria-invalid="true"]) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-1\.5:has(*[data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-2:has(*[data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-3:has(*[data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-1\.5:has(*[data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-2:has(*[data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-3:has(*[data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-data-\[slot\=combobox-chip\]\:px-1\.5:has(*[data-slot="combobox-chip"]) {
+    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);
+  }
+  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(*:is([data-slot=input-group-control]:focus-visible)) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(*:is([data-slot=input-group-control]: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\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(*:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(*:is([data-slot][aria-invalid=true])) {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(*:is([data-slot][aria-invalid=true])) {
+    --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\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
+    height: auto;
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
+    flex-direction: column;
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
+    height: auto;
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
+    flex-direction: column;
+  }
+  .twa\:has-\[\>button\]\:-mr-1:has( > button) {
+    margin-right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:has-\[\>button\]\:-ml-1:has( > button) {
+    margin-left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
+    margin-right: -0.15rem;
+  }
+  .twa\:has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
+    margin-left: -0.15rem;
+  }
+  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
+    padding: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
+    height: auto;
+  }
+  .twa\:aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: 50%;
+  }
+  .twa\:aria-expanded\:bg-muted[aria-expanded="true"] {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:aria-expanded\:bg-secondary[aria-expanded="true"] {
+    background-color: var(--ab-color-secondary);
+  }
+  .twa\:aria-expanded\:text-foreground[aria-expanded="true"] {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
+    color: var(--ab-color-secondary-foreground);
+  }
+  .twa\:aria-invalid\:border-destructive[aria-invalid="true"] {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:aria-invalid\:ring-0[aria-invalid="true"] {
+    --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\:aria-invalid\:ring-3[aria-invalid="true"] {
+    --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\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:aria-selected\:text-muted-foreground[aria-selected="true"] {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:data-closed\:animate-out[data-closed] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-closed\:overflow-hidden[data-closed] {
+    overflow: hidden;
+  }
+  .twa\:data-closed\:fade-out-0[data-closed] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+  .twa\:data-closed\:zoom-out-95[data-closed] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
+  .twa\:data-disabled\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .twa\:data-disabled\:opacity-50[data-disabled] {
+    opacity: 50%;
+  }
+  .twa\:data-empty\:p-0[data-empty] {
+    padding: calc(var(--ab-base-space) * 0);
+  }
+  .twa\:data-highlighted\:bg-accent[data-highlighted] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-highlighted\:text-accent-foreground[data-highlighted] {
+    color: var(--ab-color-accent-foreground);
+  }
+  :is(.twa\:not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground[data-highlighted]:not(*[data-variant="destructive"]) *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-inset\:pl-8[data-inset] {
+    padding-left: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:data-open\:animate-in[data-open] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-open\:bg-accent[data-open] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-open\:text-accent-foreground[data-open] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-open\:fade-in-0[data-open] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .twa\:data-open\:zoom-in-95[data-open] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  .twa\:data-placeholder\:text-muted-foreground[data-placeholder] {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:data-popup-open\:bg-accent[data-popup-open] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-popup-open\:text-accent-foreground[data-popup-open] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-pressed\:bg-transparent[data-pressed] {
+    background-color: transparent;
+  }
+  .twa\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
+    animation: none;
+  }
+  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
+    background-color: var(--ab-color-accent);
+  }
+  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-\[range-end\=true\]\:rounded-standard[data-range-end="true"] {
+    border-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-end\=true\]\:rounded-r-standard[data-range-end="true"] {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
+    border-radius: 0;
+  }
+  .twa\:data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:data-\[range-start\=true\]\:rounded-standard[data-range-start="true"] {
+    border-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-start\=true\]\:rounded-l-standard[data-range-start="true"] {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-\[selected-single\=true\]\:bg-accent[data-selected-single="true"] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-\[selected-single\=true\]\:text-accent-foreground[data-selected-single="true"] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-\[selected\=true\]\:rounded-none[data-selected="true"] {
+    border-radius: 0;
+  }
+  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
+    top: calc(var(--ab-base-space) * 1);
+  }
+  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
+    left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  .twa\:data-\[side\=left\]\:top-1\/2\![data-side="left"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=left\]\:-right-1[data-side="left"] {
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  .twa\:data-\[side\=right\]\:top-1\/2\![data-side="right"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=right\]\:-left-1[data-side="right"] {
+    left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
+    bottom: calc(var(--ab-base-space) * -2.5);
+  }
+  .twa\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+  .twa\:data-\[size\=default\]\:min-h-input[data-size="default"] {
+    min-height: var(--ab-input-height);
+  }
+  .twa\:data-\[size\=sm\]\:h-7[data-size="sm"] {
+    height: calc(var(--ab-base-space) * 7);
+  }
+  .twa\:data-\[size\=sm\]\:min-h-auto[data-size="sm"] {
+    min-height: auto;
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
+    margin: calc(var(--ab-base-space) * 1);
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
+    margin-bottom: calc(var(--ab-base-space) * 0);
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
+    height: calc(var(--ab-base-space) * 8);
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *) {
+    border-color: var(--ab-color-input-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *) {
+      border-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
+    }
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *) {
+    background-color: var(--ab-color-input-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *) {
+      background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
+    }
+  }
+  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\: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);
+  }
+  [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:relative *) {
+    position: relative;
+  }
+  [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:isolate *) {
+    isolation: isolate;
+  }
+  [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:z-50 *) {
+    z-index: 50;
+  }
+  [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:rounded-sm *) {
+    border-radius: var(--twa-radius-sm);
+  }
+  [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:line-clamp-1 > *) {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+  [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:flex > *) {
+    display: flex;
+  }
+  [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:items-center > *) {
+    align-items: center;
+  }
+  [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:gap-1\.5 > *) {
+    gap: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .twa\:data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  .twa\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
+    color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+    background-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
+    }
+  }
+  .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;
+    }
+  }
+  @media (width >= 48rem) {
+    .twa\:md\:justify-between {
+      justify-content: space-between;
+    }
+  }
+  @media (width >= 48rem) {
+    .twa\:md\:gap-3 {
+      gap: calc(var(--ab-base-space) * 3);
+    }
+  }
+  @media (width >= 48rem) {
+    .twa\:md\:text-sm {
+      font-size: var(--ab-font-size-3);
+      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);
+  }
+  .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
+    background-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
+      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;
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
+      background-color: var(--ab-color-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 30%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
+      background-color: var(--ab-color-input-border);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
+      background-color: var(--ab-color-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:text-foreground:is(.ab--theme-dark *):hover {
+      color: var(--ab-color-foreground);
+    }
+  }
+  .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
+    border-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+    }
+  }
+  .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(*:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(*:is([data-slot][aria-invalid=true])) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"]:is(.ab--theme-dark *) {
+    border-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"]:is(.ab--theme-dark *) {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+    }
+  }
+  .twa\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"]:is(.ab--theme-dark *) {
+    --tw-ring-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"]:is(.ab--theme-dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:is(.ab--theme-dark *):focus {
+    background-color: var(--ab-color-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:is(.ab--theme-dark *):focus {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:\[\&_p\]\:text-primary-foreground p {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+  .twa\:\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
+  }
+  .twa\:\[\&_svg\]\:align-middle svg {
+    vertical-align: middle;
+  }
+  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 3);
+    height: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 4);
+    height: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-standard[data-selected=true]:first-child button {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
+    padding-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:\[\.border-t\]\:pt-2:is(.border-t) {
+    padding-top: calc(var(--ab-base-space) * 2);
+  }
+  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) *):is(.rdp-button_next > svg) {
+    rotate: 180deg;
+  }
+  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) *):is(.rdp-button_previous > svg) {
+    rotate: 180deg;
+  }
+  :is(.twa\:\*\:\[\[role\=button\]\]\:absolute > *):is([role=button]) {
+    position: absolute;
+  }
+  :is(.twa\:\*\:\[\[role\=button\]\]\:inset-x-0\.5 > *):is([role=button]) {
+    inset-inline: calc(var(--ab-base-space) * 0.5);
+  }
+  :is(.twa\:\*\:\[\[role\=button\]\]\:inset-y-0\.5 > *):is([role=button]) {
+    inset-block: calc(var(--ab-base-space) * 0.5);
+  }
+  :is(.twa\:\*\:\[\[role\=button\]\]\:h-auto > *):is([role=button]) {
+    height: auto;
+  }
+  :is(.twa\:\*\:\[\[role\=button\]\]\:rounded-input > *):is([role=button]) {
+    border-radius: var(--ab-border-radius-input);
+  }
+  :is(.twa\:\*\:\[input\]\:absolute > *):is(input) {
+    position: absolute;
+  }
+  :is(.twa\:\*\:\[input\]\:inset-x-0\.5 > *):is(input) {
+    inset-inline: calc(var(--ab-base-space) * 0.5);
+  }
+  :is(.twa\:\*\:\[input\]\:inset-y-0\.5 > *):is(input) {
+    inset-block: calc(var(--ab-base-space) * 0.5);
+  }
+  :is(.twa\:\*\:\[input\]\:h-auto > *):is(input) {
+    height: auto;
+  }
+  :is(.twa\:\*\:\[input\]\:rounded-input > *):is(input) {
+    border-radius: var(--ab-border-radius-input);
+  }
+  :is(.twa\:\*\*\:\[input\]\:min-h-auto\! *):is(input) {
+    min-height: auto !important;
+  }
+  :is(.twa\:\*\:\[span\]\:last\:flex > *):is(span):last-child {
+    display: flex;
+  }
+  :is(.twa\:\*\:\[span\]\:last\:items-center > *):is(span):last-child {
+    align-items: center;
+  }
+  :is(.twa\:\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
+    gap: calc(var(--ab-base-space) * 2);
+  }
+  :is(.twa\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
+    color: var(--ab-color-destructive);
+  }
+  .twa\:\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-standard[data-selected=true]:last-child button {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-standard[data-selected=true]:nth-child(2) button {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-l\! > *:not(:first-child) {
+    border-left-style: var(--tw-border-style) !important;
+    border-left-width: 1px !important;
+  }
+  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-input-border\! > *:not(:first-child) {
+    border-color: var(--ab-color-input-border) !important;
+  }
+  .twa\:\[\&\>input\]\:max-h-\[calc\(var\(--ab-input-height\)-1\.5\*var\(--ab-base-space\)\)\]\! > input {
+    max-height: calc(var(--ab-input-height) - 1.5 * var(--ab-base-space)) !important;
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
+    padding-top: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
+    padding-bottom: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
+    padding-left: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:\[\&\>kbd\]\:rounded-\[calc\(var\(--ab-border-radius\)\)\] > kbd {
+    border-radius: calc(var(--ab-border-radius));
+  }
+  .twa\:\[\&\>span\]\:text-xs > span {
+    font-size: var(--twa-text-xs);
+    line-height: var(--tw-leading, var(--twa-text-xs--line-height));
+  }
+  .twa\:\[\&\>span\]\:opacity-70 > span {
+    opacity: 70%;
   }
-  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
-    background-color: var(--ab-color-accent);
+  .twa\:\[\&\>svg\]\:size-3\.5 > svg {
+    width: calc(var(--ab-base-space) * 3.5);
+    height: calc(var(--ab-base-space) * 3.5);
   }
-  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
-    color: var(--ab-color-accent-foreground);
+  .twa\:\[\&\>svg\]\:text-muted-foreground > svg {
+    color: var(--ab-color-muted-foreground);
   }
-  @media (width >= 48rem) {
-    .twa\:md\:grid-cols-\[1fr_1fr\] {
-      grid-template-columns: 1fr 1fr;
-    }
+  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 3.5);
+    height: calc(var(--ab-base-space) * 3.5);
   }
-  @media (width >= 48rem) {
-    .twa\:md\:justify-between {
-      justify-content: space-between;
-    }
+  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 4);
+    height: calc(var(--ab-base-space) * 4);
   }
-  @media (width >= 48rem) {
-    .twa\:md\:gap-3 {
-      gap: calc(var(--ab-base-space) * 3);
-    }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
+    position: absolute;
   }
-  @media (width >= 64rem) {
-    .twa\:lg\:grid {
-      display: grid;
-    }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
+    inset-inline: calc(var(--ab-base-space) * 0);
   }
-  @media (width >= 64rem) {
-    .twa\:lg\:flex-row {
-      flex-direction: row;
-    }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
+    inset-block: calc(var(--ab-base-space) * 0.5);
   }
-  @media (width >= 64rem) {
-    .twa\:lg\:gap-3 {
-      gap: calc(var(--ab-base-space) * 3);
-    }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:min-h-auto\! {
+    min-height: auto !important;
   }
-  .twa\:\[\&_svg\]\:align-middle svg {
-    vertical-align: middle;
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:border-none {
+    --tw-border-style: none;
+    border-style: none;
   }
-  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-l\! > *:not(:first-child) {
-    border-left-style: var(--tw-border-style) !important;
-    border-left-width: 1px !important;
+  .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);
   }
-  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-inputborder\! > *:not(:first-child) {
-    border-color: var(--ab-color-inputborder) !important;
+  [data-popup-open] .twa\:\[\[data-popup-open\]_\&\]\:rotate-180 {
+    rotate: 180deg;
   }
 }
 @layer adaptable.components {
@@ -3674,9 +5430,14 @@
     --ab-font-size-7: calc(var(--ab-base-font-size) * 2.25);
     --ab-input-height: 36px;
     --ab__font-family: inherit;
-    --ab__border-radius: var(--ab-base-space);
-    --ab-color-inputborder: var(--ab-color-primarydark);
-    --ab-color-inputcolor: var(--ab-color-text-on-primary);
+    --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;
     --ab-color-warn: #eb9316;
     --ab-color-info: #17a2b8;
@@ -3684,6 +5445,38 @@
     --ab-color-accent: #07c;
     --ab-color-accent-foreground: #e2e2e2;
     --ab-color-accentlight: #dbf0ff;
+    --ab-color-palette-1: #fde8e8;
+    --ab-color-palette-2: #9b2c2c;
+    --ab-color-palette-3: #fff8e1;
+    --ab-color-palette-4: #975a16;
+    --ab-color-palette-5: #e6f4ea;
+    --ab-color-palette-6: #276749;
+    --ab-color-palette-7: #e6f2ff;
+    --ab-color-palette-8: #2b6cb0;
+    --ab-color-palette-9: #edf2f7;
+    --ab-color-palette-10: #4a5568;
+    --ab-color-palette-11: #f3e8ff;
+    --ab-color-palette-12: #553c9a;
+    --ab-color-swatch-1: #000000;
+    --ab-color-swatch-2: #ffffff;
+    --ab-color-swatch-3: #d3d3d3;
+    --ab-color-swatch-4: #808080;
+    --ab-color-swatch-5: #a52a2a;
+    --ab-color-swatch-6: #006400;
+    --ab-color-swatch-7: #008000;
+    --ab-color-swatch-8: #32cd32;
+    --ab-color-swatch-9: #ffff00;
+    --ab-color-swatch-10: #ffffe0;
+    --ab-color-swatch-11: #00008b;
+    --ab-color-swatch-12: #0000ff;
+    --ab-color-swatch-13: #87cefa;
+    --ab-color-swatch-14: #00ffff;
+    --ab-color-swatch-15: #ff00ff;
+    --ab-color-swatch-16: #800080;
+    --ab-color-swatch-17: #8b0000;
+    --ab-color-swatch-18: #ff0000;
+    --ab-color-swatch-19: #dc143c;
+    --ab-color-swatch-20: #ffa500;
     --ab-color-text-on-success: white;
     --ab-color-text-on-error: white;
     --ab-color-text-on-info: white;
@@ -3696,30 +5489,41 @@
     --ab-color-text-on-share: white;
     --ab-color-text-on-delete: white;
     --ab-color-text-on-clone: white;
-    --ab-color-defaultbackground: white;
-    --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
     --ab-color-primary: #e9e9e9;
+    --ab-color-primary-foreground: #656565;
     --ab-color-primarydark: #b7b7b7;
     --ab-color-primarylight: #f5f5f5;
-    --ab-color-text-on-primary: #656565;
-    --ab-color-primary-foreground: var(--ab-color-text-on-primary);
-    --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
-    --ab-color-focus: var(--ab-color-accent);
-    --ab-color-filtered-columns: var(--ab-color-text-on-primary);
-    --ab-color-filtered-columns-background: var(--ab-color-primary);
+    --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-accent), 0 1px 2px -1px var(--ab-color-accent);
+    --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__outline: none;
+    --ab-color-background: var(--ab-color-defaultbackground, oklch(1 0 0));
+    --ab-color-foreground: var(--ab-color-text-on-defaultbackground);
+    --ab-color-popover: var(--ab-color-defaultbackground);
+    --ab-color-popover-foreground: var(--ab-color-text-on-defaultbackground);
+    --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-border: oklch(0.922 0 0);
+    --ab-color-ring: var(--ab-color-accent);
     --ab-icon-fill: currentColor;
     --ab-custom-scrollbar-size: 10px;
     --ab-grid-row-height: 35px;
     --ab-loaded: 777;
     --ab_flex-direction: column;
+    --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
+  }
+  :root {
+    --ab-gridheader--filtered__background: var(--ab-color-primary);
   }
   .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
     --infinite-cell-border-radius: 0px;
@@ -3746,30 +5550,39 @@
   }
   .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
     font-weight: bolder !important;
-    color: var(--ab-color-filtered-columns) !important;
-    background: var(--ab-color-filtered-columns-background) !important;
+    background: var(--ab-gridheader--filtered__background) !important;
   }
   .ab-Grid .ag-pivot-mode-panel {
     display: none !important;
   }
-  .ab-QuickSearchFind .ag-find-match {
-    background-color: var( --ab-dynamic-background-color, var(--ag-find-match-background-color) ) !important;
-    color: var(--ab-dynamic-color, var(--ag-find-match-color)) !important;
-    font-weight: var(--ab-dynamic-font-weight) !important;
-    font-style: var(--ab-dynamic-font-style) !important;
-    font-size: var(--ab-dynamic-font-size) !important;
-    text-decoration: var(--ab-dynamic-text-decoration) !important;
-    border-radius: var(--ab-dynamic-border-radius) !important;
-    border-color: var(--ab-dynamic-border-color) !important;
+  .ab-Grid .ag-find-match, .ab-QuickSearchFind .ag-find-match {
+    background-color: var( --ab-qs-text-background-color, var(--ab-dynamic-background-color, var(--ag-find-match-background-color)) ) !important;
+    color: var( --ab-qs-text-color, var(--ab-dynamic-color, var(--ag-find-match-color)) ) !important;
+    font-weight: var(--ab-qs-text-font-weight, var(--ab-dynamic-font-weight)) !important;
+    font-style: var(--ab-qs-text-font-style, var(--ab-dynamic-font-style)) !important;
+    font-size: var(--ab-qs-text-font-size, var(--ab-dynamic-font-size)) !important;
+    text-decoration: var( --ab-qs-text-text-decoration, var(--ab-dynamic-text-decoration) ) !important;
+    border-radius: var( --ab-qs-text-border-radius, var(--ab-dynamic-border-radius) ) !important;
+    border-color: var(--ab-qs-text-border-color, var(--ab-dynamic-border-color)) !important;
+  }
+  .ab-Grid .ag-find-active-match, .ab-QuickSearchFind .ag-find-active-match {
+    background-color: var( --ab-qs-current-background-color, var(--ab-qs-text-background-color, var(--ag-find-match-background-color)) ) !important;
+    color: var( --ab-qs-current-color, var(--ab-qs-text-color, var(--ag-find-match-color)) ) !important;
+    font-weight: var( --ab-qs-current-font-weight, var(--ab-qs-text-font-weight) ) !important;
+    font-style: var( --ab-qs-current-font-style, var(--ab-qs-text-font-style) ) !important;
+    font-size: var(--ab-qs-current-font-size, var(--ab-qs-text-font-size)) !important;
+    text-decoration: var( --ab-qs-current-text-decoration, var(--ab-qs-text-text-decoration) ) !important;
+    border-radius: var( --ab-qs-current-border-radius, var(--ab-qs-text-border-radius) ) !important;
+    border-color: var( --ab-qs-current-border-color, var(--ab-qs-text-border-color) ) !important;
   }
   :root {
-    --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
-    --ab-cmp-checkbox__background: var(--ab-cmp-input__background);
-    --ab-cmp-checkbox--checked__background: var(--ab-color-focus);
+    --ab-cmp-checkbox__border-color: var(--ab-color-input-border);
+    --ab-cmp-checkbox__background: var(--ab-color-input-background);
+    --ab-cmp-checkbox--checked__background: var(--ab-color-accent);
     --ab-cmp-checkbox--check-size: 16px;
     --ab-cmp-checkbox--check__color: white;
     --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
-    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
+    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-accent);
     --ab-cmp-checkbox--check-indeterminate-radius: 2px;
   }
   .ab-CheckBox--variant-agGrid {
@@ -3832,9 +5645,6 @@
     left: 10px;
     top: 20px;
   }
-  .ab-QueryBuilder-predicate-editor__root-actions {
-    padding-top: 10px;
-  }
   .ab-QueryBuilder-predicate-editor__root-actions:before {
     content: '';
     display: block;
@@ -3854,40 +5664,15 @@
     left: 8px;
   }
   :root {
-    --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
-    --ab-cmp-dropdown--empty__color: var(--ab-color-text-on-defaultbackground);
-    --ab-cmp-dropdown__border: 1px solid var(--ab-color-inputborder);
-    --ab-cmp-dropdown__border-radius: var(--ab__border-radius);
-    --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
+    --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
+    --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
+    --ab-cmp-dropdown__border: 1px solid var(--ab-color-input-border);
+    --ab-cmp-dropdown__border-radius: var(--ab-border-radius);
+    --ab-cmp-dropdown__fill: var(--ab-color-foreground);
     --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
     --ab-cmp-dropdown__font-family: var(--ab__font-family);
     --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
   }
-  :root {
-    --ab-cmp-select__font-size: var(--ab-font-size-3);
-    --ab-cmp-select__font-family: var(--ab__font-family);
-    --ab-cmp-select__color: var(--ab-cmp-input__color);
-    --ab-cmp-select-focused__box-shadow: var(--ab-focus__box-shadow);
-    --ab-cmp-select-focused__outline: var(--ab-focus__outline);
-    --ab-cmp-select__border: var(--ab-cmp-input__border);
-    --ab-cmp-select__border-radius: var(--ab-cmp-input__border-radius);
-    --ab-cmp-select-menu__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
-    --ab-cmp-select-menu__min-width: 150px;
-    --ab-cmp-select-menu__max-width: 60vw;
-    --ab-cmp-select-menu__max-height: 60vh;
-    --ab-cmp-select-menu__min-height: 25rem;
-    --ab-cmp-select-option-active__background: var(
-    --ab-cmp-dropdownbutton-list-item-active__background
-  );
-    --ab-cmp-select-option-active__color: var(--ab-cmp-dropdownbutton-list-item-active__color);
-    --ab-cmp-select-option-focused__background: var(
-    --ab-cmp-dropdownbutton-list-item-hover__background
-  );
-    --ab-cmp-select-multi-value__background: var(--ab-cmp-input__background);
-    --ab-cmp-select-loading__background: rgba(0, 0, 0, 0.3);
-    --ab-cmp-select-min-height: auto;
-    --ab-cmp-select-max-width: 60vw;
-  }
   :root {
     --ab-cmp-dropdownbutton-list__border: none;
     --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
@@ -3898,25 +5683,25 @@
     --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__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-defaultbackground);
-    --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
+    --ab-cmp-field-wrap__background: var(--ab-color-input-background);
+    --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
     --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
   }
   :root {
     --ab-cmp-input__padding: calc(var(--ab-base-space) * 2);
-    --ab-cmp-input__color: var(--ab-color-inputcolor);
-    --ab-cmp-input__background: var(--ab-color-defaultbackground);
-    --ab-cmp-input__border-radius: var(--ab__border-radius);
-    --ab-cmp-input__border: 1px solid var(--ab-color-inputborder);
+    --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);
-    --ab-cmp-input__font-size: var(--ab-font-size-2);
-    --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
+    --ab-cmp-input__font-size: var(--ab-font-size-3);
+    --ab-cmp-input--placeholder__color: var(--ab-color-foreground);
     --ab-cmp-input__font-family: var(--ab__font-family);
     --ab-cmp-input--placeholder__opacity: 0.6;
   }
@@ -3927,14 +5712,18 @@
     --ab-cmp-tabs__padding: calc(var(--ab-base-space) * 2);
     --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
     --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;
+    --ab-cmp-tabs-inactive-separator__color: var(--ab-color-primarydark);
   }
   :root {
     --ab-cmp-panel_header__background: var(--ab-color-primary);
     --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
     --ab-cmp-panel__font-size: var(--ab-font-size-3);
-    --ab-cmp-panel__border-radius: var(--ab__border-radius);
+    --ab-cmp-panel__border-radius: var(--ab-border-radius);
     --ab-cmp-panel__max-height: 80vh;
-    --ab-cmp-panel__border: 1px solid var(--ab-color-inputborder);
+    --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);
@@ -3953,19 +5742,19 @@
   }
   :root {
     --ab-cmp-textarea__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
-    --ab-cmp-textarea__border-radius: var(--ab__border-radius);
-    --ab-cmp-textarea__border: 1px solid var(--ab-color-inputborder);
+    --ab-cmp-textarea__border-radius: var(--ab-border-radius);
+    --ab-cmp-textarea__border: 1px solid var(--ab-color-input-border);
     --ab-cmp-textarea__color: var(--ab-cmp-input__color);
     --ab-cmp-textarea__font-size: var(--ab-font-size-3);
     --ab-cmp-textarea__font-family: var(--ab__font-family);
-    --ab-cmp-textarea__background: var(--ab-cmp-input__background);
+    --ab-cmp-textarea__background: var(--ab-color-input-background);
     --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
   }
   :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__border: solid 1px var(--ab-color-inputborder);
+    --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
     --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
   }
   :root {
@@ -4021,7 +5810,7 @@
   }
   :root {
     --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__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);
@@ -4042,15 +5831,20 @@
     --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
   }
   :root {
-    --ab-cmp-badge__padding: 5px;
-    --ab-cmp-badge__gap: 3px;
+    --ab-cmp-badge__padding: 3px 8px;
+    --ab-cmp-badge__gap: 4px;
+    --ab-cmp-badge__padding-compact: 1px 6px;
+    --ab-cmp-badge__gap-compact: 3px;
+    --ab-cmp-badge__padding-comfortable: 5px 12px;
+    --ab-cmp-badge__gap-comfortable: 6px;
+    --ab-cmp-badge__spacing: 4px;
   }
   :root {
-    --ab-cmp-icon-selector__popup__color: var(--ab-color-inputcolor);
+    --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__border: 1px solid var(--ab-color-inputborder);
+    --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);
+    --ab-cmp-icon-selector__popup__border-radius: var(--ab-border-radius);
   }
   :root {
     --adaptable-quick-search-floating-padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
@@ -4107,16 +5901,16 @@
     --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
   }
   :root {
-    --ab-cmp-popover__border-radius: var(--ab__border-radius);
+    --ab-cmp-popover__border-radius: var(--ab-border-radius);
     --ab-cmp-popover__background: var(--ab-color-defaultbackground);
-    --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
+    --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);
     overflow: auto;
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
   }
   .ab-OnePageWizard__section-container {
     min-height: 100%;
@@ -4179,7 +5973,7 @@
   }
   :root {
     --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
-    --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
+    --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);
     --ab-cmp-system-status-list-text__color: var(--ab-color-accent-foreground);
@@ -4204,29 +5998,37 @@
     --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
   }
   :root {
-    --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab__border-radius);
+    --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__color: var(
-    --ab-color-text-on-defaultbackground
-  );
+    --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-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
-    --ab__border-radius
+    --ab-border-radius
   );
     --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);
+  }
+  @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-foreground)
+  );
+    }
   }
   :root {
     --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
-    --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
+    --ab-cmp-expression-editor-input__border-radius: var(--ab-border-radius);
     --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
     --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
     var(--ab-color-primarydark);
-    --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
+    --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab-border-radius);
   }
   :root {
     --ab-cmp-floatingfilter-selected-options-text__font-weight: bold;
@@ -4243,6 +6045,18 @@
     display: inline-flex;
     align-items: center;
     height: 100%;
+    gap: var(--ab-cmp-badge__spacing);
+  }
+  .ab-Badge__wrapper--wrap {
+    flex-wrap: wrap;
+  }
+  .ab-Badge__wrapper--scroll {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    scrollbar-width: thin;
+  }
+  .ab-Badge__wrapper--truncate {
+    flex-wrap: nowrap;
   }
   .ab-Badge {
     display: inline-flex;
@@ -4250,6 +6064,25 @@
     gap: var(--ab-cmp-badge__gap);
     padding: var(--ab-cmp-badge__padding);
     line-height: 1;
+    max-width: 100%;
+    min-width: 0;
+  }
+  .ab-Badge--compact {
+    padding: var(--ab-cmp-badge__padding-compact);
+    gap: var(--ab-cmp-badge__gap-compact);
+  }
+  .ab-Badge--normal {
+    padding: var(--ab-cmp-badge__padding);
+    gap: var(--ab-cmp-badge__gap);
+  }
+  .ab-Badge--comfortable {
+    padding: var(--ab-cmp-badge__padding-comfortable);
+    gap: var(--ab-cmp-badge__gap-comfortable);
+  }
+  .ab-Badge__wrapper--truncate .ab-Badge, .ab-Badge__wrapper--scroll .ab-Badge {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   :root {
     --ab-CellComment-triangle-color: var(--ab-color-info);
@@ -4284,9 +6117,6 @@
   input.ab-Radio-input:checked {
     border-color: var(--ab-color-accent);
   }
-  input.ab-Radio-input:focus {
-    box-shadow: var(--ab-focus__box-shadow);
-  }
   input.ab-Radio-input:checked::after {
     content: '';
     position: absolute;
@@ -4305,64 +6135,6 @@
   input.ab-Radio-input:checked:disabled::after {
     background-color: #656565;
   }
-  .ab-Select [data-name='value-container'] {
-    height: 100%;
-    padding: 1px 8px;
-    min-height: var(--ab-cmp-select-min-height);
-    max-width: var(--ab-cmp-select-max-width);
-  }
-  .ab-Select [data-name='value-container'] > [data-value] {
-    margin: 0px;
-  }
-  .ab-Select-Row {
-    cursor: pointer;
-  }
-  .ab-Select-Row--disabled {
-    cursor: default;
-  }
-  .ab-Select-MenulistSearchContainer {
-    background-color: var(--ab-cmp-select-multi-value__background);
-  }
-  :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCheckBox {
-    margin-block: 0px;
-    margin-inline: var(--ab-base-space);
-  }
-  :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content {
-    display: flex;
-    align-items: center;
-  }
-  :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content_value {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  [data-name='menu-container'] .ab-Select-MenuContainer-Resizable {
-    box-shadow: var(--ab-cmp-select-menu__box-shadow);
-    pointer-events: auto;
-    display: flex;
-    flex-flow: column nowrap;
-    min-height: var(--ab-cmp-select-menu__min-height, 25rem);
-    min-width: var(--ab-cmp-select-menu__min-width, 150px);
-  }
-  [data-name='menu-container'][data-resizable='true'] {
-    background: transparent;
-    pointer-events: none;
-    box-shadow: none;
-  }
-  [data-name='menu-container'][data-resizable='false'] {
-    display: flex;
-    flex-flow: column nowrap;
-    min-height: var(--ab-cmp-select-menu__min-height, 25rem);
-    min-width: var(--ab-cmp-select-menu__min-width, 150px);
-  }
-  [data-name='menu-container'] .InfiniteCell_content {
-    display: flex;
-    align-items: center;
-    flex-flow: row nowrap;
-  }
-  :is([data-name='menu-container'] .ab-Select-MenulistSearch):focus {
-    box-shadow: none;
-  }
   .ab-Table td,.ab-Table th {
     padding: calc(var(--ab-base-space) * 2);
   }
@@ -4391,11 +6163,8 @@
   .ab-CheckBox--indeterminate {
     --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
   }
-  .ab-CheckBox:focus-within .ab-CheckBox__square, .ab-CheckBox:active .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
-    box-shadow: var(--ab-focus__box-shadow);
-  }
   .ab-CheckBox__square {
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius-input);
     border-width: 1px;
     border-style: solid;
     border-color: var(--ab-cmp-checkbox__border-color);
@@ -4455,7 +6224,7 @@
     position: absolute;
   }
   :root {
-    --ab-cmp-query-builder__border: 1px dotted var(--ab-color-text-on-defaultbackground);
+    --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__font-size: var(--ab-font-size-3);
@@ -4498,7 +6267,7 @@
     flex: 1;
   }
   .ab-Dropdown--empty .ab-Dropdown__text {
-    color: var(--ab-color-text-on-defaultbackground);
+    color: var(--ab-color-foreground);
   }
   .ab-DropdownButton {
     position: relative;
@@ -4546,16 +6315,13 @@
     border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
   }
   .ab-FieldWrap {
-    border: 1px solid var(--ab-color-inputborder);
-    color: 1px solid var(--ab-color-inputcolor);
+    border: 1px solid var(--ab-color-input-border);
+    color: 1px solid var(--ab-color-input-foreground);
     border-radius: var(--ab-cmp-field-wrap__border-radius);
     background: var(--ab-cmp-field-wrap__background);
     overflow: hidden;
     fill: var(--ab-cmp-field-wrap__fill);
   }
-  .ab-FieldWrap:focus-within {
-    box-shadow: var(--ab-focus__box-shadow);
-  }
   .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap > * {
     border: none;
     flex: 1;
@@ -4581,10 +6347,6 @@
     font-family: var(--ab-cmp-input__font-family);
     font-size: var(--ab-cmp-input__font-size);
   }
-  .ab-Input:focus {
-    box-shadow: var(--ab-focus__box-shadow);
-    outline: var(--ab-focus__outline);
-  }
   .ab-Input::-webkit-input-placeholder {
     color: var(--ab-cmp-input--placeholder__color);
     opacity: var(--ab-cmp-input--placeholder__opacity);
@@ -4636,24 +6398,35 @@
     flex-direction: column;
   }
   .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child, .ab-Tabs__Tab--before-active {
-    border-bottom-right-radius: var(--ab__border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
   }
   .ab-Tabs__Strip {
     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:not(.ab-Tabs__Tab--active) + .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
+    box-shadow: inset 1px 0 0 var(--ab-cmp-tabs-inactive-separator__color);
+  }
   .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
-    border-bottom-left-radius: var(--ab__border-radius);
+    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: '';
@@ -4664,15 +6437,15 @@
     right: 0;
     left: 0;
     z-index: -2;
-    border-top-left-radius: var(--ab__border-radius);
-    border-top-right-radius: var(--ab__border-radius);
+    border-top-left-radius: var(--ab-border-radius);
+    border-top-right-radius: var(--ab-border-radius);
   }
   .ab-Tabs__Tab--active:before {
     content: '';
     position: absolute;
     pointer-events: none;
-    border-top-left-radius: var(--ab__border-radius);
-    border-top-right-radius: var(--ab__border-radius);
+    border-top-left-radius: var(--ab-border-radius);
+    border-top-right-radius: var(--ab-border-radius);
     z-index: -1;
     left: 0;
     top: 0;
@@ -4685,7 +6458,7 @@
   }
   .ab-Tabs__Body {
     background: var(--ab-cmp-tabs-active__background);
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     flex: 1;
     overflow: auto;
     display: flex;
@@ -4773,7 +6546,7 @@
     border: var(--ab-cmp-tooltip__border);
     content: '';
     position: absolute;
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     width: 100%;
     height: 100%;
     left: 0;
@@ -4834,9 +6607,6 @@
   .ab-Dashboard .ab-StateManagement__Clear-Button,.ab-Dashboard .ab-StateManagement__Load-Button,.ab-Dashboard .ab-StateManagement__Export-Dropdown {
     margin-left: var(--ab-base-space);
   }
-  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
-    display: flex;
-  }
   .ab-Dashboard__header {
     display: flex;
     align-items: stretch;
@@ -4872,7 +6642,7 @@
     outline: none;
     cursor: pointer;
     font-size: var(--ab-font-size-3);
-    border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
+    border-radius: var(--ab-border-radius) var(--ab-border-radius) 0 0;
     padding: 8px 12px 12px 12px;
     color: var(--ab-dashboard-header__color);
     background: var(--ab-dashboard-header__background);
@@ -4916,43 +6686,23 @@
     padding: calc(var(--ab-base-space) * 2) calc(var(--ab-base-space) * 2) var(--ab-base-space) calc(var(--ab-base-space) * 2);
     display: flex;
   }
-  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
-    color: var(--ab-dashboard-header__color);
-    background: var(--ab-dashboard-header__background);
-    padding-top: var(--ab-dashboard-gap-size);
-    padding-bottom: var(--ab-dashboard-gap-size);
-  }
-  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
-    opacity: 1;
-  }
-  .ab-TreeDropdown {
-    position: relative;
-  }
-  .ab-TreeDropdownOverlay {
-    box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
-  }
-  .ab-TreeList .InfiniteCell_content {
-    display: flex;
-    flex-flow: row;
-    align-items: center;
-  }
   .ab-cmp-input-group  > :first-child,.ab-cmp-input-group  > .ab-FieldWrap.ab-Datepicker:first-child {
-    --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
-    --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
-    --ab-cmp-simple-button__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
-    --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
+    --ab-cmp-input__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
+    --ab-cmp-select__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
+    --ab-cmp-simple-button__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
+    --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
   }
   .ab-cmp-input-group  > :last-child {
-    --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
-    --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
-    --ab-cmp-simple-button__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
-    --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
+    --ab-cmp-input__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
+    --ab-cmp-select__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
+    --ab-cmp-simple-button__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
+    --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
   }
   .ab-cmp-input-group  > :not(:first-child):not(:last-child) {
-    --ab-cmp-input__border-radius: var(--ab__border-radius);
-    --ab-cmp-select__border-radius: var(--ab__border-radius);
-    --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
-    --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
+    --ab-cmp-input__border-radius: var(--ab-border-radius);
+    --ab-cmp-select__border-radius: var(--ab-border-radius);
+    --ab-cmp-simple-button__border-radius: var(--ab-border-radius);
+    --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
   }
   .ab-Datepicker-Overlay .rdp-root {
     --rdp-accent-color: blue;
@@ -4976,9 +6726,17 @@
     --rdp-range_middle-background-color: var(--rdp-accent-background-color);
     --rdp-range_middle-color: inherit;
     --rdp-range_start-color: white;
-    --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
+    --rdp-range_start-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    transparent 50%,
+    var(--rdp-range_middle-background-color) 50%
+  );
     --rdp-range_start-date-background-color: var(--rdp-accent-color);
-    --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
+    --rdp-range_end-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    var(--rdp-range_middle-background-color) 50%,
+    transparent 50%
+  );
     --rdp-range_end-color: white;
     --rdp-range_end-date-background-color: var(--rdp-accent-color);
     --rdp-week_number-border-radius: 100%;
@@ -4991,6 +6749,8 @@
     --rdp-weekday-padding: 0.5rem 0rem;
     --rdp-weekday-text-align: center;
     --rdp-gradient-direction: 90deg;
+    --rdp-animation_duration: 0.3s;
+    --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
   }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] {
     --rdp-gradient-direction: -90deg;
@@ -5058,7 +6818,7 @@
     width: var(--rdp-nav_button-width);
     height: var(--rdp-nav_button-height);
   }
-  .ab-Datepicker-Overlay .rdp-button_next:disabled,.ab-Datepicker-Overlay .rdp-button_previous:disabled {
+  .ab-Datepicker-Overlay .rdp-button_next:disabled,.ab-Datepicker-Overlay .rdp-button_next[aria-disabled="true"],.ab-Datepicker-Overlay .rdp-button_previous:disabled,.ab-Datepicker-Overlay .rdp-button_previous[aria-disabled="true"] {
     cursor: revert;
     opacity: var(--rdp-nav_button-disabled-opacity);
   }
@@ -5066,9 +6826,6 @@
     display: inline-block;
     fill: var(--rdp-accent-color);
   }
-  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
-    transform: rotate(180deg);
-  }
   .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
     transform: rotate(180deg);
     transform-origin: 50%;
@@ -5109,6 +6866,30 @@
     font-weight: bold;
     font-size: large;
   }
+  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month,.ab-Datepicker-Overlay .rdp-root[data-nav-layout="after"] .rdp-month {
+    position: relative;
+  }
+  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month_caption {
+    justify-content: center;
+    margin-inline-start: var(--rdp-nav_button-width);
+    margin-inline-end: var(--rdp-nav_button-width);
+    position: relative;
+  }
+  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_previous {
+    position: absolute;
+    inset-inline-start: 0;
+    top: 0;
+    height: var(--rdp-nav-height);
+    display: inline-flex;
+  }
+  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_next {
+    position: absolute;
+    inset-inline-end: 0;
+    top: 0;
+    height: var(--rdp-nav-height);
+    display: inline-flex;
+    justify-content: center;
+  }
   .ab-Datepicker-Overlay .rdp-months {
     position: relative;
     display: flex;
@@ -5158,7 +6939,7 @@
   .ab-Datepicker-Overlay .rdp-outside {
     opacity: var(--rdp-outside-opacity);
   }
-  .ab-Datepicker-Overlay .rdp-disabled {
+  .ab-Datepicker-Overlay .rdp-disabled:not(.rdp-selected) {
     opacity: var(--rdp-disabled-opacity);
   }
   .ab-Datepicker-Overlay .rdp-hidden {
@@ -5176,7 +6957,6 @@
     background-color: var(--rdp-range_middle-background-color);
   }
   .ab-Datepicker-Overlay .rdp-range_middle .rdp-day_button {
-    border-color: transparent;
     border: unset;
     border-radius: unset;
     color: var(--rdp-range_middle-color);
@@ -5195,14 +6975,102 @@
   .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 .rdp-weeks_before_enter {
+    animation: 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;
+  }
+  .ab-Datepicker-Overlay .rdp-weeks_after_enter {
+    animation: 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;
+  }
+  .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;
+  }
+  .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;
+  }
+  .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;
+  }
+  .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;
+      }
+    }
+  }
+  .ab-Datepicker-Overlay .rdp-caption_after_enter {
+    animation: 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;
+  }
+  .ab-Datepicker-Overlay .rdp-caption_before_enter {
+    animation: 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;
+  }
   .ab-Datepicker-Overlay {
     border: var(--ab-cmp-datepicker__border);
     background: var(--ab-cmp-datepicker__background);
     z-index: 1000;
     box-shadow: var(--ab-focus__box-shadow);
     outline: var(--ab-focus__outline);
-    border-radius: var(--ab__border-radius);
-    color: var(--ab-color-text-on-defaultbackground);
+    border-radius: var(--ab-border-radius);
+    color: var(--ab-color-foreground);
   }
   .ab-Datepicker-Overlay .rdp-root {
     --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
@@ -5323,7 +7191,7 @@
     color: var(--ab-cmp-progress-indicator__color);
     border-style: none;
     border-width: 0px;
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     box-shadow: var(--ab-focus__box-shadow);
   }
   .ab-Tag {
@@ -5546,7 +7414,7 @@
   }
   .ab-NocodeWizardFormBox {
     border: 1px solid var(--ab-color-primarydark);
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     background-color: var(--ab-color-defaultbackground);
   }
   .ab-Button.ab-Button {
@@ -5732,7 +7600,7 @@
     overflow: hidden;
   }
   .ab-ValueSelector__option {
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     font-size: var(--ab-font-size-3);
   }
   .ab-ValueSelector__show-selected-only-checkbox {
@@ -5745,7 +7613,7 @@
     top: 2px;
     right: 4px;
     overflow: hidden;
-    border-radius: var(--ab__border-radius);
+    border-radius: var(--ab-border-radius);
     margin-right: var(--ab-base-space);
     margin-top: var(--ab-base-space);
     padding: 0 calc(var(--ab-base-space) * 2);
@@ -5755,7 +7623,7 @@
     overflow: hidden;
   }
   .ab-ReorderDraggable__option {
-    border-radius: 'var(--ab__border-radius)';
+    border-radius: 'var(--ab-border-radius)';
   }
   .ab-StatusBar {
     display: flex;
@@ -5800,6 +7668,11 @@
   }
   .ab-Badge-Definition-Editor {
     background: var(--cmp-Badge-Definition-Editor__background);
+    border-color: var(--ab-color-border);
+  }
+  .ab-Badge-Definition-Editor__header {
+    background: var(--cmp-Badge-Definition-Editor-header__background);
+    border-bottom-color: var(--ab-color-border);
   }
   .ab-FloatinQuickSearch, .ab-FloatingQuickSearch {
     padding: var(--adaptable-quick-search-floating-padding);
@@ -6615,6 +8488,21 @@
     --ab-theme-loaded: light;
   }
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -6628,6 +8516,30 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -6716,20 +8628,19 @@
   initial-value: "";
   inherits: false;
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity,1);
+    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
+  }
 }
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity,1);
+    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
+  }
 }
 @keyframes spin {
   to {
@@ -6739,9 +8650,35 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-animation-delay: 0s;
+      --tw-animation-direction: normal;
+      --tw-animation-duration: initial;
+      --tw-animation-fill-mode: none;
+      --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
+      --tw-enter-opacity: 1;
+      --tw-enter-rotate: 0;
+      --tw-enter-scale: 1;
+      --tw-enter-translate-x: 0;
+      --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
+      --tw-exit-opacity: 1;
+      --tw-exit-rotate: 0;
+      --tw-exit-scale: 1;
+      --tw-exit-translate-x: 0;
+      --tw-exit-translate-y: 0;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -6761,9 +8698,6 @@
       --tw-text-shadow-color: initial;
       --tw-text-shadow-alpha: 100%;
       --tw-content: "";
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
     }
   }
 }