@kodiak-finance/orderly-ui 2.9.2 → 2.9.3

package/dist/index.css

@@ -527,6 +527,9 @@ body {
 .oui-inset-0 {
   inset: 0px;
 }
+.oui-inset-3 {
+  inset: 0.75rem;
+}
 .oui-inset-x-0 {
   left: 0px;
   right: 0px;
@@ -548,17 +551,17 @@ body {
 .\!oui-top-1 {
   top: 0.25rem !important;
 }
-.-oui-right-3 {
-  right: -0.75rem;
+.-oui-end-3 {
+  inset-inline-end: -0.75rem;
 }
-.-oui-right-\[1px\] {
-  right: -1px;
+.-oui-end-\[1px\] {
+  inset-inline-end: -1px;
 }
-.-oui-right-\[6px\] {
-  right: -6px;
+.-oui-end-\[6px\] {
+  inset-inline-end: -6px;
 }
-.-oui-right-px {
-  right: -1px;
+.-oui-end-px {
+  inset-inline-end: -1px;
 }
 .-oui-top-4 {
   top: -1rem;
@@ -581,11 +584,11 @@ body {
 .oui--bottom-12 {
   bottom: -3rem;
 }
-.oui--left-12 {
-  left: -3rem;
+.oui--end-12 {
+  inset-inline-end: -3rem;
 }
-.oui--right-12 {
-  right: -3rem;
+.oui--start-12 {
+  inset-inline-start: -3rem;
 }
 .oui--top-12 {
   top: -3rem;
@@ -614,71 +617,71 @@ body {
 .oui-bottom-full {
   bottom: 100%;
 }
-.oui-end-\[-20px\] {
-  inset-inline-end: -20px;
+.oui-end-0 {
+  inset-inline-end: 0px;
 }
-.oui-left-0 {
-  left: 0px;
+.oui-end-1 {
+  inset-inline-end: 0.25rem;
 }
-.oui-left-1 {
-  left: 0.25rem;
+.oui-end-2 {
+  inset-inline-end: 0.5rem;
 }
-.oui-left-1\/2 {
-  left: 50%;
+.oui-end-3 {
+  inset-inline-end: 0.75rem;
 }
-.oui-left-2 {
-  left: 0.5rem;
+.oui-end-4 {
+  inset-inline-end: 1rem;
 }
-.oui-left-3 {
-  left: 0.75rem;
+.oui-end-\[-1\.5px\] {
+  inset-inline-end: -1.5px;
 }
-.oui-left-6 {
-  left: 1.5rem;
+.oui-end-\[-100\%\] {
+  inset-inline-end: -100%;
 }
-.oui-left-\[-1\.5px\] {
-  left: -1.5px;
+.oui-end-\[-20px\] {
+  inset-inline-end: -20px;
 }
-.oui-left-\[-100\%\] {
-  left: -100%;
+.oui-end-\[1px\] {
+  inset-inline-end: 1px;
 }
-.oui-left-\[-9px\] {
-  left: -9px;
+.oui-left-\[50\%\] {
+  left: 50%;
 }
-.oui-left-\[10px\] {
-  left: 10px;
+.oui-start-0 {
+  inset-inline-start: 0px;
 }
-.oui-left-\[30px\] {
-  left: 30px;
+.oui-start-1 {
+  inset-inline-start: 0.25rem;
 }
-.oui-left-\[4px\] {
-  left: 4px;
+.oui-start-1\/2 {
+  inset-inline-start: 50%;
 }
-.oui-left-\[50\%\] {
-  left: 50%;
+.oui-start-2 {
+  inset-inline-start: 0.5rem;
 }
-.oui-right-0 {
-  right: 0px;
+.oui-start-3 {
+  inset-inline-start: 0.75rem;
 }
-.oui-right-1 {
-  right: 0.25rem;
+.oui-start-6 {
+  inset-inline-start: 1.5rem;
 }
-.oui-right-2 {
-  right: 0.5rem;
+.oui-start-\[-1\.5px\] {
+  inset-inline-start: -1.5px;
 }
-.oui-right-3 {
-  right: 0.75rem;
+.oui-start-\[-100\%\] {
+  inset-inline-start: -100%;
 }
-.oui-right-4 {
-  right: 1rem;
+.oui-start-\[-9px\] {
+  inset-inline-start: -9px;
 }
-.oui-right-\[-1\.5px\] {
-  right: -1.5px;
+.oui-start-\[10px\] {
+  inset-inline-start: 10px;
 }
-.oui-right-\[-100\%\] {
-  right: -100%;
+.oui-start-\[30px\] {
+  inset-inline-start: 30px;
 }
-.oui-right-\[1px\] {
-  right: 1px;
+.oui-start-\[4px\] {
+  inset-inline-start: 4px;
 }
 .oui-top-0 {
   top: 0px;
@@ -1048,14 +1051,17 @@ body {
 .-oui-mb-5 {
   margin-bottom: -1.25rem;
 }
-.-oui-ml-2 {
-  margin-left: -0.5rem;
+.-oui-me-4 {
+  margin-inline-end: -1rem;
 }
-.-oui-ml-4 {
-  margin-left: -1rem;
+.-oui-me-\[4px\] {
+  margin-inline-end: -4px;
 }
-.-oui-mr-4 {
-  margin-right: -1rem;
+.-oui-ms-2 {
+  margin-inline-start: -0.5rem;
+}
+.-oui-ms-4 {
+  margin-inline-start: -1rem;
 }
 .-oui-mt-2 {
   margin-top: -0.5rem;
@@ -1126,12 +1132,30 @@ body {
 .oui-mb-\[3px\] {
   margin-bottom: 3px;
 }
+.oui-me-1 {
+  margin-inline-end: 0.25rem;
+}
+.oui-me-2 {
+  margin-inline-end: 0.5rem;
+}
+.oui-me-3 {
+  margin-inline-end: 0.75rem;
+}
+.oui-me-4 {
+  margin-inline-end: 1rem;
+}
+.oui-me-6 {
+  margin-inline-end: 1.5rem;
+}
+.oui-me-\[2px\] {
+  margin-inline-end: 2px;
+}
+.oui-me-\[6px\] {
+  margin-inline-end: 6px;
+}
 .oui-ml-0 {
   margin-left: 0px;
 }
-.oui-ml-0\.5 {
-  margin-left: 0.125rem;
-}
 .oui-ml-1 {
   margin-left: 0.25rem;
 }
@@ -1141,9 +1165,6 @@ body {
 .oui-ml-2 {
   margin-left: 0.5rem;
 }
-.oui-ml-2\.5 {
-  margin-left: 0.625rem;
-}
 .oui-ml-3 {
   margin-left: 0.75rem;
 }
@@ -1165,18 +1186,6 @@ body {
 .oui-ml-9 {
   margin-left: 2.25rem;
 }
-.oui-ml-\[2px\] {
-  margin-left: 2px;
-}
-.oui-ml-\[5px\] {
-  margin-left: 5px;
-}
-.oui-ml-auto {
-  margin-left: auto;
-}
-.oui-ml-px {
-  margin-left: 1px;
-}
 .oui-mr-0 {
   margin-right: 0px;
 }
@@ -1210,11 +1219,38 @@ body {
 .oui-mr-9 {
   margin-right: 2.25rem;
 }
-.oui-mr-\[2px\] {
-  margin-right: 2px;
+.oui-ms-0 {
+  margin-inline-start: 0px;
+}
+.oui-ms-0\.5 {
+  margin-inline-start: 0.125rem;
+}
+.oui-ms-1 {
+  margin-inline-start: 0.25rem;
+}
+.oui-ms-2 {
+  margin-inline-start: 0.5rem;
+}
+.oui-ms-2\.5 {
+  margin-inline-start: 0.625rem;
+}
+.oui-ms-3 {
+  margin-inline-start: 0.75rem;
+}
+.oui-ms-4 {
+  margin-inline-start: 1rem;
+}
+.oui-ms-\[2px\] {
+  margin-inline-start: 2px;
+}
+.oui-ms-\[5px\] {
+  margin-inline-start: 5px;
+}
+.oui-ms-auto {
+  margin-inline-start: auto;
 }
-.oui-mr-\[6px\] {
-  margin-right: 6px;
+.oui-ms-px {
+  margin-inline-start: 1px;
 }
 .oui-mt-0 {
   margin-top: 0px;
@@ -1733,12 +1769,6 @@ body {
 .oui-h-\[calc\(100\%_-_49px\)\] {
   height: calc(100% - 49px);
 }
-.oui-h-\[calc\(100\%_-_52px\)\] {
-  height: calc(100% - 52px);
-}
-.oui-h-\[calc\(100\%_-_56px\)\] {
-  height: calc(100% - 56px);
-}
 .oui-h-\[calc\(100\%_-_59px\)\] {
   height: calc(100% - 59px);
 }
@@ -2153,9 +2183,6 @@ body {
 .oui-w-\[420px\] {
   width: 420px;
 }
-.oui-w-\[429px\] {
-  width: 429px;
-}
 .oui-w-\[456px\] {
   width: 456px;
 }
@@ -2171,6 +2198,9 @@ body {
 .oui-w-\[55px\] {
   width: 55px;
 }
+.oui-w-\[580px\] {
+  width: 580px;
+}
 .oui-w-\[590px\] {
   width: 590px;
 }
@@ -2743,6 +2773,9 @@ body {
 .oui-grid-cols-\[6fr\,4fr\] {
   grid-template-columns: 6fr 4fr;
 }
+.oui-grid-cols-\[minmax\(0\,1fr\)_96px_72px\] {
+  grid-template-columns: minmax(0, 1fr) 96px 72px;
+}
 .oui-grid-cols-none {
   grid-template-columns: none;
 }
@@ -2782,6 +2815,9 @@ body {
 .oui-grid-rows-\[auto\,auto\,1fr\,auto\,1fr\] {
   grid-template-rows: auto auto 1fr auto 1fr;
 }
+.oui-grid-rows-\[auto_minmax\(0\,1fr\)\] {
+  grid-template-rows: auto minmax(0, 1fr);
+}
 .oui-grid-rows-none {
   grid-template-rows: none;
 }
@@ -3003,26 +3039,11 @@ body {
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
 }
-.oui-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .oui-space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.oui-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.oui-space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .oui-space-x-\[6px\] > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(6px * var(--tw-space-x-reverse));
@@ -3139,6 +3160,12 @@ body {
 .oui-break-all {
   word-break: break-all;
 }
+.\!oui-rounded {
+  border-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-md {
+  border-radius: var(--oui-rounded-md, 0.375rem) !important;
+}
 .oui-rounded {
   border-radius: var(--oui-rounded, 0.25rem);
 }
@@ -3191,7 +3218,7 @@ body {
   border-radius: var(--oui-rounded-full, 9999px);
 }
 .oui-rounded-lg {
-  border-radius: var(--oui-rounded-lg, 0.5rem);
+  border-radius: var(--oui-rounded-sg, 0.5rem);
 }
 .oui-rounded-md {
   border-radius: var(--oui-rounded-md, 0.375rem);
@@ -3205,14 +3232,26 @@ body {
 .oui-rounded-xl {
   border-radius: var(--oui-rounded-xl, 0.75rem);
 }
-.\!oui-rounded-l {
-  border-top-left-radius: var(--oui-rounded, 0.25rem) !important;
-  border-bottom-left-radius: var(--oui-rounded, 0.25rem) !important;
+.\!oui-rounded-e {
+  border-start-end-radius: var(--oui-rounded, 0.25rem) !important;
+  border-end-end-radius: var(--oui-rounded, 0.25rem) !important;
 }
 .\!oui-rounded-r {
   border-top-right-radius: var(--oui-rounded, 0.25rem) !important;
   border-bottom-right-radius: var(--oui-rounded, 0.25rem) !important;
 }
+.\!oui-rounded-s {
+  border-start-start-radius: var(--oui-rounded, 0.25rem) !important;
+  border-end-start-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-t {
+  border-top-left-radius: var(--oui-rounded, 0.25rem) !important;
+  border-top-right-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.oui-rounded-b-2xl {
+  border-bottom-right-radius: var(--oui-rounded-2xl, 1rem);
+  border-bottom-left-radius: var(--oui-rounded-2xl, 1rem);
+}
 .oui-rounded-b-sm {
   border-bottom-right-radius: var(--oui-rounded-sm, 0.125rem);
   border-bottom-left-radius: var(--oui-rounded-sm, 0.125rem);
@@ -3221,29 +3260,41 @@ body {
   border-bottom-right-radius: var(--oui-rounded-xl, 0.75rem);
   border-bottom-left-radius: var(--oui-rounded-xl, 0.75rem);
 }
+.oui-rounded-e {
+  border-start-end-radius: var(--oui-rounded, 0.25rem);
+  border-end-end-radius: var(--oui-rounded, 0.25rem);
+}
+.oui-rounded-e-full {
+  border-start-end-radius: var(--oui-rounded-full, 9999px);
+  border-end-end-radius: var(--oui-rounded-full, 9999px);
+}
+.oui-rounded-e-lg {
+  border-start-end-radius: var(--oui-rounded-sg, 0.5rem);
+  border-end-end-radius: var(--oui-rounded-sg, 0.5rem);
+}
 .oui-rounded-l {
   border-top-left-radius: var(--oui-rounded, 0.25rem);
   border-bottom-left-radius: var(--oui-rounded, 0.25rem);
 }
-.oui-rounded-l-full {
-  border-top-left-radius: var(--oui-rounded-full, 9999px);
-  border-bottom-left-radius: var(--oui-rounded-full, 9999px);
-}
-.oui-rounded-l-lg {
-  border-top-left-radius: var(--oui-rounded-lg, 0.5rem);
-  border-bottom-left-radius: var(--oui-rounded-lg, 0.5rem);
-}
 .oui-rounded-r {
   border-top-right-radius: var(--oui-rounded, 0.25rem);
   border-bottom-right-radius: var(--oui-rounded, 0.25rem);
 }
-.oui-rounded-r-full {
-  border-top-right-radius: var(--oui-rounded-full, 9999px);
-  border-bottom-right-radius: var(--oui-rounded-full, 9999px);
-}
 .oui-rounded-r-lg {
-  border-top-right-radius: var(--oui-rounded-lg, 0.5rem);
-  border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
+  border-top-right-radius: var(--oui-rounded-sg, 0.5rem);
+  border-bottom-right-radius: var(--oui-rounded-sg, 0.5rem);
+}
+.oui-rounded-s {
+  border-start-start-radius: var(--oui-rounded, 0.25rem);
+  border-end-start-radius: var(--oui-rounded, 0.25rem);
+}
+.oui-rounded-s-full {
+  border-start-start-radius: var(--oui-rounded-full, 9999px);
+  border-end-start-radius: var(--oui-rounded-full, 9999px);
+}
+.oui-rounded-s-lg {
+  border-start-start-radius: var(--oui-rounded-sg, 0.5rem);
+  border-end-start-radius: var(--oui-rounded-sg, 0.5rem);
 }
 .oui-rounded-t-2xl {
   border-top-left-radius: var(--oui-rounded-2xl, 1rem);
@@ -3264,8 +3315,29 @@ body {
 .\!oui-rounded-bl {
   border-bottom-left-radius: var(--oui-rounded, 0.25rem) !important;
 }
-.oui-rounded-bl {
-  border-bottom-left-radius: var(--oui-rounded, 0.25rem);
+.\!oui-rounded-ee {
+  border-end-end-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-ee-xl {
+  border-end-end-radius: var(--oui-rounded-xl, 0.75rem) !important;
+}
+.\!oui-rounded-es {
+  border-end-start-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-es-xl {
+  border-end-start-radius: var(--oui-rounded-xl, 0.75rem) !important;
+}
+.\!oui-rounded-se {
+  border-start-end-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-se-xl {
+  border-start-end-radius: var(--oui-rounded-xl, 0.75rem) !important;
+}
+.\!oui-rounded-ss {
+  border-start-start-radius: var(--oui-rounded, 0.25rem) !important;
+}
+.\!oui-rounded-ss-xl {
+  border-start-start-radius: var(--oui-rounded-xl, 0.75rem) !important;
 }
 .oui-rounded-bl-\[10px\] {
   border-bottom-left-radius: 10px;
@@ -3283,23 +3355,26 @@ body {
   border-bottom-right-radius: 3px;
 }
 .oui-rounded-br-lg {
-  border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
-}
-.oui-rounded-br-none {
-  border-bottom-right-radius: 0;
+  border-bottom-right-radius: var(--oui-rounded-sg, 0.5rem);
 }
 .oui-rounded-br-xl {
   border-bottom-right-radius: var(--oui-rounded-xl, 0.75rem);
 }
-.oui-rounded-tl {
-  border-top-left-radius: var(--oui-rounded, 0.25rem);
+.oui-rounded-ee-none {
+  border-end-end-radius: 0;
+}
+.oui-rounded-es {
+  border-end-start-radius: var(--oui-rounded, 0.25rem);
+}
+.oui-rounded-ss {
+  border-start-start-radius: var(--oui-rounded, 0.25rem);
+}
+.oui-rounded-ss-none {
+  border-start-start-radius: 0;
 }
 .oui-rounded-tl-\[10px\] {
   border-top-left-radius: 10px;
 }
-.oui-rounded-tl-none {
-  border-top-left-radius: 0;
-}
 .oui-rounded-tr-\[10px\] {
   border-top-right-radius: 10px;
 }
@@ -3343,11 +3418,11 @@ body {
 .oui-border-b-2 {
   border-bottom-width: 2px;
 }
-.oui-border-l {
-  border-left-width: 1px;
+.oui-border-e {
+  border-inline-end-width: 1px;
 }
-.oui-border-r {
-  border-right-width: 1px;
+.oui-border-s {
+  border-inline-start-width: 1px;
 }
 .oui-border-t {
   border-top-width: 1px;
@@ -3533,11 +3608,11 @@ body {
 .oui-border-b-white\/10 {
   border-bottom-color: rgb(255 255 255 / 0.1);
 }
-.oui-border-l-transparent {
-  border-left-color: transparent;
+.oui-border-e-line-16 {
+  border-inline-end-color: rgb(var(--oui-color-line, 255 255 255) / 0.16);
 }
-.oui-border-r-line-16 {
-  border-right-color: rgb(var(--oui-color-line, 255 255 255) / 0.16);
+.oui-border-s-transparent {
+  border-inline-start-color: transparent;
 }
 .oui-border-t-transparent {
   border-top-color: transparent;
@@ -3827,9 +3902,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-white\/80 {
-  background-color: rgb(255 255 255 / 0.8);
-}
 .oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-color-link\)\)_-11\%\,transparent_30\%\,transparent_77\%\,rgb\(var\(--oui-color-success\)\)_100\%\)\] {
   background-image:
     linear-gradient(
@@ -4445,14 +4517,14 @@ body {
 .\!oui-pb-0 {
   padding-bottom: 0px !important;
 }
-.\!oui-pl-5 {
-  padding-left: 1.25rem !important;
+.\!oui-pe-0 {
+  padding-inline-end: 0px !important;
 }
-.\!oui-pr-0 {
-  padding-right: 0px !important;
+.\!oui-pe-5 {
+  padding-inline-end: 1.25rem !important;
 }
-.\!oui-pr-5 {
-  padding-right: 1.25rem !important;
+.\!oui-ps-5 {
+  padding-inline-start: 1.25rem !important;
 }
 .\!oui-pt-0 {
   padding-top: 0px !important;
@@ -4517,12 +4589,42 @@ body {
 .oui-pb-\[env\(safe-area-inset-bottom\,_20px\)\] {
   padding-bottom: env(safe-area-inset-bottom, 20px);
 }
+.oui-pe-0 {
+  padding-inline-end: 0px;
+}
+.oui-pe-1 {
+  padding-inline-end: 0.25rem;
+}
+.oui-pe-12 {
+  padding-inline-end: 3rem;
+}
+.oui-pe-2 {
+  padding-inline-end: 0.5rem;
+}
+.oui-pe-2\.5 {
+  padding-inline-end: 0.625rem;
+}
+.oui-pe-3 {
+  padding-inline-end: 0.75rem;
+}
+.oui-pe-5 {
+  padding-inline-end: 1.25rem;
+}
+.oui-pe-8 {
+  padding-inline-end: 2rem;
+}
+.oui-pe-9 {
+  padding-inline-end: 2.25rem;
+}
+.oui-pe-\[5px\] {
+  padding-inline-end: 5px;
+}
+.oui-pe-\[6px\] {
+  padding-inline-end: 6px;
+}
 .oui-pl-0 {
   padding-left: 0px;
 }
-.oui-pl-0\.5 {
-  padding-left: 0.125rem;
-}
 .oui-pl-1 {
   padding-left: 0.25rem;
 }
@@ -4532,9 +4634,6 @@ body {
 .oui-pl-2 {
   padding-left: 0.5rem;
 }
-.oui-pl-2\.5 {
-  padding-left: 0.625rem;
-}
 .oui-pl-3 {
   padding-left: 0.75rem;
 }
@@ -4565,15 +4664,9 @@ body {
 .oui-pr-10 {
   padding-right: 2.5rem;
 }
-.oui-pr-12 {
-  padding-right: 3rem;
-}
 .oui-pr-2 {
   padding-right: 0.5rem;
 }
-.oui-pr-2\.5 {
-  padding-right: 0.625rem;
-}
 .oui-pr-3 {
   padding-right: 0.75rem;
 }
@@ -4595,14 +4688,35 @@ body {
 .oui-pr-9 {
   padding-right: 2.25rem;
 }
-.oui-pr-\[-4px\] {
-  padding-right: -4px;
+.oui-ps-0 {
+  padding-inline-start: 0px;
 }
-.oui-pr-\[5px\] {
-  padding-right: 5px;
+.oui-ps-0\.5 {
+  padding-inline-start: 0.125rem;
 }
-.oui-pr-\[6px\] {
-  padding-right: 6px;
+.oui-ps-1 {
+  padding-inline-start: 0.25rem;
+}
+.oui-ps-2 {
+  padding-inline-start: 0.5rem;
+}
+.oui-ps-2\.5 {
+  padding-inline-start: 0.625rem;
+}
+.oui-ps-3 {
+  padding-inline-start: 0.75rem;
+}
+.oui-ps-4 {
+  padding-inline-start: 1rem;
+}
+.oui-ps-5 {
+  padding-inline-start: 1.25rem;
+}
+.oui-ps-6 {
+  padding-inline-start: 1.5rem;
+}
+.oui-ps-8 {
+  padding-inline-start: 2rem;
 }
 .oui-pt-0 {
   padding-top: 0px;
@@ -5611,13 +5725,13 @@ body {
   content: var(--tw-content);
   position: absolute;
 }
-.before\:oui-left-\[-32px\]::before {
+.before\:oui-end-\[-32px\]::before {
   content: var(--tw-content);
-  left: -32px;
+  inset-inline-end: -32px;
 }
-.before\:oui-right-\[-32px\]::before {
+.before\:oui-start-\[-32px\]::before {
   content: var(--tw-content);
-  right: -32px;
+  inset-inline-start: -32px;
 }
 .before\:oui-top-0::before {
   content: var(--tw-content);
@@ -5661,17 +5775,17 @@ body {
   content: var(--tw-content);
   bottom: -8px;
 }
-.after\:oui-left-0::after {
+.after\:oui-end-0::after {
   content: var(--tw-content);
-  left: 0px;
+  inset-inline-end: 0px;
 }
 .after\:oui-left-1\/2::after {
   content: var(--tw-content);
   left: 50%;
 }
-.after\:oui-right-0::after {
+.after\:oui-start-0::after {
   content: var(--tw-content);
-  right: 0px;
+  inset-inline-start: 0px;
 }
 .after\:oui-top-0::after {
   content: var(--tw-content);
@@ -5731,15 +5845,20 @@ body {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.after\:oui-rounded-l-lg::after {
+.after\:oui-rounded-e-lg::after {
   content: var(--tw-content);
-  border-top-left-radius: var(--oui-rounded-lg, 0.5rem);
-  border-bottom-left-radius: var(--oui-rounded-lg, 0.5rem);
+  border-start-end-radius: var(--oui-rounded-sg, 0.5rem);
+  border-end-end-radius: var(--oui-rounded-sg, 0.5rem);
 }
 .after\:oui-rounded-r-lg::after {
   content: var(--tw-content);
-  border-top-right-radius: var(--oui-rounded-lg, 0.5rem);
-  border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
+  border-top-right-radius: var(--oui-rounded-sg, 0.5rem);
+  border-bottom-right-radius: var(--oui-rounded-sg, 0.5rem);
+}
+.after\:oui-rounded-s-lg::after {
+  content: var(--tw-content);
+  border-start-start-radius: var(--oui-rounded-sg, 0.5rem);
+  border-end-start-radius: var(--oui-rounded-sg, 0.5rem);
 }
 .after\:oui-border-4::after {
   content: var(--tw-content);
@@ -5754,6 +5873,10 @@ body {
   content: var(--tw-content);
   border-bottom-width: 1px;
 }
+.after\:oui-border-e::after {
+  content: var(--tw-content);
+  border-inline-end-width: 1px;
+}
 .after\:oui-border-l::after {
   content: var(--tw-content);
   border-left-width: 1px;
@@ -5762,6 +5885,10 @@ body {
   content: var(--tw-content);
   border-right-width: 1px;
 }
+.after\:oui-border-s::after {
+  content: var(--tw-content);
+  border-inline-start-width: 1px;
+}
 .after\:oui-border-solid::after {
   content: var(--tw-content);
   border-style: solid;
@@ -6049,6 +6176,9 @@ body {
 .hover\:oui-text-warning-darken\/80:hover {
   color: rgb(var(--oui-color-warning-darken) / 0.8);
 }
+.hover\:oui-text-warning\/90:hover {
+  color: rgb(var(--oui-color-warning) / 0.9);
+}
 .hover\:oui-text-white\/80:hover {
   color: rgb(255 255 255 / 0.8);
 }
@@ -6629,13 +6759,13 @@ body {
   content: var(--tw-content);
   bottom: -0px;
 }
-.data-\[state\=active\]\:after\:oui-left-0[data-state=active]::after {
+.data-\[state\=active\]\:after\:oui-end-0[data-state=active]::after {
   content: var(--tw-content);
-  left: 0px;
+  inset-inline-end: 0px;
 }
-.data-\[state\=active\]\:after\:oui-right-0[data-state=active]::after {
+.data-\[state\=active\]\:after\:oui-start-0[data-state=active]::after {
   content: var(--tw-content);
-  right: 0px;
+  inset-inline-start: 0px;
 }
 .data-\[state\=active\]\:after\:oui-block[data-state=active]::after {
   content: var(--tw-content);
@@ -6787,15 +6917,13 @@ body {
   .sm\:oui-justify-stretch {
     justify-content: stretch;
   }
-  .sm\:oui-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  .sm\:oui-gap-x-2 {
+    -moz-column-gap: 0.5rem;
+    column-gap: 0.5rem;
   }
-  .sm\:oui-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  .sm\:oui-gap-x-4 {
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
   }
   .sm\:oui-space-y-0 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
@@ -6807,8 +6935,8 @@ body {
   }
 }
 @media (min-width: 480px) {
-  .md\:oui-right-4 {
-    right: 1rem;
+  .md\:oui-end-4 {
+    inset-inline-end: 1rem;
   }
   .md\:oui-top-1\/2 {
     top: 50%;
@@ -7102,41 +7230,44 @@ body {
   .md\:oui-pb-\[14px\] {
     padding-bottom: 14px;
   }
+  .md\:oui-pe-2 {
+    padding-inline-end: 0.5rem;
+  }
+  .md\:oui-pe-3 {
+    padding-inline-end: 0.75rem;
+  }
+  .md\:oui-pe-\[60px\] {
+    padding-inline-end: 60px;
+  }
   .md\:oui-pl-0 {
     padding-left: 0px;
   }
-  .md\:oui-pl-2 {
-    padding-left: 0.5rem;
-  }
   .md\:oui-pl-3 {
     padding-left: 0.75rem;
   }
-  .md\:oui-pl-4 {
-    padding-left: 1rem;
-  }
   .md\:oui-pr-0 {
     padding-right: 0px;
   }
-  .md\:oui-pr-2 {
-    padding-right: 0.5rem;
-  }
   .md\:oui-pr-3 {
     padding-right: 0.75rem;
   }
-  .md\:oui-pr-\[60px\] {
-    padding-right: 60px;
+  .md\:oui-ps-2 {
+    padding-inline-start: 0.5rem;
+  }
+  .md\:oui-ps-4 {
+    padding-inline-start: 1rem;
   }
   .md\:oui-pt-3 {
     padding-top: 0.75rem;
   }
-  .md\:oui-text-left {
-    text-align: left;
-  }
   .md\:oui-text-center {
     text-align: center;
   }
-  .md\:oui-text-right {
-    text-align: right;
+  .md\:oui-text-start {
+    text-align: start;
+  }
+  .md\:oui-text-end {
+    text-align: end;
   }
   .md\:oui-text-2xl {
     font-size: var(--oui-font-size-2xl, 1.5rem);
@@ -7542,14 +7673,14 @@ body {
   .lg\:oui-pt-4 {
     padding-top: 1rem;
   }
-  .lg\:oui-text-left {
-    text-align: left;
-  }
   .lg\:oui-text-center {
     text-align: center;
   }
-  .lg\:oui-text-right {
-    text-align: right;
+  .lg\:oui-text-start {
+    text-align: start;
+  }
+  .lg\:oui-text-end {
+    text-align: end;
   }
   .lg\:oui-text-2xl {
     font-size: var(--oui-font-size-2xl, 1.5rem);
@@ -8187,13 +8318,13 @@ body {
     justify-content: stretch;
   }
 }
-.\[\&\:has\(\>\.oui-day-range-end\)\]\:oui-rounded-r-md:has(> .oui-day-range-end) {
-  border-top-right-radius: var(--oui-rounded-md, 0.375rem);
-  border-bottom-right-radius: var(--oui-rounded-md, 0.375rem);
+.\[\&\:has\(\>\.oui-day-range-end\)\]\:oui-rounded-e-md:has(> .oui-day-range-end) {
+  border-start-end-radius: var(--oui-rounded-md, 0.375rem);
+  border-end-end-radius: var(--oui-rounded-md, 0.375rem);
 }
-.\[\&\:has\(\>\.oui-day-range-start\)\]\:oui-rounded-l-md:has(> .oui-day-range-start) {
-  border-top-left-radius: var(--oui-rounded-md, 0.375rem);
-  border-bottom-left-radius: var(--oui-rounded-md, 0.375rem);
+.\[\&\:has\(\>\.oui-day-range-start\)\]\:oui-rounded-s-md:has(> .oui-day-range-start) {
+  border-start-start-radius: var(--oui-rounded-md, 0.375rem);
+  border-end-start-radius: var(--oui-rounded-md, 0.375rem);
 }
 .\[\&\:has\(\[aria-selected\]\)\]\:oui-rounded-md:has([aria-selected]) {
   border-radius: var(--oui-rounded-md, 0.375rem);
@@ -8202,20 +8333,20 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-4) / var(--tw-bg-opacity, 1));
 }
-.first\:\[\&\:has\(\[aria-selected\]\)\]\:oui-rounded-l-md:has([aria-selected]):first-child {
-  border-top-left-radius: var(--oui-rounded-md, 0.375rem);
-  border-bottom-left-radius: var(--oui-rounded-md, 0.375rem);
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:oui-rounded-s-md:has([aria-selected]):first-child {
+  border-start-start-radius: var(--oui-rounded-md, 0.375rem);
+  border-end-start-radius: var(--oui-rounded-md, 0.375rem);
 }
-.last\:\[\&\:has\(\[aria-selected\]\)\]\:oui-rounded-r-md:has([aria-selected]):last-child {
-  border-top-right-radius: var(--oui-rounded-md, 0.375rem);
-  border-bottom-right-radius: var(--oui-rounded-md, 0.375rem);
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:oui-rounded-e-md:has([aria-selected]):last-child {
+  border-start-end-radius: var(--oui-rounded-md, 0.375rem);
+  border-end-end-radius: var(--oui-rounded-md, 0.375rem);
 }
 .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:oui-bg-base-4\/50:has([aria-selected].day-outside) {
   background-color: rgb(var(--oui-color-base-4) / 0.5);
 }
-.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:oui-rounded-r-md:has([aria-selected].day-range-end) {
-  border-top-right-radius: var(--oui-rounded-md, 0.375rem);
-  border-bottom-right-radius: var(--oui-rounded-md, 0.375rem);
+.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:oui-rounded-e-md:has([aria-selected].day-range-end) {
+  border-start-end-radius: var(--oui-rounded-md, 0.375rem);
+  border-end-end-radius: var(--oui-rounded-md, 0.375rem);
 }
 .\[\&\>\*\:not\(\:first-child\)\]\:oui-border-t > *:not(:first-child) {
   border-top-width: 1px;
@@ -8242,23 +8373,23 @@ body {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
-.\[\&\>td\:first-child\]\:oui-pl-0 > td:first-child {
-  padding-left: 0px;
+.\[\&\>td\:first-child\]\:oui-ps-0 > td:first-child {
+  padding-inline-start: 0px;
 }
-.\[\&\>td\:first-child\]\:oui-pl-3 > td:first-child {
-  padding-left: 0.75rem;
+.\[\&\>td\:first-child\]\:oui-ps-3 > td:first-child {
+  padding-inline-start: 0.75rem;
 }
-.\[\&\>td\:last-child\]\:oui-pr-0 > td:last-child {
-  padding-right: 0px;
+.\[\&\>td\:last-child\]\:oui-pe-0 > td:last-child {
+  padding-inline-end: 0px;
 }
-.\[\&\>td\:last-child\]\:oui-pr-3 > td:last-child {
-  padding-right: 0.75rem;
+.\[\&\>td\:last-child\]\:oui-pe-3 > td:last-child {
+  padding-inline-end: 0.75rem;
 }
-.\[\&\>th\:first-child\]\:oui-pl-3 > th:first-child {
-  padding-left: 0.75rem;
+.\[\&\>th\:first-child\]\:oui-ps-3 > th:first-child {
+  padding-inline-start: 0.75rem;
 }
-.\[\&\>th\:last-child\]\:oui-pr-3 > th:last-child {
-  padding-right: 0.75rem;
+.\[\&\>th\:last-child\]\:oui-pe-3 > th:last-child {
+  padding-inline-end: 0.75rem;
 }
 .\[\&_\.oui-h-10\.oui-w-full\]\:\!oui-mx-0 .oui-h-10.oui-w-full {
   margin-left: 0px !important;