@nextui-org/theme 0.0.0-dev-v2-20240416002725 → 0.0.0-dev-v2-20240416003301

package/dist/{chunk-5EJVI4V3.mjs → chunk-4JHPF6RU.mjs}

@@ -14,6 +14,7 @@ var select = tv({
       "absolute",
       "z-10",
       "origin-top-left",
+      "rtl:origin-top-right",
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
@@ -22,9 +23,9 @@ var select = tv({
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
-    selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
-    spinner: "absolute right-3",
-    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
+    selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-unit-4 h-unit-4",
+    spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -133,7 +134,7 @@ var select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative pr-2 text-foreground"
+        label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -184,6 +185,7 @@ var select = tv({
         label: [
           "will-change-auto",
           "origin-top-left",
+          "rtl:origin-top-right",
           "!duration-200",
           "!ease-out",
           "transition-[transform,color,left,opacity]",
@@ -533,7 +535,15 @@ var select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"]
+        label: [
+          "pb-0",
+          "z-20",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled=true]:left-0",
+          "rtl:group-data-[filled=true]:right-0",
+          "rtl:group-data-[filled=true]:left-[unset]"
+        ]
       }
     },
     {
@@ -654,6 +664,8 @@ var select = tv({
       class: {
         label: [
           "left-2",
+          "rtl:right-2",
+          "rtl:left-[unset]",
           "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -667,6 +679,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -680,6 +694,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/components/index.js

@@ -6130,6 +6130,7 @@ var select = tv({
       "absolute",
       "z-10",
       "origin-top-left",
+      "rtl:origin-top-right",
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
@@ -6138,9 +6139,9 @@ var select = tv({
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
-    selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
-    spinner: "absolute right-3",
-    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
+    selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-unit-4 h-unit-4",
+    spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -6249,7 +6250,7 @@ var select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative pr-2 text-foreground"
+        label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -6300,6 +6301,7 @@ var select = tv({
         label: [
           "will-change-auto",
           "origin-top-left",
+          "rtl:origin-top-right",
           "!duration-200",
           "!ease-out",
           "transition-[transform,color,left,opacity]",
@@ -6649,7 +6651,15 @@ var select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"]
+        label: [
+          "pb-0",
+          "z-20",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled=true]:left-0",
+          "rtl:group-data-[filled=true]:right-0",
+          "rtl:group-data-[filled=true]:left-[unset]"
+        ]
       }
     },
     {
@@ -6770,6 +6780,8 @@ var select = tv({
       class: {
         label: [
           "left-2",
+          "rtl:right-2",
+          "rtl:left-[unset]",
           "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -6783,6 +6795,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -6796,6 +6810,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/components/index.mjs

@@ -44,7 +44,7 @@ import {
 } from "../chunk-4JBYJQSP.mjs";
 import {
   select
-} from "../chunk-5EJVI4V3.mjs";
+} from "../chunk-4JHPF6RU.mjs";
 import {
   skeleton
 } from "../chunk-YHFDXJUF.mjs";

package/dist/components/select.js

@@ -134,6 +134,7 @@ var select = tv({
       "absolute",
       "z-10",
       "origin-top-left",
+      "rtl:origin-top-right",
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
@@ -142,9 +143,9 @@ var select = tv({
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
-    selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
-    spinner: "absolute right-3",
-    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
+    selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-unit-4 h-unit-4",
+    spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -253,7 +254,7 @@ var select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative pr-2 text-foreground"
+        label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -304,6 +305,7 @@ var select = tv({
         label: [
           "will-change-auto",
           "origin-top-left",
+          "rtl:origin-top-right",
           "!duration-200",
           "!ease-out",
           "transition-[transform,color,left,opacity]",
@@ -653,7 +655,15 @@ var select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"]
+        label: [
+          "pb-0",
+          "z-20",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled=true]:left-0",
+          "rtl:group-data-[filled=true]:right-0",
+          "rtl:group-data-[filled=true]:left-[unset]"
+        ]
       }
     },
     {
@@ -774,6 +784,8 @@ var select = tv({
       class: {
         label: [
           "left-2",
+          "rtl:right-2",
+          "rtl:left-[unset]",
           "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -787,6 +799,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -800,6 +814,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/components/select.mjs

@@ -1,6 +1,6 @@
 import {
   select
-} from "../chunk-5EJVI4V3.mjs";
+} from "../chunk-4JHPF6RU.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/index.js

@@ -6163,6 +6163,7 @@ var select = tv({
       "absolute",
       "z-10",
       "origin-top-left",
+      "rtl:origin-top-right",
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
@@ -6171,9 +6172,9 @@ var select = tv({
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
-    selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
-    spinner: "absolute right-3",
-    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
+    selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-unit-4 h-unit-4",
+    spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -6282,7 +6283,7 @@ var select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative pr-2 text-foreground"
+        label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -6333,6 +6334,7 @@ var select = tv({
         label: [
           "will-change-auto",
           "origin-top-left",
+          "rtl:origin-top-right",
           "!duration-200",
           "!ease-out",
           "transition-[transform,color,left,opacity]",
@@ -6682,7 +6684,15 @@ var select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"]
+        label: [
+          "pb-0",
+          "z-20",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled=true]:left-0",
+          "rtl:group-data-[filled=true]:right-0",
+          "rtl:group-data-[filled=true]:left-[unset]"
+        ]
       }
     },
     {
@@ -6803,6 +6813,8 @@ var select = tv({
       class: {
         label: [
           "left-2",
+          "rtl:right-2",
+          "rtl:left-[unset]",
           "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -6816,6 +6828,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -6829,6 +6843,8 @@ var select = tv({
       class: {
         label: [
           "left-3",
+          "rtl:right-3",
+          "rtl:left-[unset]",
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/index.mjs

@@ -44,7 +44,7 @@ import {
 } from "./chunk-4JBYJQSP.mjs";
 import {
   select
-} from "./chunk-5EJVI4V3.mjs";
+} from "./chunk-4JHPF6RU.mjs";
 import {
   skeleton
 } from "./chunk-YHFDXJUF.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20240416002725",
+  "version": "0.0.0-dev-v2-20240416003301",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",