@vellira-ui/react 2.117.2 → 2.118.0

package/dist/index.js

@@ -5000,14 +5000,65 @@ function Xi({ accessibilityLabel: e = "Switch", checked: t, defaultChecked: n =
 		})
 	});
 }
+var Zi = {
+	textarea: "_textarea_1oele_1",
+	sm: "_sm_1oele_58",
+	md: "_md_1oele_62",
+	lg: "_lg_1oele_66"
+}, Qi = i(({ id: e, label: t, description: n, error: r, placeholder: i, value: a, defaultValue: o, size: s, disabled: c = !1, required: u = !1, invalid: d = !1, wrapperClassName: f, className: p, style: m, rows: h = 3, onChange: _, onValueChange: v, "aria-describedby": y, "aria-invalid": b, "aria-labelledby": x, ...S }, C) => {
+	let w = l(), T = Ir(), E = !!(t || n || r), D = e ?? (E ? void 0 : T?.controlId) ?? w, O = s ?? T?.size ?? "md", k = re[O], A = {
+		"--textarea-font-size": `${k.fontSize}px`,
+		"--textarea-line-height": `${k.lineHeight}px`
+	}, j = d || !!r || !E && !!T?.invalid, M = c || !E && !!T?.disabled, N = u || !E && !!T?.required, P = n ? `${D}-description` : void 0, F = r ? `${D}-error` : void 0, I = [
+		y,
+		!E && !y ? T?.ariaDescribedBy : void 0,
+		P,
+		F
+	].filter(Boolean).join(" "), L = (e) => {
+		v?.(e.currentTarget.value), _?.(e);
+	}, R = /* @__PURE__ */ g("textarea", {
+		...S,
+		ref: C,
+		id: D,
+		rows: h,
+		className: J(Zi.textarea, Zi[O], p),
+		style: {
+			...A,
+			...m
+		},
+		value: a,
+		defaultValue: o,
+		placeholder: i,
+		disabled: M,
+		required: N,
+		"aria-invalid": j ? !0 : b,
+		"aria-labelledby": x ?? (E ? void 0 : T?.ariaLabelledBy),
+		"aria-describedby": I || void 0,
+		onChange: L
+	});
+	return !E && T ? R : /* @__PURE__ */ g(Kr, {
+		id: D,
+		label: t,
+		description: n,
+		error: r,
+		required: N,
+		disabled: M,
+		invalid: j,
+		size: O,
+		className: f,
+		bindControl: !1,
+		children: R
+	});
+});
+Qi.displayName = "Textarea";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Zi = r(null), Qi = (e) => e === "highContrast" ? "high-contrast" : e, $i = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, syncDocument: r = !0, children: i }) => {
+var $i = r(null), ea = (e) => e === "highContrast" ? "high-contrast" : e, ta = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, syncDocument: r = !0, children: i }) => {
 	let [a, o] = vt({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), s = Qi(a);
+	}), s = ea(a);
 	c(() => {
 		if (!r || typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -5023,7 +5074,7 @@ var Zi = r(null), Qi = (e) => e === "highContrast" ? "high-contrast" : e, $i = (
 		theme: a,
 		setTheme: o
 	}), [a, o]);
-	return /* @__PURE__ */ g(Zi.Provider, {
+	return /* @__PURE__ */ g($i.Provider, {
 		value: l,
 		children: /* @__PURE__ */ g("div", {
 			"data-vellira-theme": s,
@@ -5031,13 +5082,13 @@ var Zi = r(null), Qi = (e) => e === "highContrast" ? "high-contrast" : e, $i = (
 		})
 	});
 };
-$i.displayName = "ThemeProvider";
+ta.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function ea() {
-	let e = s(Zi);
+function na() {
+	let e = s($i);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { q as Accordion, Ri as Button, Ui as Checkbox, Yt as Dropdown, Kr as FormField, Ji as Input, Cn as Modal, Hn as Popover, Et as Portal, Tt as PortalProvider, Jn as Radio, rr as RadioGroup, $r as Select, Xi as Switch, yi as Tabs, $i as ThemeProvider, Ii as Tooltip, ea as useTheme };
+export { q as Accordion, Ri as Button, Ui as Checkbox, Yt as Dropdown, Kr as FormField, Ji as Input, Cn as Modal, Hn as Popover, Et as Portal, Tt as PortalProvider, Jn as Radio, rr as RadioGroup, $r as Select, Xi as Switch, yi as Tabs, Qi as Textarea, ta as ThemeProvider, Ii as Tooltip, na as useTheme };