@giddaa-housing/ui 1.2.0 → 2.0.0

package/dist/styles.css

@@ -369,6 +369,9 @@
   .inset-y-0 {
     inset-block: 0;
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .-top-10 {
     top: calc(var(--spacing) * -10);
   }
@@ -396,6 +399,9 @@
   .top-gdt-md {
     top: var(--spacing-gdt-md);
   }
+  .-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
   .right-0 {
     right: 0;
   }
@@ -569,9 +575,6 @@
       padding-inline: 40px;
     }
   }
-  .-mx-\(--sheet-padding-x\) {
-    margin-inline: calc(var(--sheet-padding-x) * -1);
-  }
   .mx-0 {
     margin-inline: 0;
   }
@@ -1324,6 +1327,9 @@
   .origin-bottom-right {
     transform-origin: 100% 100%;
   }
+  .origin-center {
+    transform-origin: center;
+  }
   .origin-left {
     transform-origin: 0;
   }
@@ -1455,6 +1461,9 @@
   .\[appearance\:textfield\] {
     appearance: textfield;
   }
+  .appearance-none {
+    appearance: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1931,12 +1940,24 @@
   .bg-action-tertiary {
     background-color: var(--color-action-tertiary);
   }
+  .bg-black\/25 {
+    background-color: color-mix(in srgb, #000 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
   .bg-black\/40 {
     background-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
     }
   }
+  .bg-black\/45 {
+    background-color: color-mix(in srgb, #000 45%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
+    }
+  }
   .bg-black\/55 {
     background-color: color-mix(in srgb, #000 55%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2678,6 +2699,9 @@
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
+  .caret-fg-primary {
+    caret-color: var(--color-fg-primary);
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -3450,17 +3474,6 @@
       background-color: var(--color-line-danger);
     }
   }
-  .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:border-b-0 {
-    &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
-  }
-  .group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:pb-2 {
-    &:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
-      padding-bottom: calc(var(--spacing) * 2);
-    }
-  }
   .group-has-\[\>input\]\/input-group\:pt-2 {
     &:is(:where(.group\/input-group):has(>input) *) {
       padding-top: calc(var(--spacing) * 2);
@@ -3496,6 +3509,16 @@
       rotate: 90deg;
     }
   }
+  .group-aria-invalid\/input-otp\:border-line-danger {
+    &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
+      border-color: var(--color-line-danger);
+    }
+  }
+  .group-aria-invalid\/input-otp\:text-fg-danger {
+    &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
+      color: var(--color-fg-danger);
+    }
+  }
   .group-data-disabled\/combobox-item\:border-line-subtle {
     &:is(:where(.group\/combobox-item)[data-disabled] *) {
       border-color: var(--color-line-subtle);
@@ -3743,6 +3766,16 @@
       grid-template-columns: minmax(0,1fr) auto;
     }
   }
+  .group-data-\[nested-dialog-open\]\/dialog-content\:hidden {
+    &:is(:where(.group\/dialog-content)[data-nested-dialog-open] *) {
+      display: none;
+    }
+  }
+  .group-data-\[nested-dialog-open\]\/sheet-content\:hidden {
+    &:is(:where(.group\/sheet-content)[data-nested-dialog-open] *) {
+      display: none;
+    }
+  }
   .group-data-\[orientation\=horizontal\]\/tabs\:border-b {
     &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
       border-bottom-style: var(--tw-border-style);
@@ -3825,9 +3858,9 @@
       color: var(--color-fg-brand);
     }
   }
-  .group-data-\[side\=bottom\]\/sheet-content\:-top-10 {
+  .group-data-\[side\=bottom\]\/sheet-content\:-top-9 {
     &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
-      top: calc(var(--spacing) * -10);
+      top: calc(var(--spacing) * -9);
     }
   }
   .group-data-\[side\=bottom\]\/sheet-content\:right-4 {
@@ -3856,9 +3889,9 @@
       top: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[side\=left\]\/sheet-content\:-right-10 {
+  .group-data-\[side\=left\]\/sheet-content\:-right-9 {
     &:is(:where(.group\/sheet-content)[data-side="left"] *) {
-      right: calc(var(--spacing) * -10);
+      right: calc(var(--spacing) * -9);
     }
   }
   .group-data-\[side\=right\]\:left-0 {
@@ -3887,9 +3920,9 @@
       top: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[side\=right\]\/sheet-content\:-left-10 {
+  .group-data-\[side\=right\]\/sheet-content\:-left-9 {
     &:is(:where(.group\/sheet-content)[data-side="right"] *) {
-      left: calc(var(--spacing) * -10);
+      left: calc(var(--spacing) * -9);
     }
   }
   .group-data-\[side\=top\]\/sheet-content\:right-4 {
@@ -3897,9 +3930,9 @@
       right: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[side\=top\]\/sheet-content\:-bottom-10 {
+  .group-data-\[side\=top\]\/sheet-content\:-bottom-9 {
     &:is(:where(.group\/sheet-content)[data-side="top"] *) {
-      bottom: calc(var(--spacing) * -10);
+      bottom: calc(var(--spacing) * -9);
     }
   }
   .group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
@@ -4140,29 +4173,29 @@
       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"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:h-5 {
+    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
       height: calc(var(--spacing) * 5);
     }
   }
-  .group-data-\[size\=lg\]\/tabs\:min-w-5 {
-    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:min-w-5 {
+    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
       min-width: calc(var(--spacing) * 5);
     }
   }
-  .group-data-\[size\=lg\]\/tabs\:px-1\.5 {
-    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:px-1\.5 {
+    &:is(:where(.group\/tabs-list)[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"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:text-gdt-md {
+    &:is(:where(.group\/tabs-list)[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"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:text-gdt-xs {
+    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
       font-size: var(--text-gdt-xs);
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
@@ -4398,29 +4431,29 @@
       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"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:h-5 {
+    &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       height: calc(var(--spacing) * 5);
     }
   }
-  .group-data-\[size\=md\]\/tabs\:min-w-5 {
-    &:is(:where(.group\/tabs)[data-size="md"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:min-w-5 {
+    &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       min-width: calc(var(--spacing) * 5);
     }
   }
-  .group-data-\[size\=md\]\/tabs\:px-1 {
-    &:is(:where(.group\/tabs)[data-size="md"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:px-1 {
+    &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       padding-inline: var(--spacing);
     }
   }
-  .group-data-\[size\=md\]\/tabs\:text-gdt-sm {
-    &:is(:where(.group\/tabs)[data-size="md"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:text-gdt-sm {
+    &:is(:where(.group\/tabs-list)[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"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:text-\[11px\] {
+    &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       font-size: 11px;
     }
   }
@@ -4591,29 +4624,29 @@
       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"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:h-4 {
+    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       height: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[size\=sm\]\/tabs\:min-w-4 {
-    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:min-w-4 {
+    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       min-width: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[size\=sm\]\/tabs\:px-1 {
-    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:px-1 {
+    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       padding-inline: var(--spacing);
     }
   }
-  .group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
-    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:text-gdt-xs {
+    &:is(:where(.group\/tabs-list)[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"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:text-\[10px\] {
+    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       font-size: 10px;
     }
   }
@@ -4649,6 +4682,21 @@
       border-bottom-width: 0px;
     }
   }
+  .group-data-\[state\=complete\]\/file-upload\:text-status-success {
+    &:is(:where(.group\/file-upload)[data-state="complete"] *) {
+      color: var(--color-status-success);
+    }
+  }
+  .group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
+    &:is(:where(.group\/file-upload)[data-state="error"] *) {
+      background-color: var(--color-surface-danger-subtle);
+    }
+  }
+  .group-data-\[state\=error\]\/file-upload\:text-status-danger {
+    &:is(:where(.group\/file-upload)[data-state="error"] *) {
+      color: var(--color-status-danger);
+    }
+  }
   .group-data-\[state\=selected\]\:bg-surface-brand-subtle {
     &:is(:where(.group)[data-state="selected"] *) {
       background-color: var(--color-surface-brand-subtle);
@@ -4800,44 +4848,44 @@
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
         padding-inline: calc(var(--spacing) * 4);
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-2 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-2 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
         padding-block: calc(var(--spacing) * 2);
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="md"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="md"] *) {
         padding-inline: calc(var(--spacing) * 3.5);
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="md"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="md"] *) {
         padding-block: calc(var(--spacing) * 1.5);
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
         padding-inline: calc(var(--spacing) * 3);
       }
     }
   }
-  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
+  .group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
-      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
         padding-block: var(--spacing);
       }
     }
@@ -4950,44 +4998,44 @@
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
         padding-inline: calc(var(--spacing) * 4);
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-1\.5 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="lg"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
         padding-block: calc(var(--spacing) * 1.5);
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="md"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="md"] *) {
         padding-inline: calc(var(--spacing) * 3.5);
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="md"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="md"] *) {
         padding-block: calc(var(--spacing) * 1.5);
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
         padding-inline: calc(var(--spacing) * 3);
       }
     }
   }
-  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
+  .group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
     &:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
-      &:is(:where(.group\/tabs)[data-size="sm"] *) {
+      &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
         padding-block: var(--spacing);
       }
     }
@@ -5645,6 +5693,16 @@
       }
     }
   }
+  .focus\:z-10 {
+    &:focus {
+      z-index: 10;
+    }
+  }
+  .focus\:border-line-focus {
+    &:focus {
+      border-color: var(--color-line-focus);
+    }
+  }
   .focus\:border-transparent {
     &:focus {
       border-color: transparent;
@@ -5672,12 +5730,37 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:inset-ring-1 {
+    &: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);
+    }
+  }
+  .focus\:inset-ring-line-focus {
+    &:focus {
+      --tw-inset-ring-color: var(--color-line-focus);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
       outline-style: none;
     }
   }
+  .group-aria-invalid\/input-otp\:focus\:border-line-danger {
+    &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
+      &:focus {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .group-aria-invalid\/input-otp\:focus\:inset-ring-line-danger {
+    &:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
+      &:focus {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .focus-visible\:border-line-focus {
     &:focus-visible {
       border-color: var(--color-line-focus);
@@ -6108,15 +6191,6 @@
       background-color: var(--color-surface);
     }
   }
-  .\*\*\:has-data-\[variant\=underline\]\:\*\:px-\(--sheet-padding-x\) {
-    :is(& *) {
-      &:has(*[data-variant="underline"]) {
-        :is(& > *) {
-          padding-inline: var(--sheet-padding-x);
-        }
-      }
-    }
-  }
   .has-\[\&_\[data-slot\=popover-footer\]\]\:pb-0 {
     &:has(* [data-slot=popover-footer]) {
       padding-bottom: 0;
@@ -6433,6 +6507,20 @@
       }
     }
   }
+  .aria-invalid\:focus\:border-line-danger {
+    &[aria-invalid="true"] {
+      &:focus {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .aria-invalid\:focus\:inset-ring-line-danger {
+    &[aria-invalid="true"] {
+      &:focus {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .aria-invalid\:focus-visible\:border-line-danger {
     &[aria-invalid="true"] {
       &:focus-visible {
@@ -6639,6 +6727,11 @@
       opacity: 40%;
     }
   }
+  .data-disabled\:opacity-50 {
+    &[data-disabled] {
+      opacity: 50%;
+    }
+  }
   .data-disabled\:opacity-60 {
     &[data-disabled] {
       opacity: 60%;
@@ -6756,6 +6849,30 @@
       padding-left: calc(var(--spacing) * 8);
     }
   }
+  .data-invalid\:border-line-danger {
+    &[data-invalid] {
+      border-color: var(--color-line-danger);
+    }
+  }
+  .data-invalid\:text-fg-danger {
+    &[data-invalid] {
+      color: var(--color-fg-danger);
+    }
+  }
+  .data-invalid\:focus\:border-line-danger {
+    &[data-invalid] {
+      &:focus {
+        border-color: var(--color-line-danger);
+      }
+    }
+  }
+  .data-invalid\:focus\:inset-ring-line-danger {
+    &[data-invalid] {
+      &:focus {
+        --tw-inset-ring-color: var(--color-line-danger);
+      }
+    }
+  }
   .data-loading\:animate-pulse {
     &[data-loading] {
       animation: var(--animate-pulse);
@@ -7224,6 +7341,11 @@
       background-color: var(--color-action-primary);
     }
   }
+  .data-\[nested-dialog-open\]\:scale-\[0\.96\] {
+    &[data-nested-dialog-open] {
+      scale: 0.96;
+    }
+  }
   .data-\[orientation\=horizontal\]\:h-\(--slider-thumb-size\) {
     &[data-orientation="horizontal"] {
       height: var(--slider-thumb-size);
@@ -7547,6 +7669,22 @@
       }
     }
   }
+  .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
+    &[data-side="bottom"] {
+      &[data-nested-dialog-open] {
+        --tw-translate-y: calc(var(--nested-dialogs) * -1.5rem);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
+    &[data-side="bottom"] {
+      &[data-nested-dialog-open] {
+        --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .data-\[side\=inline-end\]\:slide-in-from-left-2 {
     &[data-side="inline-end"] {
       --tw-enter-translate-x: -0.5rem;
@@ -7611,6 +7749,14 @@
       }
     }
   }
+  .data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
+    &[data-side="left"] {
+      &[data-nested-dialog-open] {
+        --tw-translate-x: calc(var(--nested-dialogs) * 1.5rem);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .data-\[side\=right\]\:inset-y-0 {
     &[data-side="right"] {
       inset-block: 0;
@@ -7665,6 +7811,14 @@
       }
     }
   }
+  .data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
+    &[data-side="right"] {
+      &[data-nested-dialog-open] {
+        --tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .data-\[side\=top\]\:inset-x-0 {
     &[data-side="top"] {
       inset-inline: 0;
@@ -7717,6 +7871,22 @@
       }
     }
   }
+  .data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
+    &[data-side="top"] {
+      &[data-nested-dialog-open] {
+        --tw-translate-y: calc(var(--nested-dialogs) * 1.5rem);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
+    &[data-side="top"] {
+      &[data-nested-dialog-open] {
+        --tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .data-\[size\=lg\]\:gap-3 {
     &[data-size="lg"] {
       gap: calc(var(--spacing) * 3);
@@ -7984,15 +8154,6 @@
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs\]\:has-data-\[variant\=underline\]\:-mx-\(--sheet-padding-x\) {
-    :is(& *) {
-      &[data-slot="tabs"] {
-        &:has(*[data-variant="underline"]) {
-          margin-inline: calc(var(--sheet-padding-x) * -1);
-        }
-      }
-    }
-  }
   .data-\[starting-style\]\:\[transform\:translateX\(var\(--exit-x\)\)_translateY\(var\(--exit-y\)\)_scale\(var\(--scale\)\)\] {
     &[data-starting-style] {
       transform: translateX(var(--exit-x)) translateY(var(--exit-y)) scale(var(--scale));
@@ -8003,6 +8164,16 @@
       opacity: 0%;
     }
   }
+  .data-\[state\=error\]\:border-line-danger {
+    &[data-state="error"] {
+      border-color: var(--color-line-danger);
+    }
+  }
+  .data-\[state\=error\]\:bg-surface-danger-subtle {
+    &[data-state="error"] {
+      background-color: var(--color-surface-danger-subtle);
+    }
+  }
   .data-\[state\=selected\]\:bg-surface-brand-subtle {
     &[data-state="selected"] {
       background-color: var(--color-surface-brand-subtle);
@@ -8954,6 +9125,16 @@
       }
     }
   }
+  .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-danger {
+    & [data-slot=progress-indicator] {
+      background-color: var(--color-status-danger);
+    }
+  }
+  .\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-success {
+    & [data-slot=progress-indicator] {
+      background-color: var(--color-status-success);
+    }
+  }
   .\[\&_a\]\:pointer-events-auto {
     & a {
       pointer-events: auto;
@@ -8999,6 +9180,29 @@
       z-index: 3;
     }
   }
+  .\[\&_circle\:first-child\]\:text-white\/35 {
+    & circle:first-child {
+      color: color-mix(in srgb, #fff 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-white) 35%, transparent);
+      }
+    }
+  }
+  .\[\&_circle\:last-child\]\:text-status-danger {
+    & circle:last-child {
+      color: var(--color-status-danger);
+    }
+  }
+  .\[\&_circle\:last-child\]\:text-status-success {
+    & circle:last-child {
+      color: var(--color-status-success);
+    }
+  }
+  .\[\&_circle\:last-child\]\:text-white {
+    & circle:last-child {
+      color: var(--color-white);
+    }
+  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -9134,8 +9338,8 @@
       }
     }
   }
-  .group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
-    &:is(:where(.group\/tabs)[data-size="lg"] *) {
+  .group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
       & svg:not([class*='size-']) {
         width: calc(var(--spacing) * 4.5);
         height: calc(var(--spacing) * 4.5);
@@ -9150,8 +9354,8 @@
       }
     }
   }
-  .group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
-    &:is(:where(.group\/tabs)[data-size="md"] *) {
+  .group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+    &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       & svg:not([class*='size-']) {
         width: calc(var(--spacing) * 4);
         height: calc(var(--spacing) * 4);
@@ -9166,8 +9370,8 @@
       }
     }
   }
-  .group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
-    &:is(:where(.group\/tabs)[data-size="sm"] *) {
+  .group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       & svg:not([class*='size-']) {
         width: calc(var(--spacing) * 3.5);
         height: calc(var(--spacing) * 3.5);
@@ -9422,6 +9626,28 @@
       }
     }
   }
+  .\[\&\>\[data-slot\=input-otp-slot\]\]\:rounded-none {
+    &>[data-slot=input-otp-slot] {
+      border-radius: 0;
+    }
+  }
+  .\[\&\>\[data-slot\=input-otp-slot\]\:first-child\]\:rounded-l-full {
+    &>[data-slot=input-otp-slot]:first-child {
+      border-top-left-radius: calc(infinity * 1px);
+      border-bottom-left-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\>\[data-slot\=input-otp-slot\]\:last-child\]\:rounded-r-full {
+    &>[data-slot=input-otp-slot]:last-child {
+      border-top-right-radius: calc(infinity * 1px);
+      border-bottom-right-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\>\[data-slot\=input-otp-slot\]\:not\(\:first-child\)\]\:-ml-px {
+    &>[data-slot=input-otp-slot]:not(:first-child) {
+      margin-left: -1px;
+    }
+  }
   .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
     &:has(*:is(select[aria-hidden=true]:last-child)) {
       &>[data-slot=select-trigger]:last-of-type {