reachat 2.2.0 → 3.1.0

package/dist/index.css

@@ -73,6 +73,7 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
+    --container-2xl: 42rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -87,14 +88,17 @@
     --text-2xl--line-height: calc(2 / 1.5);
     --text-3xl: 1.875rem;
     --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
     --text-5xl: 3rem;
     --text-5xl--line-height: 1;
-    --font-weight-thin: 100;
+    --font-weight-light: 300;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
+    --tracking-tight: -0.025em;
     --radius-xs: 0.125rem;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -300,6 +304,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -333,9 +340,6 @@
   .top-\[1px\] {
     top: 1px;
   }
-  .top-\[calc\(-1_\*_\(var\(--range-handle-size\)_-_var\(--range-track-size\)\)_\/_2\)\] {
-    top: calc(-1 * (var(--range-handle-size) - var(--range-track-size)) / 2);
-  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -378,9 +382,6 @@
   .left-\[-9999px\] {
     left: -9999px;
   }
-  .left-\[calc\(-1_\*_var\(--range-handle-size\)_\/_2\)\] {
-    left: calc(-1 * var(--range-handle-size) / 2);
-  }
   .z-0 {
     z-index: 0;
   }
@@ -435,21 +436,6 @@
   .m-2 {
     margin: calc(var(--spacing) * 2);
   }
-  .m-\[var\(--page-title-margin\)\] {
-    margin: var(--page-title-margin);
-  }
-  .m-\[var\(--primary-heading-margin\)\] {
-    margin: var(--primary-heading-margin);
-  }
-  .m-\[var\(--secondary-heading-margin\)\] {
-    margin: var(--secondary-heading-margin);
-  }
-  .m-\[var\(--small-heading-margin\)\] {
-    margin: var(--small-heading-margin);
-  }
-  .m-\[var\(--sub-margin\)\] {
-    margin: var(--sub-margin);
-  }
   .m-auto {
     margin: auto;
   }
@@ -474,12 +460,6 @@
   .mx-5 {
     margin-inline: calc(var(--spacing) * 5);
   }
-  .mx-\[var\(--divider-spacing\)\] {
-    margin-inline: var(--divider-spacing);
-  }
-  .mx-\[var\(--spacing-sm\)\] {
-    margin-inline: var(--spacing-sm);
-  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -516,9 +496,6 @@
   .my-14 {
     margin-block: calc(var(--spacing) * 14);
   }
-  .my-\[var\(--divider-spacing\)\] {
-    margin-block: var(--divider-spacing);
-  }
   .my-auto {
     margin-block: auto;
   }
@@ -585,12 +562,6 @@
   .mr-10 {
     margin-right: calc(var(--spacing) * 10);
   }
-  .mr-\[var\(--block-label-spacing\)\] {
-    margin-right: var(--block-label-spacing);
-  }
-  .mr-\[var\(--spacing-sm\)\] {
-    margin-right: var(--spacing-sm);
-  }
   .-mb-px {
     margin-bottom: -1px;
   }
@@ -639,21 +610,6 @@
   .mb-\[200px\] {
     margin-bottom: 200px;
   }
-  .mb-\[var\(--block-label-spacing\)\] {
-    margin-bottom: var(--block-label-spacing);
-  }
-  .mb-\[var\(--block-spacing\)\] {
-    margin-bottom: var(--block-spacing);
-  }
-  .mb-\[var\(--calendar-gap\)\] {
-    margin-bottom: var(--calendar-gap);
-  }
-  .mb-\[var\(--spacing-md\)\] {
-    margin-bottom: var(--spacing-md);
-  }
-  .mb-\[var\(--spacing-sm\)\] {
-    margin-bottom: var(--spacing-sm);
-  }
   .mb-px {
     margin-bottom: 1px;
   }
@@ -666,6 +622,9 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
   .ml-2\.5 {
     margin-left: calc(var(--spacing) * 2.5);
   }
@@ -681,15 +640,6 @@
   .ml-\[15px\] {
     margin-left: 15px;
   }
-  .ml-\[var\(--spacing-lg\)\] {
-    margin-left: var(--spacing-lg);
-  }
-  .ml-\[var\(--spacing-md\)\] {
-    margin-left: var(--spacing-md);
-  }
-  .ml-\[var\(--spacing-sm\)\] {
-    margin-left: var(--spacing-sm);
-  }
   .ml-auto {
     margin-left: auto;
   }
@@ -842,60 +792,6 @@
   .h-\[calc\(100\%-30px\)\] {
     height: calc(100% - 30px);
   }
-  .h-\[calc\(var\(--toggle-handle-size\,25px\)_\/_1\.5\)\] {
-    height: calc(var(--toggle-handle-size,25px) / 1.5);
-  }
-  .h-\[calc\(var\(--toggle-handle-size\,25px\)_\/_2\)\] {
-    height: calc(var(--toggle-handle-size,25px) / 2);
-  }
-  .h-\[calc\(var\(--toggle-height\,35px\)_\/_1\.5\)\] {
-    height: calc(var(--toggle-height,35px) / 1.5);
-  }
-  .h-\[calc\(var\(--toggle-height\,35px\)_\/_2\)\] {
-    height: calc(var(--toggle-height,35px) / 2);
-  }
-  .h-\[var\(--radio-indicator-size\,_6px\)\] {
-    height: var(--radio-indicator-size, 6px);
-  }
-  .h-\[var\(--radio-indicator-size\,_8px\)\] {
-    height: var(--radio-indicator-size, 8px);
-  }
-  .h-\[var\(--radio-indicator-size\,_10px\)\] {
-    height: var(--radio-indicator-size, 10px);
-  }
-  .h-\[var\(--range-handle-size\)\] {
-    height: var(--range-handle-size);
-  }
-  .h-\[var\(--range-track-size\)\] {
-    height: var(--range-track-size);
-  }
-  .h-\[var\(--sort-icon-size\)\] {
-    height: var(--sort-icon-size);
-  }
-  .h-\[var\(--spacing-lg\)\] {
-    height: var(--spacing-lg);
-  }
-  .h-\[var\(--spacing-md\)\] {
-    height: var(--spacing-md);
-  }
-  .h-\[var\(--spacing-sm\)\] {
-    height: var(--spacing-sm);
-  }
-  .h-\[var\(--spacing-xl\)\] {
-    height: var(--spacing-xl);
-  }
-  .h-\[var\(--spacing-xs\)\] {
-    height: var(--spacing-xs);
-  }
-  .h-\[var\(--spacing-xxl\)\] {
-    height: var(--spacing-xxl);
-  }
-  .h-\[var\(--toggle-handle-size\,25px\)\] {
-    height: var(--toggle-handle-size,25px);
-  }
-  .h-\[var\(--toggle-height\,35px\)\] {
-    height: var(--toggle-height,35px);
-  }
   .h-auto {
     height: auto;
   }
@@ -1085,39 +981,6 @@
   .w-\[500px\] {
     width: 500px;
   }
-  .w-\[calc\(var\(--toggle-handle-size\,25px\)_\/_1\.5\)\] {
-    width: calc(var(--toggle-handle-size,25px) / 1.5);
-  }
-  .w-\[calc\(var\(--toggle-handle-size\,25px\)_\/_2\)\] {
-    width: calc(var(--toggle-handle-size,25px) / 2);
-  }
-  .w-\[calc\(var\(--toggle-width\,55px\)_\/_1\.5\)\] {
-    width: calc(var(--toggle-width,55px) / 1.5);
-  }
-  .w-\[calc\(var\(--toggle-width\,55px\)_\/_2\)\] {
-    width: calc(var(--toggle-width,55px) / 2);
-  }
-  .w-\[var\(--radio-indicator-size\,_6px\)\] {
-    width: var(--radio-indicator-size, 6px);
-  }
-  .w-\[var\(--radio-indicator-size\,_8px\)\] {
-    width: var(--radio-indicator-size, 8px);
-  }
-  .w-\[var\(--radio-indicator-size\,_10px\)\] {
-    width: var(--radio-indicator-size, 10px);
-  }
-  .w-\[var\(--range-handle-size\)\] {
-    width: var(--range-handle-size);
-  }
-  .w-\[var\(--sort-icon-size\)\] {
-    width: var(--sort-icon-size);
-  }
-  .w-\[var\(--toggle-handle-size\,25px\)\] {
-    width: var(--toggle-handle-size,25px);
-  }
-  .w-\[var\(--toggle-width\,55px\)\] {
-    width: var(--toggle-width,55px);
-  }
   .w-auto {
     width: auto;
   }
@@ -1133,6 +996,9 @@
   .w-px {
     width: 1px;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
   .max-w-10 {
     max-width: calc(var(--spacing) * 10);
   }
@@ -1313,6 +1179,9 @@
   .resize-none {
     resize: none;
   }
+  .scroll-m-20 {
+    scroll-margin: calc(var(--spacing) * 20);
+  }
   .list-decimal {
     list-style-type: decimal;
   }
@@ -1352,9 +1221,6 @@
   .flex-col {
     flex-direction: column;
   }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
   .flex-row {
     flex-direction: row;
   }
@@ -1439,18 +1305,6 @@
   .gap-12 {
     gap: calc(var(--spacing) * 12);
   }
-  .gap-\[var\(--calendar-gap\)\] {
-    gap: var(--calendar-gap);
-  }
-  .gap-\[var\(--spacing-sm\)\] {
-    gap: var(--spacing-sm);
-  }
-  .gap-\[var\(--stack-dense-gap\)\] {
-    gap: var(--stack-dense-gap);
-  }
-  .gap-\[var\(--stack-gap\)\] {
-    gap: var(--stack-gap);
-  }
   .space-y-0 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1552,57 +1406,6 @@
   .rounded-\[100\%\] {
     border-radius: 100%;
   }
-  .rounded-\[var\(--badge-border-radius\)\] {
-    border-radius: var(--badge-border-radius);
-  }
-  .rounded-\[var\(--border-radius-md\)\] {
-    border-radius: var(--border-radius-md);
-  }
-  .rounded-\[var\(--border-radius-sm\)\] {
-    border-radius: var(--border-radius-sm);
-  }
-  .rounded-\[var\(--button-border\)\] {
-    border-radius: var(--button-border);
-  }
-  .rounded-\[var\(--card-border-radius\)\] {
-    border-radius: var(--card-border-radius);
-  }
-  .rounded-\[var\(--chip-border-radius\)\] {
-    border-radius: var(--chip-border-radius);
-  }
-  .rounded-\[var\(--input-border-radius\)\] {
-    border-radius: var(--input-border-radius);
-  }
-  .rounded-\[var\(--list-item-border-radius\)\] {
-    border-radius: var(--list-item-border-radius);
-  }
-  .rounded-\[var\(--popover-border-radius\)\] {
-    border-radius: var(--popover-border-radius);
-  }
-  .rounded-\[var\(--range-handle-border-radius\)\] {
-    border-radius: var(--range-handle-border-radius);
-  }
-  .rounded-\[var\(--range-track-border-radius\)\] {
-    border-radius: var(--range-track-border-radius);
-  }
-  .rounded-\[var\(--select-input-border-radius\)\] {
-    border-radius: var(--select-input-border-radius);
-  }
-  .rounded-\[var\(--select-menu-border-radius\)\] {
-    border-radius: var(--select-menu-border-radius);
-  }
-  .rounded-\[var\(--textarea-border-radius\)\] {
-    border-radius: var(--textarea-border-radius);
-  }
-  .rounded-\[var\(--toggle-border-radius\)\] {
-    border-radius: var(--toggle-border-radius);
-  }
-  .rounded-\[var\(--toggle-handle-border-radius\)\] {
-    border-radius: var(--toggle-handle-border-radius);
-  }
-  .rounded-\[var\(--tooltip-border-radius\)\] {
-    border-radius: var(--tooltip-border-radius);
-  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -1675,10 +1478,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-\[length\:var\(--tooltip-border\)\] {
-    border-style: var(--tw-border-style);
-    border-width: var(--tooltip-border);
-  }
   .border-s-0 {
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 0px;
@@ -1699,6 +1498,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-dotted {
     --tw-border-style: dotted;
     border-style: dotted;
@@ -1711,69 +1514,9 @@
     --tw-border-style: solid;
     border-style: solid;
   }
-  .border-\[color\:var\(--error-background\)\] {
-    border-color: var(--error-background);
-  }
-  .border-\[color\:var\(--info-background\)\] {
-    border-color: var(--info-background);
-  }
-  .border-\[color\:var\(--primary-background\)\] {
-    border-color: var(--primary-background);
-  }
-  .border-\[color\:var\(--secondary-background\)\] {
-    border-color: var(--secondary-background);
-  }
-  .border-\[color\:var\(--success-background\)\] {
-    border-color: var(--success-background);
-  }
-  .border-\[color\:var\(--warning-background\)\] {
-    border-color: var(--warning-background);
-  }
   .border-\[none\] {
     border-color: none;
   }
-  .border-\[var\(--avatar-border\)\] {
-    border-color: var(--avatar-border);
-  }
-  .border-\[var\(--body-background\)\] {
-    border-color: var(--body-background);
-  }
-  .border-\[var\(--button-background\)\] {
-    border-color: var(--button-background);
-  }
-  .border-\[var\(--chip-background\)\] {
-    border-color: var(--chip-background);
-  }
-  .border-\[var\(--disabled-background\)\] {
-    border-color: var(--disabled-background);
-  }
-  .border-\[var\(--error-background\)\] {
-    border-color: var(--error-background);
-  }
-  .border-\[var\(--notification-border\)\] {
-    border-color: var(--notification-border);
-  }
-  .border-\[var\(--primary-background\)\] {
-    border-color: var(--primary-background);
-  }
-  .border-\[var\(--primary-background-hover\)\] {
-    border-color: var(--primary-background-hover);
-  }
-  .border-\[var\(--radio-stroke-active\)\] {
-    border-color: var(--radio-stroke-active);
-  }
-  .border-\[var\(--secondary-background\)\] {
-    border-color: var(--secondary-background);
-  }
-  .border-\[var\(--select-input-error\)\] {
-    border-color: var(--select-input-error);
-  }
-  .border-\[var\(--success-background\)\] {
-    border-color: var(--success-background);
-  }
-  .border-\[var\(--warning-background\)\] {
-    border-color: var(--warning-background);
-  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -1843,135 +1586,6 @@
   .bg-\[\#F2F3F7\] {
     background-color: #F2F3F7;
   }
-  .bg-\[color\:var\(--error-background\)\] {
-    background-color: var(--error-background);
-  }
-  .bg-\[color\:var\(--info-background\)\] {
-    background-color: var(--info-background);
-  }
-  .bg-\[color\:var\(--primary-background\)\] {
-    background-color: var(--primary-background);
-  }
-  .bg-\[color\:var\(--secondary-background\)\] {
-    background-color: var(--secondary-background);
-  }
-  .bg-\[color\:var\(--success-background\)\] {
-    background-color: var(--success-background);
-  }
-  .bg-\[color\:var\(--warning-background\)\] {
-    background-color: var(--warning-background);
-  }
-  .bg-\[var\(--badge-color-background-default\)\] {
-    background-color: var(--badge-color-background-default);
-  }
-  .bg-\[var\(--badge-color-background-error\)\] {
-    background-color: var(--badge-color-background-error);
-  }
-  .bg-\[var\(--badge-color-background-primary\)\] {
-    background-color: var(--badge-color-background-primary);
-  }
-  .bg-\[var\(--badge-color-background-secondary\)\] {
-    background-color: var(--badge-color-background-secondary);
-  }
-  .bg-\[var\(--button-background\)\] {
-    background-color: var(--button-background);
-  }
-  .bg-\[var\(--card-background\)\] {
-    background-color: var(--card-background);
-  }
-  .bg-\[var\(--chip-background\)\] {
-    background-color: var(--chip-background);
-  }
-  .bg-\[var\(--color-layer-transparent\)\] {
-    background-color: var(--color-layer-transparent);
-  }
-  .bg-\[var\(--dialog-background\)\] {
-    background-color: var(--dialog-background);
-  }
-  .bg-\[var\(--divider-background\)\] {
-    background-color: var(--divider-background);
-  }
-  .bg-\[var\(--drawer-background\)\] {
-    background-color: var(--drawer-background);
-  }
-  .bg-\[var\(--error-background\)\] {
-    background-color: var(--error-background);
-  }
-  .bg-\[var\(--input-background\)\] {
-    background-color: var(--input-background);
-  }
-  .bg-\[var\(--loader-background\)\] {
-    background-color: var(--loader-background);
-  }
-  .bg-\[var\(--notification-background\)\] {
-    background-color: var(--notification-background);
-  }
-  .bg-\[var\(--popover-background\)\] {
-    background-color: var(--popover-background);
-  }
-  .bg-\[var\(--primary-background\)\] {
-    background-color: var(--primary-background);
-  }
-  .bg-\[var\(--radio-background\)\] {
-    background-color: var(--radio-background);
-  }
-  .bg-\[var\(--radio-indicator-active\)\] {
-    background-color: var(--radio-indicator-active);
-  }
-  .bg-\[var\(--range-handle-background\)\] {
-    background-color: var(--range-handle-background);
-  }
-  .bg-\[var\(--range-track-active-background\)\] {
-    background-color: var(--range-track-active-background);
-  }
-  .bg-\[var\(--range-track-background\)\] {
-    background-color: var(--range-track-background);
-  }
-  .bg-\[var\(--secondary-background\)\] {
-    background-color: var(--secondary-background);
-  }
-  .bg-\[var\(--select-chip-background\)\] {
-    background-color: var(--select-chip-background);
-  }
-  .bg-\[var\(--select-input-background\)\] {
-    background-color: var(--select-input-background);
-  }
-  .bg-\[var\(--select-menu-background\)\] {
-    background-color: var(--select-menu-background);
-  }
-  .bg-\[var\(--select-menu-item-selected-background\)\] {
-    background-color: var(--select-menu-item-selected-background);
-  }
-  .bg-\[var\(--skeleton-background\)\] {
-    background-color: var(--skeleton-background);
-  }
-  .bg-\[var\(--skeleton-gradient\)\] {
-    background-color: var(--skeleton-gradient);
-  }
-  .bg-\[var\(--success-background\)\] {
-    background-color: var(--success-background);
-  }
-  .bg-\[var\(--textarea-background\)\] {
-    background-color: var(--textarea-background);
-  }
-  .bg-\[var\(--toggle-background\)\] {
-    background-color: var(--toggle-background);
-  }
-  .bg-\[var\(--toggle-background-checked\)\] {
-    background-color: var(--toggle-background-checked);
-  }
-  .bg-\[var\(--toggle-disabled-background\)\] {
-    background-color: var(--toggle-disabled-background);
-  }
-  .bg-\[var\(--toggle-handle-background\)\] {
-    background-color: var(--toggle-handle-background);
-  }
-  .bg-\[var\(--tooltip-background\)\] {
-    background-color: var(--tooltip-background);
-  }
-  .bg-\[var\(--warning-background\)\] {
-    background-color: var(--warning-background);
-  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -2060,6 +1674,10 @@
     }
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .bg-gradient-to-br {
+    --tw-gradient-position: to bottom right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2079,6 +1697,10 @@
   .bg-none {
     background-image: none;
   }
+  .from-blue-400 {
+    --tw-gradient-from: var(--color-blue-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-blue-500 {
     --tw-gradient-from: var(--color-blue-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2131,6 +1753,10 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-blue-600 {
+    --tw-gradient-to: var(--color-blue-600);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-fuchsia-500 {
     --tw-gradient-to: var(--color-fuchsia-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2163,12 +1789,6 @@
   .bg-center {
     background-position: center;
   }
-  .fill-\[var\(--sort-icon-color\)\] {
-    fill: var(--sort-icon-color);
-  }
-  .fill-\[var\(--white\)\] {
-    fill: var(--white);
-  }
   .fill-blue-500 {
     fill: var(--color-blue-500);
   }
@@ -2178,9 +1798,6 @@
   .fill-transparent {
     fill: transparent;
   }
-  .stroke-\[var\(--checkbox-check-stroke\)\] {
-    stroke: var(--checkbox-check-stroke);
-  }
   .stroke-black {
     stroke: var(--color-black);
   }
@@ -2199,27 +1816,6 @@
   .object-cover {
     object-fit: cover;
   }
-  .\[padding\:_var\(--card-spacing\)\] {
-    padding:  var(--card-spacing);
-  }
-  .\[padding\:_var\(--input-spacing-md\)\] {
-    padding:  var(--input-spacing-md);
-  }
-  .\[padding\:_var\(--input-spacing-sm\)\] {
-    padding:  var(--input-spacing-sm);
-  }
-  .\[padding\:_var\(--list-item-dense-spacing\)\] {
-    padding:  var(--list-item-dense-spacing);
-  }
-  .\[padding\:_var\(--select-menu-item-spacing\)\] {
-    padding:  var(--select-menu-item-spacing);
-  }
-  .\[padding\:_var\(--spacing-md\)\] {
-    padding:  var(--spacing-md);
-  }
-  .\[padding\:_var\(--textarea-spacing-sm\)\] {
-    padding:  var(--textarea-spacing-sm);
-  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2283,27 +1879,6 @@
   .p-\[50px\] {
     padding: 50px;
   }
-  .p-\[var\(--button-spacing-lg\)\] {
-    padding: var(--button-spacing-lg);
-  }
-  .p-\[var\(--button-spacing-md\)\] {
-    padding: var(--button-spacing-md);
-  }
-  .p-\[var\(--button-spacing-sm\)\] {
-    padding: var(--button-spacing-sm);
-  }
-  .p-\[var\(--list-item-spacing\)\] {
-    padding: var(--list-item-spacing);
-  }
-  .p-\[var\(--select-input-spacing\)\] {
-    padding: var(--select-input-spacing);
-  }
-  .p-\[var\(--spacing-md\)\] {
-    padding: var(--spacing-md);
-  }
-  .p-\[var\(--spacing-xs\)\] {
-    padding: var(--spacing-xs);
-  }
   .p-px {
     padding: 1px;
   }
@@ -2361,12 +1936,6 @@
   .px-\[20px\] {
     padding-inline: 20px;
   }
-  .px-\[var\(--spacing-md\)\] {
-    padding-inline: var(--spacing-md);
-  }
-  .px-\[var\(--spacing-sm\)\] {
-    padding-inline: var(--spacing-sm);
-  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -2409,9 +1978,6 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
-  .py-\[var\(--spacing-xs\)\] {
-    padding-block: var(--spacing-xs);
-  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -2433,30 +1999,9 @@
   .pt-\[20px\] {
     padding-top: 20px;
   }
-  .pt-\[var\(--popover-spacing\)\] {
-    padding-top: var(--popover-spacing);
-  }
-  .pt-\[var\(--spacing-md\)\] {
-    padding-top: var(--spacing-md);
-  }
-  .pt-\[var\(--toggle-spacing\)\] {
-    padding-top: var(--toggle-spacing);
-  }
-  .pt-\[var\(--tooltip-spacing\)\] {
-    padding-top: var(--tooltip-spacing);
-  }
   .\!pr-0 {
     padding-right: calc(var(--spacing) * 0) !important;
   }
-  .\[padding-right\:_calc\(var\(--list-item-spacing\)_\/_2\)\] {
-    padding-right:  calc(var(--list-item-spacing) / 2);
-  }
-  .\[padding-right\:_calc\(var\(--spacing-md\)_\/_2\)\] {
-    padding-right:  calc(var(--spacing-md) / 2);
-  }
-  .\[padding-right\:_calc\(var\(--spacing-sm\)_\/_2\)\] {
-    padding-right:  calc(var(--spacing-sm) / 2);
-  }
   .pr-0 {
     padding-right: calc(var(--spacing) * 0);
   }
@@ -2475,21 +2020,6 @@
   .pr-\[calc\(5\/2\)\] {
     padding-right: calc(5 / 2);
   }
-  .pr-\[var\(--popover-spacing\)\] {
-    padding-right: var(--popover-spacing);
-  }
-  .pr-\[var\(--spacing-md\)\] {
-    padding-right: var(--spacing-md);
-  }
-  .pr-\[var\(--spacing-xs\)\] {
-    padding-right: var(--spacing-xs);
-  }
-  .pr-\[var\(--toggle-spacing\)\] {
-    padding-right: var(--toggle-spacing);
-  }
-  .pr-\[var\(--tooltip-spacing\)\] {
-    padding-right: var(--tooltip-spacing);
-  }
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
@@ -2520,27 +2050,9 @@
   .pb-\[50px\] {
     padding-bottom: 50px;
   }
-  .pb-\[var\(--popover-spacing\)\] {
-    padding-bottom: var(--popover-spacing);
-  }
-  .pb-\[var\(--toggle-spacing\)\] {
-    padding-bottom: var(--toggle-spacing);
-  }
-  .pb-\[var\(--tooltip-spacing\)\] {
-    padding-bottom: var(--tooltip-spacing);
-  }
   .\!pl-0 {
     padding-left: calc(var(--spacing) * 0) !important;
   }
-  .\[padding-left\:_calc\(var\(--list-item-spacing\)_\/_2\)\] {
-    padding-left:  calc(var(--list-item-spacing) / 2);
-  }
-  .\[padding-left\:_calc\(var\(--spacing-md\)_\/_2\)\] {
-    padding-left:  calc(var(--spacing-md) / 2);
-  }
-  .\[padding-left\:_calc\(var\(--spacing-sm\)_\/_2\)\] {
-    padding-left:  calc(var(--spacing-sm) / 2);
-  }
   .pl-0 {
     padding-left: calc(var(--spacing) * 0);
   }
@@ -2556,24 +2068,12 @@
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
   .pl-\[calc\(5\/2\)\] {
     padding-left: calc(5 / 2);
   }
-  .pl-\[var\(--popover-spacing\)\] {
-    padding-left: var(--popover-spacing);
-  }
-  .pl-\[var\(--spacing-md\)\] {
-    padding-left: var(--spacing-md);
-  }
-  .pl-\[var\(--spacing-xs\)\] {
-    padding-left: var(--spacing-xs);
-  }
-  .pl-\[var\(--toggle-spacing\)\] {
-    padding-left: var(--toggle-spacing);
-  }
-  .pl-\[var\(--tooltip-spacing\)\] {
-    padding-left: var(--tooltip-spacing);
-  }
   .text-center {
     text-align: center;
   }
@@ -2586,18 +2086,6 @@
   .align-middle {
     vertical-align: middle;
   }
-  .\[font-family\:_var\(--button-font-family\)\] {
-    font-family:  var(--button-font-family);
-  }
-  .\[font-family\:_var\(--chip-font-family\)\] {
-    font-family:  var(--chip-font-family);
-  }
-  .\[font-family\:_var\(--font-family\)\] {
-    font-family:  var(--font-family);
-  }
-  .\[font-family\:_var\(--mono-font-family\)\] {
-    font-family:  var(--mono-font-family);
-  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2612,6 +2100,10 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
   .text-5xl\! {
     font-size: var(--text-5xl) !important;
     line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
@@ -2644,33 +2136,6 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .\[font-size\:_var\(--block-label-size\)\] {
-    font-size:  var(--block-label-size);
-  }
-  .\[font-size\:_var\(--font-size-lg\)\] {
-    font-size:  var(--font-size-lg);
-  }
-  .\[font-size\:_var\(--font-size-md\)\] {
-    font-size:  var(--font-size-md);
-  }
-  .\[font-size\:_var\(--font-size-sm\)\] {
-    font-size:  var(--font-size-sm);
-  }
-  .\[font-size\:_var\(--page-title-font-size\)\] {
-    font-size:  var(--page-title-font-size);
-  }
-  .\[font-size\:_var\(--primary-heading-font-size\)\] {
-    font-size:  var(--primary-heading-font-size);
-  }
-  .\[font-size\:_var\(--secondary-heading-font-size\)\] {
-    font-size:  var(--secondary-heading-font-size);
-  }
-  .\[font-size\:_var\(--small-heading-font-size\)\] {
-    font-size:  var(--small-heading-font-size);
-  }
-  .\[font-size\:_var\(--sub-font-size\)\] {
-    font-size:  var(--sub-font-size);
-  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -2683,9 +2148,6 @@
   .text-\[32px\] {
     font-size: 32px;
   }
-  .text-\[40px\] {
-    font-size: 40px;
-  }
   .text-\[400px\] {
     font-size: 400px;
   }
@@ -2701,6 +2163,10 @@
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
   }
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
   .leading-\[1\.2\] {
     --tw-leading: 1.2;
     line-height: 1.2;
@@ -2741,6 +2207,10 @@
     --tw-font-weight: var(--font-weight-extrabold);
     font-weight: var(--font-weight-extrabold);
   }
+  .font-light {
+    --tw-font-weight: var(--font-weight-light);
+    font-weight: var(--font-weight-light);
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -2753,39 +2223,12 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .font-thin {
-    --tw-font-weight: var(--font-weight-thin);
-    font-weight: var(--font-weight-thin);
-  }
-  .\[font-weight\:_var\(--block-label-weight\)\] {
-    font-weight:  var(--block-label-weight);
-  }
-  .\[font-weight\:_var\(--button-font-weight\)\] {
-    font-weight:  var(--button-font-weight);
-  }
-  .\[font-weight\:_var\(--font-weight-bold\)\] {
-    font-weight:  var(--font-weight-bold);
-  }
-  .\[font-weight\:_var\(--font-weight-extraBold\)\] {
-    font-weight:  var(--font-weight-extraBold);
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
   }
-  .\[font-weight\:_var\(--font-weight-thin\)\] {
-    font-weight:  var(--font-weight-thin);
-  }
-  .\[font-weight\:_var\(--page-title-font-weight\)\] {
-    font-weight:  var(--page-title-font-weight);
-  }
-  .\[font-weight\:_var\(--primary-heading-font-weight\)\] {
-    font-weight:  var(--primary-heading-font-weight);
-  }
-  .\[font-weight\:_var\(--secondary-heading-font-weight\)\] {
-    font-weight:  var(--secondary-heading-font-weight);
-  }
-  .\[font-weight\:_var\(--small-heading-font-weight\)\] {
-    font-weight:  var(--small-heading-font-weight);
-  }
-  .\[font-weight\:_var\(--sub-font-weight\)\] {
-    font-weight:  var(--sub-font-weight);
+  .text-balance {
+    text-wrap: balance;
   }
   .break-words {
     overflow-wrap: break-word;
@@ -2805,150 +2248,9 @@
   .\!text-gray-500 {
     color: var(--color-gray-500) !important;
   }
-  .text-\(--input-color\)\! {
-    color: var(--input-color) !important;
-  }
-  .text-\[color\:var\(--popover-color\)\] {
-    color: var(--popover-color);
-  }
-  .text-\[color\:var\(--tooltip-color\)\] {
-    color: var(--tooltip-color);
-  }
   .text-\[unset\] {
     color: unset;
   }
-  .text-\[var\(--avatar-initials-color\)\] {
-    color: var(--avatar-initials-color);
-  }
-  .text-\[var\(--badge-color-default\)\] {
-    color: var(--badge-color-default);
-  }
-  .text-\[var\(--badge-color-error\)\] {
-    color: var(--badge-color-error);
-  }
-  .text-\[var\(--badge-color-primary\)\] {
-    color: var(--badge-color-primary);
-  }
-  .text-\[var\(--badge-color-secondary\)\] {
-    color: var(--badge-color-secondary);
-  }
-  .text-\[var\(--button-color\)\] {
-    color: var(--button-color);
-  }
-  .text-\[var\(--button-color-on-background\)\] {
-    color: var(--button-color-on-background);
-  }
-  .text-\[var\(--card-color\)\] {
-    color: var(--card-color);
-  }
-  .text-\[var\(--checkbox-label-color\)\] {
-    color: var(--checkbox-label-color);
-  }
-  .text-\[var\(--chip-color\)\] {
-    color: var(--chip-color);
-  }
-  .text-\[var\(--color-on-notification\)\] {
-    color: var(--color-on-notification);
-  }
-  .text-\[var\(--color-primary\)\] {
-    color: var(--color-primary);
-  }
-  .text-\[var\(--dialog-color\)\] {
-    color: var(--dialog-color);
-  }
-  .text-\[var\(--disabled-color\)\] {
-    color: var(--disabled-color);
-  }
-  .text-\[var\(--drawer-color\)\] {
-    color: var(--drawer-color);
-  }
-  .text-\[var\(--error-color\)\] {
-    color: var(--error-color);
-  }
-  .text-\[var\(--font-size-sm\)\] {
-    color: var(--font-size-sm);
-  }
-  .text-\[var\(--gray-100\)\] {
-    color: var(--gray-100);
-  }
-  .text-\[var\(--info-color\)\] {
-    color: var(--info-color);
-  }
-  .text-\[var\(--input-color\)\] {
-    color: var(--input-color);
-  }
-  .text-\[var\(--list-item-color\)\] {
-    color: var(--list-item-color);
-  }
-  .text-\[var\(--notification-color\)\] {
-    color: var(--notification-color);
-  }
-  .text-\[var\(--notification-color-error\)\] {
-    color: var(--notification-color-error);
-  }
-  .text-\[var\(--notification-color-success\)\] {
-    color: var(--notification-color-success);
-  }
-  .text-\[var\(--notification-color-warning\)\] {
-    color: var(--notification-color-warning);
-  }
-  .text-\[var\(--primary-color\)\] {
-    color: var(--primary-color);
-  }
-  .text-\[var\(--primary-color-hover\)\] {
-    color: var(--primary-color-hover);
-  }
-  .text-\[var\(--primary-heading-color\)\] {
-    color: var(--primary-heading-color);
-  }
-  .text-\[var\(--radio-label-color\)\] {
-    color: var(--radio-label-color);
-  }
-  .text-\[var\(--secondary-color\)\] {
-    color: var(--secondary-color);
-  }
-  .text-\[var\(--secondary-heading-color\)\] {
-    color: var(--secondary-heading-color);
-  }
-  .text-\[var\(--select-chip-color\)\] {
-    color: var(--select-chip-color);
-  }
-  .text-\[var\(--select-input-color\)\] {
-    color: var(--select-input-color);
-  }
-  .text-\[var\(--select-input-disabled-color\)\] {
-    color: var(--select-input-disabled-color);
-  }
-  .text-\[var\(--select-input-placeholder-color\)\] {
-    color: var(--select-input-placeholder-color);
-  }
-  .text-\[var\(--select-menu-item-active-color\)\] {
-    color: var(--select-menu-item-active-color);
-  }
-  .text-\[var\(--select-menu-item-color\)\] {
-    color: var(--select-menu-item-color);
-  }
-  .text-\[var\(--select-menu-item-selected-color\)\] {
-    color: var(--select-menu-item-selected-color);
-  }
-  .text-\[var\(--small-heading-color\)\] {
-    color: var(--small-heading-color);
-  }
-  .text-\[var\(--sub-color\)\] {
-    color: var(--sub-color);
-  }
-  .text-\[var\(--success-color\)\] {
-    color: var(--success-color);
-  }
-  .text-\[var\(--textarea-color\)\] {
-    color: var(--textarea-color);
-  }
-  .text-\[var\(--tooltip-color\)\] {
-    color: var(--tooltip-color);
-  }
-  .text-\[var\(--warning-color\)\] {
-    color: var(--warning-color);
-  }
   .text-black {
     color: var(--color-black);
   }
@@ -2964,12 +2266,6 @@
   .text-gray-100 {
     color: var(--color-gray-100);
   }
-  .text-gray-100\/60 {
-    color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-gray-100) 60%, transparent);
-    }
-  }
   .text-gray-300 {
     color: var(--color-gray-300);
   }
@@ -3033,16 +2329,6 @@
   .underline {
     text-decoration-line: underline;
   }
-  .placeholder-\[var\(--input-color-placeholder\)\] {
-    &::placeholder {
-      color: var(--input-color-placeholder);
-    }
-  }
-  .placeholder-\[var\(--textarea-color-placeholder\)\] {
-    &::placeholder {
-      color: var(--textarea-color-placeholder);
-    }
-  }
   .caret-transparent {
     caret-color: transparent;
   }
@@ -3076,9 +2362,6 @@
   .opacity-100 {
     opacity: 100%;
   }
-  .opacity-\[var\(--toggle-disabled-opacity\,0\.8\)\] {
-    opacity: var(--toggle-disabled-opacity,0.8);
-  }
   .mix-blend-luminosity {
     mix-blend-mode: luminosity;
   }
@@ -3208,64 +2491,31 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[border\:_var\(--avatar-border\)\] {
-    border:  var(--avatar-border);
-  }
-  .\[border\:_var\(--button-border\)\] {
-    border:  var(--button-border);
-  }
-  .\[border\:_var\(--card-border\)\] {
-    border:  var(--card-border);
-  }
-  .\[border\:_var\(--input-border\)\] {
-    border:  var(--input-border);
-  }
-  .\[border\:_var\(--radio-stroke-size\)_solid_var\(--radio-stroke\)\] {
-    border:  var(--radio-stroke-size) solid var(--radio-stroke);
-  }
-  .\[border\:_var\(--select-chip-border\)\] {
-    border:  var(--select-chip-border);
-  }
-  .\[border\:_var\(--select-input-border\)\] {
-    border:  var(--select-input-border);
-  }
-  .\[border\:_var\(--select-menu-border\)\] {
-    border:  var(--select-menu-border);
-  }
-  .\[border\:_var\(--textarea-border\)\] {
-    border:  var(--textarea-border);
-  }
-  .\[border\:_var\(--toggle-border\)\] {
-    border:  var(--toggle-border);
-  }
-  .\[border\:_var\(--toggle-border-checked\)\] {
-    border:  var(--toggle-border-checked);
-  }
-  .group-hover\:fill-blue-400 {
+  .group-hover\:opacity-50\! {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        fill: var(--color-blue-400);
+        opacity: 50% !important;
       }
     }
   }
-  .group-hover\:stroke-black {
-    &:is(:where(.group):hover *) {
+  .group-hover\/checkbox\:fill-blue-400 {
+    &:is(:where(.group\/checkbox):hover *) {
       @media (hover: hover) {
-        stroke: var(--color-black);
+        fill: var(--color-blue-400);
       }
     }
   }
-  .group-hover\:text-gray-100 {
-    &:is(:where(.group):hover *) {
+  .group-hover\/checkbox\:stroke-black {
+    &:is(:where(.group\/checkbox):hover *) {
       @media (hover: hover) {
-        color: var(--color-gray-100);
+        stroke: var(--color-black);
       }
     }
   }
-  .group-hover\:opacity-50\! {
-    &:is(:where(.group):hover *) {
+  .group-hover\/checkbox\:text-gray-100 {
+    &:is(:where(.group\/checkbox):hover *) {
       @media (hover: hover) {
-        opacity: 50% !important;
+        color: var(--color-gray-100);
       }
     }
   }
@@ -3276,11 +2526,6 @@
       }
     }
   }
-  .placeholder\:text-\[var\(--input-color-placeholder\)\] {
-    &::placeholder {
-      color: var(--input-color-placeholder);
-    }
-  }
   .before\:font-normal {
     &::before {
       content: var(--tw-content);
@@ -3372,6 +2617,11 @@
       content: var(--tw-content);
     }
   }
+  .first\:mt-0 {
+    &:first-child {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .first\:rounded-s {
     &:first-child {
       border-start-start-radius: 0.25rem;
@@ -3420,11 +2670,6 @@
       cursor: not-allowed;
     }
   }
-  .focus-within\:border-\[var\(--input-border-focus\)\] {
-    &:focus-within {
-      border-color: var(--input-border-focus);
-    }
-  }
   .focus-within\:outline-hidden {
     &:focus-within {
       --tw-outline-style: none;
@@ -3539,41 +2784,6 @@
       }
     }
   }
-  .hover\:border-\[var\(--button-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--button-background-hover);
-      }
-    }
-  }
-  .hover\:border-\[var\(--error-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--error-background-hover);
-      }
-    }
-  }
-  .hover\:border-\[var\(--secondary-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--secondary-background-hover);
-      }
-    }
-  }
-  .hover\:border-\[var\(--success-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--success-background-hover);
-      }
-    }
-  }
-  .hover\:border-\[var\(--warning-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--warning-background-hover);
-      }
-    }
-  }
   .hover\:border-blue-500 {
     &:hover {
       @media (hover: hover) {
@@ -3595,69 +2805,6 @@
       }
     }
   }
-  .hover\:bg-\[var\(--button-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--button-background-hover);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--error-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--error-background-hover);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--list-item-background-active\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--list-item-background-active);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--primary-background\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary-background);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--primary-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary-background-hover);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--secondary-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--secondary-background-hover);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--select-menu-item-active-background\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--select-menu-item-active-background);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--success-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--success-background-hover);
-      }
-    }
-  }
-  .hover\:bg-\[var\(--warning-background-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--warning-background-hover);
-      }
-    }
-  }
   .hover\:bg-blue-100 {
     &:hover {
       @media (hover: hover) {
@@ -3747,62 +2894,6 @@
       }
     }
   }
-  .hover\:text-\[var\(--button-color-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--button-color-hover);
-      }
-    }
-  }
-  .hover\:text-\[var\(--list-item-color-active\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--list-item-color-active);
-      }
-    }
-  }
-  .hover\:text-\[var\(--primary-color-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--primary-color-hover);
-      }
-    }
-  }
-  .hover\:text-\[var\(--secondary-color-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--secondary-color-hover);
-      }
-    }
-  }
-  .hover\:text-\[var\(--select-menu-item-active-color\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--select-menu-item-active-color);
-      }
-    }
-  }
-  .hover\:text-\[var\(--success-color-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--success-color-hover);
-      }
-    }
-  }
-  .hover\:text-\[var\(--warning-color-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--warning-color-hover);
-      }
-    }
-  }
-  .hover\:text-\[var\(--warning-error-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--warning-error-hover);
-      }
-    }
-  }
   .hover\:text-black {
     &:hover {
       @media (hover: hover) {
@@ -3972,11 +3063,6 @@
       }
     }
   }
