@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/text/Text.variants.js

@@ -1,113 +1,107 @@
-import { uyTv as t } from "@payfit/unity-themes";
-const n = t({
-  base: "",
-  variants: {
-    variant: {
-      inherit: "",
-      displayHeading: "uy:typography-display-heading",
-      h1: "uy:typography-h1",
-      h2: "uy:typography-h2",
-      h3: "uy:typography-h3",
-      h4: "uy:typography-h4",
-      overline: "uy:typography-overline",
-      subtitle: "uy:typography-subtitle",
-      displayTitle: "uy:typography-display-title",
-      displayBody: "uy:typography-display-body",
-      body: "uy:typography-body",
-      bodyStrong: "uy:typography-body-strong",
-      bodySmall: "uy:typography-body-small",
-      bodySmallStrong: "uy:typography-body-small-strong",
-      bodyLarge: "uy:typography-body-large",
-      bodyLargeStrong: "uy:typography-body-large-strong",
-      action: "uy:typography-action",
-      actionLarge: "uy:typography-body-large",
-      actionSmall: "uy:typography-body-small",
-      actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]"
-    },
-    color: {
-      inherit: "uy:text-inherit",
-      "content.primary": "uy:text-content-primary",
-      "content.primary.enabled": "uy:text-content-primary-enabled",
-      "content.primary.hover": "uy:text-content-primary-hover",
-      "content.primary.pressed": "uy:text-content-primary-pressed",
-      "content.primary.focus": "uy:text-content-primary-focus",
-      "content.primary.active": "uy:text-content-primary-active",
-      "content.primary.disabled": "uy:text-content-primary-disabled",
-      "content.neutral": "uy:text-content-neutral",
-      "content.neutral.enabled": "uy:text-content-neutral-enabled",
-      "content.neutral.hover": "uy:text-content-neutral-hover",
-      "content.neutral.pressed": "uy:text-content-neutral-pressed",
-      "content.neutral.focus": "uy:text-content-neutral-focus",
-      "content.neutral.active": "uy:text-content-neutral-active",
-      "content.neutral.disabled": "uy:text-content-neutral-disabled",
-      "content.neutral.low": "uy:text-content-neutral-low",
-      "content.neutral.lowest": "uy:text-content-neutral-lowest",
-      "content.neutral.lowest.enabled": "uy:text-content-neutral-lowest-enabled",
-      "content.neutral.lowest.hover": "uy:text-content-neutral-lowest-hover",
-      "content.neutral.lowest.pressed": "uy:text-content-neutral-lowest-pressed",
-      "content.neutral.lowest.focus": "uy:text-content-neutral-lowest-focus",
-      "content.neutral.lowest.active": "uy:text-content-neutral-lowest-active",
-      "content.neutral.lowest.disabled": "uy:text-content-neutral-lowest-disabled",
-      "content.danger": "uy:text-content-danger",
-      "content.danger.enabled": "uy:text-content-danger-enabled",
-      "content.danger.hover": "uy:text-content-danger-hover",
-      "content.danger.pressed": "uy:text-content-danger-pressed",
-      "content.danger.focus": "uy:text-content-danger-focus",
-      "content.danger.active": "uy:text-content-danger-active",
-      "content.danger.disabled": "uy:text-content-danger-disabled",
-      "content.warning": "uy:text-content-warning",
-      "content.warning.enabled": "uy:text-content-warning-enabled",
-      "content.warning.hover": "uy:text-content-warning-hover",
-      "content.warning.pressed": "uy:text-content-warning-pressed",
-      "content.warning.focus": "uy:text-content-warning-focus",
-      "content.warning.active": "uy:text-content-warning-active",
-      "content.warning.disabled": "uy:text-content-warning-disabled",
-      "content.success": "uy:text-content-success",
-      "content.success.enabled": "uy:text-content-success-enabled",
-      "content.success.hover": "uy:text-content-success-hover",
-      "content.success.pressed": "uy:text-content-success-pressed",
-      "content.success.focus": "uy:text-content-success-focus",
-      "content.success.active": "uy:text-content-success-active",
-      "content.success.disabled": "uy:text-content-success-disabled",
-      "content.info": "uy:text-content-info",
-      "content.info.enabled": "uy:text-content-info-enabled",
-      "content.info.hover": "uy:text-content-info-hover",
-      "content.info.pressed": "uy:text-content-info-pressed",
-      "content.info.focus": "uy:text-content-info-focus",
-      "content.info.active": "uy:text-content-info-active",
-      "content.info.disabled": "uy:text-content-info-disabled",
-      "content.promo": "uy:text-content-promo",
-      "content.form.enabled": "uy:text-content-form",
-      "content.form.hover": "uy:text-content-form-hover",
-      "content.form.pressed": "uy:text-content-form-pressed",
-      "content.form.focus": "uy:text-content-form-focus",
-      "content.form.active": "uy:text-content-form-active",
-      "content.form.disabled": "uy:text-content-form-disabled",
-      "content.form.read-only": "uy:text-content-form-read-only",
-      "content.form.invalid": "uy:text-content-form-invalid",
-      "content.inverted": "uy:text-content-inverted",
-      "content.inverted.enabled": "uy:text-content-inverted-enabled",
-      "content.inverted.hover": "uy:text-content-inverted-hover",
-      "content.inverted.pressed": "uy:text-content-inverted-pressed",
-      "content.inverted.focus": "uy:text-content-inverted-focus",
-      "content.inverted.active": "uy:text-content-inverted-active",
-      "content.inverted.disabled": "uy:text-content-inverted-disabled"
-    },
-    isTruncated: {
-      true: "uy:block uy:truncate"
-    },
-    isLineClamped: {
-      true: "uy:line-clamp-[var(--uy-text-line-clamp)]"
-    },
-    hasCharLimit: {
-      true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate"
-    }
-  },
-  defaultVariants: {
-    variant: "body",
-    isTruncated: !1
-  }
+import { uyTv as e } from "@payfit/unity-themes";
+//#region src/components/text/Text.variants.ts
+var t = e({
+	base: "",
+	variants: {
+		variant: {
+			inherit: "",
+			displayHeading: "uy:typography-display-heading",
+			h1: "uy:typography-h1",
+			h2: "uy:typography-h2",
+			h3: "uy:typography-h3",
+			h4: "uy:typography-h4",
+			overline: "uy:typography-overline",
+			subtitle: "uy:typography-subtitle",
+			displayTitle: "uy:typography-display-title",
+			displayBody: "uy:typography-display-body",
+			body: "uy:typography-body",
+			bodyStrong: "uy:typography-body-strong",
+			bodySmall: "uy:typography-body-small",
+			bodySmallStrong: "uy:typography-body-small-strong",
+			bodyLarge: "uy:typography-body-large",
+			bodyLargeStrong: "uy:typography-body-large-strong",
+			action: "uy:typography-action",
+			actionLarge: "uy:typography-body-large",
+			actionSmall: "uy:typography-body-small",
+			actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]"
+		},
+		color: {
+			inherit: "uy:text-inherit",
+			"content.primary": "uy:text-content-primary",
+			"content.primary.enabled": "uy:text-content-primary-enabled",
+			"content.primary.hover": "uy:text-content-primary-hover",
+			"content.primary.pressed": "uy:text-content-primary-pressed",
+			"content.primary.focus": "uy:text-content-primary-focus",
+			"content.primary.active": "uy:text-content-primary-active",
+			"content.primary.disabled": "uy:text-content-primary-disabled",
+			"content.neutral": "uy:text-content-neutral",
+			"content.neutral.enabled": "uy:text-content-neutral-enabled",
+			"content.neutral.hover": "uy:text-content-neutral-hover",
+			"content.neutral.pressed": "uy:text-content-neutral-pressed",
+			"content.neutral.focus": "uy:text-content-neutral-focus",
+			"content.neutral.active": "uy:text-content-neutral-active",
+			"content.neutral.disabled": "uy:text-content-neutral-disabled",
+			"content.neutral.low": "uy:text-content-neutral-low",
+			"content.neutral.lowest": "uy:text-content-neutral-lowest",
+			"content.neutral.lowest.enabled": "uy:text-content-neutral-lowest-enabled",
+			"content.neutral.lowest.hover": "uy:text-content-neutral-lowest-hover",
+			"content.neutral.lowest.pressed": "uy:text-content-neutral-lowest-pressed",
+			"content.neutral.lowest.focus": "uy:text-content-neutral-lowest-focus",
+			"content.neutral.lowest.active": "uy:text-content-neutral-lowest-active",
+			"content.neutral.lowest.disabled": "uy:text-content-neutral-lowest-disabled",
+			"content.danger": "uy:text-content-danger",
+			"content.danger.enabled": "uy:text-content-danger-enabled",
+			"content.danger.hover": "uy:text-content-danger-hover",
+			"content.danger.pressed": "uy:text-content-danger-pressed",
+			"content.danger.focus": "uy:text-content-danger-focus",
+			"content.danger.active": "uy:text-content-danger-active",
+			"content.danger.disabled": "uy:text-content-danger-disabled",
+			"content.warning": "uy:text-content-warning",
+			"content.warning.enabled": "uy:text-content-warning-enabled",
+			"content.warning.hover": "uy:text-content-warning-hover",
+			"content.warning.pressed": "uy:text-content-warning-pressed",
+			"content.warning.focus": "uy:text-content-warning-focus",
+			"content.warning.active": "uy:text-content-warning-active",
+			"content.warning.disabled": "uy:text-content-warning-disabled",
+			"content.success": "uy:text-content-success",
+			"content.success.enabled": "uy:text-content-success-enabled",
+			"content.success.hover": "uy:text-content-success-hover",
+			"content.success.pressed": "uy:text-content-success-pressed",
+			"content.success.focus": "uy:text-content-success-focus",
+			"content.success.active": "uy:text-content-success-active",
+			"content.success.disabled": "uy:text-content-success-disabled",
+			"content.info": "uy:text-content-info",
+			"content.info.enabled": "uy:text-content-info-enabled",
+			"content.info.hover": "uy:text-content-info-hover",
+			"content.info.pressed": "uy:text-content-info-pressed",
+			"content.info.focus": "uy:text-content-info-focus",
+			"content.info.active": "uy:text-content-info-active",
+			"content.info.disabled": "uy:text-content-info-disabled",
+			"content.promo": "uy:text-content-promo",
+			"content.form.enabled": "uy:text-content-form",
+			"content.form.hover": "uy:text-content-form-hover",
+			"content.form.pressed": "uy:text-content-form-pressed",
+			"content.form.focus": "uy:text-content-form-focus",
+			"content.form.active": "uy:text-content-form-active",
+			"content.form.disabled": "uy:text-content-form-disabled",
+			"content.form.read-only": "uy:text-content-form-read-only",
+			"content.form.invalid": "uy:text-content-form-invalid",
+			"content.inverted": "uy:text-content-inverted",
+			"content.inverted.enabled": "uy:text-content-inverted-enabled",
+			"content.inverted.hover": "uy:text-content-inverted-hover",
+			"content.inverted.pressed": "uy:text-content-inverted-pressed",
+			"content.inverted.focus": "uy:text-content-inverted-focus",
+			"content.inverted.active": "uy:text-content-inverted-active",
+			"content.inverted.disabled": "uy:text-content-inverted-disabled"
+		},
+		isTruncated: { true: "uy:block uy:truncate" },
+		isLineClamped: { true: "uy:line-clamp-[var(--uy-text-line-clamp)]" },
+		hasCharLimit: { true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate" }
+	},
+	defaultVariants: {
+		variant: "body",
+		isTruncated: !1
+	}
 });
-export {
-  n as text
-};
+//#endregion
+export { t as text };

package/dist/esm/components/text-area/TanstackTextArea.js

@@ -1,35 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { useFieldContext as f } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as x } from "../form-field/TanstackFormField.context.js";
-import { TextArea as p } from "./TextArea.js";
-const T = u(
-  ({ onChange: i, onBlur: o, isReadOnly: l, isDisabled: d, ...n }, s) => {
-    const e = f(), a = x(), m = e.state.meta.isTouched && !e.state.meta.isValid, r = [a.helperTextId, a.feedbackTextId].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c(
-      p,
-      {
-        ...n,
-        ref: s,
-        id: a.inputId,
-        value: e.state.value,
-        onChange: (t) => {
-          e.handleChange(t.target.value), i?.(t);
-        },
-        onBlur: (t) => {
-          e.handleBlur(), o?.(t);
-        },
-        isReadOnly: l,
-        isDisabled: d,
-        isInvalid: m,
-        "aria-labelledby": a.labelId,
-        "aria-describedby": r.length > 0 ? r : void 0,
-        "aria-details": a.contextualLinkId
-      }
-    );
-  }
-);
-T.displayName = "TanstackTextArea";
-export {
-  T as TanstackTextArea
-};
+import { TextArea as e } from "./TextArea.js";
+import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
+import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/text-area/TanstackTextArea.tsx
+var a = r(({ onChange: r, onBlur: a, isReadOnly: o, isDisabled: s, ...c }, l) => {
+	let u = t(), d = n(), f = u.state.meta.isTouched && !u.state.meta.isValid, p = [d.helperTextId, d.feedbackTextId].filter(Boolean).join(" ");
+	return /* @__PURE__ */ i(e, {
+		...c,
+		ref: l,
+		id: d.inputId,
+		value: u.state.value,
+		onChange: (e) => {
+			u.handleChange(e.target.value), r?.(e);
+		},
+		onBlur: (e) => {
+			u.handleBlur(), a?.(e);
+		},
+		isReadOnly: o,
+		isDisabled: s,
+		isInvalid: f,
+		"aria-labelledby": d.labelId,
+		"aria-describedby": p.length > 0 ? p : void 0,
+		"aria-details": d.contextualLinkId
+	});
+});
+a.displayName = "TanstackTextArea";
+//#endregion
+export { a as TanstackTextArea };

