@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/styles.css

@@ -319,6 +319,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .collapse {
+    visibility: collapse;
+  }
   .invisible {
     visibility: hidden;
   }
@@ -480,9 +483,15 @@
   .z-0 {
     z-index: 0;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-2 {
     z-index: 2;
   }
+  .z-3 {
+    z-index: 3;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -516,6 +525,9 @@
   .order-last {
     order: 9999;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .col-start-2 {
     grid-column-start: 2;
   }
@@ -546,6 +558,9 @@
       max-width: 96rem;
     }
   }
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
   .container {
     margin-inline: auto;
     width: 100%;
@@ -557,6 +572,9 @@
   .-mx-\(--sheet-padding-x\) {
     margin-inline: calc(var(--sheet-padding-x) * -1);
   }
+  .mx-0 {
+    margin-inline: 0;
+  }
   .mx-1 {
     margin-inline: var(--spacing);
   }
@@ -575,12 +593,18 @@
   .my-1 {
     margin-block: var(--spacing);
   }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
   .mt-1 {
     margin-top: var(--spacing);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -671,6 +695,9 @@
   .inline-grid {
     display: inline-grid;
   }
+  .list-item {
+    display: list-item;
+  }
   .table {
     display: table;
   }
@@ -747,6 +774,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+    height: calc(var(--spacing) * 4.5);
+  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -822,6 +853,9 @@
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
+  .h-1 {
+    height: var(--spacing);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -882,9 +916,6 @@
   .h-\[calc\(--spacing\(5\.25\)\)\] {
     height: calc(calc(var(--spacing) * 5.25));
   }
-  .h-\[calc\(100\%-2px\)\] {
-    height: calc(100% - 2px);
-  }
   .h-\[calc\(100lvh-3\.5rem\)\] {
     height: calc(100lvh - 3.5rem);
   }
@@ -912,6 +943,12 @@
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
+  .max-h-80 {
+    max-height: calc(var(--spacing) * 80);
+  }
+  .max-h-\[68vh\] {
+    max-height: 68vh;
+  }
   .max-h-\[calc\(100dvh-5rem\)\] {
     max-height: calc(100dvh - 5rem);
   }
@@ -972,6 +1009,9 @@
   .min-h-48 {
     min-height: calc(var(--spacing) * 48);
   }
+  .min-h-60 {
+    min-height: calc(var(--spacing) * 60);
+  }
   .min-h-70 {
     min-height: calc(var(--spacing) * 70);
   }
@@ -1008,6 +1048,12 @@
   .w-0\.5 {
     width: calc(var(--spacing) * 0.5);
   }
+  .w-1 {
+    width: var(--spacing);
+  }
+  .w-2\/5 {
+    width: calc(2 / 5 * 100%);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -1017,6 +1063,9 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-4\/5 {
+    width: calc(4 / 5 * 100%);
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -1038,6 +1087,9 @@
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -1047,15 +1099,24 @@
   .w-24 {
     width: calc(var(--spacing) * 24);
   }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
   .w-30 {
     width: calc(var(--spacing) * 30);
   }
   .w-31 {
     width: calc(var(--spacing) * 31);
   }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
   .w-35 {
     width: calc(var(--spacing) * 35);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-65 {
     width: calc(var(--spacing) * 65);
   }
@@ -1068,6 +1129,9 @@
   .w-120 {
     width: calc(var(--spacing) * 120);
   }
+  .w-140 {
+    width: calc(var(--spacing) * 140);
+  }
   .w-160 {
     width: calc(var(--spacing) * 160);
   }
@@ -1131,15 +1195,9 @@
   .max-w-\[31rem\] {
     max-width: 31rem;
   }
-  .max-w-\[420px\] {
-    max-width: 420px;
-  }
   .max-w-\[520px\] {
     max-width: 520px;
   }
-  .max-w-\[600px\] {
-    max-width: 600px;
-  }
   .max-w-\[calc\(100vw-2\.5rem\)\] {
     max-width: calc(100vw - 2.5rem);
   }
@@ -1224,6 +1282,9 @@
   .min-w-48 {
     min-width: calc(var(--spacing) * 48);
   }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
   .min-w-\[calc\(var\(--anchor-width\)\)\] {
     min-width: calc(var(--anchor-width));
   }
@@ -1242,6 +1303,9 @@
   .basis-full {
     flex-basis: 100%;
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1315,6 +1379,10 @@
     --tw-translate-y: var(--active-tab-top);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\[-40\%\] {
+    --tw-translate-y: -40%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
@@ -1333,6 +1401,9 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
@@ -1348,6 +1419,9 @@
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
   .resize-none {
     resize: none;
   }
@@ -1378,6 +1452,15 @@
   .list-disc {
     list-style-type: disc;
   }
+  .\[appearance\:textfield\] {
+    appearance: textfield;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1393,6 +1476,9 @@
   .grid-cols-\[16px_minmax\(0\,1fr\)_24px\] {
     grid-template-columns: 16px minmax(0,1fr) 24px;
   }
+  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,max-content\)\] {
+    grid-template-columns: minmax(0,1fr) minmax(0,max-content);
+  }
   .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
   }
@@ -1514,6 +1600,27 @@
       margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-1 {
     column-gap: var(--spacing);
   }
@@ -1557,9 +1664,26 @@
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
+  .gap-y-6 {
+    row-gap: calc(var(--spacing) * 6);
+  }
   .gap-y-gdt-xl {
     row-gap: var(--spacing-gdt-xl);
   }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-line-subtle {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-line-subtle);
+    }
+  }
   .self-center {
     align-self: center;
   }
@@ -1616,6 +1740,9 @@
   .rounded-4xl {
     border-radius: var(--radius-4xl);
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1634,12 +1761,18 @@
   .rounded-\[18px\] {
     border-radius: 18px;
   }
+  .rounded-\[20px\] {
+    border-radius: 20px;
+  }
   .rounded-\[32px\] {
     border-radius: 32px;
   }
   .rounded-\[100px\] {
     border-radius: 100px;
   }
+  .rounded-\[inherit\] {
+    border-radius: inherit;
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -1861,6 +1994,9 @@
   .bg-line {
     background-color: var(--color-line);
   }
+  .bg-line-focus {
+    background-color: var(--color-line-focus);
+  }
   .bg-line-subtle {
     background-color: var(--color-line-subtle);
   }
@@ -2068,6 +2204,9 @@
   .px-18 {
     padding-inline: calc(var(--spacing) * 18);
   }
+  .px-\[9px\] {
+    padding-inline: 9px;
+  }
   .px-gdt-5xl {
     padding-inline: var(--spacing-gdt-5xl);
   }
@@ -2110,6 +2249,9 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-4\.5 {
+    padding-block: calc(var(--spacing) * 4.5);
+  }
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
@@ -2161,6 +2303,9 @@
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -2212,9 +2357,15 @@
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
+  .pb-3\.5 {
+    padding-bottom: calc(var(--spacing) * 3.5);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
@@ -2327,6 +2478,15 @@
   .text-\[1rem\] {
     font-size: 1rem;
   }
+  .text-\[2\.25rem\] {
+    font-size: 2.25rem;
+  }
+  .text-\[3\.875rem\] {
+    font-size: 3.875rem;
+  }
+  .text-\[3rem\] {
+    font-size: 3rem;
+  }
   .text-\[9px\] {
     font-size: 9px;
   }
@@ -2336,6 +2496,12 @@
   .text-\[11px\] {
     font-size: 11px;
   }
+  .text-\[13px\] {
+    font-size: 13px;
+  }
+  .text-\[15px\] {
+    font-size: 15px;
+  }
   .leading-3 {
     --tw-leading: calc(var(--spacing) * 3);
     line-height: calc(var(--spacing) * 3);
@@ -2384,6 +2550,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.02em\] {
+    --tw-tracking: -0.02em;
+    letter-spacing: -0.02em;
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -2537,6 +2707,10 @@
     --tw-shadow: var(--elevation-e2-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\(--shadow-3\) {
+    --tw-shadow: var(--shadow-3);
+    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_0px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
     --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2606,6 +2780,12 @@
       --tw-ring-color: color-mix(in oklab, var(--color-fg-on-brand) 10%, transparent);
     }
   }
+  .ring-line-danger\/35 {
+    --tw-ring-color: color-mix(in srgb, #ef4444 35%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-line-danger) 35%, transparent);
+    }
+  }
   .ring-line-focus\/35 {
     --tw-ring-color: color-mix(in srgb, #2563eb 35%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2640,6 +2820,9 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .backdrop-blur-\[1px\] {
     --tw-backdrop-blur: blur(1px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -2675,6 +2858,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,border-color\,box-shadow\,filter\,transform\] {
+    transition-property: background-color,border-color,box-shadow,filter,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,border-color\,box-shadow\,opacity\] {
     transition-property: background-color,border-color,box-shadow,opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2730,11 +2918,21 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\,opacity\,box-shadow\] {
+    transition-property: background-color,color,opacity,box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,color\] {
     transition-property: background-color,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,filter\] {
+    transition-property: background-color,filter;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\] {
     transition-property: background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2745,6 +2943,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[border-color\,box-shadow\,color\] {
+    transition-property: border-color,box-shadow,color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[border-color\,box-shadow\] {
     transition-property: border-color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3103,6 +3306,26 @@
       width: 100%;
     }
   }
+  .group-focus-within\/input-group\:mr-px {
+    &:is(:where(.group\/input-group):focus-within *) {
+      margin-right: 1px;
+    }
+  }
+  .group-focus-within\/input-group\:ml-px {
+    &:is(:where(.group\/input-group):focus-within *) {
+      margin-left: 1px;
+    }
+  }
+  .group-focus-within\/input-group\:h-\[calc\(100\%\+2px\)\] {
+    &:is(:where(.group\/input-group):focus-within *) {
+      height: calc(100% + 2px);
+    }
+  }
+  .group-focus-within\/input-group\:h-\[calc\(100\%-2px\)\] {
+    &:is(:where(.group\/input-group):focus-within *) {
+      height: calc(100% - 2px);
+    }
+  }
   .group-focus-within\/input-group\:bg-line-focus {
     &:is(:where(.group\/input-group):focus-within *) {
       background-color: var(--color-line-focus);
@@ -3175,6 +3398,21 @@
       opacity: 100%;
     }
   }
+  .group-active\:bg-surface-raised {
+    &:is(:where(.group):active *) {
+      background-color: var(--color-surface-raised);
+    }
+  }
+  .group-disabled\/list-item\:bg-action-tertiary {
+    &:is(:where(.group\/list-item):disabled *) {
+      background-color: var(--color-action-tertiary);
+    }
+  }
+  .group-disabled\/list-item\:text-fg-caption-placeholder {
+    &:is(:where(.group\/list-item):disabled *) {
+      color: var(--color-fg-caption-placeholder);
+    }
+  }
   .group-has-disabled\/input-group\:bg-line-subtle {
     &:is(:where(.group\/input-group):has(*:disabled) *) {
       background-color: var(--color-line-subtle);
@@ -3243,6 +3481,16 @@
       display: none;
     }
   }
+  .group-aria-disabled\/list-item\:bg-action-tertiary {
+    &:is(:where(.group\/list-item)[aria-disabled="true"] *) {
+      background-color: var(--color-action-tertiary);
+    }
+  }
+  .group-aria-disabled\/list-item\:text-fg-caption-placeholder {
+    &:is(:where(.group\/list-item)[aria-disabled="true"] *) {
+      color: var(--color-fg-caption-placeholder);
+    }
+  }
   .group-aria-expanded\/accordion-trigger\:rotate-90 {
     &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
       rotate: 90deg;
@@ -3268,6 +3516,11 @@
       color: var(--color-fg-caption-placeholder);
     }
   }
+  .group-data-disabled\/purchase-option-card\:text-fg-caption-placeholder {
+    &:is(:where(.group\/purchase-option-card)[data-disabled] *) {
+      color: var(--color-fg-caption-placeholder);
+    }
+  }
   .group-data-disabled\/select-item\:border-line-subtle {
     &:is(:where(.group\/select-item)[data-disabled] *) {
       border-color: var(--color-line-subtle);
@@ -3298,6 +3551,11 @@
       color: var(--color-fg-primary);
     }
   }
+  .group-data-popup-open\:rotate-180 {
+    &:is(:where(.group)[data-popup-open] *) {
+      rotate: 180deg;
+    }
+  }
   .group-data-popup-open\/combobox-trigger\:rotate-180 {
     &:is(:where(.group\/combobox-trigger)[data-popup-open] *) {
       rotate: 180deg;
@@ -3562,9 +3820,9 @@
       border-color: var(--color-line-subtle);
     }
   }
-  .group-data-\[popup-open\]\/tab-list-more\:rotate-180 {
-    &:is(:where(.group\/tab-list-more)[data-popup-open] *) {
-      rotate: 180deg;
+  .group-data-\[selected\=true\]\/list-item\:text-fg-brand {
+    &:is(:where(.group\/list-item)[data-selected="true"] *) {
+      color: var(--color-fg-brand);
     }
   }
   .group-data-\[side\=bottom\]\/sheet-content\:-top-10 {
@@ -3805,6 +4063,35 @@
       padding-left: calc(var(--spacing) * 4);
     }
   }
+  .group-data-\[size\=lg\]\/list-item\:size-6 {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .group-data-\[size\=lg\]\/list-item\:size-10 {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .group-data-\[size\=lg\]\/list-item\:min-h-6 {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      min-height: calc(var(--spacing) * 6);
+    }
+  }
+  .group-data-\[size\=lg\]\/list-item\:text-gdt-md {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      font-size: var(--text-gdt-md);
+      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+    }
+  }
+  .group-data-\[size\=lg\]\/list-item\:text-gdt-sm {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
   .group-data-\[size\=lg\]\/progress\:h-2 {
     &:is(:where(.group\/progress)[data-size="lg"] *) {
       height: calc(var(--spacing) * 2);
@@ -3847,6 +4134,39 @@
       line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
     }
   }
+  .group-data-\[size\=lg\]\/table-card\:text-gdt-lg {
+    &:is(:where(.group\/table-card)[data-size="lg"] *) {
+      font-size: var(--text-gdt-lg);
+      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:h-5 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:min-w-5 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      min-width: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:px-1\.5 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:text-gdt-md {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      font-size: var(--text-gdt-md);
+      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:text-gdt-xs {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
   .group-data-\[size\=lg\]\/testimonial-block\:size-12 {
     &:is(:where(.group\/testimonial-block)[data-size="lg"] *) {
       width: calc(var(--spacing) * 12);
@@ -4007,6 +4327,35 @@
       padding-left: calc(var(--spacing) * 3.5);
     }
   }
+  .group-data-\[size\=md\]\/list-item\:size-5 {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=md\]\/list-item\:size-8 {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      width: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 8);
+    }
+  }
+  .group-data-\[size\=md\]\/list-item\:min-h-5\.5 {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      min-height: calc(var(--spacing) * 5.5);
+    }
+  }
+  .group-data-\[size\=md\]\/list-item\:text-gdt-sm {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .group-data-\[size\=md\]\/list-item\:text-gdt-xs {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
   .group-data-\[size\=md\]\/progress\:h-1\.5 {
     &:is(:where(.group\/progress)[data-size="md"] *) {
       height: calc(var(--spacing) * 1.5);
@@ -4049,6 +4398,32 @@
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
   }
+  .group-data-\[size\=md\]\/tabs\:h-5 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=md\]\/tabs\:min-w-5 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      min-width: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=md\]\/tabs\:px-1 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      padding-inline: var(--spacing);
+    }
+  }
+  .group-data-\[size\=md\]\/tabs\:text-gdt-sm {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .group-data-\[size\=md\]\/tabs\:text-\[11px\] {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      font-size: 11px;
+    }
+  }
   .group-data-\[size\=md\]\/testimonial-block\:size-12 {
     &:is(:where(.group\/testimonial-block)[data-size="md"] *) {
       width: calc(var(--spacing) * 12);
@@ -4216,6 +4591,32 @@
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
   }
+  .group-data-\[size\=sm\]\/tabs\:h-4 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .group-data-\[size\=sm\]\/tabs\:min-w-4 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      min-width: calc(var(--spacing) * 4);
+    }
+  }
+  .group-data-\[size\=sm\]\/tabs\:px-1 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      padding-inline: var(--spacing);
+    }
+  }
+  .group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
+  .group-data-\[size\=sm\]\/tabs\:text-\[10px\] {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      font-size: 10px;
+    }
+  }
   .group-data-\[size\=sm\]\/testimonial-block\:size-8 {
     &:is(:where(.group\/testimonial-block)[data-size="sm"] *) {
       width: calc(var(--spacing) * 8);
@@ -4253,6 +4654,33 @@
       background-color: var(--color-surface-brand-subtle);
     }
   }
+  .group-data-\[state\=selected\]\:group-hover\:bg-surface-brand-subtle {
+    &:is(:where(.group)[data-state="selected"] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          background-color: var(--color-surface-brand-subtle);
+        }
+      }
+    }
+  }
+  .group-data-\[state\=selected\]\:group-hover\:brightness-95 {
+    &:is(:where(.group)[data-state="selected"] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          --tw-brightness: brightness(95%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
+  .group-data-\[state\=selected\]\:group-active\:brightness-90 {
+    &:is(:where(.group)[data-state="selected"] *) {
+      &:is(:where(.group):active *) {
+        --tw-brightness: brightness(90%);
+        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+      }
+    }
+  }
   .group-data-\[tone\=brand\]\/cta\:text-fg-on-brand {
     &:is(:where(.group\/cta)[data-tone="brand"] *) {
       color: var(--color-fg-on-brand);
@@ -4353,22 +4781,6 @@
       background-color: var(--color-surface-raised);
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:px-4 {
-    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-  }
-  .group-data-\[variant\=secondary\]\/tabs-list\:py-3 {
-    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      padding-block: calc(var(--spacing) * 3);
-    }
-  }
-  .group-data-\[variant\=secondary\]\/tabs-list\:text-gdt-md {
-    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      font-size: var(--text-gdt-md);
-      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
-    }
-  }
   .group-data-\[variant\=secondary\]\/tabs-list\:text-fg-secondary {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
       color: var(--color-fg-secondary);
@@ -4388,45 +4800,71 @@
       }
     }
   }
-  .group-data-\[variant\=surface\]\/accordion\:bg-surface {
-    &:is(:where(.group\/accordion)[data-variant="surface"] *) {
-      background-color: var(--color-surface);
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+        padding-inline: calc(var(--spacing) * 4);
+      }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:-mb-px {
-    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      margin-bottom: -1px;
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-2 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+        padding-block: calc(var(--spacing) * 2);
+      }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:rounded-none {
-    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      border-radius: 0;
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="md"] *) {
+        padding-inline: calc(var(--spacing) * 3.5);
+      }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:bg-line-focus {
-    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      background-color: var(--color-line-focus);
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="md"] *) {
+        padding-block: calc(var(--spacing) * 1.5);
+      }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:bg-surface-raised {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+        padding-inline: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
+    &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
+      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+        padding-block: var(--spacing);
+      }
+    }
+  }
+  .group-data-\[variant\=surface\]\/accordion\:bg-surface {
+    &:is(:where(.group\/accordion)[data-variant="surface"] *) {
+      background-color: var(--color-surface);
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:-mb-px {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      background-color: var(--color-surface-raised);
+      margin-bottom: -1px;
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:px-4 {
+  .group-data-\[variant\=underline\]\/tabs-list\:rounded-none {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      padding-inline: calc(var(--spacing) * 4);
+      border-radius: 0;
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:py-3 {
+  .group-data-\[variant\=underline\]\/tabs-list\:bg-line-focus {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      padding-block: calc(var(--spacing) * 3);
+      background-color: var(--color-line-focus);
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:text-gdt-md {
+  .group-data-\[variant\=underline\]\/tabs-list\:bg-surface-raised {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      font-size: var(--text-gdt-md);
-      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+      background-color: var(--color-surface-raised);
     }
   }
   .group-data-\[variant\=underline\]\/tabs-list\:text-fg-secondary {
@@ -4512,6 +4950,48 @@
       }
     }
   }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+        padding-inline: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-1\.5 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+        padding-block: calc(var(--spacing) * 1.5);
+      }
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="md"] *) {
+        padding-inline: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="md"] *) {
+        padding-block: calc(var(--spacing) * 1.5);
+      }
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+        padding-inline: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
+    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
+      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+        padding-block: var(--spacing);
+      }
+    }
+  }
   .group-\[\[data-icons\=false\]\[data-orientation\=vertical\]\]\/details-card-body\:col-start-1 {
     &:is(:where(.group\/details-card-body):is([data-icons=false][data-orientation=vertical]) *) {
       grid-column-start: 1;
@@ -4709,6 +5189,12 @@
       pointer-events: auto;
     }
   }
+  .after\:pointer-events-none {
+    &::after {
+      content: var(--tw-content);
+      pointer-events: none;
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -4757,6 +5243,12 @@
       top: 100%;
     }
   }
+  .after\:right-0 {
+    &::after {
+      content: var(--tw-content);
+      right: 0;
+    }
+  }
   .after\:bottom-full {
     &::after {
       content: var(--tw-content);
@@ -4769,12 +5261,24 @@
       left: 0;
     }
   }
+  .after\:z-10 {
+    &::after {
+      content: var(--tw-content);
+      z-index: 10;
+    }
+  }
   .after\:h-\[calc\(var\(--gap\)\+1px\)\] {
     &::after {
       content: var(--tw-content);
       height: calc(var(--gap) + 1px);
     }
   }
+  .after\:w-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 0.5);
+    }
+  }
   .after\:w-\[2px\] {
     &::after {
       content: var(--tw-content);
@@ -4787,6 +5291,12 @@
       width: 100%;
     }
   }
