https://giaophanphucuong.org/_next/static/chunks/3517-dbd7b2bdaea9960f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3517],{3517:function(e,a,r){r.d(a,{Y:function(){return W}});var l=r(82134),t=r(28628),n=r(98399),i=r(57893),s=(0,n.tv)({slots:{base:"group flex flex-col",label:"block text-small font-medium text-foreground-600",mainWrapper:"h-full",inputWrapper:"relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",innerWrapper:"inline-flex h-full items-center w-full gap-1.5 box-border",input:"w-full h-full font-normal !bg-transparent outline-none placeholder:text-foreground-500",clearButton:["p-2","-m-2","z-10","hidden","absolute","right-3","appearance-none","outline-none","select-none","opacity-0","hover:!opacity-100","cursor-pointer","active:!opacity-70","rounded-full",...i.Dh],helperWrapper:"flex relative flex-col gap-1.5 pt-1 px-1",description:"text-tiny text-foreground-400",errorMessage:"text-tiny text-danger"},variants:{variant:{flat:{inputWrapper:["bg-default-100","data-[hover=true]:bg-default-200","group-data-[focus=true]:bg-default-100"]},faded:{inputWrapper:["bg-default-100","border-medium","border-default-200","data-[hover=true]:border-default-400"]},bordered:{inputWrapper:["border-medium","border-default-200","data-[hover=true]:border-default-400","group-data-[focus=true]:border-foreground"]},underlined:{inputWrapper:["!px-1","!pb-0","!gap-0","relative","box-border","border-b-medium","shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]","border-default-200","!rounded-none","hover:border-default-300","after:content-['']","after:w-0","after:origin-center","after:bg-foreground","after:absolute","after:left-1/2","after:-translate-x-1/2","after:-bottom-[2px]","after:h-[2px]","group-data-[focus=true]:after:w-full"]}},color:{default:{},primary:{},secondary:{},success:{},warning:{},danger:{}},size:{sm:{label:"text-tiny",inputWrapper:"h-unit-8 min-h-unit-8 px-2 rounded-small",input:"text-small",clearButton:"text-medium"},md:{inputWrapper:"h-unit-10 min-h-unit-10 rounded-medium",input:"text-small",clearButton:"text-large"},lg:{inputWrapper:"h-unit-12 min-h-unit-12 rounded-large",input:"text-medium",clearButton:"text-large"}},radius:{none:{inputWrapper:"rounded-none"},sm:{inputWrapper:"rounded-small"},md:{inputWrapper:"rounded-medium"},lg:{inputWrapper:"rounded-large"},full:{inputWrapper:"rounded-full"}},labelPlacement:{outside:{label:"text-foreground pb-1.5",mainWrapper:"flex flex-col"},"outside-left":{base:"flex-row items-center flex-nowrap data-[has-helper=true]:items-start",inputWrapper:"flex-1",mainWrapper:"flex flex-col",label:"text-foreground pr-2"},inside:{label:"text-tiny cursor-text",inputWrapper:"flex-col items-start justify-center gap-0"}},fullWidth:{true:{base:"w-full"}},isLabelPlaceholder:{true:{label:"absolute z-10 pointer-events-none"}},isClearable:{true:{input:"peer pr-6",clearButton:"peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"}},isDisabled:{true:{base:"opacity-disabled pointer-events-none",inputWrapper:"pointer-events-none",label:"pointer-events-none"}},isInvalid:{true:{label:"!text-danger",input:"placeholder:text-danger text-danger"}},isRequired:{true:{label:"after:content-['*'] after:text-danger after:ml-0.5"}},isMultiline:{true:{inputWrapper:"!h-auto",input:"resize-none py-2"}},disableAnimation:{true:{inputWrapper:"transition-none",label:"transition-none"},false:{inputWrapper:"transition-background motion-reduce:transition-none !duration-150",label:["will-change-auto","origin-top-left","transition-all","!duration-200","!ease-out","motion-reduce:transition-none"],clearButton:["transition-opacity","motion-reduce:transition-none"]}}},defaultVariants:{variant:"flat",color:"default",size:"md",fullWidth:!0,labelPlacement:"inside",isDisabled:!1,disableAnimation:!1},compoundVariants:[{variant:"flat",color:"primary",class:{inputWrapper:["bg-primary-50","data-[hover=true]:bg-primary-100","text-primary","group-data-[focus=true]:bg-primary-50","placeholder:text-primary"],input:"placeholder:text-primary",label:"text-primary"}},{variant:"flat",color:"secondary",class:{inputWrapper:["bg-secondary-50","text-secondary","data-[hover=true]:bg-secondary-100","group-data-[focus=true]:bg-secondary-50","placeholder:text-secondary"],input:"placeholder:text-secondary",label:"text-secondary"}},{variant:"flat",color:"success",class:{inputWrapper:["bg-success-50","text-success-600","dark:text-success","placeholder:text-success-600","dark:placeholder:text-success","data-[hover=true]:bg-success-100","group-data-[focus=true]:bg-success-50"],input:"placeholder:text-success-600 dark:placeholder:text-success",label:"text-success-600 dark:text-success"}},{variant:"flat",color:"warning",class:{inputWrapper:["bg-warning-50","text-warning-600","dark:text-warning","placeholder:text-warning-600","dark:placeholder:text-warning","data-[hover=true]:bg-warning-100","group-data-[focus=true]:bg-warning-50"],input:"placeholder:text-warning-600 dar

