rharuow-ds 1.5.3 → 1.5.4

package/dist/rharuow-ds.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("react-hook-form");function _e(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const e=_e(y);function ye(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var f=t.length;for(o=0;o<f;o++)t[o]&&(r=ye(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function Te(){for(var t,o,r=0,n="",f=arguments.length;r<f;r++)(t=arguments[r])&&(o=ye(t))&&(n&&(n+=" "),n+=o);return n}function u(...t){return Te(...t)}const Pe=({children:t,variant:o="default",className:r="",...n})=>{const f="px-4 py-2 rounded font-medium transition",E={default:"bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",outline:"border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",secondary:"bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"};return y.createElement("button",{className:u(f,E[o],r),...n},t)},Ee=e.forwardRef(({name:t,className:o,type:r="text",label:n,onFocus:f,onBlur:E,Icon:m,iconClassName:P,iconAction:z,containerClassName:C,...v},w)=>{var J,V,I;const[p,M]=e.useState(!1),[h,R]=e.useState(!1),c=G.useFormContext(),i=c==null?void 0:c.control,x=c==null?void 0:c.register,L=i&&t?G.useWatch({control:i,name:t}):void 0,k=v.value??L??"",g=(I=(V=(J=c==null?void 0:c.formState)==null?void 0:J.errors)==null?void 0:V[t])==null?void 0:I.message,H=["date","datetime-local","time","month","week"].includes(r),b=p||!!k||H,$=r==="password"?h?"text":"password":r,D=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",fill:"currentColor"})),N=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",fill:"currentColor"})),q=()=>{R(!h)};return e.createElement("div",{className:u("relative",C)},e.createElement("input",{id:v.id||t,type:$,className:u("peer flex h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50",r==="password"||m?"pr-12":"",o),onFocus:S=>{M(!0),f&&f(S)},...c&&t?(()=>{const S=x(t),Q=S.onBlur;return{...S,ref:O=>{typeof w=="function"?w(O):w&&(w.current=O),S.ref&&S.ref(O)},onBlur:O=>{M(!1),E&&E(O),Q&&Q(O)}}})():{ref:w,onBlur:S=>{M(!1),E&&E(S)}},...v}),n&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",b?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},n),r==="password"&&e.createElement("button",{type:"button",className:"absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 hover:text-[var(--primary,#2563eb)] transition-colors duration-200 focus:outline-none focus:text-[var(--primary,#2563eb)]",onClick:q,"aria-label":h?"Esconder senha":"Mostrar senha",tabIndex:-1},h?e.createElement(N,null):e.createElement(D,null)),m&&r!=="password"&&e.createElement("div",{className:u("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",P),onClick:z},e.createElement(m,null)),g&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},g))});Ee.displayName="Input";const Ce=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var te,ae,l,_;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??"",q=(l=(ae=(te=b==null?void 0:b.formState)==null?void 0:te.errors)==null?void 0:ae[t])==null?void 0:l.message,V=C||((a,T)=>{const j=z?a.label:a.label.toLowerCase(),U=z?T:T.toLowerCase();return j.includes(U)}),I=x.trim()?r.filter(a=>V(a,x.trim())):r,S=r.find(a=>a.value===N),Q=m&&c?x:(S==null?void 0:S.label)||"",O=h||!!N||m&&!!x,A=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),X=e.useCallback(()=>{if(F.current&&c){const a=F.current.getBoundingClientRect(),T=A(),j=window.innerHeight,U=window.innerWidth,Y=152;let d=a.bottom+4,W=a.left;if(T){const re=j-a.bottom,s=a.top;re<Y&&s>Y&&(d=a.top-Y-4);const B=16,K=U-a.width-B;W=Math.min(Math.max(W,B),K)}else j-a.bottom<Y&&(d=a.top-Y-4);g({top:d,left:W,width:a.width})}},[c,A]);e.useEffect(()=>{if(X(),c){const a=()=>X(),T=()=>X();return window.addEventListener("resize",a),window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",T,!0)}}},[c,X]),e.useEffect(()=>{const a=T=>{F.current&&!F.current.contains(T.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]);const ne=()=>{i(a=>!a),R(!0)},Z=a=>{R(!0),v&&v(a)},ee=a=>{w&&w(a)},le=a=>{L(a.target.value)},oe=a=>{if(b&&t&&b.setValue(t,a),p.onChange){const T={target:{value:a}};p.onChange(T)}i(!1),R(!1),L("")};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:m?void 0:ne,onFocus:m?void 0:Z,onBlur:m?void 0:ee,ref:M},m?e.createElement("input",{ref:H,type:"text",value:Q,onChange:le,onFocus:m?a=>{R(!0),i(!0),v&&v(a)}:void 0,onBlur:m?a=>{w&&w(a)}:void 0,placeholder:o?"":P||"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!N&&!x&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!N&&"text-gray-400")},((_=r.find(a=>a.value===N))==null?void 0:_.label)||!o&&"Selecione..."),E&&N&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:a=>{if(a.stopPropagation(),b&&t&&b.setValue(t,""),p.onChange){const T={target:{value:""}};p.onChange(T)}i(!1),R(!1)}},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",O?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},I.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):I.map(a=>e.createElement("div",{key:a.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N===a.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>oe(a.value)},a.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});Ce.displayName="Select";const Ne=e.forwardRef(({name:t,className:o,label:r,onFocus:n,onBlur:f,Icon:E,iconClassName:m,iconAction:P,containerClassName:z,rows:C=4,...v},w)=>{var g,F,H;const[p,M]=e.useState(!1),h=G.useFormContext(),R=h==null?void 0:h.control,c=h==null?void 0:h.register,i=R&&t?G.useWatch({control:R,name:t}):void 0,x=v.value??i??"",L=(H=(F=(g=h==null?void 0:h.formState)==null?void 0:g.errors)==null?void 0:F[t])==null?void 0:H.message,k=p||!!x;return e.createElement("div",{className:u("relative",z)},e.createElement("textarea",{id:v.id||t,rows:C,className:u("peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",E?"pr-12":"",o),onFocus:b=>{M(!0),n&&n(b)},...h&&t?(()=>{const b=c(t),$=b.onBlur;return{...b,ref:D=>{typeof w=="function"?w(D):w&&(w.current=D),b.ref&&b.ref(D)},onBlur:D=>{M(!1),f&&f(D),$&&$(D)}}})():{ref:w,onBlur:b=>{M(!1),f&&f(b)}},...v}),r&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",k?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),E&&e.createElement("div",{className:u("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",m),onClick:P},e.createElement(E,null)),L&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},L))});Ne.displayName="Textarea";const Se=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,onFocus:w,onBlur:p,...M},h)=>{var j,U,Y;const[R,c]=e.useState(!1),[i,x]=e.useState(!1),[L,k]=e.useState([]),[g,F]=e.useState(!1),[H,b]=e.useState(""),[$,D]=e.useState(""),[N,q]=e.useState({top:0,left:0,width:0}),J=e.useRef(null),V=e.useRef(null),I=G.useFormContext(),S=I==null?void 0:I.control,Q=S&&t?G.useWatch({control:S,name:t}):void 0,O=M.value??Q??"",A=(Y=(U=(j=I==null?void 0:I.formState)==null?void 0:j.errors)==null?void 0:U[t])==null?void 0:Y.message,X=R||!!O,ne=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),Z=e.useCallback(()=>{if(J.current&&i){const d=J.current.getBoundingClientRect(),W=ne(),re=window.innerHeight,s=window.innerWidth,B=152;let K=d.bottom+4,ie=d.left;if(W){const se=re-d.bottom,de=d.top;se<B&&de>B&&(K=d.top-B-4);const ce=16,ue=s-d.width-ce;ie=Math.min(Math.max(ie,ce),ue)}else re-d.bottom<B&&(K=d.top-B-4);q({top:K,left:ie,width:d.width})}},[i,ne]);e.useEffect(()=>{if(Z(),i){const d=()=>Z(),W=()=>Z();return window.addEventListener("resize",d),window.addEventListener("scroll",W,!0),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",W,!0)}}},[i,Z]),e.useEffect(()=>{const d=setTimeout(()=>{D(H)},v);return()=>clearTimeout(d)},[H,v]),e.useEffect(()=>{(i||m&&L.length===0)&&ee(C?$:void 0)},[$,i]),e.useEffect(()=>{m===!0?ee():Array.isArray(m)&&k(m)},[]);const ee=async d=>{try{F(!0);const W=await r(d);k(W)}catch(W){console.error("Error loading options:",W),k([])}finally{F(!1)}};e.useEffect(()=>{const d=W=>{J.current&&!J.current.contains(W.target)&&(x(!1),c(!1),b(""))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const le=()=>{i||(x(!0),c(!0),C&&V.current&&setTimeout(()=>{var d;return(d=V.current)==null?void 0:d.focus()},0))},oe=d=>{c(!0),w&&w(d)},te=d=>{p&&p(d)},ae=d=>{b(d.target.value)},l=d=>{if(I&&t&&I.setValue(t,d),M.onChange){const W={target:{value:d}};M.onChange(W)}x(!1),c(!1),b("")},_=d=>{if(d.stopPropagation(),I&&t&&I.setValue(t,""),M.onChange){const W={target:{value:""}};M.onChange(W)}x(!1),c(!1),b("")},a=L.find(d=>d.value===O),T=C&&i?H:(a==null?void 0:a.label)||"";return e.createElement("div",{className:u("relative",f),ref:J},e.createElement("div",{id:M.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":i,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:le,onFocus:C?void 0:oe,onBlur:C?void 0:te,ref:h},C?e.createElement("input",{ref:V,type:"text",value:T,onChange:ae,onFocus:oe,onBlur:te,placeholder:o?"":"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!O&&!H&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!O&&"text-gray-400")},(a==null?void 0:a.label)||!o&&"Selecione..."),g&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),E&&O&&!g&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:_},"✕")),o&&e.createElement("label",{htmlFor:M.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",X?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",i?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:i?"9.5rem":"0",overflowY:L.length>3?"auto":"hidden",position:"fixed",top:i?`${N.top}px`:"auto",left:i?`${N.left}px`:"auto",width:i?`${N.width}px`:"auto",zIndex:9999,boxShadow:i?"var(--select-dropdown-shadow)":"none"}},g?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):L.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):L.map(d=>e.createElement("div",{key:d.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",O===d.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>l(d.value)},d.label))),A&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},A))});Se.displayName="AsyncSelect";const ke=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var oe,te,ae;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??[],q=(ae=(te=(oe=b==null?void 0:b.formState)==null?void 0:oe.errors)==null?void 0:te[t])==null?void 0:ae.message,V=C||((l,_)=>{const a=z?l.label:l.label.toLowerCase(),T=z?_:_.toLowerCase();return a.includes(T)}),I=x.trim()?r.filter(l=>V(l,x.trim())):r,S=h||N&&N.length>0||m&&!!x,Q=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),O=e.useCallback(()=>{if(F.current&&c){const l=F.current.getBoundingClientRect(),_=Q(),a=window.innerHeight,T=window.innerWidth,j=152;let U=l.bottom+4,Y=l.left;if(_){const d=a-l.bottom,W=l.top;d<j&&W>j&&(U=l.top-j-4);const re=16,s=T-l.width-re;Y=Math.min(Math.max(Y,re),s)}else a-l.bottom<j&&(U=l.top-j-4);g({top:U,left:Y,width:l.width})}},[c,Q]);e.useEffect(()=>{if(O(),c){const l=()=>O(),_=()=>O();return window.addEventListener("resize",l),window.addEventListener("scroll",_,!0),()=>{window.removeEventListener("resize",l),window.removeEventListener("scroll",_,!0)}}},[c,O]),e.useEffect(()=>{const l=_=>{F.current&&!F.current.contains(_.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const A=()=>{i(l=>!l),R(!0)},X=l=>{R(!0),v&&v(l)},ne=l=>{w&&w(l)},Z=l=>{var a;let _;N.includes(l)?_=N.filter(T=>T!==l):_=[...N,l],b&&t&&b.setValue(t,_),p.onChange&&((a=p.onChange)==null||a.call(p,{target:{value:_}})),R(!0)},ee=l=>{var _;l.stopPropagation(),b&&t&&b.setValue(t,[]),p.onChange&&((_=p.onChange)==null||_.call(p,{target:{value:[]}})),i(!1),R(!1)},le=l=>{L(l.target.value)};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:m?void 0:A,onFocus:m?void 0:X,onBlur:m?void 0:ne,ref:M},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},N&&N.length>0?r.filter(l=>N.includes(l.value)).map(l=>e.createElement("span",{key:l.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm mr-1 gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:l.label},l.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${l.label}`,tabIndex:-1,onClick:_=>{_.stopPropagation();const a=N.filter(T=>T!==l.value);b&&t&&b.setValue(t,a),p.onChange&&p.onChange({target:{value:a}})}},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))):!o&&!m&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione..."),m&&e.createElement("input",{ref:H,type:"text",value:x,onChange:le,onFocus:l=>{R(!0),i(!0),v&&v(l)},onBlur:l=>{w&&w(l)},placeholder:o?N&&N.length>0?"":P:P||"Selecione...",className:"flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"})),E&&N&&N.length>0&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:ee},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",S?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},I.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):I.map(l=>e.createElement("div",{key:l.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N.includes(l.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>Z(l.value)},e.createElement("input",{type:"checkbox",checked:N.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ke.displayName="MultiSelect";const Re=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,maxSelectedDisplay:w=3,onFocus:p,onBlur:M,...h},R)=>{var d,W,re;const[c,i]=e.useState(!1),[x,L]=e.useState(!1),[k,g]=e.useState([]),[F,H]=e.useState(!1),[b,$]=e.useState(""),[D,N]=e.useState(""),[q,J]=e.useState({top:0,left:0,width:0}),V=e.useRef(null),I=e.useRef(null),S=G.useFormContext(),Q=S==null?void 0:S.control,O=Q&&t?G.useWatch({control:Q,name:t}):void 0,A=h.value??O??[],X=(re=(W=(d=S==null?void 0:S.formState)==null?void 0:d.errors)==null?void 0:W[t])==null?void 0:re.message,ne=c||A&&A.length>0,Z=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),ee=e.useCallback(()=>{if(V.current&&x){const s=V.current.getBoundingClientRect(),B=Z(),K=window.innerHeight,ie=window.innerWidth,se=152;let de=s.bottom+4,ce=s.left;if(B){const ue=K-s.bottom,Me=s.top;ue<se&&Me>se&&(de=s.top-se-4);const we=16,Le=ie-s.width-we;ce=Math.min(Math.max(ce,we),Le)}else K-s.bottom<se&&(de=s.top-se-4);J({top:de,left:ce,width:s.width})}},[x,Z]);e.useEffect(()=>{if(ee(),x){const s=()=>ee(),B=()=>ee();return window.addEventListener("resize",s),window.addEventListener("scroll",B,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",B,!0)}}},[x,ee]),e.useEffect(()=>{const s=setTimeout(()=>{N(b)},v);return()=>clearTimeout(s)},[b,v]),e.useEffect(()=>{(x||m&&k.length===0)&&le(C?D:void 0)},[D,x]),e.useEffect(()=>{m===!0?le():Array.isArray(m)&&g(m)},[]);const le=async s=>{try{H(!0);const B=await r(s);g(B)}catch(B){console.error("Error loading options:",B),g([])}finally{H(!1)}};e.useEffect(()=>{const s=B=>{V.current&&!V.current.contains(B.target)&&(L(!1),i(!1),$(""))};return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[]);const oe=()=>{x||(L(!0),i(!0),C&&I.current&&setTimeout(()=>{var s;return(s=I.current)==null?void 0:s.focus()},0))},te=s=>{i(!0),p&&p(s)},ae=s=>{M&&M(s)},l=s=>{$(s.target.value)},_=s=>{let B;A.includes(s)?B=A.filter(K=>K!==s):B=[...A,s],S&&t&&S.setValue(t,B),h.onChange&&h.onChange({target:{value:B}}),i(!0)},a=(s,B)=>{B.stopPropagation();const K=A.filter(ie=>ie!==s);S&&t&&S.setValue(t,K),h.onChange&&h.onChange({target:{value:K}})},T=s=>{s.stopPropagation(),S&&t&&S.setValue(t,[]),h.onChange&&h.onChange({target:{value:[]}}),L(!1),i(!1),$("")},j=k.filter(s=>A.includes(s.value)),U=j.slice(0,w),Y=j.length-w;return e.createElement("div",{className:u("relative",f),ref:V},e.createElement("div",{id:h.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":x,className:u("peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:oe,onFocus:C?void 0:te,onBlur:C?void 0:ae,ref:R},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(s=>e.createElement("span",{key:s.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:s.label},s.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${s.label}`,tabIndex:-1,onClick:B=>a(s.value,B)},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))),Y>0&&e.createElement("span",{className:"flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs"},"+",Y," mais"),C?e.createElement("input",{ref:I,type:"text",value:b,onChange:l,onFocus:te,onBlur:ae,placeholder:A.length===0&&!o?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):A.length===0&&!o&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),F&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),E&&A&&A.length>0&&!F&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:T},"✕")),o&&e.createElement("label",{htmlFor:h.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",ne?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",x?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:x?"9.5rem":"0",overflowY:k.length>3?"auto":"hidden",position:"fixed",top:x?`${q.top}px`:"auto",left:x?`${q.left}px`:"auto",width:x?`${q.width}px`:"auto",zIndex:9999,boxShadow:x?"var(--select-dropdown-shadow)":"none"}},F?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):k.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):k.map(s=>e.createElement("div",{key:s.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",A.includes(s.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>_(s.value)},e.createElement("input",{type:"checkbox",checked:A.includes(s.value),readOnly:!0,className:"accent-blue-500"}),s.label))),X&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},X))});Re.displayName="MultiAsyncSelect";const ze={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},Fe=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,optionClassName:E,direction:m="row",size:P="md",onFocus:z,onBlur:C,...v},w)=>{var x,L,k;const p=G.useFormContext(),M=p==null?void 0:p.control,h=M&&t?G.useWatch({control:M,name:t}):void 0,R=v.value??h??"",c=(k=(L=(x=p==null?void 0:p.formState)==null?void 0:x.errors)==null?void 0:L[t])==null?void 0:k.message,i=g=>{p&&t&&p.setValue(t,g),v.onChange&&v.onChange({target:{value:g}})};return e.createElement("div",{className:u("relative",f),ref:w},o&&e.createElement("label",{htmlFor:t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm transition-all duration-200","top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white")},o),e.createElement("div",{className:u("flex gap-2 w-full pt-6",m==="row"?"flex-row":"flex-col",n),"aria-label":o,tabIndex:-1,onFocus:z,onBlur:C},r.map(g=>e.createElement("button",{key:g.value,type:"button",className:u("relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",ze[P],R===g.value?"border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]":"border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",E),"aria-pressed":R===g.value,"data-selected":R===g.value,tabIndex:0,onClick:()=>i(g.value),onKeyDown:F=>{(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),i(g.value))}},g.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},g.icon),e.createElement("span",{className:"truncate font-medium"},g.label)))),c&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},c))});Fe.displayName="RadioGroup";const fe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4 border-b","bg-[var(--card-header-bg,rgba(249,250,251,0.5))]","border-[var(--card-header-border,#e5e7eb)]","text-[var(--card-text,#111827)]",o),...n},t));fe.displayName="CardHeader";const me=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",o),...n},t));me.displayName="CardBody";const pe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4 border-t","bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]","border-[var(--card-footer-border,#e5e7eb)]","text-[var(--card-text,#111827)]",o),...n},t));pe.displayName="CardFooter";const Ie=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",padding:f="none",rounded:E="lg",constrainWidth:m=!1,...P},z)=>{const C={default:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",outlined:"bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",elevated:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",flat:"bg-[var(--card-bg,#ffffff)] border-0"},v={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},w={none:"",sm:"p-3",md:"p-4",lg:"p-6"},p={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return y.createElement("div",{ref:z,className:u("flex flex-col","overflow-hidden",C[r],m&&v[n],w[f],p[E],o),...P},t)}),We=Object.assign(Ie,{Header:fe,Body:me,Footer:pe}),Be=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",responsive:f=!1,stickyHeader:E=!1,...m},P)=>{const z=u("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":r==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},o),C=u({"overflow-x-auto":f,"max-h-96 overflow-y-auto":E}),v=y.createElement("table",{ref:P,className:z,...m},t);return f||E?y.createElement("div",{className:C},v):v}),be=y.forwardRef(({children:t,className:o,as:r="thead",...n},f)=>y.createElement(r,{ref:f,className:u("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":r==="thead"},o),...n},t)),ve=y.forwardRef(({children:t,className:o,as:r="tbody",...n},f)=>y.createElement(r,{ref:f,className:u("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",o),...n},t)),xe=y.forwardRef(({children:t,className:o,as:r="tfoot",...n},f)=>y.createElement(r,{ref:f,className:u("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",o),...n},t)),ge=y.forwardRef(({children:t,className:o,variant:r="default",...n},f)=>y.createElement("tr",{ref:f,className:u("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":r==="hover","bg-[var(--table-row-selected)]":r==="selected"},o),...n},t)),he=y.forwardRef(({children:t,className:o,as:r="td",align:n="left",scope:f,colSpan:E,rowSpan:m,...P},z)=>y.createElement(r,{ref:z,scope:r==="th"?f:void 0,colSpan:E,rowSpan:m,className:u("px-4 py-3 text-left",{"font-semibold":r==="th","text-sm":r==="td","text-center":n==="center","text-right":n==="right"},o),...P},t));Be.displayName="Table";be.displayName="TableHeader";ve.displayName="TableBody";xe.displayName="TableFooter";ge.displayName="TableRow";he.displayName="TableCell";const Oe=Object.assign(Be,{Header:be,Body:ve,Footer:xe,Row:ge,Cell:he}),Ae=({content:t,children:o,position:r="top",className:n="",disabled:f=!1})=>{const[E,m]=y.useState(!1),[P,z]=y.useState(r),C=y.useRef(null),v=y.useRef(null);y.useEffect(()=>{if(!E||!C.current||!v.current)return;const i=C.current,L=v.current.getBoundingClientRect(),k=i.getBoundingClientRect();let g=r;const F=window.innerWidth,H=window.innerHeight;r==="top"&&L.top<k.height+10?g="bottom":r==="bottom"&&L.bottom+k.height+10>H?g="top":r==="left"&&L.left<k.width+10?g="right":r==="right"&&L.right+k.width+10>F&&(g="left"),z(g)},[E,r]);const w=()=>{f||m(!0)},p=()=>{m(!1)},M=()=>{f||m(!0)},h=()=>{m(!1)},R=()=>{const i="absolute z-[9999] pointer-events-none";switch(P){case"top":return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`;case"bottom":return`${i} top-full left-1/2 transform -translate-x-1/2 mt-2`;case"left":return`${i} right-full top-1/2 transform -translate-y-1/2 mr-2`;case"right":return`${i} left-full top-1/2 transform -translate-y-1/2 ml-2`;default:return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`}},c=()=>{const i="absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";switch(P){case"top":return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`;case"bottom":return`${i} bottom-full left-1/2 transform -translate-x-1/2 translate-y-1/2`;case"left":return`${i} left-full top-1/2 transform -translate-y-1/2 -translate-x-1/2`;case"right":return`${i} right-full top-1/2 transform -translate-y-1/2 translate-x-1/2`;default:return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`}};return f||!t?y.createElement(y.Fragment,null,o):y.createElement("div",{className:"relative inline-block",ref:v,onMouseEnter:w,onMouseLeave:p,onFocus:M,onBlur:h},o,E&&y.createElement("div",{ref:C,className:u(R(),"px-2 py-1 text-sm rounded whitespace-nowrap","bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]","shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]","transition-opacity duration-200 ease-in-out",n),style:{zIndex:999999},role:"tooltip","aria-hidden":!E},t,y.createElement("div",{className:c()})))};exports.AsyncSelect=Se;exports.Button=Pe;exports.Card=We;exports.CardBody=me;exports.CardFooter=pe;exports.CardHeader=fe;exports.Input=Ee;exports.MultiAsyncSelect=Re;exports.MultiSelect=ke;exports.RadioGroup=Fe;exports.Select=Ce;exports.Table=Oe;exports.TableBody=ve;exports.TableCell=he;exports.TableFooter=xe;exports.TableHeader=be;exports.TableRow=ge;exports.Textarea=Ne;exports.Tooltip=Ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("react-hook-form");function _e(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const e=_e(y);function ye(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var f=t.length;for(o=0;o<f;o++)t[o]&&(r=ye(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function Te(){for(var t,o,r=0,n="",f=arguments.length;r<f;r++)(t=arguments[r])&&(o=ye(t))&&(n&&(n+=" "),n+=o);return n}function u(...t){return Te(...t)}const Pe=({children:t,variant:o="default",className:r="",...n})=>{const f="px-4 py-2 rounded font-medium transition",E={default:"bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",outline:"border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",secondary:"bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"};return y.createElement("button",{className:u(f,E[o],r),...n},t)},Ee=e.forwardRef(({name:t,className:o,type:r="text",label:n,onFocus:f,onBlur:E,Icon:m,iconClassName:P,iconAction:z,containerClassName:C,...v},w)=>{var J,V,I;const[p,M]=e.useState(!1),[h,R]=e.useState(!1),c=G.useFormContext(),i=c==null?void 0:c.control,x=c==null?void 0:c.register,L=i&&t?G.useWatch({control:i,name:t}):void 0,k=v.value??L??"",g=(I=(V=(J=c==null?void 0:c.formState)==null?void 0:J.errors)==null?void 0:V[t])==null?void 0:I.message,H=["date","datetime-local","time","month","week"].includes(r),b=p||!!k||H,$=r==="password"?h?"text":"password":r,D=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",fill:"currentColor"})),N=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",fill:"currentColor"})),q=()=>{R(!h)};return e.createElement("div",{className:u("relative",C)},e.createElement("input",{id:v.id||t,type:$,className:u("peer flex h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50",r==="password"||m?"pr-12":"",o),onFocus:S=>{M(!0),f&&f(S)},...c&&t?(()=>{const S=x(t),Q=S.onBlur;return{...S,ref:O=>{typeof w=="function"?w(O):w&&(w.current=O),S.ref&&S.ref(O)},onBlur:O=>{M(!1),E&&E(O),Q&&Q(O)}}})():{ref:w,onBlur:S=>{M(!1),E&&E(S)}},...v}),n&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",b?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},n),r==="password"&&e.createElement("button",{type:"button",className:"absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 hover:text-[var(--primary,#2563eb)] transition-colors duration-200 focus:outline-none focus:text-[var(--primary,#2563eb)]",onClick:q,"aria-label":h?"Esconder senha":"Mostrar senha",tabIndex:-1},h?e.createElement(N,null):e.createElement(D,null)),m&&r!=="password"&&e.createElement("div",{className:u("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",P),onClick:z},e.createElement(m,null)),g&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},g))});Ee.displayName="Input";const Ce=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var te,ae,l,_;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??"",q=(l=(ae=(te=b==null?void 0:b.formState)==null?void 0:te.errors)==null?void 0:ae[t])==null?void 0:l.message,V=C||((a,T)=>{const j=z?a.label:a.label.toLowerCase(),U=z?T:T.toLowerCase();return j.includes(U)}),I=x.trim()?r.filter(a=>V(a,x.trim())):r,S=r.find(a=>a.value===N),Q=m&&c?x:(S==null?void 0:S.label)||"",O=h||!!N||m&&!!x,A=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),X=e.useCallback(()=>{if(F.current&&c){const a=F.current.getBoundingClientRect(),T=A(),j=window.innerHeight,U=window.innerWidth,Y=152;let d=a.bottom+4,W=a.left;if(T){const re=j-a.bottom,s=a.top;re<Y&&s>Y&&(d=a.top-Y-4);const B=16,K=U-a.width-B;W=Math.min(Math.max(W,B),K)}else j-a.bottom<Y&&(d=a.top-Y-4);g({top:d,left:W,width:a.width})}},[c,A]);e.useEffect(()=>{if(X(),c){const a=()=>X(),T=()=>X();return window.addEventListener("resize",a),window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",T,!0)}}},[c,X]),e.useEffect(()=>{const a=T=>{F.current&&!F.current.contains(T.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]);const ne=()=>{i(a=>!a),R(!0)},Z=a=>{R(!0),v&&v(a)},ee=a=>{w&&w(a)},le=a=>{L(a.target.value)},oe=a=>{if(b&&t&&b.setValue(t,a),p.onChange){const T={target:{value:a}};p.onChange(T)}i(!1),R(!1),L("")};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:m?void 0:ne,onFocus:m?void 0:Z,onBlur:m?void 0:ee,ref:M},m?e.createElement("input",{ref:H,type:"text",value:Q,onChange:le,onFocus:m?a=>{R(!0),i(!0),v&&v(a)}:void 0,onBlur:m?a=>{w&&w(a)}:void 0,placeholder:o?"":P||"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!N&&!x&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!N&&"text-gray-400")},((_=r.find(a=>a.value===N))==null?void 0:_.label)||!o&&"Selecione..."),E&&N&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:a=>{if(a.stopPropagation(),b&&t&&b.setValue(t,""),p.onChange){const T={target:{value:""}};p.onChange(T)}i(!1),R(!1)}},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",O?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},I.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):I.map(a=>e.createElement("div",{key:a.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N===a.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>oe(a.value)},a.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});Ce.displayName="Select";const Ne=e.forwardRef(({name:t,className:o,label:r,onFocus:n,onBlur:f,Icon:E,iconClassName:m,iconAction:P,containerClassName:z,rows:C=4,...v},w)=>{var g,F,H;const[p,M]=e.useState(!1),h=G.useFormContext(),R=h==null?void 0:h.control,c=h==null?void 0:h.register,i=R&&t?G.useWatch({control:R,name:t}):void 0,x=v.value??i??"",L=(H=(F=(g=h==null?void 0:h.formState)==null?void 0:g.errors)==null?void 0:F[t])==null?void 0:H.message,k=p||!!x;return e.createElement("div",{className:u("relative",z)},e.createElement("textarea",{id:v.id||t,rows:C,className:u("peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",E?"pr-12":"",o),onFocus:b=>{M(!0),n&&n(b)},...h&&t?(()=>{const b=c(t),$=b.onBlur;return{...b,ref:D=>{typeof w=="function"?w(D):w&&(w.current=D),b.ref&&b.ref(D)},onBlur:D=>{M(!1),f&&f(D),$&&$(D)}}})():{ref:w,onBlur:b=>{M(!1),f&&f(b)}},...v}),r&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",k?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),E&&e.createElement("div",{className:u("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",m),onClick:P},e.createElement(E,null)),L&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},L))});Ne.displayName="Textarea";const Se=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,onFocus:w,onBlur:p,...M},h)=>{var j,U,Y;const[R,c]=e.useState(!1),[i,x]=e.useState(!1),[L,k]=e.useState([]),[g,F]=e.useState(!1),[H,b]=e.useState(""),[$,D]=e.useState(""),[N,q]=e.useState({top:0,left:0,width:0}),J=e.useRef(null),V=e.useRef(null),I=G.useFormContext(),S=I==null?void 0:I.control,Q=S&&t?G.useWatch({control:S,name:t}):void 0,O=M.value??Q??"",A=(Y=(U=(j=I==null?void 0:I.formState)==null?void 0:j.errors)==null?void 0:U[t])==null?void 0:Y.message,X=R||!!O,ne=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),Z=e.useCallback(()=>{if(J.current&&i){const d=J.current.getBoundingClientRect(),W=ne(),re=window.innerHeight,s=window.innerWidth,B=152;let K=d.bottom+4,ie=d.left;if(W){const se=re-d.bottom,de=d.top;se<B&&de>B&&(K=d.top-B-4);const ce=16,ue=s-d.width-ce;ie=Math.min(Math.max(ie,ce),ue)}else re-d.bottom<B&&(K=d.top-B-4);q({top:K,left:ie,width:d.width})}},[i,ne]);e.useEffect(()=>{if(Z(),i){const d=()=>Z(),W=()=>Z();return window.addEventListener("resize",d),window.addEventListener("scroll",W,!0),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",W,!0)}}},[i,Z]),e.useEffect(()=>{const d=setTimeout(()=>{D(H)},v);return()=>clearTimeout(d)},[H,v]),e.useEffect(()=>{(i||m&&L.length===0)&&ee(C?$:void 0)},[$,i]),e.useEffect(()=>{m===!0?ee():Array.isArray(m)&&k(m)},[]);const ee=async d=>{try{F(!0);const W=await r(d);k(W)}catch(W){console.error("Error loading options:",W),k([])}finally{F(!1)}};e.useEffect(()=>{const d=W=>{J.current&&!J.current.contains(W.target)&&(x(!1),c(!1),b(""))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const le=()=>{i||(x(!0),c(!0),C&&V.current&&setTimeout(()=>{var d;return(d=V.current)==null?void 0:d.focus()},0))},oe=d=>{c(!0),w&&w(d)},te=d=>{p&&p(d)},ae=d=>{b(d.target.value)},l=d=>{if(I&&t&&I.setValue(t,d),M.onChange){const W={target:{value:d}};M.onChange(W)}x(!1),c(!1),b("")},_=d=>{if(d.stopPropagation(),I&&t&&I.setValue(t,""),M.onChange){const W={target:{value:""}};M.onChange(W)}x(!1),c(!1),b("")},a=L.find(d=>d.value===O),T=C&&i?H:(a==null?void 0:a.label)||"";return e.createElement("div",{className:u("relative",f),ref:J},e.createElement("div",{id:M.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":i,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:le,onFocus:C?void 0:oe,onBlur:C?void 0:te,ref:h},C?e.createElement("input",{ref:V,type:"text",value:T,onChange:ae,onFocus:oe,onBlur:te,placeholder:o?"":"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!O&&!H&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!O&&"text-gray-400")},(a==null?void 0:a.label)||!o&&"Selecione..."),g&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),E&&O&&!g&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:_},"✕")),o&&e.createElement("label",{htmlFor:M.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",X?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",i?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:i?"9.5rem":"0",overflowY:L.length>3?"auto":"hidden",position:"fixed",top:i?`${N.top}px`:"auto",left:i?`${N.left}px`:"auto",width:i?`${N.width}px`:"auto",zIndex:9999,boxShadow:i?"var(--select-dropdown-shadow)":"none"}},g?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):L.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):L.map(d=>e.createElement("div",{key:d.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",O===d.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>l(d.value)},d.label))),A&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},A))});Se.displayName="AsyncSelect";const ke=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var oe,te,ae;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??[],q=(ae=(te=(oe=b==null?void 0:b.formState)==null?void 0:oe.errors)==null?void 0:te[t])==null?void 0:ae.message,V=C||((l,_)=>{const a=z?l.label:l.label.toLowerCase(),T=z?_:_.toLowerCase();return a.includes(T)}),I=x.trim()?r.filter(l=>V(l,x.trim())):r,S=h||N&&N.length>0||m&&!!x,Q=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),O=e.useCallback(()=>{if(F.current&&c){const l=F.current.getBoundingClientRect(),_=Q(),a=window.innerHeight,T=window.innerWidth,j=152;let U=l.bottom+4,Y=l.left;if(_){const d=a-l.bottom,W=l.top;d<j&&W>j&&(U=l.top-j-4);const re=16,s=T-l.width-re;Y=Math.min(Math.max(Y,re),s)}else a-l.bottom<j&&(U=l.top-j-4);g({top:U,left:Y,width:l.width})}},[c,Q]);e.useEffect(()=>{if(O(),c){const l=()=>O(),_=()=>O();return window.addEventListener("resize",l),window.addEventListener("scroll",_,!0),()=>{window.removeEventListener("resize",l),window.removeEventListener("scroll",_,!0)}}},[c,O]),e.useEffect(()=>{const l=_=>{F.current&&!F.current.contains(_.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const A=()=>{i(l=>!l),R(!0)},X=l=>{R(!0),v&&v(l)},ne=l=>{w&&w(l)},Z=l=>{var a;let _;N.includes(l)?_=N.filter(T=>T!==l):_=[...N,l],b&&t&&b.setValue(t,_),p.onChange&&((a=p.onChange)==null||a.call(p,{target:{value:_}})),R(!0)},ee=l=>{var _;l.stopPropagation(),b&&t&&b.setValue(t,[]),p.onChange&&((_=p.onChange)==null||_.call(p,{target:{value:[]}})),i(!1),R(!1)},le=l=>{L(l.target.value)};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:m?void 0:A,onFocus:m?void 0:X,onBlur:m?void 0:ne,ref:M},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},N&&N.length>0?r.filter(l=>N.includes(l.value)).map(l=>e.createElement("span",{key:l.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm mr-1 gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:l.label},l.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${l.label}`,tabIndex:-1,onClick:_=>{_.stopPropagation();const a=N.filter(T=>T!==l.value);b&&t&&b.setValue(t,a),p.onChange&&p.onChange({target:{value:a}})}},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))):!o&&!m&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione..."),m&&e.createElement("input",{ref:H,type:"text",value:x,onChange:le,onFocus:l=>{R(!0),i(!0),v&&v(l)},onBlur:l=>{w&&w(l)},placeholder:o?N&&N.length>0?"":P:P||"Selecione...",className:"flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"})),E&&N&&N.length>0&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:ee},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",S?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},I.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):I.map(l=>e.createElement("div",{key:l.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N.includes(l.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>Z(l.value)},e.createElement("input",{type:"checkbox",checked:N.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ke.displayName="MultiSelect";const Re=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,maxSelectedDisplay:w=3,onFocus:p,onBlur:M,...h},R)=>{var d,W,re;const[c,i]=e.useState(!1),[x,L]=e.useState(!1),[k,g]=e.useState([]),[F,H]=e.useState(!1),[b,$]=e.useState(""),[D,N]=e.useState(""),[q,J]=e.useState({top:0,left:0,width:0}),V=e.useRef(null),I=e.useRef(null),S=G.useFormContext(),Q=S==null?void 0:S.control,O=Q&&t?G.useWatch({control:Q,name:t}):void 0,A=h.value??O??[],X=(re=(W=(d=S==null?void 0:S.formState)==null?void 0:d.errors)==null?void 0:W[t])==null?void 0:re.message,ne=c||A&&A.length>0,Z=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),ee=e.useCallback(()=>{if(V.current&&x){const s=V.current.getBoundingClientRect(),B=Z(),K=window.innerHeight,ie=window.innerWidth,se=152;let de=s.bottom+4,ce=s.left;if(B){const ue=K-s.bottom,Me=s.top;ue<se&&Me>se&&(de=s.top-se-4);const we=16,Le=ie-s.width-we;ce=Math.min(Math.max(ce,we),Le)}else K-s.bottom<se&&(de=s.top-se-4);J({top:de,left:ce,width:s.width})}},[x,Z]);e.useEffect(()=>{if(ee(),x){const s=()=>ee(),B=()=>ee();return window.addEventListener("resize",s),window.addEventListener("scroll",B,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",B,!0)}}},[x,ee]),e.useEffect(()=>{const s=setTimeout(()=>{N(b)},v);return()=>clearTimeout(s)},[b,v]),e.useEffect(()=>{(x||m&&k.length===0)&&le(C?D:void 0)},[D,x]),e.useEffect(()=>{m===!0?le():Array.isArray(m)&&g(m)},[]);const le=async s=>{try{H(!0);const B=await r(s);g(B)}catch(B){console.error("Error loading options:",B),g([])}finally{H(!1)}};e.useEffect(()=>{const s=B=>{V.current&&!V.current.contains(B.target)&&(L(!1),i(!1),$(""))};return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[]);const oe=()=>{x||(L(!0),i(!0),C&&I.current&&setTimeout(()=>{var s;return(s=I.current)==null?void 0:s.focus()},0))},te=s=>{i(!0),p&&p(s)},ae=s=>{M&&M(s)},l=s=>{$(s.target.value)},_=s=>{let B;A.includes(s)?B=A.filter(K=>K!==s):B=[...A,s],S&&t&&S.setValue(t,B),h.onChange&&h.onChange({target:{value:B}}),i(!0)},a=(s,B)=>{B.stopPropagation();const K=A.filter(ie=>ie!==s);S&&t&&S.setValue(t,K),h.onChange&&h.onChange({target:{value:K}})},T=s=>{s.stopPropagation(),S&&t&&S.setValue(t,[]),h.onChange&&h.onChange({target:{value:[]}}),L(!1),i(!1),$("")},j=k.filter(s=>A.includes(s.value)),U=j.slice(0,w),Y=j.length-w;return e.createElement("div",{className:u("relative",f),ref:V},e.createElement("div",{id:h.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":x,className:u("peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:oe,onFocus:C?void 0:te,onBlur:C?void 0:ae,ref:R},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(s=>e.createElement("span",{key:s.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:s.label},s.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${s.label}`,tabIndex:-1,onClick:B=>a(s.value,B)},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))),Y>0&&e.createElement("span",{className:"flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs"},"+",Y," mais"),C?e.createElement("input",{ref:I,type:"text",value:b,onChange:l,onFocus:te,onBlur:ae,placeholder:A.length===0&&!o?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):A.length===0&&!o&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),F&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),E&&A&&A.length>0&&!F&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:T},"✕")),o&&e.createElement("label",{htmlFor:h.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",ne?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",x?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:x?"9.5rem":"0",overflowY:k.length>3?"auto":"hidden",position:"fixed",top:x?`${q.top}px`:"auto",left:x?`${q.left}px`:"auto",width:x?`${q.width}px`:"auto",zIndex:9999,boxShadow:x?"var(--select-dropdown-shadow)":"none"}},F?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):k.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):k.map(s=>e.createElement("div",{key:s.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",A.includes(s.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>_(s.value)},e.createElement("input",{type:"checkbox",checked:A.includes(s.value),readOnly:!0,className:"accent-blue-500"}),s.label))),X&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},X))});Re.displayName="MultiAsyncSelect";const ze={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},Fe=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,optionClassName:E,direction:m="row",size:P="md",onFocus:z,onBlur:C,...v},w)=>{var x,L,k;const p=G.useFormContext(),M=p==null?void 0:p.control,h=M&&t?G.useWatch({control:M,name:t}):void 0,R=v.value??h??"",c=(k=(L=(x=p==null?void 0:p.formState)==null?void 0:x.errors)==null?void 0:L[t])==null?void 0:k.message,i=g=>{p&&t&&p.setValue(t,g),v.onChange&&v.onChange({target:{value:g}})};return e.createElement("div",{className:u("relative",f),ref:w},o&&e.createElement("label",{htmlFor:t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm transition-all duration-200","top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white")},o),e.createElement("div",{className:u("flex gap-2 w-full pt-6",m==="row"?"flex-row":"flex-col",n),"aria-label":o,tabIndex:-1,onFocus:z,onBlur:C},r.map(g=>e.createElement("button",{key:g.value,type:"button",className:u("relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",ze[P],R===g.value?"border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]":"border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",E),"aria-pressed":R===g.value,"data-selected":R===g.value,tabIndex:0,onClick:()=>i(g.value),onKeyDown:F=>{(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),i(g.value))}},g.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},g.icon),e.createElement("span",{className:"truncate font-medium"},g.label)))),c&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},c))});Fe.displayName="RadioGroup";const fe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4 border-b","bg-[var(--card-header-bg,rgba(249,250,251,0.5))]","border-[var(--card-header-border,#e5e7eb)]","text-[var(--card-text,#111827)]",o),...n},t));fe.displayName="CardHeader";const me=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",o),...n},t));me.displayName="CardBody";const pe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4 border-t","bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]","border-[var(--card-footer-border,#e5e7eb)]","text-[var(--card-text,#111827)]",o),...n},t));pe.displayName="CardFooter";const Ie=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",padding:f="none",rounded:E="lg",constrainWidth:m=!1,...P},z)=>{const C={default:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",outlined:"bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",elevated:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",flat:"bg-[var(--card-bg,#ffffff)] border-0"},v={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},w={none:"",sm:"p-3",md:"p-4",lg:"p-6"},p={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return y.createElement("div",{ref:z,className:u("flex flex-col",C[r],m&&v[n],w[f],p[E],o),...P},t)}),We=Object.assign(Ie,{Header:fe,Body:me,Footer:pe}),Be=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",responsive:f=!1,stickyHeader:E=!1,...m},P)=>{const z=u("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":r==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},o),C=u({"overflow-x-auto":f,"max-h-96 overflow-y-auto":E}),v=y.createElement("table",{ref:P,className:z,...m},t);return f||E?y.createElement("div",{className:C},v):v}),be=y.forwardRef(({children:t,className:o,as:r="thead",...n},f)=>y.createElement(r,{ref:f,className:u("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":r==="thead"},o),...n},t)),ve=y.forwardRef(({children:t,className:o,as:r="tbody",...n},f)=>y.createElement(r,{ref:f,className:u("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",o),...n},t)),xe=y.forwardRef(({children:t,className:o,as:r="tfoot",...n},f)=>y.createElement(r,{ref:f,className:u("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",o),...n},t)),ge=y.forwardRef(({children:t,className:o,variant:r="default",...n},f)=>y.createElement("tr",{ref:f,className:u("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":r==="hover","bg-[var(--table-row-selected)]":r==="selected"},o),...n},t)),he=y.forwardRef(({children:t,className:o,as:r="td",align:n="left",scope:f,colSpan:E,rowSpan:m,...P},z)=>y.createElement(r,{ref:z,scope:r==="th"?f:void 0,colSpan:E,rowSpan:m,className:u("px-4 py-3 text-left",{"font-semibold":r==="th","text-sm":r==="td","text-center":n==="center","text-right":n==="right"},o),...P},t));Be.displayName="Table";be.displayName="TableHeader";ve.displayName="TableBody";xe.displayName="TableFooter";ge.displayName="TableRow";he.displayName="TableCell";const Oe=Object.assign(Be,{Header:be,Body:ve,Footer:xe,Row:ge,Cell:he}),Ae=({content:t,children:o,position:r="top",className:n="",disabled:f=!1})=>{const[E,m]=y.useState(!1),[P,z]=y.useState(r),C=y.useRef(null),v=y.useRef(null);y.useEffect(()=>{if(!E||!C.current||!v.current)return;const i=C.current,L=v.current.getBoundingClientRect(),k=i.getBoundingClientRect();let g=r;const F=window.innerWidth,H=window.innerHeight;r==="top"&&L.top<k.height+10?g="bottom":r==="bottom"&&L.bottom+k.height+10>H?g="top":r==="left"&&L.left<k.width+10?g="right":r==="right"&&L.right+k.width+10>F&&(g="left"),z(g)},[E,r]);const w=()=>{f||m(!0)},p=()=>{m(!1)},M=()=>{f||m(!0)},h=()=>{m(!1)},R=()=>{const i="absolute z-[9999] pointer-events-none";switch(P){case"top":return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`;case"bottom":return`${i} top-full left-1/2 transform -translate-x-1/2 mt-2`;case"left":return`${i} right-full top-1/2 transform -translate-y-1/2 mr-2`;case"right":return`${i} left-full top-1/2 transform -translate-y-1/2 ml-2`;default:return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`}},c=()=>{const i="absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";switch(P){case"top":return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`;case"bottom":return`${i} bottom-full left-1/2 transform -translate-x-1/2 translate-y-1/2`;case"left":return`${i} left-full top-1/2 transform -translate-y-1/2 -translate-x-1/2`;case"right":return`${i} right-full top-1/2 transform -translate-y-1/2 translate-x-1/2`;default:return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`}};return f||!t?y.createElement(y.Fragment,null,o):y.createElement("div",{className:"relative inline-block",ref:v,onMouseEnter:w,onMouseLeave:p,onFocus:M,onBlur:h},o,E&&y.createElement("div",{ref:C,className:u(R(),"px-2 py-1 text-sm rounded whitespace-nowrap","bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]","shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]","transition-opacity duration-200 ease-in-out",n),style:{zIndex:999999},role:"tooltip","aria-hidden":!E},t,y.createElement("div",{className:c()})))};exports.AsyncSelect=Se;exports.Button=Pe;exports.Card=We;exports.CardBody=me;exports.CardFooter=pe;exports.CardHeader=fe;exports.Input=Ee;exports.MultiAsyncSelect=Re;exports.MultiSelect=ke;exports.RadioGroup=Fe;exports.Select=Ce;exports.Table=Oe;exports.TableBody=ve;exports.TableCell=he;exports.TableFooter=xe;exports.TableHeader=be;exports.TableRow=ge;exports.Textarea=Ne;exports.Tooltip=Ae;

package/dist/rharuow-ds.es.js

@@ -2,17 +2,17 @@ import * as e from "react";
 import M, { useState as pe, useRef as be, useEffect as Le } from "react";
 import { useFormContext as ie, useWatch as ce } from "react-hook-form";
 function ve(t) {
-  var o, r, l = "";
-  if (typeof t == "string" || typeof t == "number") l += t;
+  var o, r, s = "";
+  if (typeof t == "string" || typeof t == "number") s += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var f = t.length;
-    for (o = 0; o < f; o++) t[o] && (r = ve(t[o])) && (l && (l += " "), l += r);
-  } else for (r in t) t[r] && (l && (l += " "), l += r);
-  return l;
+    for (o = 0; o < f; o++) t[o] && (r = ve(t[o])) && (s && (s += " "), s += r);
+  } else for (r in t) t[r] && (s && (s += " "), s += r);
+  return s;
 }
 function Be() {
-  for (var t, o, r = 0, l = "", f = arguments.length; r < f; r++) (t = arguments[r]) && (o = ve(t)) && (l && (l += " "), l += o);
-  return l;
+  for (var t, o, r = 0, s = "", f = arguments.length; r < f; r++) (t = arguments[r]) && (o = ve(t)) && (s && (s += " "), s += o);
+  return s;
 }
 function u(...t) {
   return Be(...t);
@@ -21,20 +21,20 @@ const He = ({
   children: t,
   variant: o = "default",
   className: r = "",
-  ...l
+  ...s
 }) => {
   const f = "px-4 py-2 rounded font-medium transition", y = {
     default: "bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",
     outline: "border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",
     secondary: "bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"
   };
-  return /* @__PURE__ */ M.createElement("button", { className: u(f, y[o], r), ...l }, t);
+  return /* @__PURE__ */ M.createElement("button", { className: u(f, y[o], r), ...s }, t);
 }, _e = e.forwardRef(
   ({
     name: t,
     className: o,
     type: r = "text",
-    label: l,
+    label: s,
     onFocus: f,
     onBlur: y,
     Icon: m,
@@ -92,7 +92,7 @@ const He = ({
         },
         ...v
       }
-    ), l && /* @__PURE__ */ e.createElement(
+    ), s && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: v.id || t,
@@ -101,7 +101,7 @@ const He = ({
           b ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      l
+      s
     ), r === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -131,7 +131,7 @@ const Me = e.forwardRef(
     name: t,
     label: o,
     options: r,
-    className: l,
+    className: s,
     containerClassName: f,
     isClearable: y,
     searchable: m = !1,
@@ -155,8 +155,8 @@ const Me = e.forwardRef(
         const a = R.current.getBoundingClientRect(), P = O(), j = window.innerHeight, Q = window.innerWidth, Y = 152;
         let d = a.bottom + 4, W = a.left;
         if (P) {
-          const te = j - a.bottom, s = a.top;
-          te < Y && s > Y && (d = a.top - Y - 4);
+          const te = j - a.bottom, l = a.top;
+          te < Y && l > Y && (d = a.top - Y - 4);
           const L = 16, K = Q - a.width - L;
           W = Math.min(Math.max(W, L), K);
         } else
@@ -210,7 +210,7 @@ const Me = e.forwardRef(
         "aria-expanded": c,
         className: u(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          l
+          s
         ),
         onClick: m ? void 0 : oe,
         onFocus: m ? void 0 : X,
@@ -309,7 +309,7 @@ const Fe = e.forwardRef(
     name: t,
     className: o,
     label: r,
-    onFocus: l,
+    onFocus: s,
     onBlur: f,
     Icon: y,
     iconClassName: m,
@@ -332,7 +332,7 @@ const Fe = e.forwardRef(
           o
         ),
         onFocus: (b) => {
-          B(!0), l && l(b);
+          B(!0), s && s(b);
         },
         ...h && t ? (() => {
           const b = c(t), H = b.onBlur;
@@ -382,7 +382,7 @@ const Pe = e.forwardRef(
     name: t,
     label: o,
     loadOptions: r,
-    className: l,
+    className: s,
     containerClassName: f,
     isClearable: y,
     defaultOptions: m = !1,
@@ -401,18 +401,18 @@ const Pe = e.forwardRef(
       width: 0
     }), q = e.useRef(null), D = e.useRef(null), I = ie(), N = I == null ? void 0 : I.control, J = N && t ? ce({ control: N, name: t }) : void 0, A = B.value ?? J ?? "", O = (Y = (Q = (j = I == null ? void 0 : I.formState) == null ? void 0 : j.errors) == null ? void 0 : Q[t]) == null ? void 0 : Y.message, U = S || !!A, oe = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), X = e.useCallback(() => {
       if (q.current && i) {
-        const d = q.current.getBoundingClientRect(), W = oe(), te = window.innerHeight, s = window.innerWidth, L = 152;
-        let K = d.bottom + 4, se = d.left;
+        const d = q.current.getBoundingClientRect(), W = oe(), te = window.innerHeight, l = window.innerWidth, L = 152;
+        let K = d.bottom + 4, le = d.left;
         if (W) {
-          const le = te - d.bottom, ue = d.top;
-          le < L && ue > L && (K = d.top - L - 4);
-          const de = 16, fe = s - d.width - de;
-          se = Math.min(Math.max(se, de), fe);
+          const se = te - d.bottom, ue = d.top;
+          se < L && ue > L && (K = d.top - L - 4);
+          const de = 16, fe = l - d.width - de;
+          le = Math.min(Math.max(le, de), fe);
         } else
           te - d.bottom < L && (K = d.top - L - 4);
         G({
           top: K,
-          left: se,
+          left: le,
           width: d.width
         });
       }
@@ -491,7 +491,7 @@ const Pe = e.forwardRef(
         "aria-expanded": i,
         className: u(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          l
+          s
         ),
         onClick: ne,
         onFocus: E ? void 0 : ae,
@@ -578,7 +578,7 @@ const ze = e.forwardRef(
     name: t,
     label: o,
     options: r,
-    className: l,
+    className: s,
     containerClassName: f,
     isClearable: y,
     searchable: m = !1,
@@ -604,8 +604,8 @@ const ze = e.forwardRef(
         if (F) {
           const d = a - n.bottom, W = n.top;
           d < j && W > j && (Q = n.top - j - 4);
-          const te = 16, s = P - n.width - te;
-          Y = Math.min(Math.max(Y, te), s);
+          const te = 16, l = P - n.width - te;
+          Y = Math.min(Math.max(Y, te), l);
         } else
           a - n.bottom < j && (Q = n.top - j - 4);
         g({
@@ -660,7 +660,7 @@ const ze = e.forwardRef(
         "aria-expanded": c,
         className: u(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          l
+          s
         ),
         onClick: m ? void 0 : O,
         onFocus: m ? void 0 : U,
@@ -807,7 +807,7 @@ const Te = e.forwardRef(
     name: t,
     label: o,
     loadOptions: r,
-    className: l,
+    className: s,
     containerClassName: f,
     isClearable: y,
     defaultOptions: m = !1,
@@ -827,43 +827,43 @@ const Te = e.forwardRef(
       width: 0
     }), D = e.useRef(null), I = e.useRef(null), N = ie(), J = N == null ? void 0 : N.control, A = J && t ? ce({ control: J, name: t }) : void 0, O = h.value ?? A ?? [], U = (te = (W = (d = N == null ? void 0 : N.formState) == null ? void 0 : d.errors) == null ? void 0 : W[t]) == null ? void 0 : te.message, oe = c || O && O.length > 0, X = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), Z = e.useCallback(() => {
       if (D.current && x) {
-        const s = D.current.getBoundingClientRect(), L = X(), K = window.innerHeight, se = window.innerWidth, le = 152;
-        let ue = s.bottom + 4, de = s.left;
+        const l = D.current.getBoundingClientRect(), L = X(), K = window.innerHeight, le = window.innerWidth, se = 152;
+        let ue = l.bottom + 4, de = l.left;
         if (L) {
-          const fe = K - s.bottom, Se = s.top;
-          fe < le && Se > le && (ue = s.top - le - 4);
-          const me = 16, Re = se - s.width - me;
+          const fe = K - l.bottom, Se = l.top;
+          fe < se && Se > se && (ue = l.top - se - 4);
+          const me = 16, Re = le - l.width - me;
           de = Math.min(Math.max(de, me), Re);
         } else
-          K - s.bottom < le && (ue = s.top - le - 4);
+          K - l.bottom < se && (ue = l.top - se - 4);
         q({
           top: ue,
           left: de,
-          width: s.width
+          width: l.width
         });
       }
     }, [x, X]);
     e.useEffect(() => {
       if (Z(), x) {
-        const s = () => Z(), L = () => Z();
-        return window.addEventListener("resize", s), window.addEventListener("scroll", L, !0), () => {
-          window.removeEventListener("resize", s), window.removeEventListener("scroll", L, !0);
+        const l = () => Z(), L = () => Z();
+        return window.addEventListener("resize", l), window.addEventListener("scroll", L, !0), () => {
+          window.removeEventListener("resize", l), window.removeEventListener("scroll", L, !0);
         };
       }
     }, [x, Z]), e.useEffect(() => {
-      const s = setTimeout(() => {
+      const l = setTimeout(() => {
         C(b);
       }, v);
-      return () => clearTimeout(s);
+      return () => clearTimeout(l);
     }, [b, v]), e.useEffect(() => {
       (x || m && k.length === 0) && ne(E ? V : void 0);
     }, [V, x]), e.useEffect(() => {
       m === !0 ? ne() : Array.isArray(m) && g(m);
     }, []);
-    const ne = async (s) => {
+    const ne = async (l) => {
       try {
         $(!0);
-        const L = await r(s);
+        const L = await r(l);
         g(L);
       } catch (L) {
         console.error("Error loading options:", L), g([]);
@@ -872,40 +872,40 @@ const Te = e.forwardRef(
       }
     };
     e.useEffect(() => {
-      const s = (L) => {
+      const l = (L) => {
         D.current && !D.current.contains(L.target) && (_(!1), i(!1), H(""));
       };
-      return document.addEventListener("mousedown", s), () => {
-        document.removeEventListener("mousedown", s);
+      return document.addEventListener("mousedown", l), () => {
+        document.removeEventListener("mousedown", l);
       };
     }, []);
     const ae = () => {
       x || (_(!0), i(!0), E && I.current && setTimeout(() => {
-        var s;
-        return (s = I.current) == null ? void 0 : s.focus();
+        var l;
+        return (l = I.current) == null ? void 0 : l.focus();
       }, 0));
-    }, ee = (s) => {
-      i(!0), p && p(s);
-    }, re = (s) => {
-      B && B(s);
-    }, n = (s) => {
-      H(s.target.value);
-    }, F = (s) => {
+    }, ee = (l) => {
+      i(!0), p && p(l);
+    }, re = (l) => {
+      B && B(l);
+    }, n = (l) => {
+      H(l.target.value);
+    }, F = (l) => {
       let L;
-      O.includes(s) ? L = O.filter((K) => K !== s) : L = [...O, s], N && t && N.setValue(t, L), h.onChange && h.onChange({
+      O.includes(l) ? L = O.filter((K) => K !== l) : L = [...O, l], N && t && N.setValue(t, L), h.onChange && h.onChange({
         target: { value: L }
       }), i(!0);
-    }, a = (s, L) => {
+    }, a = (l, L) => {
       L.stopPropagation();
-      const K = O.filter((se) => se !== s);
+      const K = O.filter((le) => le !== l);
       N && t && N.setValue(t, K), h.onChange && h.onChange({
         target: { value: K }
       });
-    }, P = (s) => {
-      s.stopPropagation(), N && t && N.setValue(t, []), h.onChange && h.onChange({
+    }, P = (l) => {
+      l.stopPropagation(), N && t && N.setValue(t, []), h.onChange && h.onChange({
         target: { value: [] }
       }), _(!1), i(!1), H("");
-    }, j = k.filter((s) => O.includes(s.value)), Q = j.slice(0, w), Y = j.length - w;
+    }, j = k.filter((l) => O.includes(l.value)), Q = j.slice(0, w), Y = j.length - w;
     return /* @__PURE__ */ e.createElement("div", { className: u("relative", f), ref: D }, /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -916,29 +916,29 @@ const Te = e.forwardRef(
         "aria-expanded": x,
         className: u(
           "peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          l
+          s
         ),
         onClick: ae,
         onFocus: E ? void 0 : ee,
         onBlur: E ? void 0 : re,
         ref: S
       },
-      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, Q.map((s) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, Q.map((l) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: s.value,
+          key: l.value,
           className: "flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",
           style: { maxWidth: "140px" }
         },
-        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: s.label }, s.label),
+        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: l.label }, l.label),
         /* @__PURE__ */ e.createElement(
           "button",
           {
             type: "button",
             className: "ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150",
-            "aria-label": `Remover ${s.label}`,
+            "aria-label": `Remover ${l.label}`,
             tabIndex: -1,
-            onClick: (L) => a(s.value, L)
+            onClick: (L) => a(l.value, L)
           },
           /* @__PURE__ */ e.createElement(
             "svg",
@@ -1015,27 +1015,27 @@ const Te = e.forwardRef(
           boxShadow: x ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      R ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : k.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, T) : k.map((s) => /* @__PURE__ */ e.createElement(
+      R ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : k.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, T) : k.map((l) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: s.value,
+          key: l.value,
           className: u(
             "px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            O.includes(s.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
+            O.includes(l.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => F(s.value)
+          onMouseDown: () => F(l.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: O.includes(s.value),
+            checked: O.includes(l.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        s.label
+        l.label
       ))
     ), U && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, U));
   }
@@ -1050,7 +1050,7 @@ const Ie = {
     name: t,
     label: o,
     options: r,
-    className: l,
+    className: s,
     containerClassName: f,
     optionClassName: y,
     direction: m = "row",
@@ -1080,7 +1080,7 @@ const Ie = {
           "flex gap-2 w-full pt-6",
           // espaço para label flutuante
           m === "row" ? "flex-row" : "flex-col",
-          l
+          s
         ),
         "aria-label": o,
         tabIndex: -1,
@@ -1114,7 +1114,7 @@ const Ie = {
 );
 We.displayName = "RadioGroup";
 const xe = M.forwardRef(
-  ({ children: t, className: o, as: r = "div", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "div", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1125,14 +1125,14 @@ const xe = M.forwardRef(
         "text-[var(--card-text,#111827)]",
         o
       ),
-      ...l
+      ...s
     },
     t
   )
 );
 xe.displayName = "CardHeader";
 const ge = M.forwardRef(
-  ({ children: t, className: o, as: r = "div", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "div", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1144,14 +1144,14 @@ const ge = M.forwardRef(
         "text-[var(--card-text,#111827)]",
         o
       ),
-      ...l
+      ...s
     },
     t
   )
 );
 ge.displayName = "CardBody";
 const he = M.forwardRef(
-  ({ children: t, className: o, as: r = "div", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "div", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1162,7 +1162,7 @@ const he = M.forwardRef(
         "text-[var(--card-text,#111827)]",
         o
       ),
-      ...l
+      ...s
     },
     t
   )
@@ -1173,7 +1173,7 @@ const Ae = M.forwardRef(
     children: t,
     className: o,
     variant: r = "default",
-    size: l = "md",
+    size: s = "md",
     padding: f = "none",
     // none pois cada seção tem seu próprio padding
     rounded: y = "lg",
@@ -1209,10 +1209,8 @@ const Ae = M.forwardRef(
         className: u(
           "flex flex-col",
           // Flex column para organizar header, body, footer
-          "overflow-hidden",
-          // Para manter os borders radius das seções
           E[r],
-          m && v[l],
+          m && v[s],
           // Aplicar max-width apenas se constrainWidth for true
           w[f],
           p[y],
@@ -1232,7 +1230,7 @@ const Ae = M.forwardRef(
     children: t,
     className: o,
     variant: r = "default",
-    size: l = "md",
+    size: s = "md",
     responsive: f = !1,
     stickyHeader: y = !1,
     ...m
@@ -1246,9 +1244,9 @@ const Ae = M.forwardRef(
       },
       // Size styles
       {
-        "text-sm": l === "sm",
-        "text-base": l === "md",
-        "text-lg": l === "lg"
+        "text-sm": s === "sm",
+        "text-base": s === "md",
+        "text-lg": s === "lg"
       },
       o
     ), E = u(
@@ -1268,7 +1266,7 @@ const Ae = M.forwardRef(
     return f || y ? /* @__PURE__ */ M.createElement("div", { className: E }, v) : v;
   }
 ), ye = M.forwardRef(
-  ({ children: t, className: o, as: r = "thead", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "thead", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1279,12 +1277,12 @@ const Ae = M.forwardRef(
         },
         o
       ),
-      ...l
+      ...s
     },
     t
   )
 ), Ee = M.forwardRef(
-  ({ children: t, className: o, as: r = "tbody", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "tbody", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1293,12 +1291,12 @@ const Ae = M.forwardRef(
         "[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",
         o
       ),
-      ...l
+      ...s
     },
     t
   )
 ), Ce = M.forwardRef(
-  ({ children: t, className: o, as: r = "tfoot", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, as: r = "tfoot", ...s }, f) => /* @__PURE__ */ M.createElement(
     r,
     {
       ref: f,
@@ -1306,12 +1304,12 @@ const Ae = M.forwardRef(
         "border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",
         o
       ),
-      ...l
+      ...s
     },
     t
   )
 ), Ne = M.forwardRef(
-  ({ children: t, className: o, variant: r = "default", ...l }, f) => /* @__PURE__ */ M.createElement(
+  ({ children: t, className: o, variant: r = "default", ...s }, f) => /* @__PURE__ */ M.createElement(
     "tr",
     {
       ref: f,
@@ -1323,7 +1321,7 @@ const Ae = M.forwardRef(
         },
         o
       ),
-      ...l
+      ...s
     },
     t
   )
@@ -1332,7 +1330,7 @@ const Ae = M.forwardRef(
     children: t,
     className: o,
     as: r = "td",
-    align: l = "left",
+    align: s = "left",
     scope: f,
     colSpan: y,
     rowSpan: m,
@@ -1349,8 +1347,8 @@ const Ae = M.forwardRef(
         {
           "font-semibold": r === "th",
           "text-sm": r === "td",
-          "text-center": l === "center",
-          "text-right": l === "right"
+          "text-center": s === "center",
+          "text-right": s === "right"
         },
         o
       ),
@@ -1375,7 +1373,7 @@ const De = Object.assign(we, {
   content: t,
   children: o,
   position: r = "top",
-  className: l = "",
+  className: s = "",
   disabled: f = !1
 }) => {
   const [y, m] = pe(!1), [z, T] = pe(r), E = be(null), v = be(null);
@@ -1444,7 +1442,7 @@ const De = Object.assign(we, {
           "bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]",
           "shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
           "transition-opacity duration-200 ease-in-out",
-          l
+          s
         ),
         style: { zIndex: 999999 },
         role: "tooltip",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rharuow-ds",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Modern React Design System with 11 components: Table (Header, Body, Footer, Row, Cell), Card (Header, Body, Footer), Button, Input (with password support), Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, RadioGroup, and Tooltip. Full React Hook Form integration, Tailwind CSS styling, CSS Variables for theme customization and dark mode support.",
   "main": "dist/rharuow-ds.cjs.js",
   "module": "dist/rharuow-ds.es.js",