@orderly.network/ui 3.0.4 → 3.1.0-alpha.0

package/dist/index.css

@@ -551,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;
@@ -584,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;
@@ -617,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;
@@ -1045,14 +1045,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;
@@ -1123,12 +1126,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;
 }
@@ -1138,9 +1159,6 @@ body {
 .oui-ml-2 {
   margin-left: 0.5rem;
 }
-.oui-ml-2\.5 {
-  margin-left: 0.625rem;
-}
 .oui-ml-3 {
   margin-left: 0.75rem;
 }
@@ -1162,18 +1180,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;
 }
@@ -1207,11 +1213,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-mr-\[6px\] {
-  margin-right: 6px;
+.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-ms-px {
+  margin-inline-start: 1px;
 }
 .oui-mt-0 {
   margin-top: 0px;
@@ -2982,26 +3015,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));
@@ -3110,6 +3128,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);
 }
@@ -3176,13 +3200,17 @@ 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 {
+.\!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;
-  border-bottom-right-radius: var(--oui-rounded, 0.25rem) !important;
 }
 .oui-rounded-b-2xl {
   border-bottom-right-radius: var(--oui-rounded-2xl, 1rem);
@@ -3196,29 +3224,37 @@ 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-lg, 0.5rem);
+  border-end-end-radius: var(--oui-rounded-lg, 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-s {
+  border-start-start-radius: var(--oui-rounded, 0.25rem);
+  border-end-start-radius: var(--oui-rounded, 0.25rem);
 }
-.oui-rounded-r-lg {
-  border-top-right-radius: var(--oui-rounded-lg, 0.5rem);
-  border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
+.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-lg, 0.5rem);
+  border-end-start-radius: var(--oui-rounded-lg, 0.5rem);
 }
 .oui-rounded-t-2xl {
   border-top-left-radius: var(--oui-rounded-2xl, 1rem);
@@ -3236,8 +3272,29 @@ body {
   border-top-left-radius: var(--oui-rounded-xl, 0.75rem);
   border-top-right-radius: var(--oui-rounded-xl, 0.75rem);
 }
-.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;
@@ -3254,18 +3311,21 @@ body {
 .oui-rounded-br-lg {
   border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
 }
-.oui-rounded-br-none {
-  border-bottom-right-radius: 0;
+.oui-rounded-ee-none {
+  border-end-end-radius: 0;
 }
-.oui-rounded-tl {
-  border-top-left-radius: var(--oui-rounded, 0.25rem);
+.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;
 }
@@ -3309,11 +3369,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;
@@ -3496,11 +3556,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;
@@ -4413,14 +4473,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;
@@ -4485,12 +4545,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;
 }
@@ -4500,9 +4590,6 @@ body {
 .oui-pl-2 {
   padding-left: 0.5rem;
 }
-.oui-pl-2\.5 {
-  padding-left: 0.625rem;
-}
 .oui-pl-3 {
   padding-left: 0.75rem;
 }
@@ -4533,15 +4620,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;
 }
@@ -4563,14 +4644,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;
@@ -4614,15 +4716,9 @@ body {
 .oui-pt-\[6px\] {
   padding-top: 6px;
 }
-.oui-text-left {
-  text-align: left;
-}
 .oui-text-center {
   text-align: center;
 }
-.oui-text-right {
-  text-align: right;
-}
 .\!oui-text-start {
   text-align: start !important;
 }
@@ -5531,13 +5627,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);
@@ -5581,17 +5677,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);
@@ -5651,15 +5747,15 @@ 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-lg, 0.5rem);
+  border-end-end-radius: var(--oui-rounded-lg, 0.5rem);
 }
-.after\:oui-rounded-r-lg::after {
+.after\:oui-rounded-s-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-start-start-radius: var(--oui-rounded-lg, 0.5rem);
+  border-end-start-radius: var(--oui-rounded-lg, 0.5rem);
 }
 .after\:oui-border-4::after {
   content: var(--tw-content);
@@ -5674,13 +5770,13 @@ body {
   content: var(--tw-content);
   border-bottom-width: 1px;
 }
-.after\:oui-border-l::after {
+.after\:oui-border-e::after {
   content: var(--tw-content);
-  border-left-width: 1px;
+  border-inline-end-width: 1px;
 }
-.after\:oui-border-r::after {
+.after\:oui-border-s::after {
   content: var(--tw-content);
-  border-right-width: 1px;
+  border-inline-start-width: 1px;
 }
 .after\:oui-border-solid::after {
   content: var(--tw-content);
@@ -6548,13 +6644,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);
@@ -6706,15 +6802,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;
@@ -6729,14 +6823,14 @@ body {
   .md\:oui-bottom-10 {
     bottom: 2.5rem;
   }
-  .md\:oui-left-auto {
-    left: auto;
+  .md\:oui-end-3 {
+    inset-inline-end: 0.75rem;
   }
-  .md\:oui-right-3 {
-    right: 0.75rem;
+  .md\:oui-end-4 {
+    inset-inline-end: 1rem;
   }
-  .md\:oui-right-4 {
-    right: 1rem;
+  .md\:oui-start-auto {
+    inset-inline-start: auto;
   }
   .md\:oui-top-1\/2 {
     top: 50%;
@@ -7015,41 +7109,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);
@@ -7451,14 +7548,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);
@@ -8096,13 +8193,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);
@@ -8111,20 +8208,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;
@@ -8151,23 +8248,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;