@pittorica/text-area-react 0.22.4 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/TextArea.d.ts +8 -4
  2. package/dist/TextArea.d.ts.map +1 -1
  3. package/dist/TextArea.stories.d.ts +4 -8
  4. package/dist/TextArea.stories.d.ts.map +1 -1
  5. package/dist/index.js +87 -77
  6. package/package.json +6 -6
package/dist/TextArea.d.ts CHANGED
@@ -1,27 +1,31 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { type BoxProps } from '@pittorica/box-react';
3
3
  import type { PittoricaColor } from '@pittorica/text-react';
4
+ type TextAreaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
5
  export interface TextAreaRootProps extends BoxProps {
5
6
  label?: ReactNode;
6
7
  helperText?: ReactNode;
7
8
  error?: boolean;
8
9
  color?: PittoricaColor;
9
10
  disabled?: boolean;
11
+ /** @default 'sm' */
12
+ size?: TextAreaSize;
10
13
  }
11
14
  /**
12
- * MD3 Filled TextArea Root.
15
+ * Radix-like Outlined TextArea Root with support for multiple sizes.
13
16
  */
14
- export declare const TextAreaRoot: ({ children, label, helperText, error, color, disabled, className, style, ...props }: TextAreaRootProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const TextAreaRoot: ({ children, label, helperText, error, color, disabled, size, className, style, ...props }: TextAreaRootProps) => import("react/jsx-runtime").JSX.Element;
15
18
  export interface TextAreaContentProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
16
19
  /** Enables automatic vertical resizing based on content */
17
20
  autoResize?: boolean;
18
21
  }
19
22
  /**
20
- * Optimized for SSR/React Router v7 environments.
23
+ * Textarea element optimized for SSR and fluid interactions.
21
24
  */
22
25
  export declare const TextAreaContent: ({ className, autoResize, onChange, value, defaultValue, ...props }: TextAreaContentProps) => import("react/jsx-runtime").JSX.Element;
23
26
  export declare const TextArea: {
24
- Root: ({ children, label, helperText, error, color, disabled, className, style, ...props }: TextAreaRootProps) => import("react/jsx-runtime").JSX.Element;
27
+ Root: ({ children, label, helperText, error, color, disabled, size, className, style, ...props }: TextAreaRootProps) => import("react/jsx-runtime").JSX.Element;
25
28
  Content: ({ className, autoResize, onChange, value, defaultValue, ...props }: TextAreaContentProps) => import("react/jsx-runtime").JSX.Element;
26
29
  };
30
+ export {};
27
31
  //# sourceMappingURL=TextArea.d.ts.map
package/dist/TextArea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmB5D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,qFAU1B,iBAAiB,4CA+CnB,CAAC;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IAC7F,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,oEAO7B,oBAAoB,4CAgDtB,CAAC;AAEF,eAAO,MAAM,QAAQ;gGAnHlB,iBAAiB;kFAiEjB,oBAAoB;CAqDtB,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAmBrD,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,2FAW1B,iBAAiB,4CAwDnB,CAAC;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IAC7F,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,oEAO7B,oBAAoB,4CA4CtB,CAAC;AAEF,eAAO,MAAM,QAAQ;sGAxHlB,iBAAiB;kFA0EjB,oBAAoB;CAiDtB,CAAC"}
package/dist/TextArea.stories.d.ts CHANGED
@@ -1,20 +1,16 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import { TextArea } from './TextArea.js';
3
3
  /**
4
- * Storybook configuration for MD3 TextArea.
4
+ * Storybook configuration for Outlined TextArea.
5
+ * Supports 5 compact sizes and auto-resizing logic.
5
6
  */
6
7
  declare const meta: Meta<typeof TextArea.Root>;
7
8
  export default meta;
8
- /**
9
- * Standard MD3 Filled TextArea.
10
- */
11
9
  export declare const Basic: StoryObj<typeof TextArea.Root>;