-  .focus\:border-\[var\(--textarea-border-focus\)\] {
-    &:focus {
-      border-color: var(--textarea-border-focus);
-    }
-  }
   .focus\:bg-\(image\:--button-gradient-focus\) {
     &:focus {
       background-image: var(--button-gradient-focus);
@@ -4029,11 +3115,6 @@
       cursor: not-allowed;
     }
   }
-  .disabled\:text-\[var\(--button-disabled-color-on-background\)\] {
-    &:disabled {
-      color: var(--button-disabled-color-on-background);
-    }
-  }
   .disabled\:text-gray-400 {
     &:disabled {
       color: var(--color-gray-400);
@@ -4053,13 +3134,6 @@
       padding-inline: calc(var(--spacing) * 4);
     }
   }
-  .data-\[variant\=filled\]\:disabled\:bg-\[var\(--disabled-background\)\] {
-    &[data-variant="filled"] {
-      &:disabled {
-        background-color: var(--disabled-background);
-      }
-    }
-  }
   .data-\[variant\=filled\]\:disabled\:bg-gray-600 {
     &[data-variant="filled"] {
       &:disabled {
@@ -4495,36 +3569,36 @@
       border-image: linear-gradient(to top right,#2F6AFF,#0B0B11) 10;
     }
   }
-  .dark\:group-hover\:stroke-blue-300 {
+  .dark\:group-hover\/checkbox\:stroke-blue-300 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           stroke: var(--color-blue-300);
         }
       }
     }
   }
