https://vc.sb/build/assets/input-error-J8Nu15Uu.js

1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{l as t,t as n}from"./jsx-runtime-qSv7i50M.js";import{B as r,D as i,F as a,G as o,H as s,L as c,M as l,R as u,S as d,U as f,W as p,Z as m,_t as h,et as g,ht as _,mt as v,st as y,t as b,tt as x,v as S,x as C,z as w}from"./utils-BnE7NQ7A.js";import{a as T,i as E,n as ee,t as D}from"./Text-BPIGK4yt.js";import{n as O}from"./label-DaS43DpU.js";import{t as k}from"./collection-prop-injection-0dr8KQZn.js";var A=e(t(),1);function j(e,t,n){let r=m(e=>{n&&!e.defaultPrevented&&n(t)});(0,A.useEffect)(()=>{let t=e?.current?.form;return t?.addEventListener(`reset`,r),()=>{t?.removeEventListener(`reset`,r)}},[e])}var te=o({base:`input`,defaultVariants:{fullWidth:!1,variant:`primary`},variants:{fullWidth:{false:``,true:`input--full-width`},variant:{primary:`input--primary`,secondary:`input--secondary`}}}),ne=o({base:`textfield`,defaultVariants:{fullWidth:!1},variants:{fullWidth:{false:``,true:`textfield--full-width`}}});function re(e){let{id:t,label:n,"aria-labelledby":r,"aria-label":i,labelElementType:a=`label`}=e;t=_(t);let o=_(),s={};n&&(r=r?`${o} ${r}`:o,s={id:o,htmlFor:a===`label`?t:void 0});let c=T({id:t,"aria-label":i,"aria-labelledby":r});return{labelProps:s,fieldProps:c}}var ie=(0,A.createContext)({}),ae=(0,A.createContext)(null),M={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},N={...M,customError:!0,valid:!1},P={isInvalid:!1,validationDetails:M,validationErrors:[]},F=(0,A.createContext)({}),I=`__reactAriaFormValidationState`;function L(e){if(e.__reactAriaFormValidationState){let{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}=e[I];return{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}}return R(e)}function R(e){let{isInvalid:t,validationState:n,name:r,value:i,builtinValidation:a,validate:o,validationBehavior:s=`aria`}=e;n&&(t||=n===`invalid`);let c=t===void 0?null:{isInvalid:t,validationErrors:[],validationDetails:N},l=(0,A.useMemo)(()=>!o||i==null?null:V(B(o,i)),[o,i]);a?.validationDetails.valid&&(a=void 0);let u=(0,A.useContext)(F),d=(0,A.useMemo)(()=>r?Array.isArray(r)?r.flatMap(e=>z(u[e])):z(u[r]):[],[u,r]),[f,p]=(0,A.useState)(u),[m,h]=(0,A.useState)(!1);u!==f&&(p(u),h(!1));let g=(0,A.useMemo)(()=>V(m?[]:d),[m,d]),_=(0,A.useRef)(P),[v,y]=(0,A.useState)(P),b=(0,A.useRef)(P),x=()=>{if(!S)return;C(!1);let e=l||a||_.current;H(e,b.current)||(b.current=e,y(e))},[S,C]=(0,A.useState)(!1);return(0,A.useEffect)(x),{realtimeValidation:c||g||l||a||P,displayValidation:s===`native`?c||g||v:c||g||l||a||v,updateValidation(e){s===`aria`&&!H(v,e)?y(e):_.current=e},resetValidation(){let e=P;H(e,b.current)||(b.current=e,y(e)),s===`native`&&C(!1),h(!0)},commitValidation(){s===`native`&&C(!0),h(!0)}}}function z(e){return e?Array.isArray(e)?e:[e]:[]}function B(e,t){if(typeof e==`function`){let n=e(t);if(n&&typeof n!=`boolean`)return z(n)}return[]}function V(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:N}:null}function H(e,t){return e===t||!!e&&!!t&&e.isInvalid===t.isInvalid&&e.validationErrors.length===t.validationErrors.length&&e.validationErrors.every((e,n)=>e===t.validationErrors[n])&&Object.entries(e.validationDetails).every(([e,n])=>t.validationDetails[e]===n)}var U=(0,A.createContext)(null);function W(e){let{description:t,errorMessage:n,isInvalid:r,validationState:i}=e,{labelProps:a,fieldProps:o}=re(e),s=v([!!t,!!n,r,i]),c=v([!!t,!!n,r,i]);return o=x(o,{"aria-describedby":[s,c,e[`aria-describedby`]].filter(Boolean).join(` `)||void 0}),{labelProps:a,fieldProps:o,descriptionProps:{id:s},errorMessageProps:{id:c}}}function G(e,t,n){let{validationBehavior:r,focus:i}=e;h(()=>{if(r===`native`&&n?.current&&`setCustomValidity`in n.current&&!n.current.disabled){let e=t.realtimeValidation.isInvalid?t.realtimeValidation.validationErrors.join(` `)||`Invalid value.`:``;n.current.setCustomValidity(e),n.current.hasAttribute(`title`)||(n.current.title=``),t.realtimeValidation.isInvalid||t.updateValidation(q(n.current))}});let a=(0,A.useRef)(!1),o=m(()=>{a.current||t.resetValidation()}),s=m(e=>{t.displayValidation.isInvalid||t.commitValidation();let r=n?.current?.form;!e.defaultPrevented&&n&&r&&oe(r)===n.current&&(i?i():n.current?.focus(),l(`keyboard`)),e.preventDefault()}),c=m(()=>{t.commitValidation()});(0,A.useEffect)(()=>{let e=n?.current;if(!e)return;let t=e.form,r=t?.reset;return t&&(t.reset=()=>{a.current=!window.event||window.event.type===`message`&&y(window.event)instanceof MessagePort,r?.call(t),a.current=!1}),e.addEventListener(`invalid`,s),e.addEventListener(`change`,c),t?.addEventListener(`reset`,o),()=>{e.removeEventListener(`invalid`,s),e.removeEventListener(`change`,c),t?.removeEventListener(`reset`,o),t&&(t.reset=r)}},[n,r])}function K(e){let t=e.validity;return{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing,valid:t.valid}}

