rharuow-ds 1.0.6 → 1.0.7

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"),q=require("react-hook-form");function ce(r){const o=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(o,a,n.get?n:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const A=ce(ne);var U={exports:{}},$={};/**
  * @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 $;ee=1;var r=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(n,l,u){var x=null;if(u!==void 0&&(x=""+u),l.key!==void 0&&(x=""+l.key),"key"in l){u={};for(var E in l)E!=="key"&&(u[E]=l[E])}else u=l;return l=u.ref,{$$typeof:r,type:n,key:x,ref:l!==void 0?l:null,props:u}}return $.Fragment=o,$.jsx=a,$.jsxs=a,$}var z={};/**
  * @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 re;function ie(){return re||(re=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===h?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case i:return"Fragment";case L:return"Profiler";case P:return"StrictMode";case C:return"Suspense";case F:return"SuspenseList";case S: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 O:return(e.displayName||"Context")+".Provider";case k: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 Y:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case p:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function o(e){return""+e}function a(e){try{o(e);var t=!1}catch{t=!0}if(t){t=console;var s=t.error,d=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",d),o(e)}}function n(e){if(e===i)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===p)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=I.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function x(e){if(c.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function E(e,t){function s(){X||(X=!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))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function g(){var e=r(this.type);return H[e]||(H[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,t,s,d,w,T,J,B){return s=T.ref,e={$$typeof:_,type:e,key:t,props:T,_owner:w},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):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:J}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,t,s,d,w,T,J,B){var b=t.children;if(b!==void 0)if(d)if(N(b)){for(d=0;d<b.length;d++)v(b[d]);Object.freeze&&Object.freeze(b)}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(b);if(c.call(t,"key")){b=r(e);var D=Object.keys(t).filter(function(le){return le!=="key"});d=0<D.length?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}",K[b+d]||(D=0<D.length?"{"+D.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} />`,d,b,D,b),K[b+d]=!0)}if(b=null,s!==void 0&&(a(s),b=""+s),x(t)&&(a(t.key),b=""+t.key),"key"in t){s={};for(var G in t)G!=="key"&&(s[G]=t[G])}else s=t;return b&&E(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,b,T,w,l(),s,J,B)}function v(e){typeof e=="object"&&e!==null&&e.$$typeof===_&&e._store&&(e._store.validated=1)}var R=ne,_=Symbol.for("react.transitional.element"),f=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),k=Symbol.for("react.consumer"),O=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),F=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),h=Symbol.for("react.client.reference"),I=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,c=Object.prototype.hasOwnProperty,N=Array.isArray,V=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(e){return e()}};var X,H={},Z=R["react-stack-bottom-frame"].bind(R,u)(),Q=V(n(u)),K={};z.Fragment=i,z.jsx=function(e,t,s,d,w){var T=1e4>I.recentlyCreatedOwnerStacks++;return j(e,t,s,!1,d,w,T?Error("react-stack-top-frame"):Z,T?V(n(e)):Q)},z.jsxs=function(e,t,s,d,w){var T=1e4>I.recentlyCreatedOwnerStacks++;return j(e,t,s,!0,d,w,T?Error("react-stack-top-frame"):Z,T?V(n(e)):Q)}}()),z}var te;function fe(){return te||(te=1,process.env.NODE_ENV==="production"?U.exports=ue():U.exports=ie()),U.exports}var m=fe();function ae(r){var o,a,n="";if(typeof r=="string"||typeof r=="number")n+=r;else if(typeof r=="object")if(Array.isArray(r)){var l=r.length;for(o=0;o<l;o++)r[o]&&(a=ae(r[o]))&&(n&&(n+=" "),n+=a)}else for(a in r)r[a]&&(n&&(n+=" "),n+=a);return n}function de(){for(var r,o,a=0,n="",l=arguments.length;a<l;a++)(r=arguments[a])&&(o=ae(r))&&(n&&(n+=" "),n+=o);return n}function y(...r){return de(...r)}const be=({children:r,variant:o="default",className:a="",...n})=>{const l="px-4 py-2 rounded font-medium transition",u={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 m.jsx("button",{className:y(l,u[o],a),...n,children:r})},oe=A.forwardRef(({name:r,className:o,type:a="text",label:n,onFocus:l,onBlur:u,Icon:x,iconClassName:E,iconAction:g,containerClassName:W,...j},v)=>{var C,F,Y;const[R,_]=A.useState(!1),f=q.useFormContext(),i=f==null?void 0:f.control,P=f==null?void 0:f.register,L=i&&r?q.useWatch({control:i,name:r}):void 0,k=j.value??L??"",O=(Y=(F=(C=f==null?void 0:f.formState)==null?void 0:C.errors)==null?void 0:F[r])==null?void 0:Y.message,M=R||!!k;return m.jsxs("div",{className:y("relative",W),children:[m.jsx("input",{id:j.id||r,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",o),onFocus:p=>{_(!0),l&&l(p)},...f&&r?(()=>{const p=P(r),S=p.onBlur;return{...p,ref:h=>{typeof v=="function"?v(h):v&&(v.current=h),p.ref&&p.ref(h)},onBlur:h=>{_(!1),u&&u(h),S&&S(h)}}})():{ref:v,onBlur:p=>{_(!1),u&&u(p)}},...j}),n&&m.jsx("label",{htmlFor:j.id||r,className:y("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}),x&&m.jsx("div",{className:y("absolute top-1/2 right-3 -translate-y-1/2 text-white",E),onClick:g,children:m.jsx(x,{})}),O&&m.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:O})]})});oe.displayName="Input";const se=A.forwardRef(({name:r,label:o,options:a,className:n,containerClassName:l,isClearable:u,onFocus:x,onBlur:E,...g},W)=>{var p,S,h,I;const[j,v]=A.useState(!1),[R,_]=A.useState(!1),f=A.useRef(null),i=q.useFormContext(),P=i==null?void 0:i.control,L=P&&r?q.useWatch({control:P,name:r}):void 0,k=g.value??L??"",O=(h=(S=(p=i==null?void 0:i.formState)==null?void 0:p.errors)==null?void 0:S[r])==null?void 0:h.message,M=j||!!k;A.useEffect(()=>{const c=N=>{f.current&&!f.current.contains(N.target)&&(_(!1),v(!1))};return document.addEventListener("mousedown",c),()=>{document.removeEventListener("mousedown",c)}},[]);const C=()=>{_(c=>!c),v(!0)},F=c=>{v(!0),x&&x(c)},Y=c=>{E&&E(c)};return m.jsxs("div",{className:y("relative",l),ref:f,children:[m.jsxs("div",{id:g.id||r,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",n),onClick:C,onFocus:F,onBlur:Y,ref:W,children:[m.jsx("span",{className:y("block truncate",!k&&"text-gray-400"),children:(I=a.find(c=>c.value===k))==null?void 0:I.label}),u&&k&&m.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:c=>{if(c.stopPropagation(),i&&r&&i.setValue(r,""),g.onChange){const N={target:{value:""}};g.onChange(N)}_(!1),v(!1)},children:"✕"})]}),o&&m.jsx("label",{htmlFor:g.id||r,className:y("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:o}),m.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(c=>m.jsx("div",{className:y("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",k===c.value&&"bg-blue-100"),onMouseDown:()=>{if(i&&r&&i.setValue(r,c.value),g.onChange){const N={target:{value:c.value}};g.onChange(N)}v(!0)},children:c.label},c.value))}),O&&m.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:O})]})});se.displayName="Select";exports.Button=be;exports.Input=oe;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 A from "react";
+import se from "react";
+import { useFormContext as te, useWatch as ne } from "react-hook-form";
+var U = { exports: {} }, M = {};
 /**
  * @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, {
-      $$typeof: t,
+var K;
+function le() {
+  if (K) return M;
+  K = 1;
+  var r = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function a(n, s, c) {
+    var x = null;
+    if (c !== void 0 && (x = "" + c), s.key !== void 0 && (x = "" + s.key), "key" in s) {
+      c = {};
+      for (var R in s)
+        R !== "key" && (c[R] = s[R]);
+    } else c = s;
+    return s = c.ref, {
+      $$typeof: r,
       type: n,
-      key: b,
-      ref: o !== void 0 ? o : null,
-      props: l
+      key: x,
+      ref: s !== void 0 ? s : null,
+      props: c
     };
   }
-  return k.Fragment = u, k.jsx = s, k.jsxs = s, k;
+  return M.Fragment = i, M.jsx = a, M.jsxs = a, M;
 }
-var j = {};
+var z = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,24 +43,24 @@ 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() {
-    function t(e) {
+var ee;
+function ie() {
+  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;
+        return e.$$typeof === g ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case y:
+        case u:
           return "Fragment";
-        case D:
+        case W:
           return "Profiler";
-        case I:
+        case P:
           return "StrictMode";
-        case A:
+        case C:
           return "Suspense";
-        case S:
+        case F:
           return "SuspenseList";
         case N:
           return "Activity";
@@ -71,97 +71,97 @@ function le() {
         ), e.$$typeof) {
           case f:
             return "Portal";
-          case w:
+          case S:
             return (e.displayName || "Context") + ".Provider";
-          case W:
+          case w:
             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:
-            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
-          case d:
-            r = e._payload, e = e._init;
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Y:
+            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
+          case p:
+            t = e._payload, e = e._init;
             try {
-              return t(e(r));
+              return r(e(t));
             } catch {
             }
         }
       return null;
     }
-    function u(e) {
+    function i(e) {
       return "" + e;
     }
-    function s(e) {
+    function a(e) {
       try {
-        u(e);
-        var r = !1;
+        i(e);
+        var t = !1;
       } catch {
-        r = !0;
+        t = !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(
-          r,
+      if (t) {
+        t = console;
+        var o = t.error, d = 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.",
-          c
-        ), u(e);
+          d
+        ), i(e);
       }
     }
     function n(e) {
-      if (e === y) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === d)
+      if (e === u) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === p)
         return "<...>";
       try {
-        var r = t(e);
-        return r ? "<" + r + ">" : "<...>";
+        var t = r(e);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = L.A;
+    function s() {
+      var e = I.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function b(e) {
-      if (q.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function x(e) {
+      if (l.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function a() {
-        V || (V = !0, console.error(
+    function R(e, t) {
+      function o() {
+        B || (B = !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
+          t
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function Y() {
-      var e = t(this.type);
-      return G[e] || (G[e] = !0, console.error(
+    function h() {
+      var e = r(this.type);
+      return X[e] || (X[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 L(e, t, o, d, j, T, J, q) {
+      return o = T.ref, e = {
+        $$typeof: _,
         type: e,
-        key: r,
-        props: m,
-        _owner: E
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        key: t,
+        props: T,
+        _owner: j
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: Y
+        get: h
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,216 +176,337 @@ function le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: J
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: q
       }), 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 k(e, t, o, d, j, T, J, q) {
+      var b = t.children;
+      if (b !== void 0)
+        if (d)
+          if (O(b)) {
+            for (d = 0; d < b.length; d++)
+              v(b[d]);
+            Object.freeze && Object.freeze(b);
           } 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 v(b);
+      if (l.call(t, "key")) {
+        b = r(e);
+        var D = Object.keys(t).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(
+        d = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", Q[b + d] || (D = 0 < D.length ? "{" + D.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);
+          d,
+          b,
+          D,
+          b
+        ), Q[b + d] = !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 (b = null, o !== void 0 && (a(o), b = "" + o), x(t) && (a(t.key), b = "" + t.key), "key" in t) {
+        o = {};
+        for (var G in t)
+          G !== "key" && (o[G] = t[G]);
+      } else o = t;
+      return b && R(
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), F(
+      ), L(
         e,
-        i,
-        m,
-        E,
-        o(),
-        a,
-        U,
-        z
+        b,
+        T,
+        j,
+        s(),
+        o,
+        J,
+        q
       );
     }
     function v(e) {
-      typeof e == "object" && e !== null && e.$$typeof === g && e._store && (e._store.validated = 1);
+      typeof e == "object" && e !== null && e.$$typeof === _ && 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 y = se, _ = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), S = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), g = Symbol.for("react.client.reference"), I = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, l = Object.prototype.hasOwnProperty, O = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    y = {
       "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 B, X = {}, H = y["react-stack-bottom-frame"].bind(
+      y,
+      c
+    )(), Z = V(n(c)), Q = {};
+    z.Fragment = u, z.jsx = function(e, t, o, d, j) {
+      var T = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return k(
         e,
-        r,
-        a,
+        t,
+        o,
         !1,
-        c,
-        E,
-        m ? Error("react-stack-top-frame") : X,
-        m ? M(n(e)) : B
+        d,
+        j,
+        T ? Error("react-stack-top-frame") : H,
+        T ? V(n(e)) : Z
       );
-    }, j.jsxs = function(e, r, a, c, E) {
-      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return x(
+    }, z.jsxs = function(e, t, o, d, j) {
+      var T = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return k(
         e,
-        r,
-        a,
+        t,
+        o,
         !0,
-        c,
-        E,
-        m ? Error("react-stack-top-frame") : X,
-        m ? M(n(e)) : B
+        d,
+        j,
+        T ? Error("react-stack-top-frame") : H,
+        T ? V(n(e)) : Z
       );
     };
-  }()), j;
+  }()), z;
 }
-var ee;
+var re;
 function ce() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? C.exports = ue() : C.exports = le()), C.exports;
+  return re || (re = 1, process.env.NODE_ENV === "production" ? U.exports = le() : U.exports = ie()), U.exports;
 }
-var _ = ce();
-function re(t) {
-  var u, s, n = "";
-  if (typeof t == "string" || typeof t == "number") n += 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);
+var m = ce();
+function ae(r) {
+  var i, a, n = "";
+  if (typeof r == "string" || typeof r == "number") n += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var s = r.length;
+    for (i = 0; i < s; i++) r[i] && (a = ae(r[i])) && (n && (n += " "), n += a);
+  } else for (a in r) r[a] && (n && (n += " "), n += a);
   return n;
 }
-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);
+function ue() {
+  for (var r, i, a = 0, n = "", s = arguments.length; a < s; a++) (r = arguments[a]) && (i = ae(r)) && (n && (n += " "), n += i);
   return n;
 }
-function O(...t) {
-  return ie(...t);
+function E(...r) {
+  return ue(...r);
 }
-const be = ({
-  children: t,
-  variant: u = "default",
-  className: s = "",
+const ve = ({
+  children: r,
+  variant: i = "default",
+  className: a = "",
   ...n
 }) => {
-  const o = "px-4 py-2 rounded font-medium transition", l = {
+  const s = "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 /* @__PURE__ */ _.jsx("button", { className: O(o, l[u], s), ...n, children: t });
-}, fe = Z.forwardRef(
+  return /* @__PURE__ */ m.jsx("button", { className: E(s, c[i], a), ...n, children: r });
+}, fe = A.forwardRef(
   ({
-    name: t,
-    className: u,
-    type: s = "text",
+    name: r,
+    className: i,
+    type: a = "text",
     label: n,
-    onFocus: o,
-    onBlur: l,
-    Icon: b,
+    onFocus: s,
+    onBlur: c,
+    Icon: x,
     iconClassName: R,
-    iconAction: Y,
-    containerClassName: F,
-    ...x
+    iconAction: h,
+    containerClassName: L,
+    ...k
   }, 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(
+    var C, F, Y;
+    const [y, _] = A.useState(!1), f = te(), u = f == null ? void 0 : f.control, P = f == null ? void 0 : f.register, W = u && r ? ne({ control: u, name: r }) : void 0, w = k.value ?? W ?? "", S = (Y = (F = (C = f == null ? void 0 : f.formState) == null ? void 0 : C.errors) == null ? void 0 : F[r]) == null ? void 0 : Y.message, $ = y || !!w;
+    return /* @__PURE__ */ m.jsxs("div", { className: E("relative", L), children: [
+      /* @__PURE__ */ m.jsx(
         "input",
         {
-          id: x.id || t,
-          type: s,
-          className: O(
+          id: k.id || r,
+          type: a,
+          className: E(
             "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
+            i
           ),
-          onFocus: (d) => {
-            g(!0), o && o(d);
+          onFocus: (p) => {
+            _(!0), s && s(p);
           },
-          ...f && t ? (() => {
-            const d = I(t), N = d.onBlur;
+          ...f && r ? (() => {
+            const p = P(r), N = p.onBlur;
             return {
-              ...d,
-              ref: (p) => {
-                typeof v == "function" ? v(p) : v && (v.current = p), d.ref && d.ref(p);
+              ...p,
+              ref: (g) => {
+                typeof v == "function" ? v(g) : v && (v.current = g), p.ref && p.ref(g);
               },
-              onBlur: (p) => {
-                g(!1), l && l(p), N && N(p);
+              onBlur: (g) => {
+                _(!1), c && c(g), N && N(g);
               }
             };
           })() : {
             ref: v,
-            onBlur: (d) => {
-              g(!1), l && l(d);
+            onBlur: (p) => {
+              _(!1), c && c(p);
             }
           },
-          ...x
+          ...k
         }
       ),
-      n && /* @__PURE__ */ _.jsx(
+      n && /* @__PURE__ */ m.jsx(
         "label",
         {
-          htmlFor: x.id || t,
-          className: O(
+          htmlFor: k.id || r,
+          className: E(
             "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
         }
       ),
-      b && /* @__PURE__ */ _.jsx(
+      x && /* @__PURE__ */ m.jsx(
         "div",
         {
-          className: O(
+          className: E(
             "absolute top-1/2 right-3 -translate-y-1/2 text-white",
             R
           ),
-          onClick: Y,
-          children: /* @__PURE__ */ _.jsx(b, {})
+          onClick: h,
+          children: /* @__PURE__ */ m.jsx(x, {})
         }
       ),
-      w && /* @__PURE__ */ _.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: w })
+      S && /* @__PURE__ */ m.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: S })
     ] });
   }
 );
 fe.displayName = "Input";
+const de = A.forwardRef(
+  ({
+    name: r,
+    label: i,
+    options: a,
+    className: n,
+    containerClassName: s,
+    isClearable: c,
+    onFocus: x,
+    onBlur: R,
+    ...h
+  }, L) => {
+    var p, N, g, I;
+    const [k, v] = A.useState(!1), [y, _] = A.useState(!1), f = A.useRef(null), u = te(), P = u == null ? void 0 : u.control, W = P && r ? ne({ control: P, name: r }) : void 0, w = h.value ?? W ?? "", S = (g = (N = (p = u == null ? void 0 : u.formState) == null ? void 0 : p.errors) == null ? void 0 : N[r]) == null ? void 0 : g.message, $ = k || !!w;
+    A.useEffect(() => {
+      const l = (O) => {
+        f.current && !f.current.contains(O.target) && (_(!1), v(!1));
+      };
+      return document.addEventListener("mousedown", l), () => {
+        document.removeEventListener("mousedown", l);
+      };
+    }, []);
+    const C = () => {
+      _((l) => !l), v(!0);
+    }, F = (l) => {
+      v(!0), x && x(l);
+    }, Y = (l) => {
+      R && R(l);
+    };
+    return /* @__PURE__ */ m.jsxs("div", { className: E("relative", s), ref: f, children: [
+      /* @__PURE__ */ m.jsxs(
+        "div",
+        {
+          id: h.id || r,
+          tabIndex: 0,
+          role: "button",
+          "aria-haspopup": "listbox",
+          "aria-expanded": y,
+          className: E(
+            "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
+            n
+          ),
+          onClick: C,
+          onFocus: F,
+          onBlur: Y,
+          ref: L,
+          children: [
+            /* @__PURE__ */ m.jsx("span", { className: E("block truncate", !w && "text-gray-400"), children: (I = a.find((l) => l.value === w)) == null ? void 0 : I.label }),
+            c && w && /* @__PURE__ */ m.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: (l) => {
+                  if (l.stopPropagation(), u && r && u.setValue(r, ""), h.onChange) {
+                    const O = {
+                      target: { value: "" }
+                    };
+                    h.onChange(O);
+                  }
+                  _(!1), v(!1);
+                },
+                children: "✕"
+              }
+            )
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ m.jsx(
+        "label",
+        {
+          htmlFor: h.id || r,
+          className: E(
+            "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
+        }
+      ),
+      /* @__PURE__ */ m.jsx(
+        "div",
+        {
+          className: E(
+            "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",
+            y ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          ),
+          style: {
+            maxHeight: y ? "9.5rem" : "0",
+            // 3 options * 2.5rem + padding
+            overflowY: a.length > 3 ? "auto" : "hidden"
+          },
+          children: a.map((l) => /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              className: E(
+                "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",
+                w === l.value && "bg-blue-100"
+              ),
+              onMouseDown: () => {
+                if (u && r && u.setValue(r, l.value), h.onChange) {
+                  const O = {
+                    target: { value: l.value }
+                  };
+                  h.onChange(O);
+                }
+                v(!0);
+              },
+              children: l.label
+            },
+            l.value
+          ))
+        }
+      ),
+      S && /* @__PURE__ */ m.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: S })
+    ] });
+  }
+);
+de.displayName = "Select";
 export {
-  be as Button,
-  fe as Input
+  ve as Button,
+  fe as Input,
+  de 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}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.max-h-0{max-height:0}.max-h-36{max-height:9rem}.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}.items-center{align-items:center}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.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-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/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-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}.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}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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}.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/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,3 @@
 export * from "./Button";
 export * from "./Input";
+export * from "./Select";

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,26 @@
 {
   "name": "rharuow-ds",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "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"
   },
   "keywords": [],
   "author": "",
@@ -38,6 +40,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",