+  .after\:bg-line {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-line);
+    }
+  }
   .after\:\[background-image\:radial-gradient\(currentColor_0\.7px\,transparent_0\.7px\)\] {
     &::after {
       content: var(--tw-content);
@@ -4819,6 +5329,17 @@
       }
     }
   }
+  .first\:border-t-0 {
+    &:first-child {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
+  .first\:pt-0 {
+    &:first-child {
+      padding-top: 0;
+    }
+  }
   .last\:mt-0 {
     &:last-child {
       margin-top: 0;
@@ -4835,6 +5356,11 @@
       border-bottom-width: 0px;
     }
   }
+  .last\:pb-0 {
+    &:last-child {
+      padding-bottom: 0;
+    }
+  }
   .odd\:h-36 {
     &:nth-child(odd) {
       height: calc(var(--spacing) * 36);
@@ -4896,6 +5422,13 @@
       }
     }
   }
+  .hover\:border-line {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-line);
+      }
+    }
+  }
   .hover\:border-line-strong {
     &:hover {
       @media (hover: hover) {
@@ -4903,6 +5436,13 @@
       }
     }
   }
+  .hover\:border-line-subtle {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-line-subtle);
+      }
+    }
+  }
   .hover\:border-transparent {
     &:hover {
       @media (hover: hover) {
@@ -4969,6 +5509,20 @@
       }
     }
   }
+  .hover\:bg-transparent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: transparent;
+      }
+    }
+  }
+  .hover\:text-action-secondary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-action-secondary);
+      }
+    }
+  }
   .hover\:text-fg-brand {
     &:hover {
       @media (hover: hover) {
@@ -5011,6 +5565,14 @@
       }
     }
   }
+  .hover\:shadow-none {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 0 #0000;
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .hover\:brightness-95 {
     &:hover {
       @media (hover: hover) {
@@ -5297,6 +5859,11 @@
       background-color: var(--color-surface-raised);
     }
   }
+  .active\:bg-transparent {
+    &:active {
+      background-color: transparent;
+    }
+  }
   .active\:text-fg-brand {
     &:active {
       color: var(--color-fg-brand);
@@ -5603,9 +6170,15 @@
       border-color: var(--color-line-focus);
     }
   }
-  .has-\[\[data-slot\=card-action\]\:focus-visible\]\:ring-line-focus {
+  .has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-1 {
     &:has(*:is([data-slot=card-action]:focus-visible)) {
-      --tw-ring-color: var(--color-line-focus);
+      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-line-focus {
+    &:has(*:is([data-slot=card-action]:focus-visible)) {
+      --tw-inset-ring-color: var(--color-line-focus);
     }
   }
   .has-\[\[data-slot\=card-action\]\:hover\]\:border-line-focus {
@@ -5624,6 +6197,27 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .has-\[\[data-slot\=table-card-action\]\]\:cursor-pointer {
+    &:has(*:is([data-slot=table-card-action])) {
+      cursor: pointer;
+    }
+  }
+  .has-\[\[data-slot\=table-card-action\]\:focus-visible\]\:border-line-focus {
+    &:has(*:is([data-slot=table-card-action]:focus-visible)) {
+      border-color: var(--color-line-focus);
+    }
+  }
+  .has-\[\[data-slot\=table-card-action\]\:focus-visible\]\:inset-ring-1 {
+    &:has(*:is([data-slot=table-card-action]:focus-visible)) {
+      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\[data-slot\=table-card-action\]\:focus-visible\]\:inset-ring-line-focus {
+    &:has(*:is([data-slot=table-card-action]:focus-visible)) {
+      --tw-inset-ring-color: var(--color-line-focus);
+    }
+  }
   .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-line-danger {
     &:has(*:is([data-slot][aria-invalid=true])) {
       border-color: var(--color-line-danger);
@@ -5635,6 +6229,20 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:border-line-danger {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:focus-within {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:inset-ring-line-danger {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:focus-within {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .has-\[\[role\=checkbox\]\]\:pr-0 {
     &:has(*:is([role=checkbox])) {
       padding-right: 0;
@@ -5810,6 +6418,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .aria-invalid\:ring-line-danger\/20 {
+    &[aria-invalid="true"] {
+      --tw-ring-color: color-mix(in srgb, #ef4444 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-line-danger) 20%, transparent);
+      }
+    }
+  }
   .aria-invalid\:placeholder\:text-fg-danger {
     &[aria-invalid="true"] {
       &::placeholder {
@@ -5817,6 +6433,28 @@
       }
     }
   }
+  .aria-invalid\:focus-visible\:border-line-danger {
+    &[aria-invalid="true"] {
+      &:focus-visible {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .aria-invalid\:focus-visible\:shadow-\[0px_0px_0px_2px_var\(--color-line-danger\)\] {
+    &[aria-invalid="true"] {
+      &:focus-visible {
+        --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, var(--color-line-danger));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .aria-invalid\:focus-visible\:inset-ring-line-danger {
+    &[aria-invalid="true"] {
+      &:focus-visible {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .aria-pressed\:bg-surface-brand {
     &[aria-pressed="true"] {
       background-color: var(--color-surface-brand);
@@ -5843,11 +6481,6 @@
       color: var(--color-fg-brand);
     }
   }
-  .data-active\:text-fg-primary {
-    &[data-active] {
-      color: var(--color-fg-primary);
-    }
-  }
   .group-data-\[variant\=secondary\]\/tabs-list\:data-active\:bg-surface-brand {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
       &[data-active] {
@@ -6123,6 +6756,11 @@
       padding-left: calc(var(--spacing) * 8);
     }
   }
+  .data-loading\:animate-pulse {
+    &[data-loading] {
+      animation: var(--animate-pulse);
+    }
+  }
   .data-open\:bg-surface {
     &[data-open] {
       background-color: var(--color-surface);
@@ -6529,6 +7167,48 @@
       color: var(--color-fg-danger);
     }
   }
+  .data-\[invalid\=true\]\:focus-visible\:border-line-danger {
+    &[data-invalid="true"] {
+      &:focus-visible {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-\[invalid\=true\]\:focus-visible\:inset-ring-line-danger {
+    &[data-invalid="true"] {
+      &:focus-visible {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-\[invalid\=true\]\:data-focused\:border-line-danger {
+    &[data-invalid="true"] {
+      &[data-focused] {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-\[invalid\=true\]\:data-focused\:inset-ring-line-danger {
+    &[data-invalid="true"] {
+      &[data-focused] {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-\[invalid\=true\]\:data-popup-open\:border-line-danger {
+    &[data-invalid="true"] {
+      &[data-popup-open] {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-\[invalid\=true\]\:data-popup-open\:inset-ring-line-danger {
+    &[data-invalid="true"] {
+      &[data-popup-open] {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .data-\[limited\]\:opacity-0 {
     &[data-limited] {
       opacity: 0%;
@@ -6810,6 +7490,11 @@
       }
     }
   }
+  .data-\[selected\=true\]\:bg-surface-brand-subtle {
+    &[data-selected="true"] {
+      background-color: var(--color-surface-brand-subtle);
+    }
+  }
   .data-\[shape\=full\]\:rounded-4xl {
     &[data-shape="full"] {
       border-radius: var(--radius-4xl);
@@ -7116,6 +7801,38 @@
       }
     }
   }
+  .\*\*\:data-\[slot\=avatar-fallback\]\:bg-action-tertiary {
+    :is(& *) {
+      &[data-slot="avatar-fallback"] {
+        background-color: var(--color-action-tertiary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-primary {
+    :is(& *) {
+      &[data-slot="avatar-fallback"] {
+        color: var(--color-fg-primary);
+      }
+    }
+  }
+  .group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:bg-surface-brand {
+    &:is(:where(.group\/list-item)[data-selected="true"] *) {
+      :is(& *) {
+        &[data-slot="avatar-fallback"] {
+          background-color: var(--color-surface-brand);
+        }
+      }
+    }
+  }
+  .group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-on-brand {
+    &:is(:where(.group\/list-item)[data-selected="true"] *) {
+      :is(& *) {
+        &[data-slot="avatar-fallback"] {
+          color: var(--color-fg-on-brand);
+        }
+      }
+    }
+  }
   .\*\*\:data-\[slot\=button\]\:w-full {
     :is(& *) {
       &[data-slot="button"] {
@@ -7291,6 +8008,33 @@
       background-color: var(--color-surface-brand-subtle);
     }
   }
+  .data-\[state\=selected\]\:hover\:bg-surface-brand-subtle {
+    &[data-state="selected"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-surface-brand-subtle);
+        }
+      }
+    }
+  }
+  .data-\[state\=selected\]\:hover\:brightness-95 {
+    &[data-state="selected"] {
+      &:hover {
+        @media (hover: hover) {
+          --tw-brightness: brightness(95%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
+  .data-\[state\=selected\]\:active\:brightness-90 {
+    &[data-state="selected"] {
+      &:active {
+        --tw-brightness: brightness(90%);
+        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+      }
+    }
+  }
   .data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateX\(calc\(var\(--anchor-x\)\+var\(--toast-swipe-movement-x\,0px\)\)\)_translateY\(calc\(var\(--anchor-y\)\+var\(--toast-swipe-movement-y\)\+150\%\)\)_scale\(var\(--scale\)\)\] {
     &[data-ending-style] {
       &[data-swipe-direction="down"] {
@@ -7449,66 +8193,6 @@
       flex-direction: column;
     }
   }
-  .max-sm\:px-3 {
-    @media (width < 40rem) {
-      padding-inline: calc(var(--spacing) * 3);
-    }
-  }
-  .max-sm\:py-2\.5 {
-    @media (width < 40rem) {
-      padding-block: calc(var(--spacing) * 2.5);
-    }
-  }
-  .max-sm\:text-gdt-sm {
-    @media (width < 40rem) {
-      font-size: var(--text-gdt-sm);
-      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
-    }
-  }
-  .max-sm\:group-data-\[variant\=secondary\]\/tabs-list\:px-3 {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-        padding-inline: calc(var(--spacing) * 3);
-      }
-    }
-  }
-  .max-sm\:group-data-\[variant\=secondary\]\/tabs-list\:py-2\.5 {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-        padding-block: calc(var(--spacing) * 2.5);
-      }
-    }
-  }
-  .max-sm\:group-data-\[variant\=secondary\]\/tabs-list\:text-gdt-sm {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-        font-size: var(--text-gdt-sm);
-        line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
-      }
-    }
-  }
-  .max-sm\:group-data-\[variant\=underline\]\/tabs-list\:px-3 {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-        padding-inline: calc(var(--spacing) * 3);
-      }
-    }
-  }
-  .max-sm\:group-data-\[variant\=underline\]\/tabs-list\:py-2\.5 {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-        padding-block: calc(var(--spacing) * 2.5);
-      }
-    }
-  }
-  .max-sm\:group-data-\[variant\=underline\]\/tabs-list\:text-gdt-sm {
-    @media (width < 40rem) {
-      &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-        font-size: var(--text-gdt-sm);
-        line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
-      }
-    }
-  }
   .sm\:top-4 {
     @media (width >= 40rem) {
       top: calc(var(--spacing) * 4);
@@ -7759,6 +8443,11 @@
       right: calc(var(--spacing) * 4);
     }
   }
+  .md\:col-span-2 {
+    @media (width >= 48rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
   .md\:col-start-1 {
     @media (width >= 48rem) {
       grid-column-start: 1;
@@ -7831,6 +8520,11 @@
       height: 380px;
     }
   }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .md\:grid-cols-3 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -7861,6 +8555,16 @@
       justify-content: space-between;
     }
   }
+  .md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
+  .md\:gap-2 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
   .md\:gap-3 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 3);
@@ -7908,6 +8612,12 @@
       font-weight: var(--tw-font-weight, var(--text-gdt-h4--font-weight));
     }
   }
+  .md\:text-gdt-lg {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-lg);
+      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+    }
+  }
   .md\:text-gdt-md {
     @media (width >= 48rem) {
       font-size: var(--text-gdt-md);
@@ -8065,6 +8775,11 @@
       }
     }
   }
+  .xl\:grid-cols-3 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .xl\:p-8 {
     @media (width >= 80rem) {
       padding: calc(var(--spacing) * 8);
@@ -8152,6 +8867,21 @@
       }
     }
   }
+  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-fg-caption-placeholder {
+    & .recharts-cartesian-axis-tick text {
+      fill: var(--color-fg-caption-placeholder);
+    }
+  }
+  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-line {
+    & .recharts-cartesian-grid line[stroke='#ccc'] {
+      stroke: var(--color-line);
+    }
+  }
+  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-line {
+    & .recharts-curve.recharts-tooltip-cursor {
+      stroke: var(--color-line);
+    }
+  }
   .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
     & .recharts-dot[stroke='#fff'] {
       stroke: transparent;
@@ -8167,6 +8897,26 @@
       }
     }
   }
+  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
+    & .recharts-polar-grid [stroke='#ccc'] {
+      stroke: var(--color-line);
+    }
+  }
+  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-surface-raised {
+    & .recharts-radial-bar-background-sector {
+      fill: var(--color-surface-raised);
+    }
+  }
+  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-surface-raised {
+    & .recharts-rectangle.recharts-tooltip-cursor {
+      fill: var(--color-surface-raised);
+    }
+  }
+  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
+    & .recharts-reference-line [stroke='#ccc'] {
+      stroke: var(--color-line);
+    }
+  }
   .\[\&_\.recharts-sector\]\:outline-hidden {
     & .recharts-sector {
       --tw-outline-style: none;
@@ -8204,6 +8954,21 @@
       }
     }
   }
+  .\[\&_a\]\:pointer-events-auto {
+    & a {
+      pointer-events: auto;
+    }
+  }
+  .\[\&_a\]\:relative {
+    & a {
+      position: relative;
+    }
+  }
+  .\[\&_a\]\:z-3 {
+    & a {
+      z-index: 3;
+    }
+  }
   .\[\&_a\]\:text-fg-brand {
     & a {
       color: var(--color-fg-brand);
@@ -8219,6 +8984,21 @@
       text-underline-offset: 3px;
     }
   }
+  .\[\&_button\]\:pointer-events-auto {
+    & button {
+      pointer-events: auto;
+    }
+  }
+  .\[\&_button\]\:relative {
+    & button {
+      position: relative;
+    }
+  }
+  .\[\&_button\]\:z-3 {
+    & button {
+      z-index: 3;
+    }
+  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -8275,6 +9055,11 @@
       color: currentcolor;
     }
   }
+  .\[\&_svg\]\:text-line-strong {
+    & svg {
+      color: var(--color-line-strong);
+    }
+  }
   .\[\&_svg\]\:text-white {
     & svg {
       color: var(--color-white);
@@ -8349,6 +9134,14 @@
       }
     }
   }
+  .group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
   .group-data-\[size\=md\]\/dialog-content\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 {
     &:is(:where(.group\/dialog-content)[data-size="md"] *) {
       & svg:not([class*='size-']) {
@@ -8357,6 +9150,14 @@
       }
     }
   }
+  .group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
   .group-data-\[size\=sm\]\/dialog-content\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
     &:is(:where(.group\/dialog-content)[data-size="sm"] *) {
       & svg:not([class*='size-']) {
@@ -8365,12 +9166,30 @@
       }
     }
   }
+  .group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
   .\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);
       border-width: 0px;
     }
   }
+  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
+    &::-webkit-inner-spin-button {
+      appearance: none;
+    }
+  }
+  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
+    &::-webkit-outer-spin-button {
+      appearance: none;
+    }
+  }
   .\[\&\:\:-webkit-scrollbar\]\:hidden {
     &::-webkit-scrollbar {
       display: none;
@@ -8452,6 +9271,53 @@
       }
     }
   }
+  .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:cursor-pointer {
+    &:is(button,a,[role=button],[role=link]) {
+      cursor: pointer;
+    }
+  }
+  .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:select-none {
+    &:is(button,a,[role=button],[role=link]) {
+      -webkit-user-select: none;
+      user-select: none;
+    }
+  }
+  .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-raised {
+    &:is(button,a,[role=button],[role=link]) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-surface-raised);
+        }
+      }
+    }
+  }
+  .\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-raised {
+    &:is(button,a,[role=button],[role=link]) {
+      &:active {
+        background-color: var(--color-surface-raised);
+      }
+    }
+  }
+  .data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-brand-subtle {
+    &[data-selected="true"] {
+      &:is(button,a,[role=button],[role=link]) {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-surface-brand-subtle);
+          }
+        }
+      }
+    }
+  }
+  .data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-brand-subtle {
+    &[data-selected="true"] {
+      &:is(button,a,[role=button],[role=link]) {
+        &:active {
+          background-color: var(--color-surface-brand-subtle);
+        }
+      }
+    }
+  }
   .\*\:\[span\]\:last\:flex {
     :is(& > *) {
       &:is(span) {
@@ -8881,6 +9747,14 @@
       }
     }
   }
+  .group-data-\[size\=lg\]\/list-item\:\[\&\>svg\]\:size-6 {
+    &:is(:where(.group\/list-item)[data-size="lg"] *) {
+      &>svg {
+        width: calc(var(--spacing) * 6);
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
   .group-data-\[size\=lg\]\/testimonial-block\:\[\&\>svg\]\:size-6 {
     &:is(:where(.group\/testimonial-block)[data-size="lg"] *) {
       &>svg {
@@ -8897,6 +9771,14 @@
       }
     }
   }
+  .group-data-\[size\=md\]\/list-item\:\[\&\>svg\]\:size-5 {
+    &:is(:where(.group\/list-item)[data-size="md"] *) {
+      &>svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .group-data-\[size\=md\]\/testimonial-block\:\[\&\>svg\]\:size-5 {
     &:is(:where(.group\/testimonial-block)[data-size="md"] *) {
       &>svg {
@@ -9288,6 +10170,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -9536,6 +10423,7 @@
       --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;