@giddaa-housing/ui 1.1.0 → 1.2.0

package/dist/styles.css

@@ -525,6 +525,9 @@
   .order-last {
     order: 9999;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .col-start-2 {
     grid-column-start: 2;
   }
@@ -692,6 +695,9 @@
   .inline-grid {
     display: inline-grid;
   }
+  .list-item {
+    display: list-item;
+  }
   .table {
     display: table;
   }
@@ -910,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);
   }
@@ -1300,6 +1303,9 @@
   .basis-full {
     flex-basis: 100%;
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1452,6 +1458,9 @@
   .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));
   }
@@ -1655,6 +1664,9 @@
   .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);
   }
@@ -1825,10 +1837,6 @@
     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;
@@ -1837,10 +1845,6 @@
     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;
@@ -2200,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);
   }
@@ -2242,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);
   }
@@ -2293,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);
   }
@@ -2344,6 +2357,9 @@
   .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);
   }
@@ -2462,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;
   }
@@ -2471,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);
@@ -2519,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);
@@ -2883,6 +2918,11 @@
     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));
@@ -3266,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);
@@ -3343,6 +3403,16 @@
       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);
@@ -3411,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;
@@ -3436,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);
@@ -3735,6 +3820,11 @@
       border-color: var(--color-line-subtle);
     }
   }
+  .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 {
     &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
       top: calc(var(--spacing) * -10);
@@ -3973,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);
@@ -4036,16 +4155,6 @@
       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);
@@ -4218,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);
@@ -4275,16 +4413,6 @@
       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);
@@ -4478,16 +4606,6 @@
       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);
@@ -4682,6 +4800,48 @@
       }
     }
   }
+  .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\=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\=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\=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\=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);
@@ -4790,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;
@@ -4987,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);
@@ -5035,6 +5243,12 @@
       top: 100%;
     }
   }
+  .after\:right-0 {
+    &::after {
+      content: var(--tw-content);
+      right: 0;
+    }
+  }
   .after\:bottom-full {
     &::after {
       content: var(--tw-content);
@@ -5047,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);
@@ -5065,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);
@@ -5190,6 +5422,13 @@
       }
     }
   }
+  .hover\:border-line {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-line);
+      }
+    }
+  }
   .hover\:border-line-strong {
     &:hover {
       @media (hover: hover) {
@@ -5197,6 +5436,13 @@
       }
     }
   }
+  .hover\:border-line-subtle {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-line-subtle);
+      }
+    }
+  }
   .hover\:border-transparent {
     &:hover {
       @media (hover: hover) {
@@ -5319,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) {
@@ -5916,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 {
@@ -5969,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;
@@ -6144,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 {
@@ -6151,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);
@@ -6452,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);
@@ -6858,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%;
@@ -7139,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);
@@ -7445,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"] {
@@ -8479,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;
@@ -8494,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;
@@ -8848,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) {
@@ -9277,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 {
@@ -9293,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 {