@deepnoid/ui 1.0.0 → 1.0.2

package/dist/components/picker/timePicker/index.js

@@ -5756,19 +5756,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: {
@@ -5777,12 +5777,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"]
       }
     }
   },
@@ -5962,91 +5957,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
@@ -6643,6 +6596,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/picker/timePicker/index.mjs

@@ -2,23 +2,23 @@
 import {
   timePickerStyle,
   timePicker_default
-} from "../../../chunk-CBFUVFGI.mjs";
-import "../../../chunk-TBRF36RK.mjs";
+} from "../../../chunk-AVUO6TGC.mjs";
+import "../../../chunk-MCSP3FVE.mjs";
 import "../../../chunk-RKHH3CUS.mjs";
 import "../../../chunk-3IBJXQTJ.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-27Y6K5NK.mjs";
 import "../../../chunk-E3G5QXSH.mjs";

package/dist/components/radio/index.js

@@ -822,7 +822,7 @@ var radioStyle = tv({
       "rounded-full",
       "border",
       "border-neutral-light",
-      "bg-body-background"
+      "bg-transparent"
     ],
     innerDot: [
       "z-[2]",

package/dist/components/radio/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-VOOEH6OJ.mjs";
+} from "../../chunk-FFKXQUER.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";

package/dist/components/radio/radio.js

@@ -820,7 +820,7 @@ var radioStyle = tv({
       "rounded-full",
       "border",
       "border-neutral-light",
-      "bg-body-background"
+      "bg-transparent"
     ],
     innerDot: [
       "z-[2]",

package/dist/components/radio/radio.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-VOOEH6OJ.mjs";
+} from "../../chunk-FFKXQUER.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";

package/dist/components/select/index.js

@@ -5738,19 +5738,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: {
@@ -5759,12 +5759,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"]
       }
     }
   },
@@ -5944,91 +5939,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
@@ -6607,6 +6560,7 @@ var select = tv({
       },
       outline: {
         selectWrapper: [
+          "bg-transparent",
           "border-neutral-light",
           "border",
           "group-has-[:hover]/select:bg-trans-soft",

package/dist/components/select/index.mjs

@@ -2,18 +2,18 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-CGJBY53Q.mjs";
+} from "../../chunk-OTC6FD4T.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-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/select/select.js

@@ -5736,19 +5736,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: {
@@ -5757,12 +5757,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"]
       }
     }
   },
@@ -5942,91 +5937,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
@@ -6605,6 +6558,7 @@ var select = tv({
       },
       outline: {
         selectWrapper: [
+          "bg-transparent",
           "border-neutral-light",
           "border",
           "group-has-[:hover]/select:bg-trans-soft",

package/dist/components/select/select.mjs

@@ -1,18 +1,18 @@
 "use client";
 import {
   select_default
-} from "../../chunk-CGJBY53Q.mjs";
+} from "../../chunk-OTC6FD4T.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-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/index.js

@@ -6315,6 +6315,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",
@@ -7053,7 +7054,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -7081,7 +7082,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       solid: {},
       outline: {},
       underline: {
-        th: ["bg-body-background", "border-t-[2px]", "border-b-[1px]"]
+        th: ["bg-transparent", "border-t-[2px]", "border-b-[1px]"]
       }
     },
     size: {

package/dist/components/table/index.mjs

@@ -2,17 +2,17 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "../../chunk-TEERNFIT.mjs";
+} from "../../chunk-IE7ERNC7.mjs";
 import {
   definition_table_default
 } from "../../chunk-4V5D237Z.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EAWNUQDB.mjs";
+import "../../chunk-XNDDHEW6.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-NPQBJO6G.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";

package/dist/components/table/table-body.js

@@ -6199,6 +6199,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",
@@ -6936,7 +6937,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -6964,7 +6965,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       solid: {},
       outline: {},
       underline: {
-        th: ["bg-body-background", "border-t-[2px]", "border-b-[1px]"]
+        th: ["bg-transparent", "border-t-[2px]", "border-b-[1px]"]
       }
     },
     size: {

package/dist/components/table/table-body.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-TEERNFIT.mjs";
+} from "../../chunk-IE7ERNC7.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EAWNUQDB.mjs";
+import "../../chunk-XNDDHEW6.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-NPQBJO6G.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";