adminium 1.0.1-patch.1 → 1.0.1-patch.3

package/dist/styles/adminium.css

@@ -14,6 +14,7 @@
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-900: oklch(39.6% 0.141 25.723);
     --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-orange-600: oklch(64.6% 0.222 41.116);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
@@ -51,6 +52,7 @@
     --color-violet-100: oklch(94.3% 0.029 294.588);
     --color-violet-400: oklch(70.2% 0.183 293.541);
     --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
     --color-violet-700: oklch(49.1% 0.27 292.581);
     --color-violet-900: oklch(38% 0.189 293.745);
     --color-violet-950: oklch(28.3% 0.141 291.089);
@@ -81,6 +83,7 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-xl: 36rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
@@ -103,6 +106,8 @@
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -265,6 +270,10 @@
   }
 }
 @layer utilities {
+  .\@container\/field-group {
+    container-type: inline-size;
+    container-name: field-group;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -330,6 +339,9 @@
   .end-5 {
     inset-inline-end: calc(var(--spacing) * 5);
   }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
   .-top-16 {
     top: calc(var(--spacing) * -16);
   }
@@ -348,6 +360,9 @@
   .top-\[50\%\] {
     top: 50%;
   }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -360,6 +375,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -420,9 +438,15 @@
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
   .mx-auto {
     margin-inline: auto;
   }
+  .-my-2 {
+    margin-block: calc(var(--spacing) * -2);
+  }
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
@@ -432,6 +456,9 @@
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
   .-ms-2 {
     margin-inline-start: calc(var(--spacing) * -2);
   }
@@ -444,9 +471,6 @@
   .-me-1 {
     margin-inline-end: calc(var(--spacing) * -1);
   }
-  .-mt-0\.5 {
-    margin-top: calc(var(--spacing) * -0.5);
-  }
   .-mt-16 {
     margin-top: calc(var(--spacing) * -16);
   }
@@ -489,6 +513,9 @@
   .mr-auto {
     margin-right: auto;
   }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -555,6 +582,9 @@
   .table {
     display: table;
   }
+  .aspect-square {
+    aspect-ratio: 1 / 1;
+  }
   .size-1\.5 {
     width: calc(var(--spacing) * 1.5);
     height: calc(var(--spacing) * 1.5);
@@ -611,6 +641,10 @@
     width: calc(var(--spacing) * 8.5);
     height: calc(var(--spacing) * 8.5);
   }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .size-10 {
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
@@ -631,6 +665,13 @@
     width: 0.7rem !important;
     height: 0.7rem !important;
   }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -661,6 +702,9 @@
   .h-8\.5 {
     height: calc(var(--spacing) * 8.5);
   }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
@@ -676,6 +720,9 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-25 {
+    height: calc(var(--spacing) * 25);
+  }
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -706,6 +753,15 @@
   .h-125 {
     height: calc(var(--spacing) * 125);
   }
+  .h-\[2px\] {
+    height: 2px;
+  }
+  .h-\[100px\] {
+    height: 100px;
+  }
+  .h-\[200px\] {
+    height: 200px;
+  }
   .h-\[calc\(100vh-300px\)\] {
     height: calc(100vh - 300px);
   }
@@ -748,9 +804,6 @@
   .min-h-20 {
     min-height: calc(var(--spacing) * 20);
   }
-  .min-h-25 {
-    min-height: calc(var(--spacing) * 25);
-  }
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
@@ -838,6 +891,9 @@
   .w-44 {
     width: calc(var(--spacing) * 44);
   }
+  .w-45 {
+    width: calc(var(--spacing) * 45);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -865,6 +921,9 @@
   .w-100 {
     width: calc(var(--spacing) * 100);
   }
+  .w-128 {
+    width: calc(var(--spacing) * 128);
+  }
   .w-150 {
     width: calc(var(--spacing) * 150);
   }
@@ -886,12 +945,18 @@
   .w-\[100px\] {
     width: 100px;
   }
+  .w-\[180px\] {
+    width: 180px;
+  }
   .w-\[200px\] {
     width: 200px;
   }
   .w-\[250px\] {
     width: 250px;
   }
+  .w-\[500px\] {
+    width: 500px;
+  }
   .w-\[600px\] {
     width: 600px;
   }
@@ -907,9 +972,18 @@
   .w-full {
     width: 100%;
   }
+  .w-lg {
+    width: var(--container-lg);
+  }
   .w-max {
     width: max-content;
   }
+  .w-px {
+    width: 1px;
+  }
+  .w-xl {
+    width: var(--container-xl);
+  }
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
@@ -922,9 +996,21 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-50 {
+    max-width: calc(var(--spacing) * 50);
+  }
   .max-w-\[70\%\] {
     max-width: 70%;
   }
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
+  .max-w-\[300px\] {
+    max-width: 300px;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -934,6 +1020,12 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -964,6 +1056,9 @@
   .min-w-\[50px\] {
     min-width: 50px;
   }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
   .min-w-\[150px\] {
     min-width: 150px;
   }
@@ -1066,12 +1161,18 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -1120,16 +1221,12 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-7 {
+    gap: calc(var(--spacing) * 7);
+  }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
-  .space-y-0 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .space-y-0\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1200,6 +1297,13 @@
       margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .-space-x-2\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1309,6 +1413,12 @@
     border-top-left-radius: calc(var(--radius) + 4px);
     border-top-right-radius: calc(var(--radius) + 4px);
   }
+  .rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+  .rounded-tr-none {
+    border-top-right-radius: 0;
+  }
   .rounded-b-xl {
     border-bottom-right-radius: calc(var(--radius) + 4px);
     border-bottom-left-radius: calc(var(--radius) + 4px);
@@ -1353,18 +1463,33 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-\[var\(--color-destructive-alpha\,var\(--color-red-100\)\)\] {
+    border-color: var(--color-destructive-alpha,var(--color-red-100));
+  }
   .border-\[var\(--color-destructive-soft\,var\(--color-red-100\)\)\] {
     border-color: var(--color-destructive-soft,var(--color-red-100));
   }
+  .border-\[var\(--color-info-alpha\,var\(--color-violet-100\)\)\] {
+    border-color: var(--color-info-alpha,var(--color-violet-100));
+  }
   .border-\[var\(--color-info-soft\,var\(--color-violet-100\)\)\] {
     border-color: var(--color-info-soft,var(--color-violet-100));
   }
+  .border-\[var\(--color-primary-alpha\,var\(--color-blue-100\)\)\] {
+    border-color: var(--color-primary-alpha,var(--color-blue-100));
+  }
   .border-\[var\(--color-primary-soft\,var\(--color-blue-100\)\)\] {
     border-color: var(--color-primary-soft,var(--color-blue-100));
   }
+  .border-\[var\(--color-success-alpha\,var\(--color-green-200\)\)\] {
+    border-color: var(--color-success-alpha,var(--color-green-200));
+  }
   .border-\[var\(--color-success-soft\,var\(--color-green-200\)\)\] {
     border-color: var(--color-success-soft,var(--color-green-200));
   }
+  .border-\[var\(--color-warning-alpha\,var\(--color-yellow-200\)\)\] {
+    border-color: var(--color-warning-alpha,var(--color-yellow-200));
+  }
   .border-\[var\(--color-warning-soft\,var\(--color-yellow-200\)\)\] {
     border-color: var(--color-warning-soft,var(--color-yellow-200));
   }
@@ -1410,6 +1535,9 @@
   .bg-\[var\(--color-destructive-soft\,var\(--color-red-50\)\)\] {
     background-color: var(--color-destructive-soft,var(--color-red-50));
   }
+  .bg-\[var\(--color-info\,var\(--color-violet-600\)\)\] {
+    background-color: var(--color-info,var(--color-violet-600));
+  }
   .bg-\[var\(--color-info-accent\,var\(--color-violet-500\)\)\] {
     background-color: var(--color-info-accent,var(--color-violet-500));
   }
@@ -1422,6 +1550,9 @@
   .bg-\[var\(--color-primary-soft\,var\(--color-blue-50\)\)\] {
     background-color: var(--color-primary-soft,var(--color-blue-50));
   }
+  .bg-\[var\(--color-success\,var\(--color-green-500\)\)\] {
+    background-color: var(--color-success,var(--color-green-500));
+  }
   .bg-\[var\(--color-success-accent\,var\(--color-green-500\)\)\] {
     background-color: var(--color-success-accent,var(--color-green-500));
   }
@@ -1431,6 +1562,9 @@
   .bg-\[var\(--color-success-soft\,var\(--color-green-100\)\)\] {
     background-color: var(--color-success-soft,var(--color-green-100));
   }
+  .bg-\[var\(--color-warning\,var\(--color-yellow-500\)\)\] {
+    background-color: var(--color-warning,var(--color-yellow-500));
+  }
   .bg-\[var\(--color-warning-accent\,var\(--color-yellow-500\)\)\] {
     background-color: var(--color-warning-accent,var(--color-yellow-500));
   }
@@ -1461,6 +1595,12 @@
       background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
   }
+  .bg-black\/55 {
+    background-color: color-mix(in srgb, #000 55%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
+    }
+  }
   .bg-black\/80 {
     background-color: color-mix(in srgb, #000 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1470,6 +1610,9 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
@@ -1530,6 +1673,9 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
   .bg-orange-600 {
     background-color: var(--color-orange-600);
   }
@@ -1548,6 +1694,12 @@
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
   .bg-secondary {
     background-color: var(--secondary);
   }
@@ -1563,6 +1715,12 @@
       background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
     }
   }
+  .bg-yellow-600 {
+    background-color: var(--color-yellow-600);
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
@@ -1603,6 +1761,11 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-primary {
+    --tw-gradient-via: var(--primary);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-sky-500 {
     --tw-gradient-via: var(--color-sky-500);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -1644,6 +1807,9 @@
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
+  .p-3\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -1665,6 +1831,9 @@
   .p-\[1px\] {
     padding: 1px;
   }
+  .p-\[20px\] {
+    padding: 20px;
+  }
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
@@ -1845,10 +2014,18 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1882,6 +2059,9 @@
   .text-\[var\(--color-destructive-accent\,var\(--color-red-700\)\)\] {
     color: var(--color-destructive-accent,var(--color-red-700));
   }
+  .text-\[var\(--color-info\,var\(--color-violet-600\)\)\] {
+    color: var(--color-info,var(--color-violet-600));
+  }
   .text-\[var\(--color-info-accent\,var\(--color-violet-500\)\)\] {
     color: var(--color-info-accent,var(--color-violet-500));
   }
@@ -1894,6 +2074,9 @@
   .text-\[var\(--color-primary-accent\,var\(--color-blue-700\)\)\] {
     color: var(--color-primary-accent,var(--color-blue-700));
   }
+  .text-\[var\(--color-success\,var\(--color-green-500\)\)\] {
+    color: var(--color-success,var(--color-green-500));
+  }
   .text-\[var\(--color-success-accent\,var\(--color-green-500\)\)\] {
     color: var(--color-success-accent,var(--color-green-500));
   }
@@ -1906,6 +2089,9 @@
   .text-\[var\(--color-success-foreground\,var\(--color-white\)\)\] {
     color: var(--color-success-foreground,var(--color-white));
   }
+  .text-\[var\(--color-warning\,var\(--color-yellow-500\)\)\] {
+    color: var(--color-warning,var(--color-yellow-500));
+  }
   .text-\[var\(--color-warning-accent\,var\(--color-yellow-500\)\)\] {
     color: var(--color-warning-accent,var(--color-yellow-500));
   }
@@ -2023,6 +2209,12 @@
   .capitalize {
     text-transform: capitalize;
   }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2184,6 +2376,23 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
+    &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) {
+      text-wrap: balance;
+    }
+  }
+  .group-data-\[disabled\=true\]\/field\:opacity-50 {
+    &:is(:where(.group\/field)[data-disabled="true"] *) {
+      opacity: 50%;
+    }
+  }
   .group-data-\[state\=indeterminate\]\:block {
     &:is(:where(.group)[data-state="indeterminate"] *) {
       display: block;
@@ -2194,6 +2403,16 @@
       display: none;
     }
   }
+  .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
+    &:is(:where(.group\/field-group)[data-variant="outline"] *) {
+      margin-bottom: calc(var(--spacing) * -2);
+    }
+  }
+  .group-\[\.toaster\]\:w-\(--width\) {
+    &:is(:where(.group):is(.toaster) *) {
+      width: var(--width);
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -2332,6 +2551,11 @@
       background-color: var(--border);
     }
   }
+  .last\:mt-0 {
+    &:last-child {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .odd\:bg-muted\/90 {
     &:nth-child(odd) {
       background-color: var(--muted);
@@ -2705,6 +2929,19 @@
       justify-content: space-between;
     }
   }
+  .has-data-\[state\=checked\]\:border-primary {
+    &:has(*[data-state="checked"]) {
+      border-color: var(--primary);
+    }
+  }
+  .has-data-\[state\=checked\]\:bg-primary\/5 {
+    &:has(*[data-state="checked"]) {
+      background-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+      }
+    }
+  }
   .has-\[\:focus-visible\]\:border-ring {
     &:has(*:is(:focus-visible)) {
       border-color: var(--ring);
@@ -2730,6 +2967,42 @@
       outline-style: none;
     }
   }
+  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 {
+    &:has(>[data-slot=checkbox-group]) {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
+  .has-\[\>\[data-slot\=field-content\]\]\:items-start {
+    &:has(>[data-slot=field-content]) {
+      align-items: flex-start;
+    }
+  }
+  .has-\[\>\[data-slot\=field\]\]\:w-full {
+    &:has(>[data-slot=field]) {
+      width: 100%;
+    }
+  }
+  .has-\[\>\[data-slot\=field\]\]\:flex-col {
+    &:has(>[data-slot=field]) {
+      flex-direction: column;
+    }
+  }
+  .has-\[\>\[data-slot\=field\]\]\:rounded-md {
+    &:has(>[data-slot=field]) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .has-\[\>\[data-slot\=field\]\]\:border {
+    &:has(>[data-slot=field]) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3 {
+    &:has(>[data-slot=radio-group]) {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
   .aria-invalid\:border-destructive\/60 {
     &[aria-invalid="true"] {
       border-color: var(--destructive);
@@ -2746,6 +3019,13 @@
       }
     }
   }
+  .\*\:data-alert-icon\:mt-0\.5 {
+    :is(& > *) {
+      &[data-alert-icon] {
+        margin-top: calc(var(--spacing) * 0.5);
+      }
+    }
+  }
   .data-disabled\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2862,6 +3142,11 @@
       color: var(--foreground);
     }
   }
+  .data-\[invalid\=true\]\:text-destructive {
+    &[data-invalid="true"] {
+      color: var(--destructive);
+    }
+  }
   .data-\[side\=bottom\]\:translate-y-1\.5 {
     &[data-side="bottom"] {
       --tw-translate-y: calc(var(--spacing) * 1.5);
@@ -2886,6 +3171,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[slot\=checkbox-group\]\:gap-3 {
+    &[data-slot="checkbox-group"] {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
   .data-\[state\=checked\]\:border-primary {
     &[data-state="checked"] {
       border-color: var(--primary);
@@ -3032,6 +3322,23 @@
       }
     }
   }
+  .data-\[variant\=label\]\:text-sm {
+    &[data-variant="label"] {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .data-\[variant\=legend\]\:text-base {
+    &[data-variant="legend"] {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
+  .nth-last-2\:-mt-1 {
+    &:nth-last-child(2) {
+      margin-top: calc(var(--spacing) * -1);
+    }
+  }
   .sm\:order-1 {
     @media (width >= 40rem) {
       order: 1;
@@ -3125,6 +3432,23 @@
       display: flex;
     }
   }
+  .\@md\/field-group\:flex-row {
+    @container field-group (width >= 28rem) {
+      flex-direction: row;
+    }
+  }
+  .\@md\/field-group\:items-center {
+    @container field-group (width >= 28rem) {
+      align-items: center;
+    }
+  }
+  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start {
+    @container field-group (width >= 28rem) {
+      &:has(>[data-slot=field-content]) {
+        align-items: flex-start;
+      }
+    }
+  }
   .rtl\:rotate-180 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 180deg;
@@ -3140,26 +3464,51 @@
       text-align: right;
     }
   }
+  .dark\:border-\[var\(--color-destructive-alpha\,var\(--color-red-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-destructive-alpha,var(--color-red-900));
+    }
+  }
   .dark\:border-\[var\(--color-destructive-soft\,var\(--color-red-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-destructive-soft,var(--color-red-900));
     }
   }
+  .dark\:border-\[var\(--color-info-alpha\,var\(--color-violet-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-info-alpha,var(--color-violet-900));
+    }
+  }
   .dark\:border-\[var\(--color-info-soft\,var\(--color-violet-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-info-soft,var(--color-violet-900));
     }
   }
+  .dark\:border-\[var\(--color-primary-alpha\,var\(--color-blue-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-primary-alpha,var(--color-blue-900));
+    }
+  }
   .dark\:border-\[var\(--color-primary-soft\,var\(--color-blue-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-primary-soft,var(--color-blue-900));
     }
   }
+  .dark\:border-\[var\(--color-success-alpha\,var\(--color-green-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-success-alpha,var(--color-green-900));
+    }
+  }
   .dark\:border-\[var\(--color-success-soft\,var\(--color-green-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-success-soft,var(--color-green-900));
     }
   }
+  .dark\:border-\[var\(--color-warning-alpha\,var\(--color-yellow-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-warning-alpha,var(--color-yellow-900));
+    }
+  }
   .dark\:border-\[var\(--color-warning-soft\,var\(--color-yellow-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-warning-soft,var(--color-yellow-900));
@@ -3291,6 +3640,16 @@
       }
     }
   }
+  .dark\:has-data-\[state\=checked\]\:bg-primary\/10 {
+    &:is(.dark *) {
+      &:has(*[data-state="checked"]) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:aria-invalid\:border-destructive {
     &:is(.dark *) {
       &[aria-invalid="true"] {
@@ -3329,6 +3688,63 @@
       border-inline-end-width: 0px;
     }
   }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.5 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 0.5);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.25 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 0.25);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-1 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:text-foreground {
+    & [data-slot=alert-close] {
+      color: var(--foreground);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]_svg\]\:size-3\.5 {
+    & [data-slot=alert-close] svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-info-foreground\,var\(--color-violet-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-info-foreground,var(--color-violet-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-success-foreground\,var\(--color-green-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-success-foreground,var(--color-green-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-warning-foreground\,var\(--color-yellow-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-warning-foreground,var(--color-yellow-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-destructive {
+    & [data-slot=alert-icon] {
+      color: var(--destructive);
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-primary {
+    & [data-slot=alert-icon] {
+      color: var(--primary);
+    }
+  }
+  .\[\&_\[data-slot\=alert-title\]\]\:font-semibold {
+    & [data-slot=alert-title] {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
   .\[\&_\[data-slot\=button\]\+\[data-slot\=input\]\]\:rounded-s-none {
     & [data-slot=button]+[data-slot=input] {
       border-start-start-radius: 0;
@@ -3546,6 +3962,17 @@
       border-end-end-radius: 0;
     }
   }
+  .\[\&_p\]\:mb-2 {
+    & p {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_p\]\:leading-relaxed {
+    & p {
+      --tw-leading: var(--leading-relaxed);
+      line-height: var(--leading-relaxed);
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -3681,6 +4108,94 @@
       opacity: 0%;
     }
   }
+  .\[\&\>\*\]\:w-full {
+    &>* {
+      width: 100%;
+    }
+  }
+  .\@md\/field-group\:\[\&\>\*\]\:w-auto {
+    @container field-group (width >= 28rem) {
+      &>* {
+        width: auto;
+      }
+    }
+  }
+  .\[\&\>\.sr-only\]\:w-auto {
+    &>.sr-only {
+      width: auto;
+    }
+  }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-4 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-5 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-6 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 {
+    &>[data-slot=field-group] {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
+    &>[data-slot=field-label] {
+      flex: auto;
+    }
+  }
+  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
+    @container field-group (width >= 28rem) {
+      &>[data-slot=field-label] {
+        flex: auto;
+      }
+    }
+  }
+  .\[\&\>\[data-slot\=field\]\]\:p-4 {
+    &>[data-slot=field] {
+      padding: calc(var(--spacing) * 4);
+    }
+  }
+  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
+    &:has(>[data-slot=field-content]) {
+      &>[role=checkbox],[role=radio] {
+        margin-top: 1px;
+      }
+    }
+  }
+  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
+    @container field-group (width >= 28rem) {
+      &:has(>[data-slot=field-content]) {
+        &>[role=checkbox],[role=radio] {
+          margin-top: 1px;
+        }
+      }
+    }
+  }
+  .\[\&\>a\]\:underline {
+    &>a {
+      text-decoration-line: underline;
+    }
+  }
+  .\[\&\>a\]\:underline-offset-4 {
+    &>a {
+      text-underline-offset: 4px;
+    }
+  }
+  .\[\&\>a\:hover\]\:text-primary {
+    &>a:hover {
+      color: var(--primary);
+    }
+  }
   .\[\&\>span\]\:line-clamp-1 {
     &>span {
       overflow: hidden;
@@ -3829,6 +4344,11 @@
       }
     }
   }
+  .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
+    [data-variant=legend]+& {
+      margin-top: calc(var(--spacing) * -1.5);
+    }
+  }
 }
 :root {
   --background: var(--color-white);