12
10
  /**
13
- * Auto-expanding field story.
11
+ * Visualization of the 5 sizes scaling min-height and typography.
14
12
  */
13
+ export declare const AllSizes: StoryObj<typeof TextArea.Root>;
15
14
  export declare const AutoResizing: StoryObj<typeof TextArea.Root>;
16
- /**
17
- * Visual verification of different states using Flex for spacing.
18
- */
19
15
  export declare const States: StoryObj<typeof TextArea.Root>;
20
16
  //# sourceMappingURL=TextArea.stories.d.ts.map
package/dist/TextArea.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../src/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAAC,IAAI,CAapC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAahD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAgBvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAoBjD,CAAC"}
1
+ {"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../src/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAAC,IAAI,CA0BpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAchD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAoBnD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAgBvD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,CAsBjD,CAAC"}
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as g, jsxs as k } from "react/jsx-runtime";
1
+ import { jsx as m, jsxs as H } from "react/jsx-runtime";
2
2
  import { createContext as D, useRef as G, useEffect as J, useId as L, use as K } from "react";
3
3
  function R(t) {
4
4
  var i, r, e = "";
@@ -26,21 +26,21 @@ function M() {
26
26
  for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = I(t)) && (e && (e += " "), e += i);
27
27
  return e;
28
28
  }
