rharuow-ds 1.0.8 → 1.0.9

package/dist/rharuow-ds.cjs.js

@@ -19,4 +19,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,g,p,V,p),K[p+g]=!0)}if(p=null,b!==void 0&&(a(b),p=""+b),E(r)&&(a(r.key),p=""+r.key),"key"in r){b={};for(var X in r)X!=="key"&&(b[X]=r[X])}else b=r;return p&&_(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,p,O,M,u(),b,G,H)}function v(e){typeof e=="object"&&e!==null&&e.$$typeof===j&&e._store&&(e._store.validated=1)}var R=ne,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),f=Symbol.for("react.consumer"),S=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),P=Symbol.for("react.activity"),k=Symbol.for("react.client.reference"),A=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,d=Object.prototype.hasOwnProperty,n=Array.isArray,w=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(e){return e()}};var L,z={},Z=R["react-stack-bottom-frame"].bind(R,m)(),Q=w(o(m)),K={};B.Fragment=s,B.jsx=function(e,r,b,g,M){var O=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,b,!1,g,M,O?Error("react-stack-top-frame"):Z,O?w(o(e)):Q)},B.jsxs=function(e,r,b,g,M){var O=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,b,!0,g,M,O?Error("react-stack-top-frame"):Z,O?w(o(e)):Q)}}()),B}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?J.exports=ue():J.exports=de()),J.exports}var l=fe();function ae(t){var i,a,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var u=t.length;for(i=0;i<u;i++)t[i]&&(a=ae(t[i]))&&(o&&(o+=" "),o+=a)}else for(a in t)t[a]&&(o&&(o+=" "),o+=a);return o}function be(){for(var t,i,a=0,o="",u=arguments.length;a<u;a++)(t=arguments[a])&&(i=ae(t))&&(o&&(o+=" "),o+=i);return o}function y(...t){return be(...t)}const me=({children:t,variant:i="default",className:a="",...o})=>{const u="px-4 py-2 rounded font-medium transition",m={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 l.jsx("button",{className:y(u,m[i],a),...o,children:t})},oe=N.forwardRef(({name:t,className:i,type:a="text",label:o,onFocus:u,onBlur:m,Icon:E,iconClassName:_,iconAction:c,containerClassName:W,...T},v)=>{var F,I,Y;const[R,j]=N.useState(!1),x=U.useFormContext(),s=x==null?void 0:x.control,C=x==null?void 0:x.register,D=s&&t?U.useWatch({control:s,name:t}):void 0,f=T.value??D??"",S=(Y=(I=(F=x==null?void 0:x.formState)==null?void 0:F.errors)==null?void 0:I[t])==null?void 0:Y.message,$=R||!!f;return l.jsxs("div",{className:y("relative",W),children:[l.jsx("input",{id:T.id||t,type:a,className:y("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",i),onFocus:h=>{j(!0),u&&u(h)},...x&&t?(()=>{const h=C(t),P=h.onBlur;return{...h,ref:k=>{typeof v=="function"?v(k):v&&(v.current=k),h.ref&&h.ref(k)},onBlur:k=>{j(!1),m&&m(k),P&&P(k)}}})():{ref:v,onBlur:h=>{j(!1),m&&m(h)}},...T}),o&&l.jsx("label",{htmlFor:T.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:o}),E&&l.jsx("div",{className:y("absolute top-1/2 right-3 -translate-y-1/2 text-white",_),onClick:c,children:l.jsx(E,{})}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});oe.displayName="Input";const se=N.forwardRef(({name:t,label:i,options:a,className:o,containerClassName:u,isClearable:m,onFocus:E,onBlur:_,...c},W)=>{var h,P,k,A;const[T,v]=N.useState(!1),[R,j]=N.useState(!1),x=N.useRef(null),s=U.useFormContext(),C=s==null?void 0:s.control,D=C&&t?U.useWatch({control:C,name:t}):void 0,f=c.value??D??"",S=(k=(P=(h=s==null?void 0:s.formState)==null?void 0:h.errors)==null?void 0:P[t])==null?void 0:k.message,$=T||!!f;N.useEffect(()=>{const d=n=>{x.current&&!x.current.contains(n.target)&&(j(!1),v(!1))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const F=()=>{j(d=>!d),v(!0)},I=d=>{v(!0),E&&E(d)},Y=d=>{_&&_(d)};return l.jsxs("div",{className:y("relative",u),ref:x,children:[l.jsxs("div",{id:c.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":R,className:y("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",o),onClick:F,onFocus:I,onBlur:Y,ref:W,children:[l.jsx("span",{className:y("block truncate",!f&&"text-gray-400"),children:(A=a.find(d=>d.value===f))==null?void 0:A.label}),m&&f&&l.jsx("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:d=>{if(d.stopPropagation(),s&&t&&s.setValue(t,""),c.onChange){const n={target:{value:""}};c.onChange(n)}j(!1),v(!1)},children:"✕"})]}),i&&l.jsx("label",{htmlFor:c.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:i}),l.jsx("div",{className:y("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",R?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:R?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"},children:a.map(d=>l.jsx("div",{className:y("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",f===d.value&&"bg-blue-100"),onMouseDown:()=>{if(s&&t&&s.setValue(t,d.value),c.onChange){const n={target:{value:d.value}};c.onChange(n)}v(!0)},children:d.label},d.value))}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});se.displayName="Select";const le=N.forwardRef(({name:t,label:i,options:a,className:o,containerClassName:u,isClearable:m,onFocus:E,onBlur:_,...c},W)=>{var k,A,d;const[T,v]=N.useState(!1),[R,j]=N.useState(!1),x=N.useRef(null),s=U.useFormContext(),C=s==null?void 0:s.control,D=C&&t?U.useWatch({control:C,name:t}):void 0,f=c.value??D??[],S=(d=(A=(k=s==null?void 0:s.formState)==null?void 0:k.errors)==null?void 0:A[t])==null?void 0:d.message,$=T||f&&f.length>0;N.useEffect(()=>{const n=w=>{x.current&&!x.current.contains(w.target)&&(j(!1),v(!1))};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[]);const F=()=>{j(n=>!n),v(!0)},I=n=>{v(!0),E&&E(n)},Y=n=>{_&&_(n)},h=n=>{var L;let w;f.includes(n)?w=f.filter(z=>z!==n):w=[...f,n],s&&t&&s.setValue(t,w),c.onChange&&((L=c.onChange)==null||L.call(c,{target:{value:w}})),v(!0)},P=n=>{var w;n.stopPropagation(),s&&t&&s.setValue(t,[]),c.onChange&&((w=c.onChange)==null||w.call(c,{target:{value:[]}})),j(!1),v(!1)};return l.jsxs("div",{className:y("relative",u),ref:x,children:[l.jsxs("div",{id:c.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":R,className:y("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",o),onClick:F,onFocus:I,onBlur:Y,ref:W,children:[l.jsx("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"},children:f&&f.length>0?a.filter(n=>f.includes(n.value)).map(n=>l.jsxs("span",{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"},children:[l.jsx("span",{className:"truncate",title:n.label,children:n.label}),l.jsx("button",{type:"button",className:"ml-1 text-blue-400 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 ${n.label}`,tabIndex:-1,onClick:w=>{w.stopPropagation();const L=f.filter(z=>z!==n.value);s&&t&&s.setValue(t,L),c.onChange&&c.onChange({target:{value:L}})},children:l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]},n.value)):l.jsx("span",{className:"text-gray-400 text-sm",children:"Selecione..."})}),m&&f&&f.length>0&&l.jsx("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:P,children:"✕"})]}),i&&l.jsx("label",{htmlFor:c.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:i}),l.jsx("div",{className:y("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",R?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:R?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"},children:a.map(n=>l.jsxs("div",{className:y("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",f.includes(n.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>h(n.value),children:[l.jsx("input",{type:"checkbox",checked:f.includes(n.value),readOnly:!0,className:"accent-blue-500"}),n.label]},n.value))}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});le.displayName="MultiSelect";exports.Button=me;exports.Input=oe;exports.MultiSelect=le;exports.Select=se;
+  <%s key={someKey} {...props} />`,g,p,V,p),K[p+g]=!0)}if(p=null,b!==void 0&&(a(b),p=""+b),E(r)&&(a(r.key),p=""+r.key),"key"in r){b={};for(var X in r)X!=="key"&&(b[X]=r[X])}else b=r;return p&&_(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,p,O,M,u(),b,G,H)}function v(e){typeof e=="object"&&e!==null&&e.$$typeof===j&&e._store&&(e._store.validated=1)}var R=ne,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),f=Symbol.for("react.consumer"),S=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),P=Symbol.for("react.activity"),k=Symbol.for("react.client.reference"),A=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,d=Object.prototype.hasOwnProperty,n=Array.isArray,w=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(e){return e()}};var L,z={},Z=R["react-stack-bottom-frame"].bind(R,m)(),Q=w(o(m)),K={};B.Fragment=s,B.jsx=function(e,r,b,g,M){var O=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,b,!1,g,M,O?Error("react-stack-top-frame"):Z,O?w(o(e)):Q)},B.jsxs=function(e,r,b,g,M){var O=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,b,!0,g,M,O?Error("react-stack-top-frame"):Z,O?w(o(e)):Q)}}()),B}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?J.exports=ue():J.exports=de()),J.exports}var l=fe();function ae(t){var i,a,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var u=t.length;for(i=0;i<u;i++)t[i]&&(a=ae(t[i]))&&(o&&(o+=" "),o+=a)}else for(a in t)t[a]&&(o&&(o+=" "),o+=a);return o}function be(){for(var t,i,a=0,o="",u=arguments.length;a<u;a++)(t=arguments[a])&&(i=ae(t))&&(o&&(o+=" "),o+=i);return o}function y(...t){return be(...t)}const me=({children:t,variant:i="default",className:a="",...o})=>{const u="px-4 py-2 rounded font-medium transition",m={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 l.jsx("button",{className:y(u,m[i],a),...o,children:t})},oe=N.forwardRef(({name:t,className:i,type:a="text",label:o,onFocus:u,onBlur:m,Icon:E,iconClassName:_,iconAction:c,containerClassName:W,...T},v)=>{var F,I,Y;const[R,j]=N.useState(!1),x=U.useFormContext(),s=x==null?void 0:x.control,C=x==null?void 0:x.register,D=s&&t?U.useWatch({control:s,name:t}):void 0,f=T.value??D??"",S=(Y=(I=(F=x==null?void 0:x.formState)==null?void 0:F.errors)==null?void 0:I[t])==null?void 0:Y.message,$=R||!!f;return l.jsxs("div",{className:y("relative",W),children:[l.jsx("input",{id:T.id||t,type:a,className:y("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",i),onFocus:h=>{j(!0),u&&u(h)},...x&&t?(()=>{const h=C(t),P=h.onBlur;return{...h,ref:k=>{typeof v=="function"?v(k):v&&(v.current=k),h.ref&&h.ref(k)},onBlur:k=>{j(!1),m&&m(k),P&&P(k)}}})():{ref:v,onBlur:h=>{j(!1),m&&m(h)}},...T}),o&&l.jsx("label",{htmlFor:T.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:o}),E&&l.jsx("div",{className:y("absolute top-1/2 right-3 -translate-y-1/2 text-white",_),onClick:c,children:l.jsx(E,{})}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});oe.displayName="Input";const se=N.forwardRef(({name:t,label:i,options:a,className:o,containerClassName:u,isClearable:m,onFocus:E,onBlur:_,...c},W)=>{var h,P,k,A;const[T,v]=N.useState(!1),[R,j]=N.useState(!1),x=N.useRef(null),s=U.useFormContext(),C=s==null?void 0:s.control,D=C&&t?U.useWatch({control:C,name:t}):void 0,f=c.value??D??"",S=(k=(P=(h=s==null?void 0:s.formState)==null?void 0:h.errors)==null?void 0:P[t])==null?void 0:k.message,$=T||!!f;N.useEffect(()=>{const d=n=>{x.current&&!x.current.contains(n.target)&&(j(!1),v(!1))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const F=()=>{j(d=>!d),v(!0)},I=d=>{v(!0),E&&E(d)},Y=d=>{_&&_(d)};return l.jsxs("div",{className:y("relative",u),ref:x,children:[l.jsxs("div",{id:c.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":R,className:y("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",o),onClick:F,onFocus:I,onBlur:Y,ref:W,children:[l.jsx("span",{className:y("block truncate",!f&&"text-gray-400"),children:((A=a.find(d=>d.value===f))==null?void 0:A.label)||!i&&"Selecione..."}),m&&f&&l.jsx("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:d=>{if(d.stopPropagation(),s&&t&&s.setValue(t,""),c.onChange){const n={target:{value:""}};c.onChange(n)}j(!1),v(!1)},children:"✕"})]}),i&&l.jsx("label",{htmlFor:c.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:i}),l.jsx("div",{className:y("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",R?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:R?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"},children:a.map(d=>l.jsx("div",{className:y("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",f===d.value&&"bg-blue-100"),onMouseDown:()=>{if(s&&t&&s.setValue(t,d.value),c.onChange){const n={target:{value:d.value}};c.onChange(n)}v(!0)},children:d.label},d.value))}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});se.displayName="Select";const le=N.forwardRef(({name:t,label:i,options:a,className:o,containerClassName:u,isClearable:m,onFocus:E,onBlur:_,...c},W)=>{var k,A,d;const[T,v]=N.useState(!1),[R,j]=N.useState(!1),x=N.useRef(null),s=U.useFormContext(),C=s==null?void 0:s.control,D=C&&t?U.useWatch({control:C,name:t}):void 0,f=c.value??D??[],S=(d=(A=(k=s==null?void 0:s.formState)==null?void 0:k.errors)==null?void 0:A[t])==null?void 0:d.message,$=T||f&&f.length>0;N.useEffect(()=>{const n=w=>{x.current&&!x.current.contains(w.target)&&(j(!1),v(!1))};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[]);const F=()=>{j(n=>!n),v(!0)},I=n=>{v(!0),E&&E(n)},Y=n=>{_&&_(n)},h=n=>{var L;let w;f.includes(n)?w=f.filter(z=>z!==n):w=[...f,n],s&&t&&s.setValue(t,w),c.onChange&&((L=c.onChange)==null||L.call(c,{target:{value:w}})),v(!0)},P=n=>{var w;n.stopPropagation(),s&&t&&s.setValue(t,[]),c.onChange&&((w=c.onChange)==null||w.call(c,{target:{value:[]}})),j(!1),v(!1)};return l.jsxs("div",{className:y("relative",u),ref:x,children:[l.jsxs("div",{id:c.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":R,className:y("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",o),onClick:F,onFocus:I,onBlur:Y,ref:W,children:[l.jsx("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"},children:f&&f.length>0?a.filter(n=>f.includes(n.value)).map(n=>l.jsxs("span",{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"},children:[l.jsx("span",{className:"truncate",title:n.label,children:n.label}),l.jsx("button",{type:"button",className:"ml-1 text-blue-400 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 ${n.label}`,tabIndex:-1,onClick:w=>{w.stopPropagation();const L=f.filter(z=>z!==n.value);s&&t&&s.setValue(t,L),c.onChange&&c.onChange({target:{value:L}})},children:l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]},n.value)):!i&&l.jsx("span",{className:"text-gray-400 text-sm",children:"Selecione..."})}),m&&f&&f.length>0&&l.jsx("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:P,children:"✕"})]}),i&&l.jsx("label",{htmlFor:c.id||t,className:y("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5"),children:i}),l.jsx("div",{className:y("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",R?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:R?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"},children:a.map(n=>l.jsxs("div",{className:y("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",f.includes(n.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>h(n.value),children:[l.jsx("input",{type:"checkbox",checked:f.includes(n.value),readOnly:!0,className:"accent-blue-500"}),n.label]},n.value))}),S&&l.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});le.displayName="MultiSelect";exports.Button=me;exports.Input=oe;exports.MultiSelect=le;exports.Select=se;

package/dist/rharuow-ds.es.js

@@ -15,23 +15,23 @@ var te;
 function le() {
   if (te) return U;
   te = 1;
-  var t = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
-  function l(s, c, m) {
+  var t = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function l(s, u, m) {
     var w = null;
-    if (m !== void 0 && (w = "" + m), c.key !== void 0 && (w = "" + c.key), "key" in c) {
+    if (m !== void 0 && (w = "" + m), u.key !== void 0 && (w = "" + u.key), "key" in u) {
       m = {};
-      for (var _ in c)
-        _ !== "key" && (m[_] = c[_]);
-    } else m = c;
-    return c = m.ref, {
+      for (var _ in u)
+        _ !== "key" && (m[_] = u[_]);
+    } else m = u;
+    return u = m.ref, {
       $$typeof: t,
       type: s,
       key: w,
-      ref: c !== void 0 ? c : null,
+      ref: u !== void 0 ? u : null,
       props: m
     };
   }
-  return U.Fragment = d, U.jsx = l, U.jsxs = l, U;
+  return U.Fragment = i, U.jsx = l, U.jsxs = l, U;
 }
 var J = {};
 /**
@@ -89,12 +89,12 @@ function ie() {
         }
       return null;
     }
-    function d(e) {
+    function i(e) {
       return "" + e;
     }
     function l(e) {
       try {
-        d(e);
+        i(e);
         var r = !1;
       } catch {
         r = !0;
@@ -106,7 +106,7 @@ function ie() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           g
-        ), d(e);
+        ), i(e);
       }
     }
     function s(e) {
@@ -120,7 +120,7 @@ function ie() {
         return "<...>";
       }
     }
-    function c() {
+    function u() {
       var e = P.A;
       return e === null ? null : e.getOwner();
     }
@@ -128,7 +128,7 @@ function ie() {
       return Error("react-stack-top-frame");
     }
     function w(e) {
-      if (u.call(e, "key")) {
+      if (d.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -146,7 +146,7 @@ function ie() {
         configurable: !0
       });
     }
-    function i() {
+    function c() {
       var e = t(this.type);
       return z[e] || (z[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
@@ -161,7 +161,7 @@ function ie() {
         _owner: W
       }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: i
+        get: c
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -197,7 +197,7 @@ function ie() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else x(p);
-      if (u.call(r, "key")) {
+      if (d.call(r, "key")) {
         p = t(e);
         var V = Object.keys(r).filter(function(oe) {
           return oe !== "key";
@@ -228,7 +228,7 @@ React keys must be passed directly to JSX without using spread:
         p,
         C,
         W,
-        c(),
+        u(),
         b,
         B,
         G
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function x(e) {
       typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
     }
-    var R = se, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), f = Symbol.for("react.consumer"), S = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), P = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, u = Object.prototype.hasOwnProperty, n = Array.isArray, E = console.createTask ? console.createTask : function() {
+    var R = se, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), f = Symbol.for("react.consumer"), S = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), P = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, d = Object.prototype.hasOwnProperty, n = Array.isArray, E = console.createTask ? console.createTask : function() {
       return null;
     };
     R = {
@@ -282,16 +282,16 @@ function ce() {
 }
 var o = ce();
 function ae(t) {
-  var d, l, s = "";
+  var i, l, s = "";
   if (typeof t == "string" || typeof t == "number") s += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var c = t.length;
-    for (d = 0; d < c; d++) t[d] && (l = ae(t[d])) && (s && (s += " "), s += l);
+    var u = t.length;
+    for (i = 0; i < u; i++) t[i] && (l = ae(t[i])) && (s && (s += " "), s += l);
   } else for (l in t) t[l] && (s && (s += " "), s += l);
   return s;
 }
 function ue() {
-  for (var t, d, l = 0, s = "", c = arguments.length; l < c; l++) (t = arguments[l]) && (d = ae(t)) && (s && (s += " "), s += d);
+  for (var t, i, l = 0, s = "", u = arguments.length; l < u; l++) (t = arguments[l]) && (i = ae(t)) && (s && (s += " "), s += i);
   return s;
 }
 function y(...t) {
@@ -299,27 +299,27 @@ function y(...t) {
 }
 const ve = ({
   children: t,
-  variant: d = "default",
+  variant: i = "default",
   className: l = "",
   ...s
 }) => {
-  const c = "px-4 py-2 rounded font-medium transition", m = {
+  const u = "px-4 py-2 rounded font-medium transition", m = {
     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__ */ o.jsx("button", { className: y(c, m[d], l), ...s, children: t });
+  return /* @__PURE__ */ o.jsx("button", { className: y(u, m[i], l), ...s, children: t });
 }, de = N.forwardRef(
   ({
     name: t,
-    className: d,
+    className: i,
     type: l = "text",
     label: s,
-    onFocus: c,
+    onFocus: u,
     onBlur: m,
     Icon: w,
     iconClassName: _,
-    iconAction: i,
+    iconAction: c,
     containerClassName: M,
     ...T
   }, x) => {
@@ -333,10 +333,10 @@ const ve = ({
           type: l,
           className: y(
             "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",
-            d
+            i
           ),
           onFocus: (h) => {
-            j(!0), c && c(h);
+            j(!0), u && u(h);
           },
           ...v && t ? (() => {
             const h = O(t), A = h.onBlur;
@@ -376,7 +376,7 @@ const ve = ({
             "absolute top-1/2 right-3 -translate-y-1/2 text-white",
             _
           ),
-          onClick: i,
+          onClick: c,
           children: /* @__PURE__ */ o.jsx(w, {})
         }
       ),
@@ -388,37 +388,37 @@ de.displayName = "Input";
 const fe = N.forwardRef(
   ({
     name: t,
-    label: d,
+    label: i,
     options: l,
     className: s,
-    containerClassName: c,
+    containerClassName: u,
     isClearable: m,
     onFocus: w,
     onBlur: _,
-    ...i
+    ...c
   }, M) => {
     var h, A, k, P;
-    const [T, x] = N.useState(!1), [R, j] = N.useState(!1), v = N.useRef(null), a = H(), O = a == null ? void 0 : a.control, D = O && t ? Z({ control: O, name: t }) : void 0, f = i.value ?? D ?? "", S = (k = (A = (h = a == null ? void 0 : a.formState) == null ? void 0 : h.errors) == null ? void 0 : A[t]) == null ? void 0 : k.message, $ = T || !!f;
+    const [T, x] = N.useState(!1), [R, j] = N.useState(!1), v = N.useRef(null), a = H(), O = a == null ? void 0 : a.control, D = O && t ? Z({ control: O, name: t }) : void 0, f = c.value ?? D ?? "", S = (k = (A = (h = a == null ? void 0 : a.formState) == null ? void 0 : h.errors) == null ? void 0 : A[t]) == null ? void 0 : k.message, $ = T || !!f;
     N.useEffect(() => {
-      const u = (n) => {
+      const d = (n) => {
         v.current && !v.current.contains(n.target) && (j(!1), x(!1));
       };
-      return document.addEventListener("mousedown", u), () => {
-        document.removeEventListener("mousedown", u);
+      return document.addEventListener("mousedown", d), () => {
+        document.removeEventListener("mousedown", d);
       };
     }, []);
     const F = () => {
-      j((u) => !u), x(!0);
-    }, Y = (u) => {
-      x(!0), w && w(u);
-    }, I = (u) => {
-      _ && _(u);
+      j((d) => !d), x(!0);
+    }, Y = (d) => {
+      x(!0), w && w(d);
+    }, I = (d) => {
+      _ && _(d);
     };
-    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", c), ref: v, children: [
+    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", u), ref: v, children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          id: i.id || t,
+          id: c.id || t,
           tabIndex: 0,
           role: "button",
           "aria-haspopup": "listbox",
@@ -432,7 +432,7 @@ const fe = N.forwardRef(
           onBlur: I,
           ref: M,
           children: [
-            /* @__PURE__ */ o.jsx("span", { className: y("block truncate", !f && "text-gray-400"), children: (P = l.find((u) => u.value === f)) == null ? void 0 : P.label }),
+            /* @__PURE__ */ o.jsx("span", { className: y("block truncate", !f && "text-gray-400"), children: ((P = l.find((d) => d.value === f)) == null ? void 0 : P.label) || !i && "Selecione..." }),
             m && f && /* @__PURE__ */ o.jsx(
               "button",
               {
@@ -440,12 +440,12 @@ const fe = N.forwardRef(
                 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: (u) => {
-                  if (u.stopPropagation(), a && t && a.setValue(t, ""), i.onChange) {
+                onClick: (d) => {
+                  if (d.stopPropagation(), a && t && a.setValue(t, ""), c.onChange) {
                     const n = {
                       target: { value: "" }
                     };
-                    i.onChange(n);
+                    c.onChange(n);
                   }
                   j(!1), x(!1);
                 },
@@ -455,15 +455,15 @@ const fe = N.forwardRef(
           ]
         }
       ),
-      d && /* @__PURE__ */ o.jsx(
+      i && /* @__PURE__ */ o.jsx(
         "label",
         {
-          htmlFor: i.id || t,
+          htmlFor: c.id || t,
           className: y(
             "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
             $ ? "top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
           ),
-          children: d
+          children: i
         }
       ),
       /* @__PURE__ */ o.jsx(
@@ -478,25 +478,25 @@ const fe = N.forwardRef(
             // 3 options * 2.5rem + padding
             overflowY: l.length > 3 ? "auto" : "hidden"
           },
-          children: l.map((u) => /* @__PURE__ */ o.jsx(
+          children: l.map((d) => /* @__PURE__ */ o.jsx(
             "div",
             {
               className: y(
                 "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",
-                f === u.value && "bg-blue-100"
+                f === d.value && "bg-blue-100"
               ),
               onMouseDown: () => {
-                if (a && t && a.setValue(t, u.value), i.onChange) {
+                if (a && t && a.setValue(t, d.value), c.onChange) {
                   const n = {
-                    target: { value: u.value }
+                    target: { value: d.value }
                   };
-                  i.onChange(n);
+                  c.onChange(n);
                 }
                 x(!0);
               },
-              children: u.label
+              children: d.label
             },
-            u.value
+            d.value
           ))
         }
       ),
@@ -508,17 +508,17 @@ fe.displayName = "Select";
 const be = N.forwardRef(
   ({
     name: t,
-    label: d,
+    label: i,
     options: l,
     className: s,
-    containerClassName: c,
+    containerClassName: u,
     isClearable: m,
     onFocus: w,
     onBlur: _,
-    ...i
+    ...c
   }, M) => {
-    var k, P, u;
-    const [T, x] = N.useState(!1), [R, j] = N.useState(!1), v = N.useRef(null), a = H(), O = a == null ? void 0 : a.control, D = O && t ? Z({ control: O, name: t }) : void 0, f = i.value ?? D ?? [], S = (u = (P = (k = a == null ? void 0 : a.formState) == null ? void 0 : k.errors) == null ? void 0 : P[t]) == null ? void 0 : u.message, $ = T || f && f.length > 0;
+    var k, P, d;
+    const [T, x] = N.useState(!1), [R, j] = N.useState(!1), v = N.useRef(null), a = H(), O = a == null ? void 0 : a.control, D = O && t ? Z({ control: O, name: t }) : void 0, f = c.value ?? D ?? [], S = (d = (P = (k = a == null ? void 0 : a.formState) == null ? void 0 : k.errors) == null ? void 0 : P[t]) == null ? void 0 : d.message, $ = T || f && f.length > 0;
     N.useEffect(() => {
       const n = (E) => {
         v.current && !v.current.contains(E.target) && (j(!1), x(!1));
@@ -536,20 +536,20 @@ const be = N.forwardRef(
     }, h = (n) => {
       var L;
       let E;
-      f.includes(n) ? E = f.filter((z) => z !== n) : E = [...f, n], a && t && a.setValue(t, E), i.onChange && ((L = i.onChange) == null || L.call(i, {
+      f.includes(n) ? E = f.filter((z) => z !== n) : E = [...f, n], a && t && a.setValue(t, E), c.onChange && ((L = c.onChange) == null || L.call(c, {
         target: { value: E }
       })), x(!0);
     }, A = (n) => {
       var E;
-      n.stopPropagation(), a && t && a.setValue(t, []), i.onChange && ((E = i.onChange) == null || E.call(i, {
+      n.stopPropagation(), a && t && a.setValue(t, []), c.onChange && ((E = c.onChange) == null || E.call(c, {
         target: { value: [] }
       })), j(!1), x(!1);
     };
-    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", c), ref: v, children: [
+    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", u), ref: v, children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          id: i.id || t,
+          id: c.id || t,
           tabIndex: 0,
           role: "button",
           "aria-haspopup": "listbox",
@@ -585,7 +585,7 @@ const be = N.forwardRef(
                           onClick: (E) => {
                             E.stopPropagation();
                             const L = f.filter((z) => z !== n.value);
-                            a && t && a.setValue(t, L), i.onChange && i.onChange({
+                            a && t && a.setValue(t, L), c.onChange && c.onChange({
                               target: { value: L }
                             });
                           },
@@ -613,7 +613,7 @@ const be = N.forwardRef(
                     ]
                   },
                   n.value
-                )) : /* @__PURE__ */ o.jsx("span", { className: "text-gray-400 text-sm", children: "Selecione..." })
+                )) : !i && /* @__PURE__ */ o.jsx("span", { className: "text-gray-400 text-sm", children: "Selecione..." })
               }
             ),
             m && f && f.length > 0 && /* @__PURE__ */ o.jsx(
@@ -630,15 +630,15 @@ const be = N.forwardRef(
           ]
         }
       ),
-      d && /* @__PURE__ */ o.jsx(
+      i && /* @__PURE__ */ o.jsx(
         "label",
         {
-          htmlFor: i.id || t,
+          htmlFor: c.id || t,
           className: y(
             "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
             $ ? "top-0 scale-90 -translate-y-1 text-xs text-blue-400 p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
           ),
-          children: d
+          children: i
         }
       ),
       /* @__PURE__ */ o.jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rharuow-ds",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "main": "dist/rharuow-ds.cjs.js",
   "module": "dist/rharuow-ds.es.js",
   "types": "dist/types/src/components/index.d.ts",