-  .dark\:group-hover\:stroke-gray-500 {
+  .dark\:group-hover\/checkbox\:stroke-gray-500 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           stroke: var(--color-gray-500);
         }
       }
     }
   }
-  .dark\:group-hover\:text-blue-300 {
+  .dark\:group-hover\/checkbox\:text-blue-300 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           color: var(--color-blue-300);
         }
       }
     }
   }
-  .dark\:group-hover\:text-gray-600 {
+  .dark\:group-hover\/checkbox\:text-gray-600 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           color: var(--color-gray-600);
         }
@@ -4835,54 +3909,54 @@
       border-image: linear-gradient(to top right,#105EFF,#F7F7FA) 10;
     }
   }
-  .light\:group-hover\:fill-blue-600 {
+  .light\:group-hover\/checkbox\:fill-blue-600 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           fill: var(--color-blue-600);
         }
       }
     }
   }
-  .light\:group-hover\:stroke-blue-600 {
+  .light\:group-hover\/checkbox\:stroke-blue-600 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           stroke: var(--color-blue-600);
         }
       }
     }
   }
-  .light\:group-hover\:stroke-gray-400 {
+  .light\:group-hover\/checkbox\:stroke-gray-400 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           stroke: var(--color-gray-400);
         }
       }
     }
   }
