@vellumai/web 0.8.8 → 0.8.9-staging.1

package/dist/assets/input-Cu3PPVCq.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{w as n}from"./portal-container-DIXEBWUe.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./cn-DFqQkJlk.js";import{t as a}from"./typography-Czgs_2w_.js";var o=e(t(),1),s=r(),c=n([`block w-full rounded-md border bg-[var(--field-bg)]`,`text-body-medium-lighter text-[var(--content-default)]`,`placeholder:text-[var(--content-tertiary)]`,`transition-[border-color,background-color] duration-150 ease-out`,`outline-none`,`disabled:cursor-not-allowed disabled:opacity-60`].join(` `),{variants:{invalid:{true:[`border-[var(--system-negative-strong)]`,`focus-visible:border-[var(--system-negative-strong)]`].join(` `),false:[`border-[var(--field-border)]`,`focus-visible:border-[var(--border-active)]`].join(` `)},density:{input:`h-9 px-3 py-1.5`,textarea:`min-h-[72px] px-3 py-2 resize-y`},hasLeftIcon:{true:``,false:``},hasRightIcon:{true:``,false:``}},compoundVariants:[{density:`input`,hasLeftIcon:!0,class:`pl-9`},{density:`input`,hasRightIcon:!0,class:`pr-9`}],defaultVariants:{invalid:!1,density:`input`,hasLeftIcon:!1,hasRightIcon:!1}});function l({id:e,label:t,helperText:n,errorText:r,fullWidth:o,disabled:c,className:l,children:u}){let d=r?`${e}-error`:n?`${e}-helper`:void 0;return(0,s.jsxs)(`div`,{"data-slot":`field-wrapper`,className:i(`flex flex-col gap-1.5`,o?`w-full`:`w-fit`,l),children:[t?(0,s.jsx)(a,{as:`label`,variant:`body-small-default`,htmlFor:e,className:i(`text-[var(--content-secondary)]`,c&&`opacity-60`),children:t}):null,u,r?(0,s.jsx)(`span`,{id:d,role:`alert`,"data-testid":`input-error`,className:`text-body-small-default text-[var(--system-negative-strong)]`,children:r}):n?(0,s.jsx)(`span`,{id:d,className:`text-body-small-default text-[var(--content-tertiary)]`,children:n}):null]})}function u({label:e,helperText:t,errorText:n,leftIcon:r,rightIcon:a,fullWidth:u=!1,wrapperClassName:d,className:f,id:p,disabled:m,ref:h,"aria-invalid":g,"aria-describedby":_,...v}){let y=(0,o.useId)(),b=p??`input-${y}`,x=n!=null||g===!0,S=n?`${b}-error`:t?`${b}-helper`:void 0;return(0,s.jsx)(l,{id:b,label:e,helperText:t,errorText:n,fullWidth:u,disabled:m===!0,className:d,children:(0,s.jsxs)(`div`,{className:`relative flex items-center`,children:[r?(0,s.jsx)(`span`,{"aria-hidden":!0,"data-testid":`input-left-icon`,className:`pointer-events-none absolute left-3 flex items-center text-[var(--content-tertiary)]`,children:r}):null,(0,s.jsx)(`input`,{...v,ref:h,id:b,disabled:m,"aria-invalid":x||void 0,"aria-describedby":_??S,"data-slot":`input`,className:i(c({invalid:x,density:`input`,hasLeftIcon:r!=null,hasRightIcon:a!=null}),f)}),a?(0,s.jsx)(`span`,{"aria-hidden":!0,"data-testid":`input-right-icon`,className:`pointer-events-none absolute right-3 flex items-center text-[var(--content-tertiary)]`,children:a}):null]})})}function d({label:e,helperText:t,errorText:n,fullWidth:r=!1,wrapperClassName:a,className:u,id:d,disabled:f,ref:p,"aria-invalid":m,"aria-describedby":h,...g}){let _=(0,o.useId)(),v=d??`textarea-${_}`,y=n!=null||m===!0,b=n?`${v}-error`:t?`${v}-helper`:void 0;return(0,s.jsx)(l,{id:v,label:e,helperText:t,errorText:n,fullWidth:r,disabled:f===!0,className:a,children:(0,s.jsx)(`textarea`,{...g,ref:p,id:v,disabled:f,"aria-invalid":y||void 0,"aria-describedby":h??b,"data-slot":`textarea`,className:i(c({invalid:y,density:`textarea`,hasLeftIcon:!1,hasRightIcon:!1}),u)})})}export{d as n,u as t};