1k:placeholder:text-warning",label:"text-warning-600 dark:text-warning"}},{variant:"flat",color:"danger",class:{inputWrapper:["bg-danger-50","text-danger","dark:text-danger-500","placeholder:text-danger","dark:placeholder:text-danger-500","data-[hover=true]:bg-danger-100","group-data-[focus=true]:bg-danger-50"],input:"placeholder:text-danger dark:placeholder:text-danger-500",label:"text-danger dark:text-danger-500"}},{variant:"faded",color:"primary",class:{label:"text-primary",inputWrapper:"data-[hover=true]:border-primary focus-within:border-primary"}},{variant:"faded",color:"secondary",class:{label:"text-secondary",inputWrapper:"data-[hover=true]:border-secondary focus-within:border-secondary"}},{variant:"faded",color:"success",class:{label:"text-success",inputWrapper:"data-[hover=true]:border-success focus-within:border-success"}},{variant:"faded",color:"warning",class:{label:"text-warning",inputWrapper:"data-[hover=true]:border-warning focus-within:border-warning"}},{variant:"faded",color:"danger",class:{label:"text-danger",inputWrapper:"data-[hover=true]:border-danger focus-within:border-danger"}},{variant:"underlined",color:"primary",class:{inputWrapper:"after:bg-primary",label:"text-primary"}},{variant:"underlined",color:"secondary",class:{inputWrapper:"after:bg-secondary",label:"text-secondary"}},{variant:"underlined",color:"success",class:{inputWrapper:"after:bg-success",label:"text-success"}},{variant:"underlined",color:"warning",class:{inputWrapper:"after:bg-warning",label:"text-warning"}},{variant:"underlined",color:"danger",class:{inputWrapper:"after:bg-danger",label:"text-danger"}},{variant:"bordered",color:"primary",class:{inputWrapper:"group-data-[focus=true]:border-primary",label:"text-primary"}},{variant:"bordered",color:"secondary",class:{inputWrapper:"group-data-[focus=true]:border-secondary",label:"text-secondary"}},{variant:"bordered",color:"success",class:{inputWrapper:"group-data-[focus=true]:border-success",label:"text-success"}},{variant:"bordered",color:"warning",class:{inputWrapper:"group-data-[focus=true]:border-warning",label:"text-warning"}},{variant:"bordered",color:"danger",class:{inputWrapper:"group-data-[focus=true]:border-danger",label:"text-danger"}},{radius:"full",size:["sm"],class:{inputWrapper:"px-3"}},{radius:"full",size:"md",class:{inputWrapper:"px-4"}},{radius:"full",size:"lg",class:{inputWrapper:"px-5"}},{disableAnimation:!1,variant:["faded","bordered"],class:{inputWrapper:"transition-colors motion-reduce:transition-none"}},{disableAnimation:!1,variant:"underlined",class:{inputWrapper:"after:transition-width motion-reduce:after:transition-none"}},{variant:["flat","faded"],class:{inputWrapper:[...i.ID]}},{isInvalid:!0,variant:"flat",class:{inputWrapper:["bg-danger-50","data-[hover=true]:bg-danger-100","group-data-[focus=true]:bg-danger-50"]}},{isInvalid:!0,variant:"bordered",class:{inputWrapper:"!border-danger group-data-[focus=true]:border-danger"}},{isInvalid:!0,variant:"underlined",class:{inputWrapper:"after:bg-danger"}},{labelPlacement:"inside",size:"sm",class:{inputWrapper:"h-12 py-1.5 px-3"}},{labelPlacement:"inside",size:"md",class:{inputWrapper:"h-14 py-2"}},{labelPlacement:"inside",size:"lg",class:{label:"text-small",inputWrapper:"h-16 py-2.5 gap-0"}},{isLabelPlaceholder:!0,labelPlacement:["inside","outside"],class:{label:["font-normal","group-data-[filled-within=true]:font-medium","group-data-[filled-within=true]:pointer-events-auto"]}},{isLabelPlaceholder:!0,labelPlacement:"outside",class:{base:"group relative justify-end",label:["pb-0","z-20","opacity-60","top-1/2","-translate-y-1/2","group-data-[filled-within=true]:left-0","group-data-[filled-within=true]:opacity-100"]}},{isLabelPlaceholder:!0,labelPlacement:"inside",size:["sm","md"],class:{label:["text-small","group-data-[filled-within=true]:text-tiny"],input:"pt-4"}},{isLabelPlaceholder:!0,labelPlacement:"inside",size:"sm",class:{label:["group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_3px)]"],input:"pt-4"}},{isLabelPlaceholder:!0,labelPlacement:"inside",size:"md",class:{label:["group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"],input:"pt-4"}},{isLabelPlaceholder:!0,labelPlacement:"inside",size:"lg",class:{label:["text-medium","group-data-[filled-within=true]:text-small","group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_5px)]"],input:"pt-5"}},{isLabelPlaceholder:!0,labelPlacement:"outside",size:"sm",class:{label:["left-2","text-small","group-data-[filled-within=true]:text-tiny","group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"]}},{isLabelPlaceholder:!0,labelPlacement:"outside",size:"md",class:{label:["left-3","text-small","group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"]}},{isLabelPlaceholder:!0,labelPlacement:"outside",size:"lg",class:{label:["left-3","text-medium","group-data-[filled-within=true]:text-small","group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"]}},{labelPlacement:"outside-left",size:"sm",class:{label:"group-data-[has-helper=true]:pt-2"}},{labelPlacement:"outside-left",size:"md",class:{label:"group-data-[has-helper=true]:pt-3"}},{labelPlacement:"outside-left",size:"lg",class:{label:"group-data-[has-helper=true]:pt-4"}}]}),o=r(31744),d=r(46043),u=r(76644),p=r(49869),c=r(54720),b=r(50262),f=r(65897),m=r(67294),g=r(768),h=r(9200),v=r(57897),x=r

