@deepnoid/ui 0.1.158 → 0.1.160

package/dist/components/modal/index.mjs

@@ -2,14 +2,14 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-46EIW6MN.mjs";
+} from "../../chunk-SCQCMQDP.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-AF4I7ZQS.mjs";
+import "../../chunk-IH3BJRTV.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-Q364C3FI.mjs";
-import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-YQYO5RLZ.mjs";
-import "../../chunk-JKYLYL3A.mjs";
+import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-DO56H4BN.mjs";
+import "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -17,7 +17,7 @@ import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/modal/modal.js

@@ -173,6 +173,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/modal/modal.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-46EIW6MN.mjs";
+} from "../../chunk-SCQCMQDP.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-AF4I7ZQS.mjs";
+import "../../chunk-IH3BJRTV.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-Q364C3FI.mjs";
-import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-YQYO5RLZ.mjs";
-import "../../chunk-JKYLYL3A.mjs";
+import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-DO56H4BN.mjs";
+import "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -16,7 +16,7 @@ import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/pagination/index.js

@@ -174,6 +174,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 
@@ -5273,7 +5280,7 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
       ),
       size: originalProps.size
     }),
-    [slots, classNames, originalProps.size]
+    [slots, classNames, originalProps.size, inputProps.readOnly]
   );
   const renderStartContent = () => {
     if ((0, import_react2.isValidElement)(startContent)) {
@@ -5396,31 +5403,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",
@@ -5429,7 +5427,7 @@ var inputStyle = tv(
         "[&>input]:text-body-foreground",
         "[&>input]:placeholder:text-body-foreground"
       ],
-      readonly: []
+      readonly: ["text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5440,8 +5438,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"]
@@ -5450,8 +5448,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"]
@@ -5459,22 +5457,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"]
         }
       },
@@ -5525,14 +5514,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"]
         }
@@ -5540,11 +5524,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"]
         }
       }
     },
@@ -5605,17 +5587,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",
@@ -5631,6 +5602,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/pagination/index.mjs

@@ -2,15 +2,15 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-IRJP6BF3.mjs";
+} from "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-SFGFRMWL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/pagination/pagination.js

@@ -172,6 +172,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 
@@ -5271,7 +5278,7 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
       ),
       size: originalProps.size
     }),
-    [slots, classNames, originalProps.size]
+    [slots, classNames, originalProps.size, inputProps.readOnly]
   );
   const renderStartContent = () => {
     if ((0, import_react2.isValidElement)(startContent)) {
@@ -5394,31 +5401,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",
@@ -5427,7 +5425,7 @@ var inputStyle = tv(
         "[&>input]:text-body-foreground",
         "[&>input]:placeholder:text-body-foreground"
       ],
-      readonly: []
+      readonly: ["text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5438,8 +5436,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"]
@@ -5448,8 +5446,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"]
@@ -5457,22 +5455,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"]
         }
       },
@@ -5523,14 +5512,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"]
         }
@@ -5538,11 +5522,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"]
         }
       }
     },
@@ -5603,17 +5585,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",
@@ -5629,6 +5600,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/pagination/pagination.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   pagination_default
-} from "../../chunk-IRJP6BF3.mjs";
+} from "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-SFGFRMWL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {