reachat 3.0.0 → 3.2.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;
@@ -91,13 +92,13 @@
     --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;
@@ -105,6 +106,7 @@
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --blur-md: 12px;
     --default-transition-duration: 150ms;
@@ -339,9 +341,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);
   }
@@ -384,9 +383,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;
   }
@@ -441,21 +437,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;
   }
@@ -480,12 +461,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;
   }
@@ -522,9 +497,6 @@
   .my-14 {
     margin-block: calc(var(--spacing) * 14);
   }
-  .my-\[var\(--divider-spacing\)\] {
-    margin-block: var(--divider-spacing);
-  }
   .my-auto {
     margin-block: auto;
   }
@@ -591,12 +563,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;
   }
@@ -645,21 +611,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;
   }
@@ -672,6 +623,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);
   }
@@ -687,15 +641,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;
   }
@@ -848,60 +793,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;
   }
@@ -1091,38 +982,8 @@
   .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-\[800px\] {
+    width: 800px;
   }
   .w-auto {
     width: auto;
@@ -1139,6 +1000,9 @@
   .w-px {
     width: 1px;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
   .max-w-10 {
     max-width: calc(var(--spacing) * 10);
   }
@@ -1282,6 +1146,9 @@
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
+  .rotate-45 {
+    rotate: 45deg;
+  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -1319,6 +1186,9 @@
   .resize-none {
     resize: none;
   }
+  .scroll-m-20 {
+    scroll-margin: calc(var(--spacing) * 20);
+  }
   .list-decimal {
     list-style-type: decimal;
   }
@@ -1358,9 +1228,6 @@
   .flex-col {
     flex-direction: column;
   }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
   .flex-row {
     flex-direction: row;
   }
@@ -1445,18 +1312,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;
@@ -1558,57 +1413,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);
   }
@@ -1681,10 +1485,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;
@@ -1693,6 +1493,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -1705,6 +1509,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;
@@ -1717,69 +1525,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);
   }
@@ -1849,135 +1597,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);
   }
@@ -2032,6 +1651,9 @@
   .bg-green-800 {
     background-color: var(--color-green-800);
   }
+  .bg-inherit {
+    background-color: inherit;
+  }
   .bg-lime-600 {
     background-color: var(--color-lime-600);
   }
@@ -2181,12 +1803,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);
   }
@@ -2196,9 +1812,6 @@
   .fill-transparent {
     fill: transparent;
   }
-  .stroke-\[var\(--checkbox-check-stroke\)\] {
-    stroke: var(--checkbox-check-stroke);
-  }
   .stroke-black {
     stroke: var(--color-black);
   }
@@ -2217,27 +1830,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);
   }
@@ -2301,27 +1893,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;
   }
@@ -2379,12 +1950,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);
   }
@@ -2427,9 +1992,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);
   }
@@ -2445,36 +2007,18 @@
   .pt-2\.5 {
     padding-top: calc(var(--spacing) * 2.5);
   }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
   .pt-7 {
     padding-top: calc(var(--spacing) * 7);
   }
   .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);
   }
@@ -2493,21 +2037,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);
   }
@@ -2532,33 +2061,18 @@
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
+  .pb-8 {
+    padding-bottom: calc(var(--spacing) * 8);
+  }
   .pb-\[10px\] {
     padding-bottom: 10px;
   }
   .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);
   }
@@ -2574,24 +2088,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;
   }
@@ -2604,18 +2106,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);
   }
@@ -2666,33 +2156,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;
   }
@@ -2705,9 +2168,6 @@
   .text-\[32px\] {
     font-size: 32px;
   }
-  .text-\[40px\] {
-    font-size: 40px;
-  }
   .text-\[400px\] {
     font-size: 400px;
   }
@@ -2723,6 +2183,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;
@@ -2779,39 +2243,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);
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
   }
-  .\[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);
-  }
-  .\[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;
@@ -2831,150 +2268,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);
   }
@@ -2990,12 +2286,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);
   }
@@ -3059,16 +2349,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;
   }
@@ -3102,9 +2382,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;
   }
@@ -3112,6 +2389,10 @@
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_4px_20px_0_\#e1e2e333_inset\] {
+    --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, #e1e2e333) inset;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.20\)\] {
     --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.20));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3214,6 +2495,10 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .will-change-\[border-color\] {
     will-change: border-color;
   }
@@ -3234,64 +2519,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);
       }
     }
   }
@@ -3302,11 +2554,6 @@
       }
     }
   }
-  .placeholder\:text-\[var\(--input-color-placeholder\)\] {
-    &::placeholder {
-      color: var(--input-color-placeholder);
-    }
-  }
   .before\:font-normal {
     &::before {
       content: var(--tw-content);
@@ -3398,6 +2645,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;
@@ -3446,11 +2698,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;
@@ -3565,41 +2812,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) {
@@ -3621,66 +2833,10 @@
       }
     }
   }
-  .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\:border-transparent {
     &: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);
+        border-color: transparent;
       }
     }
   }
@@ -3773,62 +2929,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) {
@@ -3998,11 +3098,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);
@@ -4055,11 +3150,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);
@@ -4079,13 +3169,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 {
@@ -4320,14 +3403,6 @@
       background-color: var(--color-gray-700);
     }
   }
-  .dark\:bg-gray-700\/50 {
-    &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
-      }
-    }
-  }
   .dark\:bg-gray-800 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-gray-800);
@@ -4521,36 +3596,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);
         }
@@ -4861,54 +3936,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);
         }
@@ -5138,9 +4213,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);
@@ -5163,6 +4238,11 @@
       }
     }
   }
+  .\[\&\:not\(\:first-child\)\]\:mt-6 {
+    &:not(:first-child) {
+      margin-top: calc(var(--spacing) * 6);
+    }
+  }
   .\[\&\>div\]\:max-w-full {
     &>div {
       max-width: 100%;
@@ -5212,26 +4292,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%;
@@ -5252,26 +4312,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%;
@@ -5282,26 +4322,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;
@@ -5462,6 +4482,10 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -5682,6 +4706,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%;