1(85893),y=(0,l.Gp)((e,a)=>{let{Component:r,label:n,description:i,isClearable:y,startContent:W,endContent:P,labelPlacement:w,hasPlaceholder:C,hasHelper:k,isLabelOutside:z,isLabelOutsideAsPlaceholder:B,shouldLabelBeOutside:_,errorMessage:N,getBaseProps:j,getLabelProps:M,getInputProps:I,getInnerWrapperProps:L,getInputWrapperProps:S,getMainWrapperProps:R,getHelperWrapperProps:q,getDescriptionProps:D,getErrorMessageProps:E,getClearButtonProps:O}=function(e){let[a,r]=(0,l.oe)(e,s.variantKeys),{ref:n,as:i,label:v,description:x,errorMessage:y,className:W,classNames:P,autoFocus:w,startContent:C,endContent:k,onClear:z,onChange:B,validationState:_,onValueChange:N=()=>{},...j}=a,M=(0,m.useCallback)(e=>{N(null!=e?e:"")},[N]),[I,L]=(0,f.zk)(a.value,a.defaultValue,M),[S,R]=(0,m.useState)(!1),q=!!I,D=q||S,E=(0,p.W)(null==P?void 0:P.base,W,q?"is-filled":""),O=e.isMultiline,V=(0,o.gy)(n),A=(0,m.useCallback)(()=>{L(""),V.current&&(V.current.value="",V.current.focus()),null==z||z()},[V,L,z]),{labelProps:F,inputProps:G,descriptionProps:T,errorMessageProps:U}=function(e,a){var r;let{inputElementType:l="input",isDisabled:n=!1,isRequired:i=!1,isReadOnly:s=!1,validationState:o,isInvalid:d=!1,type:u="text",value:p,defaultValue:c,onChange:b=()=>{}}=e,{focusableProps:f}=(0,t.kc)(e,a),{labelProps:m,fieldProps:v,descriptionProps:x,errorMessageProps:y}=(0,h.U)(e),W=(0,g.zL)(e,{labelable:!0}),P={type:u,pattern:e.pattern};return(0,g.y$)(a,null!==(r=null!=p?p:c)&&void 0!==r?r:"",b),{labelProps:m,inputProps:(0,g.dG)(W,"input"===l&&P,{disabled:n,readOnly:s,"aria-required":i||void 0,"aria-invalid":d||"invalid"===o||void 0,"aria-errormessage":e["aria-errormessage"],"aria-activedescendant":e["aria-activedescendant"],"aria-autocomplete":e["aria-autocomplete"],"aria-haspopup":e["aria-haspopup"],value:e.value,defaultValue:e.value?void 0:e.defaultValue,onChange:e=>b(e.target.value),autoComplete:e.autoComplete,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,inputMode:e.inputMode,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,...f,...v}),descriptionProps:x,errorMessageProps:y}}({...e,"aria-label":(0,c.x)(null==e?void 0:e["aria-label"],null==e?void 0:e.label,null==e?void 0:e.placeholder),inputElementType:O?"textarea":"input",onChange:L},V),{isFocusVisible:$,isFocused:K,focusProps:X}=(0,t.Fx)({autoFocus:w,isTextInput:!0}),{isHovered:Y,hoverProps:H}=(0,u.XI)({isDisabled:!!(null==e?void 0:e.isDisabled)}),{focusProps:J,isFocusVisible:Q}=(0,t.Fx)(),{focusWithinProps:Z}=(0,u.L_)({onFocusWithinChange:R}),{pressProps:ee}=(0,u.r7)({isDisabled:!!(null==e?void 0:e.isDisabled),onPress:A}),ea="invalid"===_||e.isInvalid,er=(0,m.useMemo)(()=>{var a;return e.labelPlacement&&"inside"!==e.labelPlacement||v?null!=(a=e.labelPlacement)?a:"inside":"outside"},[e.labelPlacement,v]),el=!a.placeholder&&"outside-left"!==er&&!O,et=!!z||e.isClearable,en=!!v||!!x||!!y,ei=!!a.placeholder,es=!!x||!!y,eo="outside"===er||"outside-left"===er,ed="inside"===er,eu=!!C,ep=!!eo&&("outside-left"===er||ei||"outside"===er&&eu),ec="outside"===er&&!ei&&!eu,eb=(0,m.useMemo)(()=>s({...r,isInvalid:ea,isClearable:et,labelPlacement:er,isLabelPlaceholder:el&&!eu}),[...Object.values(r),ea,er,et,el,eu]),ef=(0,m.useCallback)((a={})=>({className:eb.base({class:E}),"data-filled":(0,b.PB)(q),"data-filled-within":(0,b.PB)(D),"data-focus-within":(0,b.PB)(S),"data-focus-visible":(0,b.PB)($),"data-readonly":(0,b.PB)(e.isReadOnly),"data-focus":(0,b.PB)(K),"data-hover":(0,b.PB)(Y),"data-required":(0,b.PB)(e.isRequired),"data-invalid":(0,b.PB)(ea),"data-disabled":(0,b.PB)(e.isDisabled),"data-has-elements":(0,b.PB)(en),"data-has-helper":(0,b.PB)(es),...Z,...a}),[eb,E,q,K,Y,ea,es,en,S,$,D,Z,e.isReadOnly,e.isRequired,e.isDisabled]),em=(0,m.useCallback)((e={})=>({className:eb.label({class:null==P?void 0:P.label}),...F,...e}),[eb,F,null==P?void 0:P.label]),eg=(0,m.useCallback)((a={})=>({ref:V,"data-filled":(0,b.PB)(q),"data-filled-within":(0,b.PB)(D),className:eb.input({class:(0,p.W)(null==P?void 0:P.input,I?"is-filled":"")}

1),...(0,g.dG)(X,G,(0,d.z)(j,{enabled:!0,labelable:!0,omitEventNames:new Set(Object.keys(G))}),a),required:e.isRequired,"aria-readonly":(0,b.PB)(e.isReadOnly),"aria-required":(0,b.PB)(e.isRequired),onChange:(0,g.tS)(G.onChange,B)}),[eb,I,X,G,j,q,D,null==P?void 0:P.input,e.isReadOnly,e.isRequired,B]),eh=(0,m.useCallback)((e={})=>({"data-hover":(0,b.PB)(Y),"data-focus-visible":(0,b.PB)($),"data-focus":(0,b.PB)(K),className:eb.inputWrapper({class:(0,p.W)(null==P?void 0:P.inputWrapper,I?"is-filled":"")}),onClick:e=>{var a;e.target===e.currentTarget&&(null==(a=V.current)||a.focus())},...(0,g.dG)(e,H),style:{cursor:"text",...e.style}}),[eb,Y,$,K,I,null==P?void 0:P.inputWrapper]),ev=(0,m.useCallback)((e={})=>({...e,className:eb.innerWrapper({class:(0,p.W)(null==P?void 0:P.innerWrapper,null==e?void 0:e.className)})}),[eb,null==P?void 0:P.innerWrapper]),ex=(0,m.useCallback)((e={})=>({...e,className:eb.mainWrapper({class:(0,p.W)(null==P?void 0:P.mainWrapper,null==e?void 0:e.className)})}),[eb,null==P?void 0:P.mainWrapper]),ey=(0,m.useCallback)((e={})=>({...e,className:eb.helperWrapper({class:(0,p.W)(null==P?void 0:P.helperWrapper,null==e?void 0:e.className)})}),[eb,null==P?void 0:P.helperWrapper]),eW=(0,m.useCallback)((e={})=>({...e,...T,className:eb.description({class:(0,p.W)(null==P?void 0:P.description,null==e?void 0:e.className)})}),[eb,null==P?void 0:P.description]),eP=(0,m.useCallback)((e={})=>({...e,...U,className:eb.errorMessage({class:(0,p.W)(null==P?void 0:P.errorMessage,null==e?void 0:e.className)})}),[eb,U,null==P?void 0:P.errorMessage]),ew=(0,m.useCallback)((e={})=>({...e,role:"button",tabIndex:0,"data-focus-visible":(0,b.PB)(Q),className:eb.clearButton({class:(0,p.W)(null==P?void 0:P.clearButton,null==e?void 0:e.className)}),...(0,g.dG)(ee,J)}),[eb,Q,ee,J,null==P?void 0:P.clearButton]);return{Component:i||"div",classNames:P,domRef:V,label:v,description:x,startContent:C,endContent:k,labelPlacement:er,isClearable:et,isInvalid:ea,hasHelper:es,hasStartContent:eu,isLabelOutside:ep,isLabelOutsideAsPlaceholder:ec,shouldLabelBeOutside:eo,shouldLabelBeInside:ed,hasPlaceholder:ei,errorMessage:y,getBaseProps:ef,getLabelProps:em,getInputProps:eg,getMainWrapperProps:ex,getInputWrapperProps:eh,getInnerWrapperProps:ev,getHelperWrapperProps:ey,getDescriptionProps:eW,getErrorMessageProps:eP,getClearButtonProps:ew}}({...e,ref:a}),V=n?(0,x.jsx)("label",{...M(),children:n}):null,A=(0,m.useMemo)(()=>y?(0,x.jsx)("span",{...O(),children:P||(0,x.jsx)(v.f,{})}):P,[y,O]),F=(0,m.useMemo)(()=>k?(0,x.jsx)("div",{...q(),children:N?(0,x.jsx)("div",{...E(),children:N}):i?(0,x.jsx)("div",{...D(),children:i}):null}):null,[k,N,i,q,E,D]),G=(0,m.useMemo)(()=>W||A?(0,x.jsxs)("div",{...L(),children:[W,(0,x.jsx)("input",{...I()}),A]}):(0,x.jsx)("input",{...I()}),[W,A,I,L]),T=(0,m.useMemo)(()=>_?(0,x.jsxs)("div",{...R(),children:[(0,x.jsxs)("div",{...S(),children:[B?V:null,G]}),F]}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{...S(),children:[V,G]}),F]}),[w,F,_,B,C,V,G,N,i,R,S,E,D]);return(0,x.jsxs)(r,{...j(),children:[z?V:null,T]})});y.displayName="NextUI.Input";var W=y},57897:function(e,a,r){r.d(a,{f:function(){return t}});var l=r(85893),t=e=>(0,l.jsx)("svg",{"aria-hidden":"true",focusable:"false",height:"1em",role:"presentation",viewBox:"0 0 24 24",width:"1em",...e,children:(0,l.jsx)("path",{d:"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",fill:"currentColor"})})},54720:function(e,a,r){r.d(a,{e:function(){return l},x:function(){return t}});var l=e=>(null==e?void 0:e.length)<=4?e:null==e?void 0:e.slice(0,3),t=(...e)=>{let a=" ";for(let r of e)if("string"==typeof r&&r.length>0){a=r;break}return a}},9200:function(e,a,r){r.d(a,{N:function(){return t},U:function(){return n}});var l=r(768);function t(e){let{id:a,label:r,"aria-labelledby":t,"aria-label":n,labelElementType:i="label"}=e;a=(0,l.Me)(a);let s=(0,l.Me)(),o={};return r?(t=t?`${s} ${t}`:s,o={id:s,htmlFor:"label"===i?a:void 0}):t||n||console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility"),{labelProps:o,fieldProps:(0,l.bE)({id:a,"aria-label":n,"aria-labelledby":t})}}function n(e){let{description:a,errorMessage:r,isInvalid:n,validationState:i}=e,{labelProps:s,fieldProps:o}=t(e),d=(0,l.mp)([!!a,!!r,n,i]),u=(0,l.mp)([!!a,!!r,n,i]);return{labelProps:s,fieldProps:o=(0,l.dG)(o,{"aria-describedby":[d,u,e["aria-describedby"]].filter(

1Boolean).join(" ")||void 0}),descriptionProps:{id:d},errorMessageProps:{id:u}}}}}]);
2//# sourceMappingURL=3517-dbd7b2bdaea9960f.js.map