@westpac/ui 1.0.0-canary.9 → 1.0.0

package/dist/css/westpac-ui.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme;
@@ -165,7 +165,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
   }
@@ -226,6 +226,9 @@
   .top-\[5vh\] {
     top: 5vh;
   }
+  .top-auto {
+    top: auto;
+  }
   .top-full {
     top: 100%;
   }
@@ -247,12 +250,27 @@
   .right-3 {
     right: calc(0.375rem * 3);
   }
+  .right-6\.5 {
+    right: calc(0.375rem * 6.5);
+  }
+  .right-8\.5 {
+    right: calc(0.375rem * 8.5);
+  }
+  .right-9\.5 {
+    right: calc(0.375rem * 9.5);
+  }
   .right-\[-1px\] {
     right: -1px;
   }
   .\!bottom-0 {
     bottom: calc(0.375rem * 0) !important;
   }
+  .bottom-0 {
+    bottom: calc(0.375rem * 0);
+  }
+  .bottom-\[0\.1em\] {
+    bottom: 0.1em;
+  }
   .bottom-full {
     bottom: 100%;
   }
@@ -277,9 +295,6 @@
   .left-\[0\.125rem\] {
     left: 0.125rem;
   }
-  .isolate {
-    isolation: isolate;
-  }
   .-z-10 {
     z-index: calc(10 * -1);
   }
@@ -445,15 +460,15 @@
   .mx-auto {
     margin-inline: auto;
   }
-  .-my-0\.5 {
-    margin-block: calc(0.375rem * -0.5);
-  }
-  .-my-1\.5 {
-    margin-block: calc(0.375rem * -1.5);
-  }
   .-my-2 {
     margin-block: calc(0.375rem * -2);
   }
+  .-my-\[0\.5rem\] {
+    margin-block: calc(0.5rem * -1);
+  }
+  .-my-\[0\.3125rem\] {
+    margin-block: calc(0.3125rem * -1);
+  }
   .my-0 {
     margin-block: calc(0.375rem * 0);
   }
@@ -469,11 +484,8 @@
   .my-4 {
     margin-block: calc(0.375rem * 4);
   }
