@giddaa-housing/ui 1.0.0 → 1.1.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;
   }
@@ -546,6 +555,9 @@
       max-width: 96rem;
     }
   }
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
   .container {
     margin-inline: auto;
     width: 100%;
@@ -557,6 +569,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 +590,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);
   }
@@ -747,6 +768,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 +847,9 @@
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
+  .h-1 {
+    height: var(--spacing);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -912,6 +940,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 +1006,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 +1045,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 +1060,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 +1084,9 @@
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -1047,15 +1096,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 +1126,9 @@
   .w-120 {
     width: calc(var(--spacing) * 120);
   }
+  .w-140 {
+    width: calc(var(--spacing) * 140);
+  }
   .w-160 {
     width: calc(var(--spacing) * 160);
   }
@@ -1131,15 +1192,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 +1279,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));
   }
@@ -1315,6 +1373,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 +1395,9 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
@@ -1348,6 +1413,9 @@
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
   .resize-none {
     resize: none;
   }
@@ -1378,6 +1446,12 @@
   .list-disc {
     list-style-type: disc;
   }
+  .\[appearance\:textfield\] {
+    appearance: textfield;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1393,6 +1467,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 +1591,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);
   }
@@ -1560,6 +1658,20 @@
   .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 +1728,9 @@
   .rounded-4xl {
     border-radius: var(--radius-4xl);
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1634,12 +1749,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);
   }
@@ -1704,6 +1825,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-r-2 {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 2px;
+  }
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -1712,6 +1837,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-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1861,6 +1990,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);
   }
@@ -2215,6 +2347,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
@@ -2537,6 +2672,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 +2745,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 +2785,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 +2823,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));
@@ -2735,6 +2888,11 @@
     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 +2903,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));
@@ -3175,6 +3338,11 @@
       opacity: 100%;
     }
   }
+  .group-active\:bg-surface-raised {
+    &:is(:where(.group):active *) {
+      background-color: var(--color-surface-raised);
+    }
+  }
   .group-has-disabled\/input-group\:bg-line-subtle {
     &:is(:where(.group\/input-group):has(*:disabled) *) {
       background-color: var(--color-line-subtle);
@@ -3298,6 +3466,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,11 +3735,6 @@
       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-\[side\=bottom\]\/sheet-content\:-top-10 {
     &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
       top: calc(var(--spacing) * -10);
@@ -3847,6 +4015,49 @@
       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\:px-5 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+  }
+  .group-data-\[size\=lg\]\/tabs\:py-3 {
+    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
+  .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);
@@ -4049,6 +4260,42 @@
       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\:px-4 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .group-data-\[size\=md\]\/tabs\:py-2\.5 {
+    &:is(:where(.group\/tabs)[data-size="md"] *) {
+      padding-block: calc(var(--spacing) * 2.5);
+    }
+  }
+  .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 +4463,42 @@
       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\:px-3 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
+  .group-data-\[size\=sm\]\/tabs\:py-2 {
+    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .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 +4536,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 +4663,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);
@@ -4413,22 +4707,6 @@
       background-color: var(--color-surface-raised);
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:px-4 {
-    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-  }
-  .group-data-\[variant\=underline\]\/tabs-list\:py-3 {
-    &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      padding-block: calc(var(--spacing) * 3);
-    }
-  }
-  .group-data-\[variant\=underline\]\/tabs-list\:text-gdt-md {
-    &: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));
-    }
-  }
   .group-data-\[variant\=underline\]\/tabs-list\:text-fg-secondary {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
       color: var(--color-fg-secondary);
@@ -4819,6 +5097,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 +5124,11 @@
       border-bottom-width: 0px;
     }
   }
+  .last\:pb-0 {
+    &:last-child {
+      padding-bottom: 0;
+    }
+  }
   .odd\:h-36 {
     &:nth-child(odd) {
       height: calc(var(--spacing) * 36);
@@ -4969,6 +5263,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) {
@@ -5297,6 +5605,11 @@
       background-color: var(--color-surface-raised);
     }
   }
+  .active\:bg-transparent {
+    &:active {
+      background-color: transparent;
+    }
+  }
   .active\:text-fg-brand {
     &:active {
       color: var(--color-fg-brand);
@@ -5624,6 +5937,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);
@@ -5843,11 +6177,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] {
@@ -7291,6 +7620,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 +7805,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 +8055,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 +8132,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 +8167,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 +8224,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 +8387,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);
@@ -8204,6 +8531,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 +8561,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 +8632,11 @@
       color: currentcolor;
     }
   }
+  .\[\&_svg\]\:text-line-strong {
+    & svg {
+      color: var(--color-line-strong);
+    }
+  }
   .\[\&_svg\]\:text-white {
     & svg {
       color: var(--color-white);
@@ -8349,6 +8711,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 +8727,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 +8743,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;
@@ -9288,6 +9684,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 +9937,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;