@moontra/moonui 6.0.0 → 6.2.0

package/dist/index.js

@@ -754,7 +754,7 @@ var buttonVariants = classVarianceAuthority.cva(
           "dark:bg-gray-800 dark:text-gray-100",
           "hover:bg-gray-200 dark:hover:bg-gray-700",
           "active:bg-gray-300 dark:active:bg-gray-600",
-          "border border-gray-200 dark:border-gray-700",
+          "border border-input",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "shadow-sm hover:shadow-md"
         ],
@@ -1978,7 +1978,7 @@ var inputWrapperVariants = classVarianceAuthority.cva(
 var inputVariants = classVarianceAuthority.cva(
   [
     "w-full bg-background transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "file:border-0 file:bg-transparent file:font-medium",
     "focus-visible:outline-none dark:text-gray-200"
@@ -1986,10 +1986,10 @@ var inputVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        standard: "border border-gray-300 dark:border-gray-700 rounded-md px-3 py-2 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
+        standard: "border border-input rounded-md px-3 py-2 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
         filled: "border border-transparent bg-gray-100 dark:bg-gray-800 rounded-md px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 dark:shadow-inner dark:shadow-gray-950/10",
-        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 dark:placeholder:text-gray-500 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 py-2 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300 dark:bg-transparent"
+        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
+        underline: "border-t-0 border-l-0 border-r-0 border-b border-input rounded-none px-0 py-2 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300 dark:bg-transparent"
       },
       size: {
         sm: "h-8 text-xs",
@@ -5989,7 +5989,7 @@ var SelectContent = React24__namespace.forwardRef(({ className, children, positi
     className: cn(
       [
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
-        "rounded-md border border-gray-200 dark:border-gray-700",
+        "rounded-md border border-input",
         "bg-background dark:bg-gray-800/80 backdrop-blur-sm text-foreground dark:text-gray-200",
         "shadow-lg dark:shadow-gray-900/20",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -8010,7 +8010,7 @@ TagsInput.displayName = "TagsInput";
 var textareaVariants = classVarianceAuthority.cva(
   [
     "flex w-full rounded-md px-3 py-2 text-sm transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "focus-visible:outline-none dark:text-gray-200",
     "resize-none"
@@ -8019,10 +8019,10 @@ var textareaVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:shadow-inner dark:shadow-gray-950/10",
-        outline: "border-2 border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:border-primary dark:focus-visible:border-primary/80",
+        default: "border border-input bg-background dark:bg-gray-800/80 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:shadow-inner dark:shadow-gray-950/10",
+        outline: "border-2 border-input bg-transparent focus-visible:border-primary dark:focus-visible:border-primary/80",
         ghost: "border-none bg-transparent hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
+        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-input rounded-none px-0 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
       },
       size: {
         sm: "min-h-[60px] text-xs",