@deepnoid/ui 0.1.1 → 0.1.3

package/dist/index.js

@@ -5080,7 +5080,7 @@ var Input = (0, import_react7.forwardRef)((originalProps, ref) => {
     {
       className: clsx(
         slots.base({ class: classNames == null ? void 0 : classNames.base }),
-        variantProps.direction === "vertical" ? slots.vertical({ class: classNames == null ? void 0 : classNames.vertical }) : slots.horizon({ class: classNames == null ? void 0 : classNames.horizon })
+        variantProps.direction === "horizon" ? slots.horizon({ class: classNames == null ? void 0 : classNames.horizon }) : slots.vertical({ class: classNames == null ? void 0 : classNames.vertical })
       ),
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
@@ -5108,172 +5108,179 @@ var Input = (0, import_react7.forwardRef)((originalProps, ref) => {
 });
 Input.displayName = "Input";
 var input_default = Input;
-var inputStyle = tv({
-  slots: {
-    base: ["group/input", "flex"],
-    vertical: ["flex-col"],
-    horizon: ["flex-row", "gap-0"],
-    label: ["flex", "items-center", "font-bold", "text-body-foreground", "w-[80px]"],
-    innerWrapper: ["flex", "flex-col"],
-    inputWrapper: ["flex", "items-center", "transition", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
-    input: [
-      "w-full",
-      "h-full",
-      "bg-transparent",
-      "text-neutral-main",
-      "placeholder:text-neutral-main",
-      "focus: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"
-    ],
-    content: [
-      "flex",
-      "items-center",
-      "select-none",
-      "text-neutral-main",
-      "group-has-[:hover]/input:text-neutral-dark",
-      "group-has-[p.error]/input:text-danger-main"
-    ],
-    helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
-    errorText: ["text-danger-main"],
-    readonly: ["pointer-events-none"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        inputWrapper: ["!border-transparent", "bg-trans-soft", "group-has-[:focus]/input:text-body-foreground"],
-        readonly: ["!bg-trans-light"]
-      },
-      outline: {
-        inputWrapper: [
-          "border-neutral-light",
-          "group-has-[:hover]/input:bg-trans-soft",
-          "group-has-[:focus]/input:bg-body-background",
-          "group-has-[p.error]/input:border-danger-main"
-        ],
-        readonly: ["!bg-trans-soft"]
-      },
-      underline: {
-        inputWrapper: [
-          "bg-transparent",
-          "!rounded-none",
-          "!border-t-transparent",
-          "!border-l-transparent",
-          "!border-r-transparent",
-          "group-has-[:hover]/input:bg-trans-soft",
-          "group-has-[:focus]/input:bg-body-background",
-          "group-has-[p.error]/input:border-danger-main"
-        ],
-        readonly: ["!bg-trans-soft"]
-      }
+var inputStyle = tv(
+  {
+    slots: {
+      base: ["group/input", "flex"],
+      vertical: ["flex-col"],
+      horizon: ["flex-row", "gap-0"],
+      label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
+      innerWrapper: ["flex", "flex-col"],
+      inputWrapper: ["flex", "items-center", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
+      input: [
+        "w-full",
+        "h-full",
+        "bg-transparent",
+        "text-neutral-main",
+        "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"
+      ],
+      content: [
+        "flex",
+        "items-center",
+        "select-none",
+        "text-neutral-main",
+        "group-has-[:hover]/input:text-neutral-dark",
+        "group-has-[p.error]/input:text-danger-main"
+      ],
+      helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
+      errorText: ["text-danger-main"],
+      readonly: ["pointer-events-none"]
     },
-    color: {
-      primary: {
-        content: [
-          "group-has-[:focus]/input:text-primary-main",
-          "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
-        ],
-        helperText: [
-          "group-has-[:focus]/input:text-primary-main",
-          "group-has-[:focus:hover]/input:text-primary-main",
-          "group-has-[:focus]/input:hover:text-primary-main"
-        ]
+    variants: {
+      variant: {
+        solid: {
+          inputWrapper: ["border-transparent", "bg-trans-soft"],
+          readonly: ["!bg-trans-light"]
+        },
+        outline: {
+          inputWrapper: [
+            "border-neutral-light",
+            "group-has-[:hover]/input:bg-trans-soft",
+            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[p.error]/input:border-danger-main"
+          ],
+          readonly: ["!bg-trans-soft"]
+        },
+        underline: {
+          inputWrapper: [
+            "bg-transparent",
+            "rounded-none",
+            "!border-t-transparent",
+            "!border-l-transparent",
+            "!border-r-transparent",
+            "group-has-[:hover]/input:bg-trans-soft",
+            "group-has-[:focus]/input:bg-body-background",
+            "group-has-[p.error]/input:border-danger-main"
+          ],
+          readonly: ["!bg-trans-soft"]
+        }
       },
-      secondary: {
-        content: [
-          "group-has-[:focus]/input:text-secondary-main",
-          "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
-        ],
-        helperText: [
-          "group-has-[:focus]/input:text-secondary-main",
-          "group-has-[:focus:hover]/input:text-secondary-main",
-          "group-has-[:focus]/input:hover:text-secondary-main"
-        ]
-      }
-    },
-    size: {
-      sm: {
-        base: ["text-sm", "gap-[4px]"],
-        label: ["text-sm"],
-        innerWrapper: ["gap-[4px]"],
-        inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "border-sm"],
-        helperText: ["text-sm"],
-        errorText: ["text-sm"]
+      color: {
+        primary: {
+          content: [
+            "group-has-[:focus]/input:text-primary-main",
+            "group-has-[:focus:hover]/input:text-primary-main",
+            "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
+          ],
+          helperText: [
+            "group-has-[:focus]/input:text-primary-main",
+            "group-has-[:focus:hover]/input:text-primary-main",
+            "group-has-[:focus]/input:hover:text-primary-main"
+          ]
+        },
+        secondary: {
+          content: [
+            "group-has-[:focus]/input:text-secondary-main",
+            "group-has-[:focus:hover]/input:text-secondary-main",
+            "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
+          ],
+          helperText: [
+            "group-has-[:focus]/input:text-secondary-main",
+            "group-has-[:focus:hover]/input:text-secondary-main",
+            "group-has-[:focus]/input:hover:text-secondary-main"
+          ]
+        }
       },
-      md: {
-        base: ["text-md", "gap-[6px]"],
-        label: ["text-md"],
-        innerWrapper: ["gap-[6px]"],
-        inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "border-md"],
-        helperText: ["text-sm"],
-        errorText: ["text-sm"]
+      size: {
+        sm: {
+          base: ["text-sm", "gap-[4px]"],
+          label: ["text-sm"],
+          innerWrapper: ["gap-[4px]"],
+          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]", "border-sm"],
+          helperText: ["text-sm"],
+          errorText: ["text-sm"]
+        },
+        md: {
+          base: ["text-md", "gap-[6px]"],
+          label: ["text-md"],
+          innerWrapper: ["gap-[6px]"],
+          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]", "border-md"],
+          helperText: ["text-sm"],
+          errorText: ["text-sm"]
+        },
+        lg: {
+          base: ["text-lg", "gap-[8px]"],
+          label: ["text-lg"],
+          innerWrapper: ["gap-[8px]"],
+          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]", "border-lg"],
+          helperText: ["text-md"],
+          errorText: ["text-md"]
+        },
+        xl: {
+          base: ["text-xl", "gap-[10px]"],
+          label: ["text-xl"],
+          innerWrapper: ["gap-[10px]"],
+          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]", "border-xl"],
+          helperText: ["text-md"],
+          errorText: ["text-md"]
+        }
       },
-      lg: {
-        base: ["text-lg", "gap-[8px]"],
-        label: ["text-lg"],
-        innerWrapper: ["gap-[8px]"],
-        inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "border-lg"],
-        helperText: ["text-md"],
-        errorText: ["text-md"]
+      direction: {
+        vertical: "",
+        horizon: ""
       },
-      xl: {
-        base: ["text-xl", "gap-[10px]"],
-        label: ["text-xl"],
-        innerWrapper: ["gap-[10px]"],
-        inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "border-xl"],
-        helperText: ["text-md"],
-        errorText: ["text-md"]
-      }
-    },
-    direction: {
-      vertical: "",
-      horizon: ""
-    },
-    full: {
-      true: {
-        base: ["w-full"],
-        innerWrapper: ["flex-1"],
-        inputWrapper: ["w-full"]
+      full: {
+        true: {
+          base: ["w-full"],
+          innerWrapper: ["flex-1"],
+          inputWrapper: ["w-full"]
+        }
+      },
+      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"],
+          helperText: ["!text-neutral-light"],
+          errorText: ["!text-danger-light"]
+        }
       }
     },
-    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"],
-        helperText: ["!text-neutral-light"],
-        errorText: ["!text-danger-light"]
+    compoundVariants: [
+      {
+        disabled: true,
+        variant: ["outline", "underline"],
+        class: {
+          inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
+        }
       }
+    ],
+    defaultVariants: {
+      variant: "solid",
+      color: "primary",
+      size: "md",
+      direction: "vertical",
+      disabled: false,
+      readonly: false
     }
   },
-  compoundVariants: [
-    {
-      disabled: true,
-      variant: ["outline", "underline"],
-      class: {
-        inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
-      }
-    }
-  ],
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    direction: "vertical",
-    disabled: false,
-    readonly: false
+  {
+    twMerge: false
   }
-});
+);
 
 // src/components/tabs/tabs.tsx
 var import_react8 = require("react");

package/dist/index.mjs

@@ -1,4 +1,14 @@
 "use client";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-U2YKMXVG.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-ZEZ6ZA3N.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
@@ -12,49 +22,39 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-XIHAABHB.mjs";
-import "./chunk-HIE2YRGA.mjs";
+import "./chunk-LVFI2NOH.mjs";
 import {
-  tooltip_default
-} from "./chunk-U2YKMXVG.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
+  switch_default
+} from "./chunk-Z74QNVPG.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "./chunk-SPX2BHO2.mjs";
+} from "./chunk-L6XWAHH5.mjs";
 import "./chunk-M2IRRTFM.mjs";
 import "./chunk-OQS4LGZK.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-ZEZ6ZA3N.mjs";
-import "./chunk-LVFI2NOH.mjs";
+import "./chunk-TPFN22HR.mjs";
 import {
-  switch_default
-} from "./chunk-Z74QNVPG.mjs";
+  radio_default
+} from "./chunk-56VCX2QR.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-VRGHUYRU.mjs";
 import "./chunk-YZNQ2QGK.mjs";
 import "./chunk-S3QS5B7F.mjs";
+import "./chunk-DJOG6Z35.mjs";
+import {
+  modal_default
+} from "./chunk-AMA53H3C.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-DUOYMLZL.mjs";
+} from "./chunk-X7FHRV4S.mjs";
+import "./chunk-F3HENRVM.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-RT5NKQX4.mjs";
-import "./chunk-F3HENRVM.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-AMA53H3C.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-56VCX2QR.mjs";
+} from "./chunk-B6CXZCXQ.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
@@ -88,14 +88,14 @@ import {
 } from "./chunk-RCU5MLBU.mjs";
 import "./chunk-HKXUNG3H.mjs";
 import "./chunk-P732YGHO.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-ON5SGXHZ.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
 } from "./chunk-CF6O6TCF.mjs";
+import "./chunk-SE5TU755.mjs";
+import {
+  backdrop_default
+} from "./chunk-ON5SGXHZ.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "MIT",
   "sideEffects": false,
   "exports": {