@accelint/design-toolkit/dist/components/text-area-field/index.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,TextField,composeRenderProps,TextArea,Text,FieldError}from'react-aria-components';import {Label}from'../label/index.js';import {TextAreaFieldContext}from'./context.js';import {TextAreaStyles}from'./styles.js';const{field:L,label:M,input:z,description:C,error:E}=TextAreaStyles();function B({ref:s,...l}){[l,s]=useContextProps(l,s??null,TextAreaFieldContext);const{classNames:e,description:n,errorMessage:c,label:i,inputProps:u,size:d="medium",isInvalid:x,...b}=l,p=c||null,m=d==="small";return jsx(TextField,{...b,"aria-label":i,ref:s,className:composeRenderProps(e?.field,a=>L({className:a})),isInvalid:x||(p?true:void 0),"data-size":d,children:({isDisabled:a,isInvalid:f,isRequired:T})=>jsxs(Fragment,{children:[!!i&&!m&&jsx(Label,{className:M({className:e?.label}),isDisabled:a,isRequired:T,children:i}),jsx(TextArea,{...u,className:composeRenderProps(e?.input,o=>z({className:o}))}),!!n&&!(m||f)&&jsx(Text,{slot:"description",className:C({className:e?.description}),children:n}),jsx(FieldError,{className:composeRenderProps(e?.error,o=>E({className:o})),children:p})]})})}export{B as TextAreaField};//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map