@deepnoid/ui 0.1.158 → 0.1.159

package/dist/components/input/index.js

@@ -5245,7 +5245,7 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
       ),
       size: originalProps.size
     }),
-    [slots, classNames, originalProps.size]
+    [slots, classNames, originalProps.size, inputProps.readOnly]
   );
   const renderStartContent = () => {
     if ((0, import_react.isValidElement)(startContent)) {
@@ -5368,31 +5368,22 @@ var inputStyle = tv(
         "placeholder:text-neutral-main",
         "outline-none",
         "focus:ring-0",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[:hover]/input:placeholder:text-neutral-dark",
-        "group-has-[:focus]/input:text-neutral-dark",
-        "group-has-[:focus]/input:placeholder:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:placeholder:text-danger-main",
-        "group-has-[p.error]/input:placeholder:hover:!text-danger-main"
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark",
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:placeholder:text-neutral-dark",
+        "group-has-[:focus:not(:read-only)]/input:text-neutral-dark",
+        "group-has-[:focus:not(:read-only)]/input:placeholder:text-neutral-dark",
+        "read-only:!text-body-foreground",
+        "read-only:placeholder:!text-body-foreground"
       ],
       content: [
         "flex",
         "items-center",
         "select-none",
         "text-neutral-main",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:hover:text-danger-main",
-        "group-has-[p.error]/input:focus:text-danger-main"
-      ],
-      helperMessage: [
-        "text-neutral-main",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:hover:text-danger-main",
-        "group-has-[p.error]/input:focus:text-danger-main"
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark",
+        "read-only:!text-body-foreground"
       ],
+      helperMessage: ["text-neutral-main", "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark"],
       errorMessage: ["text-danger-main"],
       readonlyWrapper: [
         "pointer-events-none",
@@ -5401,7 +5392,7 @@ var inputStyle = tv(
         "[&>input]:text-body-foreground",
         "[&>input]:placeholder:text-body-foreground"
       ],
-      readonly: []
+      readonly: ["text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5412,8 +5403,8 @@ var inputStyle = tv(
         outline: {
           inputWrapper: [
             "border-neutral-light",
-            "group-has-[:hover]/input:bg-trans-soft",
-            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
+            "group-has-[:focus:not(:read-only)]/input:bg-body-background",
             "group-has-[p.error]/input:border-danger-main"
           ],
           readonlyWrapper: ["!bg-trans-soft"]
@@ -5422,8 +5413,8 @@ var inputStyle = tv(
           inputWrapper: [
             "bg-transparent",
             "rounded-none",
-            "group-has-[:hover]/input:bg-trans-soft",
-            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
+            "group-has-[:focus:not(:read-only)]/input:bg-body-background",
             "group-has-[p.error]/input:border-danger-main"
           ],
           readonlyWrapper: ["!bg-trans-soft"]
@@ -5431,22 +5422,13 @@ var inputStyle = tv(
       },
       color: {
         primary: {
-          content: ["group-has-[:focus]/input:text-primary-main", "group-has-[:focus]/input:hover:text-primary-main"],
-          helperMessage: [
-            "group-has-[:focus]/input:text-primary-main",
-            "group-has-[:focus]/input:hover:text-primary-main"
-          ],
+          content: ["group-has-[:focus:not(:read-only)]/input:text-primary-main", "read-only:!text-primary-main"],
+          helperMessage: ["group-has-[:focus:not(:read-only)]/input:text-primary-main"],
           readonly: ["text-primary-main"]
         },
         secondary: {
-          content: [
-            "group-has-[:focus]/input:text-secondary-main",
-            "group-has-[:focus]/input:hover:text-secondary-main"
-          ],
-          helperMessage: [
-            "group-has-[:focus]/input:text-secondary-main",
-            "group-has-[:focus]/input:hover:text-secondary-main"
-          ],
+          content: ["group-has-[:focus:not(:read-only)]/input:text-secondary-main", "read-only:!text-secondary-main"],
+          helperMessage: ["group-has-[:focus:not(:read-only)]/input:text-secondary-main"],
           readonly: ["text-secondary-main"]
         }
       },
@@ -5497,14 +5479,9 @@ var inputStyle = tv(
       },
       disabled: {
         true: {
-          inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "group-has-[p.error]/input:!text-danger-light"],
-          input: [
-            "!text-neutral-light",
-            "placeholder:!text-neutral-light",
-            "group-has-[p.error]/input:!text-danger-light",
-            "group-has-[p.error]/input:placeholder:!text-danger-light"
-          ],
-          content: ["!text-neutral-light", "group-has-[p.error]/input:!text-danger-light"],
+          inputWrapper: ["!bg-neutral-soft", "pointer-events-none"],
+          input: ["!text-neutral-light", "placeholder:!text-neutral-light"],
+          content: ["!text-neutral-light"],
           helperMessage: ["!text-neutral-light"],
           errorMessage: ["!text-danger-light"]
         }
@@ -5512,11 +5489,9 @@ var inputStyle = tv(
       readonly: {
         true: {
           readonlyWrapper: ["pointer-events-none"],
-          input: [
-            "group-has-[p.error]/input:!text-danger-main",
-            "group-has-[p.error]/input:placeholder:!text-danger-main"
-          ],
-          content: ["group-has-[p.error]/input:!text-danger-main"]
+          input: ["!text-body-foreground", "placeholder:!text-body-foreground"],
+          content: ["!text-body-foreground"],
+          helperMessage: ["!text-body-foreground"]
         }
       }
     },
@@ -5577,17 +5552,6 @@ var inputStyle = tv(
           inputWrapper: ["border-b-xl"]
         }
       },
-      {
-        disabled: true,
-        variant: ["outline", "underline"],
-        class: {
-          inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:!border-danger-light"],
-          content: [
-            "group-has-[p.error]/input:!text-danger-light",
-            "group-has-[p.error]/input:placeholder:!text-danger-light"
-          ]
-        }
-      },
       {
         readonly: true,
         color: "primary",
@@ -5603,6 +5567,37 @@ var inputStyle = tv(
           input: ["!text-secondary-main", "placeholder:!text-secondary-main"],
           content: ["!text-secondary-main"]
         }
+      },
+      {
+        disabled: true,
+        class: {
+          input: [
+            "group-has-[p.error]/input:!text-danger-light",
+            "group-has-[p.error]/input:placeholder:!text-danger-light"
+          ],
+          content: ["group-has-[p.error]/input:!text-danger-light"],
+          helperMessage: ["group-has-[p.error]/input:!text-danger-light"],
+          errorMessage: ["!text-danger-light"]
+        }
+      },
+      {
+        disabled: true,
+        variant: ["outline", "underline"],
+        class: {
+          inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:!border-danger-light"]
+        }
+      },
+      {
+        disabled: false,
+        class: {
+          input: [
+            "group-has-[p.error]/input:!text-danger-main",
+            "group-has-[p.error]/input:placeholder:!text-danger-main"
+          ],
+          content: ["group-has-[p.error]/input:!text-danger-main"],
+          helperMessage: ["group-has-[p.error]/input:!text-danger-main"],
+          errorMessage: ["!text-danger-main"]
+        }
       }
     ],
     defaultVariants: {

package/dist/components/input/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-SFGFRMWL.mjs";
+} from "../../chunk-QR5CKZLL.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/input/input.d.mts

@@ -107,6 +107,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -121,7 +122,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, undefined, {
     variant: {
         solid: {
@@ -208,6 +209,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -222,7 +224,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
@@ -309,6 +311,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -323,7 +326,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, undefined, unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof inputStyle>;
 type InputSlots = keyof ReturnType<typeof inputStyle>;

package/dist/components/input/input.d.ts

@@ -107,6 +107,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -121,7 +122,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, undefined, {
     variant: {
         solid: {
@@ -208,6 +209,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -222,7 +224,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
@@ -309,6 +311,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             readonlyWrapper: string[];
             input: string[];
             content: string[];
+            helperMessage: string[];
         };
     };
 }, {
@@ -323,7 +326,7 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     helperMessage: string[];
     errorMessage: string[];
     readonlyWrapper: string[];
-    readonly: never[];
+    readonly: string[];
 }, undefined, unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof inputStyle>;
 type InputSlots = keyof ReturnType<typeof inputStyle>;

package/dist/components/input/input.js

@@ -5244,7 +5244,7 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
       ),
       size: originalProps.size
     }),
-    [slots, classNames, originalProps.size]
+    [slots, classNames, originalProps.size, inputProps.readOnly]
   );
   const renderStartContent = () => {
     if ((0, import_react.isValidElement)(startContent)) {
@@ -5367,31 +5367,22 @@ var inputStyle = tv(
         "placeholder:text-neutral-main",
         "outline-none",
         "focus:ring-0",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[:hover]/input:placeholder:text-neutral-dark",
-        "group-has-[:focus]/input:text-neutral-dark",
-        "group-has-[:focus]/input:placeholder:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:placeholder:text-danger-main",
-        "group-has-[p.error]/input:placeholder:hover:!text-danger-main"
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark",
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:placeholder:text-neutral-dark",
+        "group-has-[:focus:not(:read-only)]/input:text-neutral-dark",
+        "group-has-[:focus:not(:read-only)]/input:placeholder:text-neutral-dark",
+        "read-only:!text-body-foreground",
+        "read-only:placeholder:!text-body-foreground"
       ],
       content: [
         "flex",
         "items-center",
         "select-none",
         "text-neutral-main",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:hover:text-danger-main",
-        "group-has-[p.error]/input:focus:text-danger-main"
-      ],
-      helperMessage: [
-        "text-neutral-main",
-        "group-has-[:hover]/input:text-neutral-dark",
-        "group-has-[p.error]/input:text-danger-main",
-        "group-has-[p.error]/input:hover:text-danger-main",
-        "group-has-[p.error]/input:focus:text-danger-main"
+        "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark",
+        "read-only:!text-body-foreground"
       ],
+      helperMessage: ["text-neutral-main", "group-has-[:hover:not(:read-only):not(:focus)]/input:text-neutral-dark"],
       errorMessage: ["text-danger-main"],
       readonlyWrapper: [
         "pointer-events-none",
@@ -5400,7 +5391,7 @@ var inputStyle = tv(
         "[&>input]:text-body-foreground",
         "[&>input]:placeholder:text-body-foreground"
       ],
-      readonly: []
+      readonly: ["text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5411,8 +5402,8 @@ var inputStyle = tv(
         outline: {
           inputWrapper: [
             "border-neutral-light",
-            "group-has-[:hover]/input:bg-trans-soft",
-            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
+            "group-has-[:focus:not(:read-only)]/input:bg-body-background",
             "group-has-[p.error]/input:border-danger-main"
           ],
           readonlyWrapper: ["!bg-trans-soft"]
@@ -5421,8 +5412,8 @@ var inputStyle = tv(
           inputWrapper: [
             "bg-transparent",
             "rounded-none",
-            "group-has-[:hover]/input:bg-trans-soft",
-            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
+            "group-has-[:focus:not(:read-only)]/input:bg-body-background",
             "group-has-[p.error]/input:border-danger-main"
           ],
           readonlyWrapper: ["!bg-trans-soft"]
@@ -5430,22 +5421,13 @@ var inputStyle = tv(
       },
       color: {
         primary: {
-          content: ["group-has-[:focus]/input:text-primary-main", "group-has-[:focus]/input:hover:text-primary-main"],
-          helperMessage: [
-            "group-has-[:focus]/input:text-primary-main",
-            "group-has-[:focus]/input:hover:text-primary-main"
-          ],
+          content: ["group-has-[:focus:not(:read-only)]/input:text-primary-main", "read-only:!text-primary-main"],
+          helperMessage: ["group-has-[:focus:not(:read-only)]/input:text-primary-main"],
           readonly: ["text-primary-main"]
         },
         secondary: {
-          content: [
-            "group-has-[:focus]/input:text-secondary-main",
-            "group-has-[:focus]/input:hover:text-secondary-main"
-          ],
-          helperMessage: [
-            "group-has-[:focus]/input:text-secondary-main",
-            "group-has-[:focus]/input:hover:text-secondary-main"
-          ],
+          content: ["group-has-[:focus:not(:read-only)]/input:text-secondary-main", "read-only:!text-secondary-main"],
+          helperMessage: ["group-has-[:focus:not(:read-only)]/input:text-secondary-main"],
           readonly: ["text-secondary-main"]
         }
       },
@@ -5496,14 +5478,9 @@ var inputStyle = tv(
       },
       disabled: {
         true: {
-          inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "group-has-[p.error]/input:!text-danger-light"],
-          input: [
-            "!text-neutral-light",
-            "placeholder:!text-neutral-light",
-            "group-has-[p.error]/input:!text-danger-light",
-            "group-has-[p.error]/input:placeholder:!text-danger-light"
-          ],
-          content: ["!text-neutral-light", "group-has-[p.error]/input:!text-danger-light"],
+          inputWrapper: ["!bg-neutral-soft", "pointer-events-none"],
+          input: ["!text-neutral-light", "placeholder:!text-neutral-light"],
+          content: ["!text-neutral-light"],
           helperMessage: ["!text-neutral-light"],
           errorMessage: ["!text-danger-light"]
         }
@@ -5511,11 +5488,9 @@ var inputStyle = tv(
       readonly: {
         true: {
           readonlyWrapper: ["pointer-events-none"],
-          input: [
-            "group-has-[p.error]/input:!text-danger-main",
-            "group-has-[p.error]/input:placeholder:!text-danger-main"
-          ],
-          content: ["group-has-[p.error]/input:!text-danger-main"]
+          input: ["!text-body-foreground", "placeholder:!text-body-foreground"],
+          content: ["!text-body-foreground"],
+          helperMessage: ["!text-body-foreground"]
         }
       }
     },
@@ -5576,17 +5551,6 @@ var inputStyle = tv(
           inputWrapper: ["border-b-xl"]
         }
       },
-      {
-        disabled: true,
-        variant: ["outline", "underline"],
-        class: {
-          inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:!border-danger-light"],
-          content: [
-            "group-has-[p.error]/input:!text-danger-light",
-            "group-has-[p.error]/input:placeholder:!text-danger-light"
-          ]
-        }
-      },
       {
         readonly: true,
         color: "primary",
@@ -5602,6 +5566,37 @@ var inputStyle = tv(
           input: ["!text-secondary-main", "placeholder:!text-secondary-main"],
           content: ["!text-secondary-main"]
         }
+      },
+      {
+        disabled: true,
+        class: {
+          input: [
+            "group-has-[p.error]/input:!text-danger-light",
+            "group-has-[p.error]/input:placeholder:!text-danger-light"
+          ],
+          content: ["group-has-[p.error]/input:!text-danger-light"],
+          helperMessage: ["group-has-[p.error]/input:!text-danger-light"],
+          errorMessage: ["!text-danger-light"]
+        }
+      },
+      {
+        disabled: true,
+        variant: ["outline", "underline"],
+        class: {
+          inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:!border-danger-light"]
+        }
+      },
+      {
+        disabled: false,
+        class: {
+          input: [
+            "group-has-[p.error]/input:!text-danger-main",
+            "group-has-[p.error]/input:placeholder:!text-danger-main"
+          ],
+          content: ["group-has-[p.error]/input:!text-danger-main"],
+          helperMessage: ["group-has-[p.error]/input:!text-danger-main"],
+          errorMessage: ["!text-danger-main"]
+        }
       }
     ],
     defaultVariants: {

package/dist/components/input/input.mjs

@@ -2,7 +2,7 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-SFGFRMWL.mjs";
+} from "../../chunk-QR5CKZLL.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";