@deepnoid/ui 1.0.0 → 1.0.2

package/dist/components/button/text-button.d.ts

@@ -61,19 +61,21 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
     underline: string[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -89,19 +91,21 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -117,19 +121,21 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -145,19 +151,21 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {

package/dist/components/button/text-button.js

@@ -736,19 +736,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -757,12 +757,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -942,91 +937,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color

package/dist/components/button/text-button.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   text_button_default
-} from "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+} from "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";

package/dist/components/fileUpload/fileUpload.js

@@ -5893,6 +5893,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",
@@ -6128,19 +6129,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -6149,12 +6150,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -6334,91 +6330,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,22 +3,22 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-OPGGL4CG.mjs";
+} from "../../chunk-KZPHD6CA.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-VUO5J2OK.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.mjs";
+import "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-67DEFPS6.mjs";
+import "../../chunk-JXIQOVRO.mjs";
+import "../../chunk-T6IFFFAD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/fileUpload/index.js

@@ -5893,6 +5893,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",
@@ -6128,19 +6129,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -6149,12 +6150,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -6334,91 +6330,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color

package/dist/components/fileUpload/index.mjs

@@ -2,22 +2,22 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-OPGGL4CG.mjs";
+} from "../../chunk-KZPHD6CA.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-VUO5J2OK.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.mjs";
+import "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-67DEFPS6.mjs";
+import "../../chunk-JXIQOVRO.mjs";
+import "../../chunk-T6IFFFAD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/input/index.js

@@ -5889,6 +5889,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",

package/dist/components/input/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-S2T4GHJA.mjs";
+} from "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
 import "../../chunk-AOU4QX7H.mjs";

package/dist/components/input/input.js

@@ -5888,6 +5888,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",