package/dist/esm/components/text-area/TextArea.js

@@ -1,164 +1,121 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { uyTv as h } from "@payfit/unity-themes";
-import { TextArea as v } from "react-aria-components/TextArea";
-import { useIntl as w } from "react-intl";
-import { useResizable as M } from "../../hooks/use-resizable.js";
-import { Icon as z } from "../icon/Icon.js";
-import { Spinner as L } from "../spinner/Spinner.js";
-const N = h({
-  slots: {
-    base: "uy:flex uy:border uy:border-solid uy:rounded-100 uy:sm:rounded-75 uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active uy:overflow-hidden uy:relative",
-    inputWrapper: "uy:flex uy:gap-50 uy:flex-grow uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:rounded-100 uy:sm:rounded-75",
-    input: "uy:flex-grow uy:flex-shrink uy:outline-none uy:typography-body uy:placeholder:text-content-neutral-lowest uy:resize-none",
-    state: "uy:flex uy:gap-50 uy:flex-shrink-0 uy:basis-250",
-    resizeHandle: "uy:absolute uy:bottom-25 uy:right-25 uy:w-100 uy:h-100 uy:cursor-se-resize uy:flex uy:items-center uy:justify-center"
-  },
-  variants: {
-    isInvalid: {
-      true: {
-        base: "uy:border-border-form-error uy:bg-surface-form-error",
-        inputWrapper: "uy:bg-surface-form-error",
-        input: "uy:bg-surface-form-error",
-        state: "uy:text-content-form-error"
-      }
-    },
-    isReadOnly: {
-      true: {
-        base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        inputWrapper: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        input: "uy:bg-surface-form-disabled uy:text-content-form-readonly"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-        inputWrapper: "uy:bg-surface-form-disabled uy:text-content-form-disabled",
-        input: "uy:bg-surface-form-disabled uy:text-content-form-disabled"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      isInvalid: !1,
-      isDisabled: !1,
-      isReadOnly: !1,
-      className: {
-        base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-        inputWrapper: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-        input: "uy:text-content-form-enabled uy:bg-surface-form-enabled",
-        state: "uy:text-content-form-disabled"
-      }
-    }
-  ],
-  defaultVariants: {
-    isInvalid: !1,
-    isDisabled: !1,
-    isReadOnly: !1
-  }
-}), W = x(
-  ({
-    isInvalid: o,
-    isLoading: n,
-    isDisabled: r,
-    isReadOnly: t,
-    isResizable: i = !1,
-    ...d
-  }, f) => {
-    const u = w(), { containerRef: l, handleResizeStart: y } = M({
-      isDisabled: !i || r || t
-    }), { base: m, inputWrapper: b, input: c, state: p, resizeHandle: g } = N({
-      isInvalid: o,
-      isDisabled: r,
-      isReadOnly: t
-    });
-    return /* @__PURE__ */ a("div", { ref: l, className: m(), children: [
-      /* @__PURE__ */ a("div", { className: b(), children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            "data-dd-privacy": "mask",
-            ...d,
-            ref: f,
-            className: c(),
-            "aria-busy": n,
-            "aria-invalid": o,
-            readOnly: t,
-            disabled: r
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: p(), children: [
-          n && /* @__PURE__ */ e(
-            L,
-            {
-              color: "inherit",
-              size: "small",
-              label: u.formatMessage({
-                id: "unity:component:form-field:form-input:spinner:label",
-                defaultMessage: "Loading"
-              })
-            }
-          ),
-          o && /* @__PURE__ */ e(
-            z,
-            {
-              src: "WarningCircleOutlined",
-              color: "content.form.invalid",
-              alt: u.formatMessage({
-                id: "unity:component:form-field:form-input:error:alt",
-                defaultMessage: "Error"
-              })
-            }
-          )
-        ] })
-      ] }),
-      i && !r && !t && /* @__PURE__ */ e(
-        "div",
-        {
-          className: g(),
-          onMouseDown: y,
-          role: "button",
-          tabIndex: 0,
-          "aria-label": u.formatMessage({
-            id: "unity:component:form-field:textarea:resize-handle:label",
-            defaultMessage: "Resize textarea"
-          }),
-          onKeyDown: (s) => {
-            (s.key === "Enter" || s.key === " ") && (s.preventDefault(), l.current?.querySelector("textarea")?.focus());
-          },
-          children: /* @__PURE__ */ a(
-            "svg",
-            {
-              role: "presentation",
-              width: "8",
-              height: "8",
-              viewBox: "0 0 8 8",
-              fill: "none",
-              children: [
-                /* @__PURE__ */ e(
-                  "path",
-                  {
-                    d: "M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",
-                    fill: "#8B8D98"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "path",
-                  {
-                    d: "M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",
-                    fill: "#8B8D98"
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-W.displayName = "TextArea";
-export {
-  W as TextArea,
-  N as textArea
-};
+import { Icon as e } from "../icon/Icon.js";
+import { Spinner as t } from "../spinner/Spinner.js";
+import { useResizable as n } from "../../hooks/use-resizable.js";
+import { forwardRef as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useIntl as s } from "react-intl";
+import { TextArea as c } from "react-aria-components/TextArea";
+//#region src/components/text-area/TextArea.tsx
+var l = i({
+	slots: {
+		base: "uy:flex uy:border uy:border-solid uy:rounded-100 uy:sm:rounded-75 uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active uy:overflow-hidden uy:relative",
+		inputWrapper: "uy:flex uy:gap-50 uy:flex-grow uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:rounded-100 uy:sm:rounded-75",
+		input: "uy:flex-grow uy:flex-shrink uy:outline-none uy:typography-body uy:placeholder:text-content-neutral-lowest uy:resize-none",
+		state: "uy:flex uy:gap-50 uy:flex-shrink-0 uy:basis-250",
+		resizeHandle: "uy:absolute uy:bottom-25 uy:right-25 uy:w-100 uy:h-100 uy:cursor-se-resize uy:flex uy:items-center uy:justify-center"
+	},
+	variants: {
+		isInvalid: { true: {
+			base: "uy:border-border-form-error uy:bg-surface-form-error",
+			inputWrapper: "uy:bg-surface-form-error",
+			input: "uy:bg-surface-form-error",
+			state: "uy:text-content-form-error"
+		} },
+		isReadOnly: { true: {
+			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
+			inputWrapper: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
+			input: "uy:bg-surface-form-disabled uy:text-content-form-readonly"
+		} },
+		isDisabled: { true: {
+			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
+			inputWrapper: "uy:bg-surface-form-disabled uy:text-content-form-disabled",
+			input: "uy:bg-surface-form-disabled uy:text-content-form-disabled"
+		} }
+	},
+	compoundVariants: [{
+		isInvalid: !1,
+		isDisabled: !1,
+		isReadOnly: !1,
+		className: {
+			base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
+			inputWrapper: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
+			input: "uy:text-content-form-enabled uy:bg-surface-form-enabled",
+			state: "uy:text-content-form-disabled"
+		}
+	}],
+	defaultVariants: {
+		isInvalid: !1,
+		isDisabled: !1,
+		isReadOnly: !1
+	}
+}), u = r(({ isInvalid: r, isLoading: i, isDisabled: u, isReadOnly: d, isResizable: f = !1, ...p }, m) => {
+	let h = s(), { containerRef: g, handleResizeStart: _ } = n({ isDisabled: !f || u || d }), { base: v, inputWrapper: y, input: b, state: x, resizeHandle: S } = l({
+		isInvalid: r,
+		isDisabled: u,
+		isReadOnly: d
+	});
+	return /* @__PURE__ */ o("div", {
+		ref: g,
+		className: v(),
+		children: [/* @__PURE__ */ o("div", {
+			className: y(),
+			children: [/* @__PURE__ */ a(c, {
+				"data-dd-privacy": "mask",
+				...p,
+				ref: m,
+				className: b(),
+				"aria-busy": i,
+				"aria-invalid": r,
+				readOnly: d,
+				disabled: u
+			}), /* @__PURE__ */ o("div", {
+				className: x(),
+				children: [i && /* @__PURE__ */ a(t, {
+					color: "inherit",
+					size: "small",
+					label: h.formatMessage({
+						id: "unity:component:form-field:form-input:spinner:label",
+						defaultMessage: "Loading"
+					})
+				}), r && /* @__PURE__ */ a(e, {
+					src: "WarningCircleOutlined",
+					color: "content.form.invalid",
+					alt: h.formatMessage({
+						id: "unity:component:form-field:form-input:error:alt",
+						defaultMessage: "Error"
+					})
+				})]
+			})]
+		}), f && !u && !d && /* @__PURE__ */ a("div", {
+			className: S(),
+			onMouseDown: _,
+			role: "button",
+			tabIndex: 0,
+			"aria-label": h.formatMessage({
+				id: "unity:component:form-field:textarea:resize-handle:label",
+				defaultMessage: "Resize textarea"
+			}),
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g.current?.querySelector("textarea")?.focus());
+			},
+			children: /* @__PURE__ */ o("svg", {
+				role: "presentation",
+				width: "8",
+				height: "8",
+				viewBox: "0 0 8 8",
+				fill: "none",
+				children: [/* @__PURE__ */ a("path", {
+					d: "M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",
+					fill: "#8B8D98"
+				}), /* @__PURE__ */ a("path", {
+					d: "M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",
+					fill: "#8B8D98"
+				})]
+			})
+		})]
+	});
+});
+u.displayName = "TextArea";
+//#endregion
+export { u as TextArea, l as textArea };