impact-nova 1.8.1 → 1.8.3

package/dist/components/ui/filter-strip/filter-tag-list.js

@@ -1,92 +1,106 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import * as N from "react";
-import k from "../horizontal-scroller/horizontal-scroller.js";
-import { TagGroup as S } from "../tag-group.js";
-import { Tag as C } from "../tag.js";
-import { Tooltip as v, TooltipTrigger as b, TooltipContent as y } from "../tooltip.js";
-import { Popover as T, PopoverTrigger as z, PopoverContent as $ } from "../popover.js";
-import { Button as j } from "../button.js";
-import { Check as I, Copy as P, X as A } from "lucide-react";
-const F = ({
+import * as C from "react";
+import S from "../horizontal-scroller/horizontal-scroller.js";
+import { TagGroup as T } from "../tag-group.js";
+import { Tag as k } from "../tag.js";
+import { Tooltip as b, TooltipTrigger as w, TooltipContent as y } from "../tooltip.js";
+import { Popover as z, PopoverTrigger as $, PopoverContent as j } from "../popover.js";
+import { Button as P } from "../button.js";
+import { Check as A, Copy as I, X as O } from "lucide-react";
+const R = ({
   remainingValues: l,
-  viewAllTrigger: s = "expand",
-  onViewAll: d,
-  onItemRemove: h,
-  isRemovable: w,
-  isCopyable: e = !1
+  viewAllTrigger: c = "expand",
+  onViewAll: p,
+  onItemRemove: u,
+  isRemovable: N,
+  isCopyable: e = !1,
+  externalCopyFunction: m
 }) => {
-  const [c, p] = N.useState(!1), [u, n] = N.useState(null), m = (a, t, i) => {
-    navigator.clipboard.writeText(String(t)), n(i), a.currentTarget.blur(), setTimeout(() => n(null), 1500);
-  }, x = c ? l : l.slice(0, 3), g = l.length > 3, f = () => {
-    s === "custom" ? d?.() : p(!0);
+  const [i, x] = C.useState(!1), [a, d] = C.useState(null), f = (t, s, n) => {
+    navigator.clipboard.writeText(String(s)), d(n), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
+  }, g = i ? l : l.slice(0, 3), v = l.length > 3, h = () => {
+    c === "custom" ? p?.() : x(!0);
   };
   return /* @__PURE__ */ r(
-    $,
+    j,
     {
       className: "w-[200px] p-0 rounded-[8px] bg-white shadow-[0_0_4px_0_rgba(0,0,0,0.12)] border-none",
       align: "start",
       sideOffset: 8,
-      onOpenAutoFocus: (a) => a.preventDefault(),
+      onOpenAutoFocus: (t) => t.preventDefault(),
       children: /* @__PURE__ */ o("div", { className: "flex flex-col py-2 px-[6px]", children: [
-        /* @__PURE__ */ r("div", { className: `flex flex-col gap-1 mb-2 ${c ? "max-h-[180px] overflow-y-auto" : ""}`, children: x.map((a, t) => /* @__PURE__ */ o("div", { className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-[#1f2b4d] px-3 py-2 overflow-hidden hover:bg-slate-50 rounded group shrink-0", children: [
-          /* @__PURE__ */ o(v, { children: [
-            /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "truncate", children: String(a) }) }),
-            /* @__PURE__ */ r(y, { variant: "tertiary", side: "right", children: String(a) })
-          ] }),
-          /* @__PURE__ */ o("div", { className: "flex items-center shrink-0", children: [
-            e && /* @__PURE__ */ r(
-              "button",
-              {
-                onClick: (i) => {
-                  i.stopPropagation(), m(i, a, t);
-                },
-                "aria-label": `Copy ${String(a)}`,
-                className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                children: u === t ? /* @__PURE__ */ r(I, { size: 12, className: "text-green-500" }) : /* @__PURE__ */ r(P, { size: 12 })
-              }
-            ),
-            w && /* @__PURE__ */ r(
-              "button",
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: `flex flex-col gap-1 mb-2 ${i ? "max-h-[180px] overflow-y-auto" : ""}`,
+            children: g.map((t, s) => /* @__PURE__ */ o(
+              "div",
               {
-                onClick: (i) => {
-                  i.stopPropagation(), h(a);
-                },
-                "aria-label": `Remove ${String(a)}`,
-                className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                children: /* @__PURE__ */ r(A, { size: 12 })
-              }
-            )
-          ] })
-        ] }, t)) }),
-        !c && g && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+                className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-[#1f2b4d] px-3 py-2 overflow-hidden hover:bg-slate-50 rounded group shrink-0",
+                children: [
+                  /* @__PURE__ */ o(b, { children: [
+                    /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "truncate", children: String(t) }) }),
+                    /* @__PURE__ */ r(y, { variant: "tertiary", side: "right", children: String(t) })
+                  ] }),
+                  /* @__PURE__ */ o("div", { className: "flex items-center shrink-0", children: [
+                    e && /* @__PURE__ */ r(
+                      "button",
+                      {
+                        onClick: (n) => {
+                          n.stopPropagation(), m ? m({ e: n, val: t, index: s }) : f(n, t, s);
+                        },
+                        "aria-label": `Copy ${String(t)}`,
+                        className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
+                        children: a === s ? /* @__PURE__ */ r(A, { size: 12, className: "text-green-500" }) : /* @__PURE__ */ r(I, { size: 12 })
+                      }
+                    ),
+                    N && /* @__PURE__ */ r(
+                      "button",
+                      {
+                        onClick: (n) => {
+                          n.stopPropagation(), u(t);
+                        },
+                        "aria-label": `Remove ${String(t)}`,
+                        className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
+                        children: /* @__PURE__ */ r(O, { size: 12 })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              s
+            ))
+          }
+        ),
+        !i && v && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ r("div", { className: "h-[1px] bg-[#e6e8f0] w-full" }),
           /* @__PURE__ */ r(
-            j,
+            P,
             {
               variant: "secondary",
               size: "sm",
               className: "w-full justify-center",
-              onClick: f,
-              children: s === "custom" ? "View all" : `View all (${l.length})`
+              onClick: h,
+              children: c === "custom" ? "View all" : `View all (${l.length})`
             }
           )
         ] })
       ] })
     }
   );
