@deepnoid/ui 0.1.220 → 0.1.221

package/dist/components/textarea/textarea.js

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -92,17 +93,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var Textarea = (0, import_react.forwardRef)((originalProps, ref) => {
   var _a, _b;
   const [props, variantProps] = mapPropsVariants(originalProps, textareaStyle.variantKeys);
-  const { classNames, label, helperMessage, errorMessage, ...textareaProps } = props;
+  const { classNames, label, helperMessage, errorMessage, rows = 3, ...textareaProps } = props;
   const [length, setLength] = (0, import_react.useState)(((_b = (_a = originalProps.value) == null ? void 0 : _a.toString()) != null ? _b : "").length);
   const innerRef = (0, import_react.useRef)(null);
   (0, import_react.useImperativeHandle)(ref, () => innerRef.current);
   const autoResize = (0, import_react.useCallback)(() => {
     const el = innerRef.current;
-    if (el) {
-      el.style.height = "auto";
-      el.style.height = el.scrollHeight + "px";
-    }
-  }, []);
+    if (!el) return;
+    el.style.height = "auto";
+    const computed = window.getComputedStyle(el);
+    const lineHeight = parseFloat(computed.lineHeight);
+    const minRows = el.rows || rows || 1;
+    const minHeight = lineHeight * minRows;
+    el.style.height = Math.max(el.scrollHeight, minHeight) + "px";
+  }, [rows]);
   const handleChange = (0, import_react.useCallback)(
     (e) => {
       var _a2;
@@ -138,13 +142,14 @@ var Textarea = (0, import_react.forwardRef)((originalProps, ref) => {
                 {
                   ref: innerRef,
                   ...textareaProps,
+                  rows,
                   readOnly: props.readOnly,
                   onChange: handleChange,
                   className: slots.textarea({ class: classNames == null ? void 0 : classNames.textarea })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between", children: [
-                helperMessage && !(errorMessage !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                helperMessage && errorMessage === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "p",
                   {
                     className: clsx(
@@ -190,7 +195,6 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
     wrapper: ["flex", "flex-col"],
     textarea: [
       "w-full",
-      "h-full",
       "bg-transparent",
       "text-neutral-main",
       "placeholder:!text-neutral-main",
@@ -258,7 +262,7 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         base: ["text-sm", "gap-[4px]"],
         label: ["text-sm"],
         wrapper: ["gap-[4px]"],
-        textarea: ["w-[240px]", "h-[24px]", "rounded-sm", "p-[8px]", "gap-[4px]"],
+        textarea: ["w-[240px]", "rounded-sm", "p-[8px]"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
@@ -266,7 +270,7 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         base: ["text-md", "gap-[6px]"],
         label: ["text-md"],
         wrapper: ["gap-[6px]"],
-        textarea: ["w-[240px]", "h-[32px]", "rounded-md", "p-[8px]", "gap-[6px]"],
+        textarea: ["w-[240px]", "rounded-md", "p-[8px]"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
@@ -274,7 +278,7 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         base: ["text-lg", "gap-[8px]"],
         label: ["text-lg"],
         wrapper: ["gap-[8px]"],
-        textarea: ["w-[240px]", "h-[40px]", "rounded-lg", "p-[10px]", "gap-[8px]"],
+        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       },
@@ -282,7 +286,7 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         base: ["text-xl", "gap-[10px]"],
         label: ["text-xl"],
         wrapper: ["gap-[10px]"],
-        textarea: ["w-[240px]", "h-[50px]", "rounded-lg", "p-[10px]", "gap-[10px]"],
+        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       }

package/dist/components/textarea/textarea.mjs

@@ -1,7 +1,8 @@
 "use client";
+"use client";
 import {
   textarea_default
-} from "../../chunk-WOSAQELA.mjs";
+} from "../../chunk-44FMPRHV.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/index.js

@@ -7763,17 +7763,20 @@ var import_jsx_runtime15 = require("react/jsx-runtime");
 var Textarea = (0, import_react13.forwardRef)((originalProps, ref) => {
   var _a, _b;
   const [props, variantProps] = mapPropsVariants(originalProps, textareaStyle.variantKeys);
-  const { classNames, label, helperMessage, errorMessage, ...textareaProps } = props;
+  const { classNames, label, helperMessage, errorMessage, rows = 3, ...textareaProps } = props;
   const [length, setLength] = (0, import_react13.useState)(((_b = (_a = originalProps.value) == null ? void 0 : _a.toString()) != null ? _b : "").length);
   const innerRef = (0, import_react13.useRef)(null);
   (0, import_react13.useImperativeHandle)(ref, () => innerRef.current);
   const autoResize = (0, import_react13.useCallback)(() => {
     const el = innerRef.current;
-    if (el) {
-      el.style.height = "auto";
-      el.style.height = el.scrollHeight + "px";
-    }
-  }, []);
+    if (!el) return;
+    el.style.height = "auto";
+    const computed = window.getComputedStyle(el);
+    const lineHeight = parseFloat(computed.lineHeight);
+    const minRows = el.rows || rows || 1;
+    const minHeight = lineHeight * minRows;
+    el.style.height = Math.max(el.scrollHeight, minHeight) + "px";
+  }, [rows]);
   const handleChange = (0, import_react13.useCallback)(
     (e) => {
       var _a2;
@@ -7809,13 +7812,14 @@ var Textarea = (0, import_react13.forwardRef)((originalProps, ref) => {
                 {
                   ref: innerRef,
                   ...textareaProps,
+                  rows,
                   readOnly: props.readOnly,
                   onChange: handleChange,
                   className: slots.textarea({ class: classNames == null ? void 0 : classNames.textarea })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between", children: [
-                helperMessage && !(errorMessage !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                helperMessage && errorMessage === void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   "p",
                   {
                     className: clsx(
@@ -7861,7 +7865,6 @@ var textareaStyle = (0, import_tailwind_variants13.tv)({
     wrapper: ["flex", "flex-col"],
     textarea: [
       "w-full",
-      "h-full",
       "bg-transparent",
       "text-neutral-main",
       "placeholder:!text-neutral-main",
@@ -7929,7 +7932,7 @@ var textareaStyle = (0, import_tailwind_variants13.tv)({
         base: ["text-sm", "gap-[4px]"],
         label: ["text-sm"],
         wrapper: ["gap-[4px]"],
-        textarea: ["w-[240px]", "h-[24px]", "rounded-sm", "p-[8px]", "gap-[4px]"],
+        textarea: ["w-[240px]", "rounded-sm", "p-[8px]"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
@@ -7937,7 +7940,7 @@ var textareaStyle = (0, import_tailwind_variants13.tv)({
         base: ["text-md", "gap-[6px]"],
         label: ["text-md"],
         wrapper: ["gap-[6px]"],
-        textarea: ["w-[240px]", "h-[32px]", "rounded-md", "p-[8px]", "gap-[6px]"],
+        textarea: ["w-[240px]", "rounded-md", "p-[8px]"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
@@ -7945,7 +7948,7 @@ var textareaStyle = (0, import_tailwind_variants13.tv)({
         base: ["text-lg", "gap-[8px]"],
         label: ["text-lg"],
         wrapper: ["gap-[8px]"],
-        textarea: ["w-[240px]", "h-[40px]", "rounded-lg", "p-[10px]", "gap-[8px]"],
+        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       },
@@ -7953,7 +7956,7 @@ var textareaStyle = (0, import_tailwind_variants13.tv)({
         base: ["text-xl", "gap-[10px]"],
         label: ["text-xl"],
         wrapper: ["gap-[10px]"],
-        textarea: ["w-[240px]", "h-[50px]", "rounded-lg", "p-[10px]", "gap-[10px]"],
+        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       }

package/dist/index.mjs

@@ -1,18 +1,22 @@
 "use client";
+import "./chunk-MBLZYQCN.mjs";
+import {
+  tree_default
+} from "./chunk-G4G6YXZH.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
 } from "./chunk-5KC3IFNR.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
-import "./chunk-MBLZYQCN.mjs";
+import "./chunk-MZ76AA76.mjs";
 import {
-  tree_default
-} from "./chunk-G4G6YXZH.mjs";
-import "./chunk-DX3KXNP6.mjs";
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  table_default
-} from "./chunk-54FDYAUN.mjs";
+  textarea_default
+} from "./chunk-44FMPRHV.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -22,76 +26,76 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-3HANNN76.mjs";
-import "./chunk-LVFI2NOH.mjs";
+import "./chunk-DX3KXNP6.mjs";
 import {
-  switch_default
-} from "./chunk-AGE57VDD.mjs";
+  definition_table_default
+} from "./chunk-BH3I4LIZ.mjs";
+import {
+  table_default
+} from "./chunk-54FDYAUN.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-DW3BX4M2.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-WOSAQELA.mjs";
-import {
-  definition_table_default
-} from "./chunk-BH3I4LIZ.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-H6ZQDMYU.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-APQE3TRN.mjs";
-import "./chunk-MZ76AA76.mjs";
+import "./chunk-LVFI2NOH.mjs";
 import {
-  skeleton_default
-} from "./chunk-6PN3DGOE.mjs";
+  switch_default
+} from "./chunk-AGE57VDD.mjs";
 import "./chunk-OLQOLLKG.mjs";
 import {
   starRating_default
 } from "./chunk-AZYWRRZY.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-H6ZQDMYU.mjs";
+import "./chunk-NNVGYR5T.mjs";
+import {
+  useGlobalModal
+} from "./chunk-QPEZ7SFU.mjs";
+import {
+  GlobalModalProvider
+} from "./chunk-Q5MFMWG7.mjs";
+import {
+  modal_default
+} from "./chunk-I4LNWIIV.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   timePicker_default
 } from "./chunk-74MC7B4K.mjs";
 import "./chunk-FZYZSMSS.mjs";
 import "./chunk-RKHH3CUS.mjs";
-import "./chunk-NNVGYR5T.mjs";
-import {
-  useGlobalModal
-} from "./chunk-YXQSMRNH.mjs";
-import "./chunk-7B7LRG5J.mjs";
-import {
-  pagination_default
-} from "./chunk-VSVBYQF4.mjs";
-import "./chunk-F3HENRVM.mjs";
 import {
   datePicker_default
-} from "./chunk-PFZTJUE5.mjs";
-import "./chunk-3IBJXQTJ.mjs";
+} from "./chunk-SNXIHIQG.mjs";
 import {
   day_default
 } from "./chunk-XZYQFBCT.mjs";
-import "./chunk-32GA3YW4.mjs";
-import {
-  drawer_default
-} from "./chunk-ZFC5O2V3.mjs";
+import "./chunk-3IBJXQTJ.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
 } from "./chunk-NGRGAY42.mjs";
 import {
   listItem_default
-} from "./chunk-HAYCXHPR.mjs";
+} from "./chunk-US5NY7UP.mjs";
+import "./chunk-7B7LRG5J.mjs";
 import {
-  GlobalModalProvider
-} from "./chunk-UA524JN4.mjs";
+  pagination_default
+} from "./chunk-VSVBYQF4.mjs";
+import "./chunk-F3HENRVM.mjs";
+import "./chunk-32GA3YW4.mjs";
 import {
-  modal_default
-} from "./chunk-UT4SXNWB.mjs";
+  drawer_default
+} from "./chunk-ZFC5O2V3.mjs";
+import "./chunk-KYIODWXL.mjs";
+import {
+  breadcrumb_default
+} from "./chunk-6CTMLHLK.mjs";
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
@@ -105,9 +109,6 @@ import {
   input_default
 } from "./chunk-JI3WAAZV.mjs";
 import "./chunk-MGEWSREV.mjs";
-import {
-  chip_default
-} from "./chunk-MYUAX3Z5.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
@@ -133,18 +134,11 @@ import {
 import {
   radarChart_default
 } from "./chunk-U7SYKG2C.mjs";
-import "./chunk-7DLOYKVC.mjs";
-import {
-  avatar_default
-} from "./chunk-QAXRJ3EH.mjs";
-import "./chunk-KYIODWXL.mjs";
+import "./chunk-SE5TU755.mjs";
 import {
-  breadcrumb_default
-} from "./chunk-6CTMLHLK.mjs";
+  backdrop_default
+} from "./chunk-4X35QQTI.mjs";
 import "./chunk-MY5U63QO.mjs";
-import {
-  text_button_default
-} from "./chunk-NDNIAALB.mjs";
 import {
   button_group_default
 } from "./chunk-5VTYO3RF.mjs";
@@ -157,25 +151,31 @@ import {
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-SZL743JC.mjs";
+import {
+  text_button_default
+} from "./chunk-NDNIAALB.mjs";
+import {
+  chip_default
+} from "./chunk-MYUAX3Z5.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
 } from "./chunk-AXWICOKO.mjs";
-import "./chunk-JYW3GEH6.mjs";
 import "./chunk-NMSDSEBD.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-4X35QQTI.mjs";
-import "./chunk-3V4HT2K5.mjs";
-import "./chunk-27Y6K5NK.mjs";
 import {
   accordion_default
 } from "./chunk-JGG3ZUNG.mjs";
 import {
   accordionItem_default
 } from "./chunk-NTNF5T5I.mjs";
+import "./chunk-7DLOYKVC.mjs";
+import {
+  avatar_default
+} from "./chunk-QAXRJ3EH.mjs";
+import "./chunk-JYW3GEH6.mjs";
+import "./chunk-3V4HT2K5.mjs";
+import "./chunk-27Y6K5NK.mjs";
 import "./chunk-E3G5QXSH.mjs";
 import {
   deepnoidUi,

package/package.json

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

package/dist/{chunk-UT4SXNWB.mjs → chunk-I4LNWIIV.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  backdrop_default
+} from "./chunk-4X35QQTI.mjs";
 import {
   button_default
 } from "./chunk-PLR4DZBN.mjs";
 import {
   Icon_default
 } from "./chunk-AXWICOKO.mjs";
-import {
-  backdrop_default
-} from "./chunk-4X35QQTI.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-PFZTJUE5.mjs → chunk-SNXIHIQG.mjs}

@@ -1,23 +1,23 @@
 "use client";
+import {
+  day_default
+} from "./chunk-XZYQFBCT.mjs";
 import {
   formatDateToString,
   formatStringToDate
 } from "./chunk-3IBJXQTJ.mjs";
-import {
-  day_default
-} from "./chunk-XZYQFBCT.mjs";
 import {
   input_default
 } from "./chunk-JI3WAAZV.mjs";
-import {
-  text_button_default
-} from "./chunk-NDNIAALB.mjs";
 import {
   button_default
 } from "./chunk-PLR4DZBN.mjs";
 import {
   icon_button_default
 } from "./chunk-4MTXDUV3.mjs";
+import {
+  text_button_default
+} from "./chunk-NDNIAALB.mjs";
 import {
   Icon_default
 } from "./chunk-AXWICOKO.mjs";

package/dist/{chunk-HAYCXHPR.mjs → chunk-US5NY7UP.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  avatar_default
-} from "./chunk-QAXRJ3EH.mjs";
 import {
   Icon_default
 } from "./chunk-AXWICOKO.mjs";
+import {
+  avatar_default
+} from "./chunk-QAXRJ3EH.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";