-  .light\:group-hover\:stroke-white {
+  .light\:group-hover\/checkbox\:stroke-white {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           stroke: var(--color-white);
         }
       }
     }
   }
-  .light\:group-hover\:text-blue-400 {
+  .light\:group-hover\/checkbox\:text-blue-400 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           color: var(--color-blue-400);
         }
       }
     }
   }
-  .light\:group-hover\:text-gray-400 {
+  .light\:group-hover\/checkbox\:text-gray-400 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           color: var(--color-gray-400);
         }
@@ -5112,9 +4186,9 @@
       fill: var(--color-gray-400);
     }
   }
-  .light\:group-hover\:\[\&\.disabled\]\:fill-gray-400 {
+  .light\:group-hover\/checkbox\:\[\&\.disabled\]\:fill-gray-400 {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      &:is(:where(.group):hover *) {
+      &:is(:where(.group\/checkbox):hover *) {
         @media (hover: hover) {
           &.disabled {
             fill: var(--color-gray-400);
@@ -5137,6 +4211,11 @@
       }
     }
   }
+  .\[\&\:not\(\:first-child\)\]\:mt-6 {
+    &:not(:first-child) {
+      margin-top: calc(var(--spacing) * 6);
+    }
+  }
   .\[\&\>div\]\:max-w-full {
     &>div {
       max-width: 100%;
@@ -5186,26 +4265,6 @@
       height: calc(var(--spacing) * 5);
     }
   }
-  .\[\&\>svg\]\:h-\[var\(--button-adornment-size-lg\)\] {
-    &>svg {
-      height: var(--button-adornment-size-lg);
-    }
-  }
-  .\[\&\>svg\]\:h-\[var\(--button-adornment-size-md\)\] {
-    &>svg {
-      height: var(--button-adornment-size-md);
-    }
-  }
-  .\[\&\>svg\]\:h-\[var\(--button-adornment-size-sm\)\] {
-    &>svg {
-      height: var(--button-adornment-size-sm);
-    }
-  }
-  .\[\&\>svg\]\:h-\[var\(--input-adornment-size\)\] {
-    &>svg {
-      height: var(--input-adornment-size);
-    }
-  }
   .\[\&\>svg\]\:h-full {
     &>svg {
       height: 100%;
@@ -5226,26 +4285,6 @@
       width: calc(var(--spacing) * 5);
     }
   }
-  .\[\&\>svg\]\:w-\[var\(--button-adornment-size-lg\)\] {
-    &>svg {
-      width: var(--button-adornment-size-lg);
-    }
-  }
-  .\[\&\>svg\]\:w-\[var\(--button-adornment-size-md\)\] {
-    &>svg {
-      width: var(--button-adornment-size-md);
-    }
-  }
-  .\[\&\>svg\]\:w-\[var\(--button-adornment-size-sm\)\] {
-    &>svg {
-      width: var(--button-adornment-size-sm);
-    }
-  }
-  .\[\&\>svg\]\:w-\[var\(--input-adornment-size\)\] {
-    &>svg {
-      width: var(--input-adornment-size);
-    }
-  }
   .\[\&\>svg\]\:w-full {
     &>svg {
       width: 100%;
@@ -5256,26 +4295,6 @@
       flex-shrink: 0;
     }
   }
-  .\[\&\>svg\]\:fill-\[var\(--chip-color\)\] {
-    &>svg {
-      fill: var(--chip-color);
-    }
-  }
-  .\[\&\>svg\]\:fill-\[var\(--input-adornment-fill\)\] {
-    &>svg {
-      fill: var(--input-adornment-fill);
-    }
-  }
-  .\[\&\>svg\]\:fill-\[var\(--select-chip-icon-color\)\] {
-    &>svg {
-      fill: var(--select-chip-icon-color);
-    }
-  }
-  .\[\&\>svg\]\:fill-\[var\(--select-input-icon-color\)\] {
-    &>svg {
-      fill: var(--select-input-icon-color);
-    }
-  }
   .\[\&\>svg\]\:align-baseline {
     &>svg {
       vertical-align: baseline;
@@ -5436,6 +4455,10 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -5656,6 +4679,7 @@ body {
       --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;