1function q(e){return{isInvalid:!e.validity.valid,validationDetails:K(e),validationErrors:e.validationMessage?[e.validationMessage]:[]}}function oe(e){for(let t=0;t<e.elements.length;t++){let n=e.elements[t];if(n.validity?.valid===!1)return n}return null}var J=(0,A.createContext)({}),se=e=>{let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,...i}=e;return i},ce=a(function(e,t){[e,t]=u(e,t,J);let{hoverProps:n,isHovered:r}=C({...e,isDisabled:e.disabled}),{isFocused:i,isFocusVisible:a,focusProps:o}=d({isTextInput:!0,autoFocus:e.autoFocus}),c=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`,l=w({...e,values:{isHovered:r,isFocused:i,isFocusVisible:a,isDisabled:e.disabled||!1,isInvalid:c},defaultClassName:`react-aria-Input`});return A.createElement(s.input,{...x(se(e),o,n),...l,ref:t,"data-focused":i||void 0,"data-disabled":e.disabled||void 0,"data-hovered":r||void 0,"data-focus-visible":a||void 0,"data-invalid":c||void 0})});function le(e,t){let{inputElementType:n=`input`,isDisabled:r=!1,isRequired:a=!1,isReadOnly:o=!1,type:s=`text`,validationBehavior:c=`aria`}=e,[l,u]=E(e.value,e.defaultValue||``,e.onChange),{focusableProps:d}=i(e,t),f=L({...e,value:l}),{isInvalid:p,validationErrors:m,validationDetails:h}=f.displayValidation,{labelProps:_,fieldProps:v,descriptionProps:b,errorMessageProps:S}=W({...e,isInvalid:p,errorMessage:e.errorMessage||m}),C=g(e,{labelable:!0}),w={type:s,pattern:e.pattern},[T]=(0,A.useState)(l);return j(t,e.defaultValue??T,u),G(e,f,t),{labelProps:_,inputProps:x(C,n===`input`?w:void 0,{disabled:r,readOnly:o,required:a&&c===`native`,"aria-required":a&&c===`aria`||void 0,"aria-invalid":p||void 0,"aria-errormessage":e[`aria-errormessage`],"aria-activedescendant":e[`aria-activedescendant`],"aria-autocomplete":e[`aria-autocomplete`],"aria-haspopup":e[`aria-haspopup`],"aria-controls":e[`aria-controls`],value:l,onChange:e=>u(y(e).value),autoComplete:e.autoComplete,autoCapitalize:e.autoCapitalize,maxLength:e.maxLength,minLength:e.minLength,name:e.name,form:e.form,placeholder:e.placeholder,inputMode:e.inputMode,autoCorrect:e.autoCorrect,spellCheck:e.spellCheck,enterKeyHint:e.enterKeyHint,onCopy:e.onCopy,onCut:e.onCut,onPaste:e.onPaste,onCompositionEnd:e.onCompositionEnd,onCompositionStart:e.onCompositionStart,onCompositionUpdate:e.onCompositionUpdate,onSelect:e.onSelect,onBeforeInput:e.onBeforeInput,onInput:e.onInput,...d,...v}),descriptionProps:b,errorMessageProps:S,isInvalid:p,validationErrors:m,validationDetails:h}}var Y=n(),X=(0,A.createContext)({});k(`combo-box.inputGroup`);var ue=(0,A.createContext)({}),de=(0,A.createContext)(null),fe=a(function(e,t){[e,t]=u(e,t,de);let{validationBehavior:n}=p(U)||{},i=e.validationBehavior??n??`native`,a=(0,A.useRef)(null);[e,a]=u(e,a,ee);let[o,l]=r(!e[`aria-label`]&&!e[`aria-labelledby`]),[d,m]=(0,A.useState)(`input`),{labelProps:h,inputProps:_,descriptionProps:v,errorMessageProps:y,...b}=le({...f(e),inputElementType:d,label:l,validationBehavior:i},a),x=(0,A.useCallback)(e=>{a.current=e,e&&m(e instanceof HTMLTextAreaElement?`textarea`:`input`)},[a]),S=w({...e,values:{isDisabled:e.isDisabled||!1,isInvalid:b.isInvalid,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1},defaultClassName:`react-aria-TextField`}),C=g(e,{global:!0});return delete C.id,A.createElement(s.div,{...C,...S,ref:t,slot:e.slot||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":b.isInvalid||void 0,"data-readonly":e.isReadOnly||void 0,"data-required":e.isRequired||void 0},A.createElement(c,{values:[[O,{...h,ref:o}],[J,{..._,ref:x}],[ue,{..._,ref:x}],[ie,{role:`presentation`,isInvalid:b.isInvalid,isDisabled:e.isDisabled||!1}],[D,{slots:{description:v,errorMessage:y}}],[ae,b]]},S.children))}),Z=(0,A.createContext)({}),Q=({children:e,className:t,fullWidth:n,variant:r,...i})=>{let a=A.useMemo(()=>ne({fullWidth:n}),[n]);return(0,Y.jsx)(fe,{"data-slot":`textfield`,...i,className:S(t,a),children:t=>(0,Y.jsx)(Z,{value:{variant:r},children:(0,Y.jsx)(Y.Fragment,{children:typeof e==`function`?e(t):e})})})},$=({className:e,fullWidth:t,variant:n,...r})=>{let i=(0,A.use)(Z),a=(0,A.use)(X),o=n??i.variant??a.variant;return(0,Y.jsx)(ce,{className:S(e,te({fullWidth:t,variant:o})),"data-slot":`input`,...r})},pe=Object.assign($,{Root:$}),me=Object.assign(Q,{Root:Q});function he({message:e,className:t=``,...n}

1){return e?(0,Y.jsx)(`p`,{...n,className:b(`text-danger-600 dark:text-danger-400 text-sm`,t),children:e}):null}export{me as n,pe as r,he as t};