29
- const W = ({
29
+ const S = ({
30
30
  ref: t,
31
31
  as: i = "div",
32
32
  children: r,
33
33
  display: e,
34
34
  m: a,
35
- mt: n,
36
- mr: l,
35
+ mt: s,
36
+ mr: c,
37
37
  mb: d,
38
38
  ml: f,
39
- p,
40
- pt: c,
39
+ p: l,
40
+ pt: p,
41
41
  pr: h,
42
42
  pb: o,
43
- pl: m,
43
+ pl: g,
44
44
  width: u,
45
45
  height: v,
46
46
  position: y,
@@ -52,73 +52,73 @@ const W = ({
52
52
  htmlFor: N,
53
53
  type: T,
54
54
  disabled: j,
55
- ...F
55
+ ...B
56
56
  }) => {
57
- const s = {};
58
- e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), l && (s.marginRight = `var(--pittorica-space-${l})`), d && (s.marginBottom = `var(--pittorica-space-${d})`), f && (s.marginLeft = `var(--pittorica-space-${f})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), h && (s.paddingRight = `var(--pittorica-space-${h})`), o && (s.paddingBottom = `var(--pittorica-space-${o})`), m && (s.paddingLeft = `var(--pittorica-space-${m})`);
59
- const B = {
57
+ const n = {};
58
+ e && (n.display = e), u && (n.width = u), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), s && (n.marginTop = `var(--pittorica-space-${s})`), c && (n.marginRight = `var(--pittorica-space-${c})`), d && (n.marginBottom = `var(--pittorica-space-${d})`), f && (n.marginLeft = `var(--pittorica-space-${f})`), l && (n.padding = `var(--pittorica-space-${l})`), p && (n.paddingTop = `var(--pittorica-space-${p})`), h && (n.paddingRight = `var(--pittorica-space-${h})`), o && (n.paddingBottom = `var(--pittorica-space-${o})`), g && (n.paddingLeft = `var(--pittorica-space-${g})`);
59
+ const F = {
60
60
  ...x,
61
- ...s
61
+ ...n
62
62
  };
63
- return /* @__PURE__ */ g(
63
+ return /* @__PURE__ */ m(
64
64
  i,
65
65
  {
66
66
  ref: t,
67
67
  className: M("pittorica-box", b),
68
- style: B,
68
+ style: F,
69
69
  href: $,
70
70
  target: A,
71
71
  rel: w,
72
72
  htmlFor: N,
73
73
  type: T,
74
74
  disabled: j,
75
- ...F,
75
+ ...B,
76
76
  children: r
77
77
  }
78
78
  );
79
79
  };
80
- W.displayName = "Box";
81
- function S(t) {
80
+ S.displayName = "Box";
81
+ function W(t) {
82
82
  var i, r, e = "";
83
83
  if (typeof t == "string" || typeof t == "number") e += t;
84
84
  else if (typeof t == "object") if (Array.isArray(t)) {
85
85
  var a = t.length;
86
- for (i = 0; i < a; i++) t[i] && (r = S(t[i])) && (e && (e += " "), e += r);
86
+ for (i = 0; i < a; i++) t[i] && (r = W(t[i])) && (e && (e += " "), e += r);
87
87
  } else for (r in t) t[r] && (e && (e += " "), e += r);
88
88
  return e;
89
89
  }
90
90
  function O() {
91
- for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = S(t)) && (e && (e += " "), e += i);
91
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = W(t)) && (e && (e += " "), e += i);
92
92
  return e;
93
93
  }
94
- function q(t) {
94
+ function k(t) {
95
95
  var i, r, e = "";
96
96
  if (typeof t == "string" || typeof t == "number") e += t;
97
97
  else if (typeof t == "object") if (Array.isArray(t)) {
98
98
  var a = t.length;
99
- for (i = 0; i < a; i++) t[i] && (r = q(t[i])) && (e && (e += " "), e += r);
99
+ for (i = 0; i < a; i++) t[i] && (r = k(t[i])) && (e && (e += " "), e += r);
100
100
  } else for (r in t) t[r] && (e && (e += " "), e += r);
101
101
  return e;
102
102
  }
103
103
  function P() {
104
- for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = q(t)) && (e && (e += " "), e += i);
104
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = k(t)) && (e && (e += " "), e += i);
105
105
  return e;
106
106
  }
107
- const E = ({
107
+ const q = ({
108
108
  ref: t,
109
109
  as: i = "div",
110
110
  children: r,
111
111
  display: e,
112
112
  m: a,
113
- mt: n,
114
- mr: l,
113
+ mt: s,
114
+ mr: c,
115
115
  mb: d,
116
116
  ml: f,
117
- p,
118
- pt: c,
117
+ p: l,
118
+ pt: p,
119
119
  pr: h,
120
120
  pb: o,
121
- pl: m,
121
+ pl: g,
122
122
  width: u,
123
123
  height: v,
124
124
  position: y,
@@ -130,48 +130,48 @@ const E = ({
130
130
  htmlFor: N,
131
131
  type: T,
132
132
  disabled: j,
133
- ...F
133
+ ...B
134
134
  }) => {
135
- const s = {};
136
- e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), l && (s.marginRight = `var(--pittorica-space-${l})`), d && (s.marginBottom = `var(--pittorica-space-${d})`), f && (s.marginLeft = `var(--pittorica-space-${f})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), h && (s.paddingRight = `var(--pittorica-space-${h})`), o && (s.paddingBottom = `var(--pittorica-space-${o})`), m && (s.paddingLeft = `var(--pittorica-space-${m})`);
137
- const B = {
135
+ const n = {};
136
+ e && (n.display = e), u && (n.width = u), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), s && (n.marginTop = `var(--pittorica-space-${s})`), c && (n.marginRight = `var(--pittorica-space-${c})`), d && (n.marginBottom = `var(--pittorica-space-${d})`), f && (n.marginLeft = `var(--pittorica-space-${f})`), l && (n.padding = `var(--pittorica-space-${l})`), p && (n.paddingTop = `var(--pittorica-space-${p})`), h && (n.paddingRight = `var(--pittorica-space-${h})`), o && (n.paddingBottom = `var(--pittorica-space-${o})`), g && (n.paddingLeft = `var(--pittorica-space-${g})`);
137
+ const F = {
138
138
  ...x,
139
- ...s
139
+ ...n
140
140
  };
141
- return /* @__PURE__ */ g(
141
+ return /* @__PURE__ */ m(
142
142
  i,
143
143
  {
144
144
  ref: t,
145
145
  className: P("pittorica-box", b),
146
- style: B,
146
+ style: F,
147
147
  href: $,
148
148
  target: A,
149
149
  rel: w,
150
150
  htmlFor: N,
151
151
  type: T,
152
152
  disabled: j,
153
- ...F,
153
+ ...B,
154
154
  children: r
155
155
  }
156
156
  );
157
157
  };
158
- E.displayName = "Box";
158
+ q.displayName = "Box";
159
159
  const Q = ({
160
160
  children: t,
161
161
  as: i = "span",
162
162
  weight: r = "regular",
163
163
  align: e,
164
164
  truncate: a = !1,
165
- color: n,
166
- className: l,
165
+ color: s,
166
+ className: c,
167
167
  style: d,
168
168
  href: f,
169
- target: p,
170
- rel: c,
169
+ target: l,
170
+ rel: p,
171
171
  htmlFor: h,
172
172
  ...o
173
173
  }) => {
174
- const m = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")) || (n == null ? void 0 : n.startsWith("hsl")), u = /* @__PURE__ */ new Set([
174
+ const g = (s == null ? void 0 : s.startsWith("#")) || (s == null ? void 0 : s.startsWith("rgb")) || (s == null ? void 0 : s.startsWith("hsl")), u = /* @__PURE__ */ new Set([
175
175
  "danger",
176
176
  "success",
177
177
  "error",
@@ -184,34 +184,34 @@ const Q = ({
184
184
  "blue",
185
185
  "red"
186
186
  ]), v = (() => {
187
- if (n)
188
- return n === "inherit" ? "inherit" : m ? n : u.has(n) ? `var(--pittorica-${n}-9)` : n;
187
+ if (s)
188
+ return s === "inherit" ? "inherit" : g ? s : u.has(s) ? `var(--pittorica-${s}-9)` : s;
189
189
  })(), y = {
190
190
  ...d,
191
191
  textAlign: e,
192
192
  color: v
193
193
  };
194
- return /* @__PURE__ */ g(
195
- E,
194
+ return /* @__PURE__ */ m(
195
+ q,
196
196
  {
197
197
  as: i,
198
198
  className: O(
199
199
  "pittorica-text",
200
200
  { "pittorica-text--truncate": a },
201
- l
201
+ c
202
202
  ),
203
203
  "data-weight": r,
204
204
  style: y,
205
205
  href: f,
206
- target: p,
207
- rel: c,
206
+ target: l,
207
+ rel: p,
208
208
  htmlFor: h,
209
209
  ...o,
210
210
  children: t
211
211
  }
212
212
  );
213
- }, H = D(null), U = () => {
214
- const t = K(H);
213
+ }, E = D(null), U = () => {
214
+ const t = K(E);
215
215
  if (!t)
216
216
  throw new Error("TextArea components must be wrapped in <TextArea.Root />");
217
217
  return t;
@@ -221,42 +221,52 @@ const Q = ({
221
221
  helperText: r,
222
222
  error: e,
223
223
  color: a = "indigo",
224
- disabled: n,
225
- className: l,
226
- style: d,
227
- ...f
224
+ disabled: s,
225
+ size: c = "sm",
226
+ className: d,
227
+ style: f,
228
+ ...l
228
229
  }) => {
229
- const p = L(), c = L(), o = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
230
- return /* @__PURE__ */ g(H, { value: { inputId: p, helperId: c, disabled: n }, children: /* @__PURE__ */ k(
231
- W,
230
+ const p = L(), h = L(), g = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
231
+ return /* @__PURE__ */ m(E, { value: { inputId: p, helperId: h, disabled: s, size: c }, children: /* @__PURE__ */ H(
232
+ S,
232
233
  {
233
- ...f,
234
- className: C("pittorica-textarea-root", l),
234
+ ...l,
235
+ className: C(
236
+ "pittorica-textarea-root",
237
+ `pittorica-textarea--${c}`,
238
+ d
239
+ ),
235
240
  "data-error": e,
236
241
  children: [
237
- i && /* @__PURE__ */ g(
242
+ i && /* @__PURE__ */ m(
238
243
  Q,
239
244
  {
240
245
  as: "label",
241
246
  htmlFor: p,
242
247
  weight: "medium",
243
- mb: "1",
244
- style: { paddingLeft: "4px" },
248
+ style: {
249
+ paddingLeft: "4px",
250
+ fontSize: "var(--pittorica-font-size-1)",
251
+ marginBottom: "4px",
252
+ display: "inline-block"
253
+ },
245
254
  children: i
246
255
  }
247
256
  ),
248
- /* @__PURE__ */ g(
257
+ /* @__PURE__ */ m(
249
258
  "div",
250
259
  {
251
260
  className: "pittorica-textarea-wrapper",
261
+ "data-disabled": s,
252
262
  style: {
253
- "--pittorica-source-color": o,
254
- ...d
263
+ "--pittorica-source-color": g,
264
+ ...f
255
265
  },
256
266
  children: t
257
267
  }
258
268
  ),
259
- r && /* @__PURE__ */ g("div", { id: c, className: "pittorica-textarea-helper", children: r })
269
+ r && /* @__PURE__ */ m("div", { id: h, className: "pittorica-textarea-helper", children: r })
260
270
  ]
261
271
  }
262
272
  ) });
@@ -266,32 +276,32 @@ const Q = ({
266
276
  onChange: r,
267
277
  value: e,
268
278
  defaultValue: a,
269
- ...n
279
+ ...s
270
280
  }) => {
271
- const { inputId: l, helperId: d, disabled: f } = U(), p = G(null), c = () => {
281
+ const { inputId: c, helperId: d, disabled: f } = U(), l = G(null), p = () => {
272
282
  if (globalThis.window === void 0) return;
273
- const o = p.current;
283
+ const o = l.current;
274
284
  !o || !i || (o.style.height = "auto", o.style.height = `${o.scrollHeight}px`);
275
285
  };
276
286
  return J(() => {
277
- i && c();
278
- }, [e, a, i]), /* @__PURE__ */ g(
287
+ i && p();
288
+ }, [e, a, i]), /* @__PURE__ */ m(
279
289
  "textarea",
280
290
  {
281
- ...n,
282
- id: l,
283
- ref: p,
291
+ ...s,
292
+ id: c,
293
+ ref: l,
284
294
  value: e,
285
295
  defaultValue: a,
286
296
  disabled: f,
287
297
  "aria-describedby": d,
288
298
  onChange: (o) => {
289
- i && c(), r == null || r(o);
299
+ i && p(), r == null || r(o);
290
300
  },
291
301
  className: C("pittorica-textarea-input", t),
292
302
  style: {
293
303
  overflow: i ? "hidden" : void 0,
294
- ...n.style
304
+ ...s.style
295
305
  }
296
306
  }
297
307
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/text-area-react",
3
- "version": "0.22.4",
3
+ "version": "0.23.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -10,8 +10,8 @@
10
10
  ],
11
11
  "dependencies": {
12
12
  "clsx": "^2.1.1",
13
- "@pittorica/box-react": "0.22.4",
14
- "@pittorica/text-react": "0.22.4"
13
+ "@pittorica/box-react": "0.23.0",
14
+ "@pittorica/text-react": "0.23.0"
15
15
  },
16
16
  "devDependencies": {
17
17
  "@testing-library/jest-dom": "^6.9.1",
@@ -23,9 +23,9 @@
23
23
  "typescript": "^5.0.0",
24
24
  "vite": "^5.0.0",
25
25
  "vitest": "^2.1.9",
26
- "@pittorica/flex-react": "0.22.4",
27
- "@pittorica/theme-react": "0.22.4",
28
- "pittorica": "0.22.4"
26
+ "@pittorica/flex-react": "0.23.0",
27
+ "pittorica": "0.23.0",
28
+ "@pittorica/theme-react": "0.23.0"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">=19",