-  .my-\[-0\.5rem\] {
-    margin-block: -0.5rem;
-  }
-  .my-\[-0\.3125rem\] {
-    margin-block: -0.3125rem;
+  .-mt-0\.5 {
+    margin-top: calc(0.375rem * -0.5);
   }
   .-mt-1 {
     margin-top: calc(0.375rem * -1);
@@ -481,6 +493,9 @@
   .-mt-2 {
     margin-top: calc(0.375rem * -2);
   }
+  .-mt-\[0\.5625rem\] {
+    margin-top: calc(0.5625rem * -1);
+  }
   .mt-0\.5 {
     margin-top: calc(0.375rem * 0.5);
   }
@@ -517,9 +532,6 @@
   .mt-\[200px\] {
     margin-top: 200px;
   }
-  .-mr-1\.5 {
-    margin-right: calc(0.375rem * -1.5);
-  }
   .-mr-2 {
     margin-right: calc(0.375rem * -2);
   }
@@ -529,6 +541,9 @@
   .-mr-3 {
     margin-right: calc(0.375rem * -3);
   }
+  .-mr-\[0\.5625rem\] {
+    margin-right: calc(0.5625rem * -1);
+  }
   .mr-1 {
     margin-right: calc(0.375rem * 1);
   }
@@ -559,9 +574,18 @@
   .-mb-1 {
     margin-bottom: calc(0.375rem * -1);
   }
+  .-mb-\[0\.25rem\] {
+    margin-bottom: calc(0.25rem * -1);
+  }
+  .-mb-\[0\.625rem\] {
+    margin-bottom: calc(0.625rem * -1);
+  }
   .mb-0 {
     margin-bottom: calc(0.375rem * 0);
   }
+  .mb-0\.5 {
+    margin-bottom: calc(0.375rem * 0.5);
+  }
   .mb-1 {
     margin-bottom: calc(0.375rem * 1);
   }
@@ -577,12 +601,6 @@
   .mb-5 {
     margin-bottom: calc(0.375rem * 5);
   }
-  .mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -598,6 +616,9 @@
   .ml-2 {
     margin-left: calc(0.375rem * 2);
   }
+  .ml-5 {
+    margin-left: calc(0.375rem * 5);
+  }
   .ml-\[-1px\] {
     margin-left: -1px;
   }
@@ -704,10 +725,6 @@
     width: 32px;
     height: 32px;
   }
-  .size-\[64px\] {
-    width: 64px;
-    height: 64px;
-  }
   .size-\[65px\] {
     width: 65px;
     height: 65px;
@@ -716,6 +733,9 @@
     width: fit-content;
     height: fit-content;
   }
+  .\!h-auto {
+    height: auto !important;
+  }
   .h-\(--disclosure-panel-height\) {
     height: var(--disclosure-panel-height);
   }
@@ -782,15 +802,9 @@
   .h-\[22px\] {
     height: 22px;
   }
-  .h-\[26px\] {
-    height: 26px;
-  }
   .h-\[28px\] {
     height: 28px;
   }
-  .h-\[32px\] {
-    height: 32px;
-  }
   .h-\[37px\] {
     height: 37px;
   }
@@ -800,6 +814,9 @@
   .h-\[39px\] {
     height: 39px;
   }
+  .h-\[40px\] {
+    height: 40px;
+  }
   .h-\[41px\] {
     height: 41px;
   }
@@ -812,6 +829,9 @@
   .h-\[44px\] {
     height: 44px;
   }
+  .h-\[48px\] {
+    height: 48px;
+  }
   .h-\[50px\] {
     height: 50px;
   }
@@ -824,8 +844,11 @@
   .h-\[58px\] {
     height: 58px;
   }
-  .h-\[62px\] {
-    height: 62px;
+  .h-\[60px\] {
+    height: 60px;
+  }
+  .h-\[63px\] {
+    height: 63px;
   }
   .h-\[65px\] {
     height: 65px;
@@ -848,27 +871,45 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-5 {
+    max-height: calc(0.375rem * 5);
+  }
+  .max-h-6 {
+    max-height: calc(0.375rem * 6);
+  }
+  .max-h-7 {
+    max-height: calc(0.375rem * 7);
+  }
+  .max-h-8 {
+    max-height: calc(0.375rem * 8);
+  }
+  .max-h-72 {
+    max-height: calc(0.375rem * 72);
+  }
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
-  .max-h-\[400px\] {
-    max-height: 400px;
-  }
   .max-h-full {
     max-height: 100%;
   }
   .max-h-screen {
     max-height: 100vh;
   }
-  .min-h-5 {
-    min-height: calc(0.375rem * 5);
+  .min-h-0 {
+    min-height: calc(0.375rem * 0);
+  }
+  .min-h-2 {
+    min-height: calc(0.375rem * 2);
+  }
+  .min-h-3 {
+    min-height: calc(0.375rem * 3);
+  }
+  .min-h-4 {
+    min-height: calc(0.375rem * 4);
   }
   .min-h-6 {
     min-height: calc(0.375rem * 6);
   }
-  .min-h-7 {
-    min-height: calc(0.375rem * 7);
-  }
   .min-h-8 {
     min-height: calc(0.375rem * 8);
   }
@@ -881,6 +922,18 @@
   .min-h-12 {
     min-height: calc(0.375rem * 12);
   }
+  .min-h-\[1\.875rem\] {
+    min-height: 1.875rem;
+  }
+  .min-h-\[2\.25rem\] {
+    min-height: 2.25rem;
+  }
+  .min-h-\[2\.625rem\] {
+    min-height: 2.625rem;
+  }
+  .min-h-\[3rem\] {
+    min-height: 3rem;
+  }
   .min-h-\[17\.5rem\] {
     min-height: 17.5rem;
   }
@@ -899,6 +952,9 @@
   .w-3 {
     width: calc(0.375rem * 3);
   }
+  .w-3\/5 {
+    width: calc(3/5 * 100%);
+  }
   .w-6 {
     width: calc(0.375rem * 6);
   }
@@ -989,42 +1045,78 @@
   .w-\[54px\] {
     width: 54px;
   }
+  .w-\[59px\] {
+    width: 59px;
+  }
   .w-\[60px\] {
     width: 60px;
   }
-  .w-\[67px\] {
-    width: 67px;
-  }
   .w-\[69px\] {
     width: 69px;
   }
+  .w-\[70px\] {
+    width: 70px;
+  }
+  .w-\[71px\] {
+    width: 71px;
+  }
   .w-\[80px\] {
     width: 80px;
   }
   .w-\[90px\] {
     width: 90px;
   }
+  .w-\[94px\] {
+    width: 94px;
+  }
   .w-\[105px\] {
     width: 105px;
   }
+  .w-\[113px\] {
+    width: 113px;
+  }
   .w-\[116px\] {
     width: 116px;
   }
+  .w-\[120px\] {
+    width: 120px;
+  }
   .w-\[122px\] {
     width: 122px;
   }
+  .w-\[135px\] {
+    width: 135px;
+  }
+  .w-\[140px\] {
+    width: 140px;
+  }
+  .w-\[145px\] {
+    width: 145px;
+  }
   .w-\[150px\] {
     width: 150px;
   }
-  .w-\[160px\] {
-    width: 160px;
+  .w-\[165px\] {
+    width: 165px;
   }
   .w-\[170px\] {
     width: 170px;
   }
+  .w-\[178px\] {
+    width: 178px;
+  }
   .w-\[180px\] {
     width: 180px;
   }
+  .w-\[213px\] {
+    width: 213px;
+  }
+  .w-\[233px\] {
+    width: 233px;
+  }
+  .w-\[268px\] {
+    width: 268px;
+  }
   .w-\[350px\] {
     width: 350px;
   }
@@ -1199,12 +1291,24 @@
   .min-w-0 {
     min-width: calc(0.375rem * 0);
   }
+  .min-w-2 {
+    min-width: calc(0.375rem * 2);
+  }
+  .min-w-3 {
+    min-width: calc(0.375rem * 3);
+  }
   .min-w-4 {
     min-width: calc(0.375rem * 4);
   }
+  .min-w-6 {
+    min-width: calc(0.375rem * 6);
+  }
   .min-w-7 {
     min-width: calc(0.375rem * 7);
   }
+  .min-w-8 {
+    min-width: calc(0.375rem * 8);
+  }
   .min-w-\[8\.125rem\] {
     min-width: 8.125rem;
   }
@@ -1223,6 +1327,9 @@
   .min-w-\[200px\] {
     min-width: 200px;
   }
+  .flex-0 {
+    flex: 0;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -1238,26 +1345,22 @@
   .shrink-0 {
     flex-shrink: 0;
   }
-  .translate-x-\[-6px\] {
-    --tw-translate-x: -6px;
+  .translate-x-\[-2\.5px\] {
+    --tw-translate-x: -2.5px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-x-\[6px\] {
-    --tw-translate-x: 6px;
+  .translate-x-\[14px\] {
+    --tw-translate-x: 14px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-0 {
-    --tw-translate-y: calc(0.375rem * 0);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .scale-100 {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -1300,6 +1403,12 @@
   .animate-slideUp {
     animation: var(--animate-slideUp, slideUp 0.4s ease);
   }
+  .\!form-control-disabled {
+    cursor: not-allowed !important;
+    border-style: dashed !important;
+    background-color: var(--surface-muted-pale) !important;
+    color: var(--text-muted) !important;
+  }
   .form-control-disabled {
     cursor: not-allowed;
     border-style: dashed;
@@ -1361,9 +1470,6 @@
   .content-start {
     align-content: flex-start;
   }
-  .items-baseline {
-    align-items: baseline;
-  }
   .items-center {
     align-items: center;
   }
@@ -1388,18 +1494,15 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0 {
+    gap: calc(0.375rem * 0);
+  }
   .gap-1 {
     gap: calc(0.375rem * 1);
   }
-  .gap-1\.5 {
-    gap: calc(0.375rem * 1.5);
-  }
   .gap-2 {
     gap: calc(0.375rem * 2);
   }
-  .gap-2\.5 {
-    gap: calc(0.375rem * 2.5);
-  }
   .gap-3 {
     gap: calc(0.375rem * 3);
   }
@@ -1450,9 +1553,6 @@
       border-color: var(--border-muted-soft);
     }
   }
-  .self-center {
-    align-self: center;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1519,16 +1619,16 @@
     border-radius: 0.25rem;
   }
   .rounded-2xl {
-    border-radius: var(--rounded-2xl);
+    border-radius: var(--border-radius-8);
   }
   .rounded-3xl {
-    border-radius: var(--rounded-3xl);
+    border-radius: var(--border-radius-12);
   }
   .rounded-4xl {
-    border-radius: var(--rounded-4xl);
+    border-radius: var(--border-radius-16);
   }
   .rounded-5xl {
-    border-radius: var(--rounded-5xl);
+    border-radius: var(--border-radius-24);
   }
   .rounded-\[1\.75rem\] {
     border-radius: 1.75rem;
@@ -1546,51 +1646,51 @@
     border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
-    border-radius: var(--rounded-lg);
+    border-radius: var(--border-radius-5);
   }
   .rounded-md {
-    border-radius: var(--rounded-md);
+    border-radius: var(--border-radius-4);
   }
   .rounded-none {
     border-radius: 0;
   }
   .rounded-sm {
-    border-radius: var(--rounded-sm);
+    border-radius: var(--border-radius-3);
   }
   .rounded-xl {
-    border-radius: var(--rounded-xl);
+    border-radius: var(--border-radius-6);
   }
   .rounded-t-3xl {
-    border-top-left-radius: var(--rounded-3xl);
-    border-top-right-radius: var(--rounded-3xl);
+    border-top-left-radius: var(--border-radius-12);
+    border-top-right-radius: var(--border-radius-12);
   }
   .rounded-t-xl {
-    border-top-left-radius: var(--rounded-xl);
-    border-top-right-radius: var(--rounded-xl);
+    border-top-left-radius: var(--border-radius-6);
+    border-top-right-radius: var(--border-radius-6);
   }
   .rounded-l {
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
   .rounded-l-lg {
-    border-top-left-radius: var(--rounded-lg);
-    border-bottom-left-radius: var(--rounded-lg);
+    border-top-left-radius: var(--border-radius-5);
+    border-bottom-left-radius: var(--border-radius-5);
   }
   .rounded-l-md {
-    border-top-left-radius: var(--rounded-md);
-    border-bottom-left-radius: var(--rounded-md);
+    border-top-left-radius: var(--border-radius-4);
+    border-bottom-left-radius: var(--border-radius-4);
   }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
   .rounded-l-sm {
-    border-top-left-radius: var(--rounded-sm);
-    border-bottom-left-radius: var(--rounded-sm);
+    border-top-left-radius: var(--border-radius-3);
+    border-bottom-left-radius: var(--border-radius-3);
   }
   .rounded-l-xl {
-    border-top-left-radius: var(--rounded-xl);
-    border-bottom-left-radius: var(--rounded-xl);
+    border-top-left-radius: var(--border-radius-6);
+    border-bottom-left-radius: var(--border-radius-6);
   }
   .rounded-tl-none {
     border-top-left-radius: 0;
@@ -1600,39 +1700,43 @@
     border-bottom-right-radius: 0.25rem;
   }
   .rounded-r-2xl {
-    border-top-right-radius: var(--rounded-2xl);
-    border-bottom-right-radius: var(--rounded-2xl);
+    border-top-right-radius: var(--border-radius-8);
+    border-bottom-right-radius: var(--border-radius-8);
   }
   .rounded-r-lg {
-    border-top-right-radius: var(--rounded-lg);
-    border-bottom-right-radius: var(--rounded-lg);
+    border-top-right-radius: var(--border-radius-5);
+    border-bottom-right-radius: var(--border-radius-5);
   }
   .rounded-r-md {
-    border-top-right-radius: var(--rounded-md);
-    border-bottom-right-radius: var(--rounded-md);
+    border-top-right-radius: var(--border-radius-4);
+    border-bottom-right-radius: var(--border-radius-4);
+  }
+  .rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
   .rounded-r-sm {
-    border-top-right-radius: var(--rounded-sm);
-    border-bottom-right-radius: var(--rounded-sm);
+    border-top-right-radius: var(--border-radius-3);
+    border-bottom-right-radius: var(--border-radius-3);
   }
   .rounded-r-xl {
-    border-top-right-radius: var(--rounded-xl);
-    border-bottom-right-radius: var(--rounded-xl);
+    border-top-right-radius: var(--border-radius-6);
+    border-bottom-right-radius: var(--border-radius-6);
   }
   .rounded-tr-2xl {
-    border-top-right-radius: var(--rounded-2xl);
+    border-top-right-radius: var(--border-radius-8);
   }
   .rounded-b {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
   .rounded-b-2xl {
-    border-bottom-right-radius: var(--rounded-2xl);
-    border-bottom-left-radius: var(--rounded-2xl);
+    border-bottom-right-radius: var(--border-radius-8);
+    border-bottom-left-radius: var(--border-radius-8);
   }
   .rounded-b-3xl {
-    border-bottom-right-radius: var(--rounded-3xl);
-    border-bottom-left-radius: var(--rounded-3xl);
+    border-bottom-right-radius: var(--border-radius-12);
+    border-bottom-left-radius: var(--border-radius-12);
   }
   .rounded-br-none {
     border-bottom-right-radius: 0;
@@ -1813,6 +1917,9 @@
   .border-y-border-muted-strong {
     border-block-color: var(--border-muted-strong);
   }
+  .border-t-border-hero {
+    border-top-color: var(--border-hero);
+  }
   .border-t-border-muted {
     border-top-color: var(--border-muted);
   }
@@ -1873,6 +1980,12 @@
   .bg-black {
     background-color: var(--color-black, #000);
   }
+  .bg-black\/5 {
+    background-color: color-mix(in srgb, #000 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black, #000) 5%, transparent);
+    }
+  }
   .bg-black\/20 {
     background-color: color-mix(in srgb, #000 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2194,12 +2307,36 @@
   .bg-no-repeat {
     background-repeat: no-repeat;
   }
+  .fill-\[\#1F0038\] {
+    fill: #1F0038;
+  }
   .fill-\[\#002F6C\] {
     fill: #002F6C;
   }
+  .fill-\[\#3C4043\] {
+    fill: #3C4043;
+  }
+  .fill-\[\#231F20\] {
+    fill: #231F20;
+  }
+  .fill-\[\#0866FF\] {
+    fill: #0866FF;
+  }
+  .fill-\[\#1434CB\] {
+    fill: #1434CB;
+  }
   .fill-\[\#20024E\] {
     fill: #20024E;
   }
+  .fill-\[\#020202\] {
+    fill: #020202;
+  }
+  .fill-\[\#FF0033\] {
+    fill: #FF0033;
+  }
+  .fill-black {
+    fill: var(--color-black, #000);
+  }
   .fill-surface-mono {
     fill: var(--surface-mono);
   }
@@ -2209,9 +2346,6 @@
   .fill-surface-pictogram-base {
     fill: var(--surface-pictogram-base);
   }
-  .fill-surface-reversed {
-    fill: var(--surface-reversed);
-  }
   .fill-white {
     fill: var(--color-white, #fff);
   }
@@ -2311,9 +2445,6 @@
   .py-\[0\.5rem\] {
     padding-block: 0.5rem;
   }
-  .py-\[0\.25rem\] {
-    padding-block: 0.25rem;
-  }
   .py-\[0\.625rem\] {
     padding-block: 0.625rem;
   }
@@ -2602,6 +2733,9 @@
   .pb-\[5vh\] {
     padding-bottom: 5vh;
   }
+  .pb-\[200px\] {
+    padding-bottom: 200px;
+  }
   .pl-0 {
     padding-left: calc(0.375rem * 0);
   }
@@ -2951,12 +3085,6 @@
   .text-text-body {
     color: var(--text-body);
   }
-  .text-text-body\/50 {
-    color: var(--text-body);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--text-body) 50%, transparent);
-    }
-  }
   .text-text-danger {
     color: var(--text-danger);
   }
@@ -2978,12 +3106,6 @@
   .text-text-muted {
     color: var(--text-muted);
   }
-  .text-text-muted\/50 {
-    color: var(--text-muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--text-muted) 50%, transparent);
-    }
-  }
   .text-text-muted\/90 {
     color: var(--text-muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3114,9 +3236,16 @@
   .\!outline-offset-\[-4px\] {
     outline-offset: -4px !important;
   }
+  .-outline-offset-2 {
+    outline-offset: calc(2px * -1);
+  }
   .outline-transparent {
     outline-color: transparent;
   }
+  .blur {
+    --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,);
   }
@@ -3126,7 +3255,12 @@
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+  }
+  .transition-\[background-color\] {
+    transition-property: background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
     transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
   }
@@ -3208,6 +3342,10 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .select-all {
+    -webkit-user-select: all;
+    user-select: all;
+  }
   .not-first\:rounded-t-none {
     &:not(*:first-child) {
       border-top-left-radius: 0;
@@ -3246,8 +3384,8 @@
   }
   .group-first\:rounded-t-2xl {
     &:is(:where(.group):first-child *) {
-      border-top-left-radius: var(--rounded-2xl);
-      border-top-right-radius: var(--rounded-2xl);
+      border-top-left-radius: var(--border-radius-8);
+      border-top-right-radius: var(--border-radius-8);
     }
   }
   .group-first\:border-t-0 {
@@ -3263,26 +3401,26 @@
   }
   .group-first\/add-on-before\:\!rounded-l-lg {
     &:is(:where(.group\/add-on-before):first-child *) {
-      border-top-left-radius: var(--rounded-lg) !important;
-      border-bottom-left-radius: var(--rounded-lg) !important;
+      border-top-left-radius: var(--border-radius-5) !important;
+      border-bottom-left-radius: var(--border-radius-5) !important;
     }
   }
   .group-first\/add-on-before\:\!rounded-l-md {
     &:is(:where(.group\/add-on-before):first-child *) {
-      border-top-left-radius: var(--rounded-md) !important;
-      border-bottom-left-radius: var(--rounded-md) !important;
+      border-top-left-radius: var(--border-radius-4) !important;
+      border-bottom-left-radius: var(--border-radius-4) !important;
     }
   }
   .group-first\/add-on-before\:\!rounded-l-sm {
     &:is(:where(.group\/add-on-before):first-child *) {
-      border-top-left-radius: var(--rounded-sm) !important;
-      border-bottom-left-radius: var(--rounded-sm) !important;
+      border-top-left-radius: var(--border-radius-3) !important;
+      border-bottom-left-radius: var(--border-radius-3) !important;
     }
   }
   .group-first\/add-on-before\:\!rounded-l-xl {
     &:is(:where(.group\/add-on-before):first-child *) {
-      border-top-left-radius: var(--rounded-xl) !important;
-      border-bottom-left-radius: var(--rounded-xl) !important;
+      border-top-left-radius: var(--border-radius-6) !important;
+      border-bottom-left-radius: var(--border-radius-6) !important;
     }
   }
   .group-first\/add-on-before\:rounded-r-none {
@@ -3314,8 +3452,8 @@
   }
   .group-last\:rounded-b-2xl {
     &:is(:where(.group):last-child *) {
-      border-bottom-right-radius: var(--rounded-2xl);
-      border-bottom-left-radius: var(--rounded-2xl);
+      border-bottom-right-radius: var(--border-radius-8);
+      border-bottom-left-radius: var(--border-radius-8);
     }
   }
   .group-last\/add-on-after\:h-auto {
@@ -3331,26 +3469,26 @@
   }
   .group-last\/add-on-after\:\!rounded-r-lg {
     &:is(:where(.group\/add-on-after):last-child *) {
-      border-top-right-radius: var(--rounded-lg) !important;
-      border-bottom-right-radius: var(--rounded-lg) !important;
+      border-top-right-radius: var(--border-radius-5) !important;
+      border-bottom-right-radius: var(--border-radius-5) !important;
     }
   }
   .group-last\/add-on-after\:\!rounded-r-md {
     &:is(:where(.group\/add-on-after):last-child *) {
-      border-top-right-radius: var(--rounded-md) !important;
-      border-bottom-right-radius: var(--rounded-md) !important;
+      border-top-right-radius: var(--border-radius-4) !important;
+      border-bottom-right-radius: var(--border-radius-4) !important;
     }
   }
   .group-last\/add-on-after\:\!rounded-r-sm {
     &:is(:where(.group\/add-on-after):last-child *) {
-      border-top-right-radius: var(--rounded-sm) !important;
-      border-bottom-right-radius: var(--rounded-sm) !important;
+      border-top-right-radius: var(--border-radius-3) !important;
+      border-bottom-right-radius: var(--border-radius-3) !important;
     }
   }
   .group-last\/add-on-after\:\!rounded-r-xl {
     &:is(:where(.group\/add-on-after):last-child *) {
-      border-top-right-radius: var(--rounded-xl) !important;
-      border-bottom-right-radius: var(--rounded-xl) !important;
+      border-top-right-radius: var(--border-radius-6) !important;
+      border-bottom-right-radius: var(--border-radius-6) !important;
     }
   }
   .group-last\/add-on-after\:\!border-x {
@@ -3641,12 +3779,6 @@
       bottom: calc(0.375rem * 4);
     }
   }
-  .after\:bottom-\[1px\] {
-    &::after {
-      content: var(--tw-content);
-      bottom: 1px;
-    }
-  }
   .after\:left-0 {
     &::after {
       content: var(--tw-content);
@@ -4143,7 +4275,7 @@
       padding: 0;
       margin: 0;
       overflow: visible;
-      clip: auto;
+      clip-path: none;
       white-space: normal;
     }
   }
@@ -4698,7 +4830,7 @@
   }
   .md\:rounded-3xl {
     @media (width >= 992px) {
-      border-radius: var(--rounded-3xl);
+      border-radius: var(--border-radius-12);
     }
   }
   .md\:px-4 {
@@ -4746,19 +4878,6 @@
       padding-inline: calc(0.375rem * 10);
     }
   }
-  .dark\:fill-white {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      fill: var(--color-white, #fff);
-    }
-  }
-  .dark\:shadow-black\/75 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --tw-shadow-color: color-mix(in srgb, #000 75%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black, #000) 75%, transparent) var(--tw-shadow-alpha), transparent);
-      }
-    }
-  }
   .\[\&_\:focus-visible\]\:\!focus-outline {
     & :focus-visible {
       outline-style: solid !important;