rharuow-ds 1.0.6 → 1.0.8

package/dist/rharuow-ds.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),Z=require("react-hook-form");function ue(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(s,a,n.get?n:{enumerable:!0,get:()=>r[a]})}}return s.default=r,Object.freeze(s)}const Q=ue(te);var C={exports:{}},k={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ne=require("react"),U=require("react-hook-form");function ce(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return i.default=t,Object.freeze(i)}const N=ce(ne);var J={exports:{}},q={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var K;function ce(){if(K)return k;K=1;var r=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function a(n,u,c){var m=null;if(c!==void 0&&(m=""+c),u.key!==void 0&&(m=""+u.key),"key"in u){c={};for(var R in u)R!=="key"&&(c[R]=u[R])}else c=u;return u=c.ref,{$$typeof:r,type:n,key:m,ref:u!==void 0?u:null,props:c}}return k.Fragment=s,k.jsx=a,k.jsxs=a,k}var O={};/**
+ */var ee;function ue(){if(ee)return q;ee=1;var t=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function a(o,u,m){var E=null;if(m!==void 0&&(E=""+m),u.key!==void 0&&(E=""+u.key),"key"in u){m={};for(var _ in u)_!=="key"&&(m[_]=u[_])}else m=u;return u=m.ref,{$$typeof:t,type:o,key:E,ref:u!==void 0?u:null,props:m}}return q.Fragment=i,q.jsx=a,q.jsxs=a,q}var B={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ee;function le(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===p?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case D:return"Profiler";case I:return"StrictMode";case w:return"Suspense";case A:return"SuspenseList";case N:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case f:return"Portal";case S:return(e.displayName||"Context")+".Provider";case $:return(e._context.displayName||"Context")+".Consumer";case M:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case P:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case d:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function s(e){return""+e}function a(e){try{s(e);var t=!1}catch{t=!0}if(t){t=console;var o=t.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),s(e)}}function n(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===d)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function u(){var e=W.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function m(e){if(J.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function R(e,t){function o(){V||(V=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function Y(){var e=r(this.type);return G[e]||(G[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.")),e=this.props.ref,e!==void 0?e:null}function F(e,t,o,l,E,b,U,q){return o=b.ref,e={$$typeof:y,type:e,key:t,props:b,_owner:E},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:Y}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function x(e,t,o,l,E,b,U,q){var i=t.children;if(i!==void 0)if(l)if(oe(i)){for(l=0;l<i.length;l++)v(i[l]);Object.freeze&&Object.freeze(i)}else console.error("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 v(i);if(J.call(t,"key")){i=r(e);var h=Object.keys(t).filter(function(se){return se!=="key"});l=0<h.length?"{key: someKey, "+h.join(": ..., ")+": ...}":"{key: someKey}",H[i+l]||(h=0<h.length?"{"+h.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var te;function de(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===k?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case s:return"Fragment";case D:return"Profiler";case C:return"StrictMode";case F:return"Suspense";case I:return"SuspenseList";case P:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case x:return"Portal";case S:return(e.displayName||"Context")+".Provider";case f:return(e._context.displayName||"Context")+".Consumer";case $:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Y:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case h:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function i(e){return""+e}function a(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var b=r.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return b.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),i(e)}}function o(e){if(e===s)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===h)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=A.A;return e===null?null:e.getOwner()}function m(){return Error("react-stack-top-frame")}function E(e){if(d.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function _(e,r){function b(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}b.isReactWarning=!0,Object.defineProperty(e,"key",{get:b,configurable:!0})}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.")),e=this.props.ref,e!==void 0?e:null}function W(e,r,b,g,M,O,G,H){return b=O.ref,e={$$typeof:j,type:e,key:r,props:O,_owner:M},(b!==void 0?b:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:c}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,b,g,M,O,G,H){var p=r.children;if(p!==void 0)if(g)if(n(p)){for(g=0;g<p.length;g++)v(p[g]);Object.freeze&&Object.freeze(p)}else console.error("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 v(p);if(d.call(r,"key")){p=t(e);var V=Object.keys(r).filter(function(ie){return ie!=="key"});g=0<V.length?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}",K[p+g]||(V=0<V.length?"{"+V.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,i,h,i),H[i+l]=!0)}if(i=null,o!==void 0&&(a(o),i=""+o),m(t)&&(a(t.key),i=""+t.key),"key"in t){o={};for(var z in t)z!=="key"&&(o[z]=t[z])}else o=t;return i&&R(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),F(e,i,b,E,u(),o,U,q)}function v(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var g=te,y=Symbol.for("react.transitional.element"),f=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),S=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),p=Symbol.for("react.client.reference"),W=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,oe=Array.isArray,L=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(e){return e()}};var V,G={},B=g["react-stack-bottom-frame"].bind(g,c)(),X=L(n(c)),H={};O.Fragment=T,O.jsx=function(e,t,o,l,E){var b=1e4>W.recentlyCreatedOwnerStacks++;return x(e,t,o,!1,l,E,b?Error("react-stack-top-frame"):B,b?L(n(e)):X)},O.jsxs=function(e,t,o,l,E){var b=1e4>W.recentlyCreatedOwnerStacks++;return x(e,t,o,!0,l,E,b?Error("react-stack-top-frame"):B,b?L(n(e)):X)}}()),O}var re;function ie(){return re||(re=1,process.env.NODE_ENV==="production"?C.exports=ce():C.exports=le()),C.exports}var _=ie();function ne(r){var s,a,n="";if(typeof r=="string"||typeof r=="number")n+=r;else if(typeof r=="object")if(Array.isArray(r)){var u=r.length;for(s=0;s<u;s++)r[s]&&(a=ne(r[s]))&&(n&&(n+=" "),n+=a)}else for(a in r)r[a]&&(n&&(n+=" "),n+=a);return n}function fe(){for(var r,s,a=0,n="",u=arguments.length;a<u;a++)(r=arguments[a])&&(s=ne(r))&&(n&&(n+=" "),n+=s);return n}function j(...r){return fe(...r)}const de=({children:r,variant:s="default",className:a="",...n})=>{const u="px-4 py-2 rounded font-medium transition",c={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 _.jsx("button",{className:j(u,c[s],a),...n,children:r})},ae=Q.forwardRef(({name:r,className:s,type:a="text",label:n,onFocus:u,onBlur:c,Icon:m,iconClassName:R,iconAction:Y,containerClassName:F,...x},v)=>{var w,A,P;const[g,y]=Q.useState(!1),f=Z.useFormContext(),T=f==null?void 0:f.control,I=f==null?void 0:f.register,D=T&&r?Z.useWatch({control:T,name:r}):void 0,$=x.value??D??"",S=(P=(A=(w=f==null?void 0:f.formState)==null?void 0:w.errors)==null?void 0:A[r])==null?void 0:P.message,M=g||!!$;return _.jsxs("div",{className:j("relative",F),children:[_.jsx("input",{id:x.id||r,type:a,className:j("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",s),onFocus:d=>{y(!0),u&&u(d)},...f&&r?(()=>{const d=I(r),N=d.onBlur;return{...d,ref:p=>{typeof v=="function"?v(p):v&&(v.current=p),d.ref&&d.ref(p)},onBlur:p=>{y(!1),c&&c(p),N&&N(p)}}})():{ref:v,onBlur:d=>{y(!1),c&&c(d)}},...x}),n&&_.jsx("label",{htmlFor:x.id||r,className:j("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",M?"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:n}),m&&_.jsx("div",{className:j("absolute top-1/2 right-3 -translate-y-1/2 text-white",R),onClick:Y,children:_.jsx(m,{})}),S&&_.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:S})]})});ae.displayName="Input";exports.Button=de;exports.Input=ae;
+  <%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;

package/dist/rharuow-ds.es.js

@@ -1,7 +1,7 @@
-import * as Z from "react";
-import ae from "react";
-import { useFormContext as oe, useWatch as se } from "react-hook-form";
-var C = { exports: {} }, k = {};
+import * as N from "react";
+import se from "react";
+import { useFormContext as H, useWatch as Z } from "react-hook-form";
+var q = { exports: {} }, U = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,29 +11,29 @@ var C = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q;
-function ue() {
-  if (Q) return k;
-  Q = 1;
-  var t = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
-  function s(n, o, l) {
-    var b = null;
-    if (l !== void 0 && (b = "" + l), o.key !== void 0 && (b = "" + o.key), "key" in o) {
-      l = {};
-      for (var R in o)
-        R !== "key" && (l[R] = o[R]);
-    } else l = o;
-    return o = l.ref, {
+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 w = null;
+    if (m !== void 0 && (w = "" + m), c.key !== void 0 && (w = "" + c.key), "key" in c) {
+      m = {};
+      for (var _ in c)
+        _ !== "key" && (m[_] = c[_]);
+    } else m = c;
+    return c = m.ref, {
       $$typeof: t,
-      type: n,
-      key: b,
-      ref: o !== void 0 ? o : null,
-      props: l
+      type: s,
+      key: w,
+      ref: c !== void 0 ? c : null,
+      props: m
     };
   }
-  return k.Fragment = u, k.jsx = s, k.jsxs = s, k;
+  return U.Fragment = d, U.jsx = l, U.jsxs = l, U;
 }
-var j = {};
+var J = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,44 +43,44 @@ var j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var K;
-function le() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && function() {
+var re;
+function ie() {
+  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === p ? null : e.displayName || e.name || null;
+        return e.$$typeof === k ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case y:
+        case a:
           return "Fragment";
         case D:
           return "Profiler";
-        case I:
+        case O:
           return "StrictMode";
-        case A:
+        case F:
           return "Suspense";
-        case S:
+        case Y:
           return "SuspenseList";
-        case N:
+        case A:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case f:
+          case v:
             return "Portal";
-          case w:
+          case S:
             return (e.displayName || "Context") + ".Provider";
-          case W:
+          case f:
             return (e._context.displayName || "Context") + ".Consumer";
           case $:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case P:
+          case I:
             return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
-          case d:
+          case h:
             r = e._payload, e = e._init;
             try {
               return t(e(r));
@@ -89,29 +89,29 @@ function le() {
         }
       return null;
     }
-    function u(e) {
+    function d(e) {
       return "" + e;
     }
-    function s(e) {
+    function l(e) {
       try {
-        u(e);
+        d(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var a = r.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
+        var b = r.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return b.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          c
-        ), u(e);
+          g
+        ), d(e);
       }
     }
-    function n(e) {
-      if (e === y) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === d)
+    function s(e) {
+      if (e === a) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
         return "<...>";
       try {
         var r = t(e);
@@ -120,48 +120,48 @@ function le() {
         return "<...>";
       }
     }
-    function o() {
-      var e = L.A;
+    function c() {
+      var e = P.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function m() {
       return Error("react-stack-top-frame");
     }
-    function b(e) {
-      if (q.call(e, "key")) {
+    function w(e) {
+      if (u.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function a() {
-        V || (V = !0, console.error(
+    function _(e, r) {
+      function b() {
+        L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      b.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function Y() {
+    function i() {
       var e = t(this.type);
-      return G[e] || (G[e] = !0, console.error(
+      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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function F(e, r, a, c, E, m, U, z) {
-      return a = m.ref, e = {
-        $$typeof: g,
+    function M(e, r, b, g, W, C, B, G) {
+      return b = C.ref, e = {
+        $$typeof: j,
         type: e,
         key: r,
-        props: m,
-        _owner: E
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        props: C,
+        _owner: W
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: Y
+        get: i
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,216 +176,515 @@ function le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: G
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function x(e, r, a, c, E, m, U, z) {
-      var i = r.children;
-      if (i !== void 0)
-        if (c)
-          if (te(i)) {
-            for (c = 0; c < i.length; c++)
-              v(i[c]);
-            Object.freeze && Object.freeze(i);
+    function T(e, r, b, g, W, C, B, G) {
+      var p = r.children;
+      if (p !== void 0)
+        if (g)
+          if (n(p)) {
+            for (g = 0; g < p.length; g++)
+              x(p[g]);
+            Object.freeze && Object.freeze(p);
           } else
             console.error(
               "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 v(i);
-      if (q.call(r, "key")) {
-        i = t(e);
-        var h = Object.keys(r).filter(function(ne) {
-          return ne !== "key";
+        else x(p);
+      if (u.call(r, "key")) {
+        p = t(e);
+        var V = Object.keys(r).filter(function(oe) {
+          return oe !== "key";
         });
-        c = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", H[i + c] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", ee[p + g] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          c,
-          i,
-          h,
-          i
-        ), H[i + c] = !0);
+          g,
+          p,
+          V,
+          p
+        ), ee[p + g] = !0);
       }
-      if (i = null, a !== void 0 && (s(a), i = "" + a), b(r) && (s(r.key), i = "" + r.key), "key" in r) {
-        a = {};
-        for (var J in r)
-          J !== "key" && (a[J] = r[J]);
-      } else a = r;
-      return i && R(
-        a,
+      if (p = null, b !== void 0 && (l(b), p = "" + b), w(r) && (l(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
-      ), F(
+      ), M(
         e,
-        i,
-        m,
-        E,
-        o(),
-        a,
-        U,
-        z
+        p,
+        C,
+        W,
+        c(),
+        b,
+        B,
+        G
       );
     }
-    function v(e) {
-      typeof e == "object" && e !== null && e.$$typeof === g && e._store && (e._store.validated = 1);
+    function x(e) {
+      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
     }
-    var T = ae, g = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), w = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), p = Symbol.for("react.client.reference"), L = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, M = 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, u = Object.prototype.hasOwnProperty, n = Array.isArray, E = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    R = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var V, G = {}, X = T["react-stack-bottom-frame"].bind(
-      T,
-      l
-    )(), B = M(n(l)), H = {};
-    j.Fragment = y, j.jsx = function(e, r, a, c, E) {
-      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return x(
+    var L, z = {}, Q = R["react-stack-bottom-frame"].bind(
+      R,
+      m
+    )(), K = E(s(m)), ee = {};
+    J.Fragment = a, J.jsx = function(e, r, b, g, W) {
+      var C = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
         e,
         r,
-        a,
+        b,
         !1,
-        c,
-        E,
-        m ? Error("react-stack-top-frame") : X,
-        m ? M(n(e)) : B
+        g,
+        W,
+        C ? Error("react-stack-top-frame") : Q,
+        C ? E(s(e)) : K
       );
-    }, j.jsxs = function(e, r, a, c, E) {
-      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return x(
+    }, J.jsxs = function(e, r, b, g, W) {
+      var C = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
         e,
         r,
-        a,
+        b,
         !0,
-        c,
-        E,
-        m ? Error("react-stack-top-frame") : X,
-        m ? M(n(e)) : B
+        g,
+        W,
+        C ? Error("react-stack-top-frame") : Q,
+        C ? E(s(e)) : K
       );
     };
-  }()), j;
+  }()), J;
 }
-var ee;
+var ne;
 function ce() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? C.exports = ue() : C.exports = le()), C.exports;
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? q.exports = le() : q.exports = ie()), q.exports;
 }
-var _ = ce();
-function re(t) {
-  var u, s, n = "";
-  if (typeof t == "string" || typeof t == "number") n += t;
+var o = ce();
+function ae(t) {
+  var d, l, s = "";
+  if (typeof t == "string" || typeof t == "number") s += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var o = t.length;
-    for (u = 0; u < o; u++) t[u] && (s = re(t[u])) && (n && (n += " "), n += s);
-  } else for (s in t) t[s] && (n && (n += " "), n += s);
-  return n;
+    var c = t.length;
+    for (d = 0; d < c; d++) t[d] && (l = ae(t[d])) && (s && (s += " "), s += l);
+  } else for (l in t) t[l] && (s && (s += " "), s += l);
+  return s;
 }
-function ie() {
-  for (var t, u, s = 0, n = "", o = arguments.length; s < o; s++) (t = arguments[s]) && (u = re(t)) && (n && (n += " "), n += u);
-  return n;
+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);
+  return s;
 }
-function O(...t) {
-  return ie(...t);
+function y(...t) {
+  return ue(...t);
 }
-const be = ({
+const ve = ({
   children: t,
-  variant: u = "default",
-  className: s = "",
-  ...n
+  variant: d = "default",
+  className: l = "",
+  ...s
 }) => {
-  const o = "px-4 py-2 rounded font-medium transition", l = {
+  const c = "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__ */ _.jsx("button", { className: O(o, l[u], s), ...n, children: t });
-}, fe = Z.forwardRef(
+  return /* @__PURE__ */ o.jsx("button", { className: y(c, m[d], l), ...s, children: t });
+}, de = N.forwardRef(
   ({
     name: t,
-    className: u,
-    type: s = "text",
-    label: n,
-    onFocus: o,
-    onBlur: l,
-    Icon: b,
-    iconClassName: R,
-    iconAction: Y,
-    containerClassName: F,
-    ...x
-  }, v) => {
-    var A, S, P;
-    const [T, g] = Z.useState(!1), f = oe(), y = f == null ? void 0 : f.control, I = f == null ? void 0 : f.register, D = y && t ? se({ control: y, name: t }) : void 0, W = x.value ?? D ?? "", w = (P = (S = (A = f == null ? void 0 : f.formState) == null ? void 0 : A.errors) == null ? void 0 : S[t]) == null ? void 0 : P.message, $ = T || !!W;
-    return /* @__PURE__ */ _.jsxs("div", { className: O("relative", F), children: [
-      /* @__PURE__ */ _.jsx(
+    className: d,
+    type: l = "text",
+    label: s,
+    onFocus: c,
+    onBlur: m,
+    Icon: w,
+    iconClassName: _,
+    iconAction: i,
+    containerClassName: M,
+    ...T
+  }, x) => {
+    var F, Y, I;
+    const [R, j] = N.useState(!1), v = H(), a = v == null ? void 0 : v.control, O = v == null ? void 0 : v.register, D = a && t ? Z({ control: a, name: t }) : void 0, f = T.value ?? D ?? "", S = (I = (Y = (F = v == null ? void 0 : v.formState) == null ? void 0 : F.errors) == null ? void 0 : Y[t]) == null ? void 0 : I.message, $ = R || !!f;
+    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", M), children: [
+      /* @__PURE__ */ o.jsx(
         "input",
         {
-          id: x.id || t,
-          type: s,
-          className: O(
+          id: T.id || t,
+          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",
-            u
+            d
           ),
-          onFocus: (d) => {
-            g(!0), o && o(d);
+          onFocus: (h) => {
+            j(!0), c && c(h);
           },
-          ...f && t ? (() => {
-            const d = I(t), N = d.onBlur;
+          ...v && t ? (() => {
+            const h = O(t), A = h.onBlur;
             return {
-              ...d,
-              ref: (p) => {
-                typeof v == "function" ? v(p) : v && (v.current = p), d.ref && d.ref(p);
+              ...h,
+              ref: (k) => {
+                typeof x == "function" ? x(k) : x && (x.current = k), h.ref && h.ref(k);
               },
-              onBlur: (p) => {
-                g(!1), l && l(p), N && N(p);
+              onBlur: (k) => {
+                j(!1), m && m(k), A && A(k);
               }
             };
           })() : {
-            ref: v,
-            onBlur: (d) => {
-              g(!1), l && l(d);
+            ref: x,
+            onBlur: (h) => {
+              j(!1), m && m(h);
             }
           },
-          ...x
+          ...T
         }
       ),
-      n && /* @__PURE__ */ _.jsx(
+      s && /* @__PURE__ */ o.jsx(
         "label",
         {
-          htmlFor: x.id || t,
-          className: O(
+          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: n
+          children: s
         }
       ),
-      b && /* @__PURE__ */ _.jsx(
+      w && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: O(
+          className: y(
             "absolute top-1/2 right-3 -translate-y-1/2 text-white",
-            R
+            _
+          ),
+          onClick: i,
+          children: /* @__PURE__ */ o.jsx(w, {})
+        }
+      ),
+      S && /* @__PURE__ */ o.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: S })
+    ] });
+  }
+);
+de.displayName = "Input";
+const fe = N.forwardRef(
+  ({
+    name: t,
+    label: d,
+    options: l,
+    className: s,
+    containerClassName: c,
+    isClearable: m,
+    onFocus: w,
+    onBlur: _,
+    ...i
+  }, 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;
+    N.useEffect(() => {
+      const u = (n) => {
+        v.current && !v.current.contains(n.target) && (j(!1), x(!1));
+      };
+      return document.addEventListener("mousedown", u), () => {
+        document.removeEventListener("mousedown", u);
+      };
+    }, []);
+    const F = () => {
+      j((u) => !u), x(!0);
+    }, Y = (u) => {
+      x(!0), w && w(u);
+    }, I = (u) => {
+      _ && _(u);
+    };
+    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", c), ref: v, children: [
+      /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          id: i.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",
+            s
+          ),
+          onClick: F,
+          onFocus: Y,
+          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 }),
+            m && f && /* @__PURE__ */ o.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: (u) => {
+                  if (u.stopPropagation(), a && t && a.setValue(t, ""), i.onChange) {
+                    const n = {
+                      target: { value: "" }
+                    };
+                    i.onChange(n);
+                  }
+                  j(!1), x(!1);
+                },
+                children: "✕"
+              }
+            )
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ o.jsx(
+        "label",
+        {
+          htmlFor: i.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
+        }
+      ),
+      /* @__PURE__ */ o.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",
+            // 3 options * 2.5rem + padding
+            overflowY: l.length > 3 ? "auto" : "hidden"
+          },
+          children: l.map((u) => /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              className: y(
+                "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",
+                f === u.value && "bg-blue-100"
+              ),
+              onMouseDown: () => {
+                if (a && t && a.setValue(t, u.value), i.onChange) {
+                  const n = {
+                    target: { value: u.value }
+                  };
+                  i.onChange(n);
+                }
+                x(!0);
+              },
+              children: u.label
+            },
+            u.value
+          ))
+        }
+      ),
+      S && /* @__PURE__ */ o.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: S })
+    ] });
+  }
+);
+fe.displayName = "Select";
+const be = N.forwardRef(
+  ({
+    name: t,
+    label: d,
+    options: l,
+    className: s,
+    containerClassName: c,
+    isClearable: m,
+    onFocus: w,
+    onBlur: _,
+    ...i
+  }, 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;
+    N.useEffect(() => {
+      const n = (E) => {
+        v.current && !v.current.contains(E.target) && (j(!1), x(!1));
+      };
+      return document.addEventListener("mousedown", n), () => {
+        document.removeEventListener("mousedown", n);
+      };
+    }, []);
+    const F = () => {
+      j((n) => !n), x(!0);
+    }, Y = (n) => {
+      x(!0), w && w(n);
+    }, I = (n) => {
+      _ && _(n);
+    }, 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, {
+        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, {
+        target: { value: [] }
+      })), j(!1), x(!1);
+    };
+    return /* @__PURE__ */ o.jsxs("div", { className: y("relative", c), ref: v, children: [
+      /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          id: i.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",
+            s
+          ),
+          onClick: F,
+          onFocus: Y,
+          onBlur: I,
+          ref: M,
+          children: [
+            /* @__PURE__ */ o.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 ? l.filter((n) => f.includes(n.value)).map((n) => /* @__PURE__ */ o.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: [
+                      /* @__PURE__ */ o.jsx("span", { className: "truncate", title: n.label, children: n.label }),
+                      /* @__PURE__ */ o.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: (E) => {
+                            E.stopPropagation();
+                            const L = f.filter((z) => z !== n.value);
+                            a && t && a.setValue(t, L), i.onChange && i.onChange({
+                              target: { value: L }
+                            });
+                          },
+                          children: /* @__PURE__ */ o.jsx(
+                            "svg",
+                            {
+                              width: "12",
+                              height: "12",
+                              viewBox: "0 0 12 12",
+                              fill: "none",
+                              xmlns: "http://www.w3.org/2000/svg",
+                              children: /* @__PURE__ */ o.jsx(
+                                "path",
+                                {
+                                  d: "M3 3L9 9M9 3L3 9",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.5",
+                                  strokeLinecap: "round"
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  },
+                  n.value
+                )) : /* @__PURE__ */ o.jsx("span", { className: "text-gray-400 text-sm", children: "Selecione..." })
+              }
+            ),
+            m && f && f.length > 0 && /* @__PURE__ */ o.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: A,
+                children: "✕"
+              }
+            )
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ o.jsx(
+        "label",
+        {
+          htmlFor: i.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
+        }
+      ),
+      /* @__PURE__ */ o.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"
           ),
-          onClick: Y,
-          children: /* @__PURE__ */ _.jsx(b, {})
+          style: {
+            maxHeight: R ? "9.5rem" : "0",
+            overflowY: l.length > 3 ? "auto" : "hidden"
+          },
+          children: l.map((n) => /* @__PURE__ */ o.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: [
+                /* @__PURE__ */ o.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: f.includes(n.value),
+                    readOnly: !0,
+                    className: "accent-blue-500"
+                  }
+                ),
+                n.label
+              ]
+            },
+            n.value
+          ))
         }
       ),
-      w && /* @__PURE__ */ _.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: w })
+      S && /* @__PURE__ */ o.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: S })
     ] });
   }
 );
-fe.displayName = "Input";
+be.displayName = "MultiSelect";
 export {
-  be as Button,
-  fe as Input
+  ve as Button,
+  de as Input,
+  be as MultiSelect,
+  fe as Select
 };

package/dist/styles.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.left-3{left:.75rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-10{z-index:10}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.h-12{height:3rem}.w-full{width:100%}.origin-\[0\]{transform-origin:0}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0\.5{--tw-translate-y:0.125rem}.scale-100,.translate-y-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[var\(--primary\2c \#2563eb\)\]{border-color:var(--primary,#2563eb)}.bg-\[var\(--input-bg\2c \#fff\)\]{background-color:var(--input-bg,#fff)}.bg-\[var\(--primary\2c \#2563eb\)\]{background-color:var(--primary,#2563eb)}.bg-\[var\(--secondary\2c \#fbbf24\)\]{background-color:var(--secondary,#fbbf24)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pt-6{padding-top:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-\[var\(--input-text\2c \#222\)\]{color:var(--input-text,#222)}.text-\[var\(--primary\2c \#2563eb\)\]{color:var(--primary,#2563eb)}.text-\[var\(--primary-text\2c \#fff\)\]{color:var(--primary-text,#fff)}.text-\[var\(--secondary-text\2c \#222\)\]{color:var(--secondary-text,#222)}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-transparent::-moz-placeholder{color:transparent}.placeholder-transparent::placeholder{color:transparent}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-\[var\(--primary-hover\2c \#1d4ed8\)\]:hover{background-color:var(--primary-hover,#1d4ed8)}.hover\:bg-\[var\(--primary-hover\2c \#e0e7ff\)\]:hover{background-color:var(--primary-hover,#e0e7ff)}.hover\:bg-\[var\(--secondary-hover\2c \#f59e42\)\]:hover{background-color:var(--secondary-hover,#f59e42)}.focus\:border-\[var\(--primary\2c \#2563eb\)\]:focus{border-color:var(--primary,#2563eb)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-3{left:.75rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.max-h-0{max-height:0}.max-h-36{max-height:9rem}.min-h-\[1\.5rem\]{min-height:1.5rem}.w-4{width:1rem}.w-full{width:100%}.origin-\[0\]{transform-origin:0}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0\.5{--tw-translate-y:0.125rem}.scale-100,.translate-y-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[var\(--primary\2c \#2563eb\)\]{border-color:var(--primary,#2563eb)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.bg-\[var\(--input-bg\2c \#fff\)\]{background-color:var(--input-bg,#fff)}.bg-\[var\(--primary\2c \#2563eb\)\]{background-color:var(--primary,#2563eb)}.bg-\[var\(--secondary\2c \#fbbf24\)\]{background-color:var(--secondary,#fbbf24)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pt-6{padding-top:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[var\(--input-text\2c \#222\)\]{color:var(--input-text,#222)}.text-\[var\(--primary\2c \#2563eb\)\]{color:var(--primary,#2563eb)}.text-\[var\(--primary-text\2c \#fff\)\]{color:var(--primary-text,#fff)}.text-\[var\(--secondary-text\2c \#222\)\]{color:var(--secondary-text,#222)}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-transparent::-moz-placeholder{color:transparent}.placeholder-transparent::placeholder{color:transparent}.accent-blue-500{accent-color:#3b82f6}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-\[var\(--primary-hover\2c \#1d4ed8\)\]:hover{background-color:var(--primary-hover,#1d4ed8)}.hover\:bg-\[var\(--primary-hover\2c \#e0e7ff\)\]:hover{background-color:var(--primary-hover,#e0e7ff)}.hover\:bg-\[var\(--secondary-hover\2c \#f59e42\)\]:hover{background-color:var(--secondary-hover,#f59e42)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.focus\:border-\[var\(--primary\2c \#2563eb\)\]:focus{border-color:var(--primary,#2563eb)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}

package/dist/types/src/components/MultiSelect.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface MultiSelectOption {
+    label: string;
+    value: string;
+}
+export interface MultiSelectProps extends React.SelectHTMLAttributes<HTMLDivElement> {
+    name: string;
+    label?: string;
+    options: MultiSelectOption[];
+    containerClassName?: string;
+    isClearable?: boolean;
+}
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
+export { MultiSelect };

package/dist/types/src/components/Select.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    name: string;
+    label?: string;
+    options: SelectOption[];
+    containerClassName?: string;
+    isClearable?: boolean;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select };

package/dist/types/src/components/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./Button";
 export * from "./Input";
+export * from "./Select";
+export * from "./MultiSelect";

package/dist/types/src/stories/MultiSelect.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryFn } from "@storybook/react";
+import { MultiSelectProps } from "../components/MultiSelect";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        isClearable: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        options: {
+            control: string;
+            defaultValue: {
+                label: string;
+                value: string;
+            }[];
+        };
+        name: {
+            control: string;
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+interface DefaultStoryProps extends MultiSelectProps {
+}
+export declare const Default: StoryFn<DefaultStoryProps>;

package/dist/types/src/stories/Select.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryFn } from "@storybook/react";
+import { SelectProps } from "../components/Select";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+    argTypes: {
+        isClearable: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;
+interface DefaultStoryProps extends SelectProps {
+}
+export declare const Default: StoryFn<DefaultStoryProps>;

package/package.json

@@ -1,24 +1,29 @@
 {
   "name": "rharuow-ds",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "main": "dist/rharuow-ds.cjs.js",
   "module": "dist/rharuow-ds.es.js",
   "types": "dist/types/src/components/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/types/src/components/index.d.ts",
       "import": "./dist/rharuow-ds.es.js",
-      "require": "./dist/rharuow-ds.cjs.js",
-      "types": "./dist/types/src/components/index.d.ts"
+      "require": "./dist/rharuow-ds.cjs.js"
     },
     "./dist/styles.css": "./dist/styles.css"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build:css": "npx tailwindcss -i ./src/styles/ds.css -o ./dist/styles.css --minify",
+    "build:css:watch": "npx tailwindcss -i ./src/styles/ds.css -o ./dist/styles.css --watch",
     "build": "vite build && tsc --emitDeclarationOnly --declaration --declarationDir dist/types && npm run build:css",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "npm run build:css && storybook dev -p 6006",
+    "storybook:dev": "npm run build:css && concurrently \"npm run build:css:watch\" \"storybook dev -p 6006\"",
     "deploy-storybook": "npx gh-pages -d storybook-static",
-    "build-storybook": "storybook build"
+    "build-storybook": "npm run build:css && storybook build",
+    "release:patch": "npm version patch && git push --follow-tags",
+    "release:minor": "npm version minor && git push --follow-tags",
+    "release:major": "npm version major && git push --follow-tags"
   },
   "keywords": [],
   "author": "",
@@ -38,6 +43,7 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
+    "concurrently": "^9.2.0",
     "gh-pages": "^6.3.0",
     "storybook": "^9.0.14",
     "tailwindcss": "^3.4.3",