-}, q = ({
+}, B = ({
   filters: l,
-  onFilterRemove: s,
-  onOverflowClick: d,
-  onViewAll: h
+  onFilterRemove: c,
+  onOverflowClick: p,
+  onViewAll: u
 }) => /* @__PURE__ */ r("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ r(
-  k,
+  S,
   {
     items: l,
-    renderItem: (e, c) => {
-      const p = Array.isArray(e.value) ? e.value : [e.value], u = p.slice(0, 2), n = p.slice(2), m = !!e.overflow, x = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, g = n.length > 0, f = m || g, a = `+${n.length}`;
+    renderItem: (e, m) => {
+      const i = Array.isArray(e.value) ? e.value : [e.value], x = i.slice(0, 2), a = i.slice(2), d = !!e.overflow, f = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, g = a.length > 0, v = d || g, h = `+${a.length}`;
       return /* @__PURE__ */ o("div", { className: "flex items-center px-1", children: [
-        c > 0 && /* @__PURE__ */ r("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
+        m > 0 && /* @__PURE__ */ r("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ o("span", { className: "text-xs font-medium leading-[21px] text-[#60697d] whitespace-nowrap", children: [
             e.label,
@@ -94,70 +108,70 @@ const F = ({
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ r(
-              S,
+              T,
               {
                 spacing: "sm",
-                tags: u.map((t) => ({
+                tags: x.map((t) => ({
                   label: String(t),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
                   removable: e.removable,
-                  onRemove: () => s(e.id, t)
+                  onRemove: () => c(e.id, t)
                 }))
               }
             ),
-            f && (m ? (
+            v && (d ? (
               // Server-side overflow: Simple tag, no popover
-              /* @__PURE__ */ o(v, { children: [
-                /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(
-                  C,
+              /* @__PURE__ */ o(b, { children: [
+                /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
+                  k,
                   {
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
                     className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                    onClick: () => d?.(e.id),
+                    onClick: () => p?.(e.id),
                     tabIndex: 0,
                     role: "button",
-                    "aria-label": `${e.overflow?.count || n.length} more filters for ${e.label}`,
+                    "aria-label": `${e.overflow?.count || a.length} more filters for ${e.label}`,
                     onKeyDown: (t) => {
-                      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d?.(e.id));
+                      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), p?.(e.id));
                     },
-                    children: x || a
+                    children: f || h
                   }
                 ) }),
                 /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
-                  e.overflow?.count || n.length,
+                  e.overflow?.count || a.length,
                   " more filters"
                 ] })
               ] })
             ) : (
               // Client-side overflow: Popover
-              /* @__PURE__ */ o(T, { children: [
-                /* @__PURE__ */ o(v, { children: [
-                  /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r(
-                    C,
+              /* @__PURE__ */ o(z, { children: [
+                /* @__PURE__ */ o(b, { children: [
+                  /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
+                    k,
                     {
                       variant: "secondary",
                       size: "md",
                       shape: "rounded",
                       className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                      children: a
+                      children: h
                     }
                   ) }) }),
                   /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
-                    n.length,
+                    a.length,
                     " more filters"
                   ] })
                 ] }),
                 /* @__PURE__ */ r(
-                  F,
+                  R,
                   {
-                    remainingValues: n,
+                    remainingValues: a,
                     viewAllTrigger: e.viewAllTrigger,
-                    onViewAll: h,
-                    onItemRemove: (t) => s(e.id, t),
+                    onViewAll: u,
+                    onItemRemove: (t) => c(e.id, t),
                     isRemovable: e.removable,
                     isCopyable: e.copyable
                   }
@@ -173,6 +187,6 @@ const F = ({
   }
 ) });
 export {
-  F as FilterPopoverContent,
-  q as FilterTagList
+  R as FilterPopoverContent,
+  B as FilterTagList
 };

package/dist/components/ui/input.js

@@ -29,11 +29,11 @@ const N = g(
   }
 ), w = h.forwardRef(
   ({
-    className: x,
-    type: p,
-    label: r,
+    className: p,
+    type: x,
+    label: i,
     helperText: s,
-    helperTextPosition: i = "absolute",
+    helperTextPosition: r = "absolute",
     isError: t,
     size: b,
     disabled: n,
@@ -51,16 +51,15 @@ const N = g(
       "data-invalid": t || void 0,
       children: [
         /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
-          r && /* @__PURE__ */ d(
+          i && /* @__PURE__ */ d(
             "label",
             {
               className: e(
                 "text-xs font-medium leading-[18px] text-content-tertiary",
-                n && "opacity-70",
-                t && "text-destructive"
+                n && "opacity-70"
               ),
               children: [
-                r,
+                i,
                 " ",
                 u.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
               ]
@@ -70,7 +69,7 @@ const N = g(
             "div",
             {
               className: e(
-                s && i === "absolute" && "relative"
+                s && r === "absolute" && "relative"
               ),
               children: [
                 /* @__PURE__ */ d(
@@ -78,7 +77,7 @@ const N = g(
                   {
                     "data-component": "input-border",
                     className: e(
-                      N({ size: b, isError: t, disabled: n, className: x }),
+                      N({ size: b, isError: t, disabled: n, className: p }),
                       "bg-canvas",
                       n && "bg-disabled-surface"
                     ),
@@ -94,7 +93,7 @@ const N = g(
                       /* @__PURE__ */ a(
                         "input",
                         {
-                          type: p,
+                          type: x,
                           className: e(
                             "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                             n && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
@@ -116,7 +115,7 @@ const N = g(
                     ]
                   }
                 ),
-                s && i === "absolute" && /* @__PURE__ */ d(
+                s && r === "absolute" && /* @__PURE__ */ d(
                   "div",
                   {
                     className: e(
@@ -151,7 +150,7 @@ const N = g(
             }
           )
         ] }),
-        s && i === "flow" && /* @__PURE__ */ d(
+        s && r === "flow" && /* @__PURE__ */ d(
           "div",
           {
             className: e(

package/dist/components/ui/smart-input.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, HTMLInputTypeAttribute } from 'react';
 import { InputProps } from './input';
 type ComparisonOperator = ">" | "<" | ">=" | "<=";
 export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" | "onFocus" | "onBlur"> {
@@ -6,7 +6,7 @@ export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" |
     onChange?: (value: string, syntheticEvent?: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    isNumeric?: boolean;
+    type?: HTMLInputTypeAttribute;
     allowNegative?: boolean;
     min?: number;
     max?: number;

package/dist/components/ui/smart-input.js

@@ -1,33 +1,33 @@
-import { jsx as J } from "react/jsx-runtime";
-import { useState as Q, useRef as U, useEffect as X } from "react";
-import { Input as Y } from "./input.js";
-const re = ({
+import { jsx as H } from "react/jsx-runtime";
+import { useState as J, useRef as Q, useEffect as U } from "react";
+import { Input as X } from "./input.js";
+const ne = ({
   value: D = "",
+  type: C = "text",
   onChange: V,
-  onBlur: P,
+  onBlur: N,
   onFocus: W,
-  isNumeric: l = !1,
   allowNegative: g = !0,
   min: s,
   max: u,
   min_operator: I = ">=",
   max_operator: v = "<=",
   maxIntegerDigits: w,
-  decimalPlaces: f,
-  enforceDecimal: z = !1,
-  allowDecimal: C = !0,
-  maxLength: a,
-  trimLeadingSpaces: M = !0,
+  decimalPlaces: l,
+  enforceDecimal: b = !1,
+  allowDecimal: M = !0,
+  maxLength: c,
+  trimLeadingSpaces: P = !0,
   customValidator: y,
   onValidationError: h,
   disabled: p = !1,
-  ...F
+  ...z
 }) => {
-  const [c, $] = Q(String(D ?? "")), K = U(null);
-  X(() => {
+  const [a, $] = J(String(D ?? "")), F = Q(null), i = C === "number";
+  U(() => {
     $(String(D ?? ""));
   }, [D]);
-  const b = (t) => {
+  const K = (t) => {
     if (s === void 0) return !0;
     switch (I) {
       case ">":
@@ -80,68 +80,69 @@ const re = ({
     } else if (t.includes("-") && !t.startsWith("-"))
       return t.replace("-", "");
     return t;
-  }, q = (t) => {
-    if (f === void 0 || !t.includes(".")) return t;
+  }, m = (t) => {
+    if (l === void 0 || !t.includes(".")) return t;
     const [e, r] = t.split(".");
-    return r && r.length > f ? `${e}.${r.slice(0, f)}` : t;
-  }, A = (t) => {
+    return r && r.length > l ? `${e}.${r.slice(0, l)}` : t;
+  }, q = (t) => {
     if (w === void 0) return t;
     const [e, r] = t.split("."), n = e.replace("-", "");
     if (n.length > w) {
-      const i = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
-      return r !== void 0 ? `${d}${i}.${r}` : `${d}${i}`;
+      const o = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
+      return r !== void 0 ? `${d}${o}.${r}` : `${d}${o}`;
     }
     return t;
   }, S = (t) => {
-    if (!l) return t;
+    if (!i) return t;
     let e = String(t ?? "");
-    return M && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = q(e), e = A(e), C || (e = e.replace(".", "")), e;
-  }, E = (t) => {
-    if (!l || !t || t === "-") return t;
+    return P && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = m(e), e = q(e), M || (e = e.replace(".", "")), e;
+  }, A = (t) => {
+    if (!i || !t || t === "-") return t;
     let e = t;
     const r = parseFloat(e);
     if (isNaN(r)) return "";
     const n = k(r);
-    if (z && f !== void 0)
-      e = n.toFixed(f);
-    else if (f !== void 0 && e.includes(".")) {
-      const [i, d = ""] = e.split("."), B = d.padEnd(f, "0");
-      e = `${i}.${B}`;
+    if (b && l !== void 0)
+      e = n.toFixed(l);
+    else if (l !== void 0 && e.includes(".")) {
+      const [o, d = ""] = e.split("."), B = d.padEnd(l, "0");
+      e = `${o}.${B}`;
     } else
       e = String(n);
     return e;
-  }, G = (t) => {
+  }, E = (t) => {
     if (!t) return !0;
     if (y && !y(t))
       return h?.("Custom validation failed"), !1;
-    if (l) {
+    if (i) {
       const e = parseFloat(t);
       if (isNaN(e))
         return h?.("Invalid number"), !1;
-      if (!b(e))
+      if (!K(e))
         return h?.(`Value must be ${I} ${s}`), !1;
       if (!j(e))
         return h?.(`Value must be ${v} ${u}`), !1;
     }
-    return a && t.length > a ? (h?.(`Maximum length is ${a}`), !1) : !0;
+    return c && t.length > c ? (h?.(`Maximum length is ${c}`), !1) : !0;
   };
-  return /* @__PURE__ */ J(
-    Y,
+  return /* @__PURE__ */ H(
+    X,
     {
-      ...F,
-      value: c,
+      ...z,
+      type: C,
+      value: a,
       onChange: (t) => {
         if (p) return;
         let r = t.target.value;
-        l ? r = S(r) : M && (r = r.replace(/^\s+/, "")), a && r.length > a && (r = r.slice(0, a)), $(r), V?.(r, t);
+        i ? r = S(r) : P && (r = r.replace(/^\s+/, "")), c && r.length > c && (r = r.slice(0, c)), $(r), V?.(r, t);
       },
       onBlur: (t) => {
-        let e = c;
-        l && e && (e = E(e), G(e) && ($(e), e !== c && V?.(e))), P?.(t);
+        let e = a;
+        i && e && (e = A(e), E(e) && ($(e), e !== a && V?.(e))), N?.(t);
       },
       onFocus: W,
       onKeyDown: (t) => {
-        if (p || !l) return;
+        if (p || !i) return;
         const e = t.key;
         if (e === "e" || e === "E") {
           t.preventDefault();
@@ -151,11 +152,11 @@ const re = ({
           t.preventDefault();
           return;
         }
-        if (e === "-" && c.includes("-")) {
+        if (e === "-" && a.includes("-")) {
           t.preventDefault();
           return;
         }
-        if (e === "." && (!C || c.includes("."))) {
+        if (e === "." && (!M || a.includes("."))) {
           t.preventDefault();
           return;
         }
@@ -163,20 +164,20 @@ const re = ({
       onPaste: (t) => {
         if (p) return;
         t.preventDefault();
-        const e = t.clipboardData.getData("text"), r = l ? S(e) : e, n = t.target, i = n.selectionStart || 0, d = n.selectionEnd || 0, B = c.slice(0, i), H = c.slice(d);
-        let o = B + r + H;
-        l && (o = S(o)), a && o.length > a && (o = o.slice(0, a)), $(o), V?.(o);
+        const e = t.clipboardData.getData("text"), r = i ? S(e) : e, n = t.target, o = n.selectionStart || 0, d = n.selectionEnd || 0, B = a.slice(0, o), G = a.slice(d);
+        let f = B + r + G;
+        i && (f = S(f)), c && f.length > c && (f = f.slice(0, c)), $(f), V?.(f);
       },
       disabled: p,
-      ref: K,
+      ref: F,
       "data-component": "smart-input",
-      "data-numeric": l || void 0,
-      "data-decimal-places": f,
+      "data-numeric": i || void 0,
+      "data-decimal-places": l,
       "data-min": s,
       "data-max": u
     }
   );
 };
 export {
-  re as SmartInput
+  ne as SmartInput
 };

package/dist/components/ui/textarea.d.ts

@@ -1,17 +1,19 @@
-import { VariantProps } from 'class-variance-authority';
 import { HelperTextPosition } from './types/helper-text.types';
 import * as React from "react";
-declare const textareaVariants: (props?: {
-    isError?: boolean;
-    size?: "sm" | "md" | "lg" | "default";
-    disabled?: boolean;
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled" | "size">, VariantProps<typeof textareaVariants> {
+export interface TextareaProps {
+    className?: string;
     label?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     helperText?: React.ReactNode;
-    /** @default "absolute" */
     helperTextPosition?: HelperTextPosition;
     characterLimit?: number;
+    isRequired?: boolean;
+    isError?: boolean;
+    isDisabled?: boolean;
+    size?: "default" | "sm" | "md" | "lg";
+    defaultValue?: string;
+    placeholder?: string;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };