@arkyn/components 1.2.5 → 1.3.0

package/dist/bundle.umd.cjs

@@ -1,4 +1,4 @@
-(function(w,j){typeof exports=="object"&&typeof module<"u"?j(exports,require("react"),require("lucide-react"),require("@remix-run/react"),require("@react-input/mask"),require("framer-motion")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react","@remix-run/react","@react-input/mask","framer-motion"],j):(w=typeof globalThis<"u"?globalThis:w||self,j(w["@arkyn/components"]={},w.require$$0,w.lucideReact,w.react,w.mask,w.framerMotion))})(this,function(w,j,Z,ve,qe,Se){"use strict";var Ce={exports:{}},fe={};/**
+(function(I,j){typeof exports=="object"&&typeof module<"u"?j(exports,require("react"),require("lucide-react"),require("@remix-run/react"),require("@react-input/mask"),require("framer-motion")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react","@remix-run/react","@react-input/mask","framer-motion"],j):(I=typeof globalThis<"u"?globalThis:I||self,j(I["@arkyn/components"]={},I.require$$0,I.lucideReact,I.react,I.mask,I.framerMotion))})(this,function(I,j,H,ve,rn,Ce){"use strict";var ke={exports:{}},fe={};/**
  * @license React
  * react-jsx-runtime.production.min.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 Fe;function er(){if(Fe)return fe;Fe=1;var r=j,n=Symbol.for("react.element"),t=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function f(c,d,h){var v,g={},b=null,_=null;h!==void 0&&(b=""+h),d.key!==void 0&&(b=""+d.key),d.ref!==void 0&&(_=d.ref);for(v in d)i.call(d,v)&&!u.hasOwnProperty(v)&&(g[v]=d[v]);if(c&&c.defaultProps)for(v in d=c.defaultProps,d)g[v]===void 0&&(g[v]=d[v]);return{$$typeof:n,type:c,key:b,ref:_,props:g,_owner:l.current}}return fe.Fragment=t,fe.jsx=f,fe.jsxs=f,fe}var de={};/**
+ */var Te;function tn(){if(Te)return fe;Te=1;var n=j,r=Symbol.for("react.element"),t=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function f(a,d,h){var p,x={},C=null,k=null;h!==void 0&&(C=""+h),d.key!==void 0&&(C=""+d.key),d.ref!==void 0&&(k=d.ref);for(p in d)i.call(d,p)&&!u.hasOwnProperty(p)&&(x[p]=d[p]);if(a&&a.defaultProps)for(p in d=a.defaultProps,d)x[p]===void 0&&(x[p]=d[p]);return{$$typeof:r,type:a,key:C,ref:k,props:x,_owner:l.current}}return fe.Fragment=t,fe.jsx=f,fe.jsxs=f,fe}var de={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,19 +14,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Te;function rr(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&function(){var r=j,n=Symbol.for("react.element"),t=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),c=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),_=Symbol.for("react.offscreen"),R=Symbol.iterator,N="@@iterator";function P(e){if(e===null||typeof e!="object")return null;var s=R&&e[R]||e[N];return typeof s=="function"?s:null}var x=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(e){{for(var s=arguments.length,a=new Array(s>1?s-1:0),m=1;m<s;m++)a[m-1]=arguments[m];E("error",e,a)}}function E(e,s,a){{var m=x.ReactDebugCurrentFrame,k=m.getStackAddendum();k!==""&&(s+="%s",a=a.concat([k]));var I=a.map(function(S){return String(S)});I.unshift("Warning: "+s),Function.prototype.apply.call(console[e],console,I)}}var T=!1,L=!1,z=!1,O=!1,D=!1,W;W=Symbol.for("react.module.reference");function V(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===u||D||e===l||e===h||e===v||O||e===_||T||L||z||typeof e=="object"&&e!==null&&(e.$$typeof===b||e.$$typeof===g||e.$$typeof===f||e.$$typeof===c||e.$$typeof===d||e.$$typeof===W||e.getModuleId!==void 0))}function F(e,s,a){var m=e.displayName;if(m)return m;var k=s.displayName||s.name||"";return k!==""?a+"("+k+")":a}function K(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case i:return"Fragment";case t:return"Portal";case u:return"Profiler";case l:return"StrictMode";case h:return"Suspense";case v:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case c:var s=e;return K(s)+".Consumer";case f:var a=e;return K(a._context)+".Provider";case d:return F(e,e.render,"ForwardRef");case g:var m=e.displayName||null;return m!==null?m:C(e.type)||"Memo";case b:{var k=e,I=k._payload,S=k._init;try{return C(S(I))}catch{return null}}}return null}var A=Object.assign,M=0,Y,oe,ie,ae,re,J,G;function X(){}X.__reactDisabledLog=!0;function Q(){{if(M===0){Y=console.log,oe=console.info,ie=console.warn,ae=console.error,re=console.group,J=console.groupCollapsed,G=console.groupEnd;var e={configurable:!0,enumerable:!0,value:X,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}M++}}function q(){{if(M--,M===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:A({},e,{value:Y}),info:A({},e,{value:oe}),warn:A({},e,{value:ie}),error:A({},e,{value:ae}),group:A({},e,{value:re}),groupCollapsed:A({},e,{value:J}),groupEnd:A({},e,{value:G})})}M<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ne=x.ReactCurrentDispatcher,_e;function ge(e,s,a){{if(_e===void 0)try{throw Error()}catch(k){var m=k.stack.trim().match(/\n( *(at )?)/);_e=m&&m[1]||""}return`
-`+_e+e}}var je=!1,xe;{var Mr=typeof WeakMap=="function"?WeakMap:Map;xe=new Mr}function We(e,s){if(!e||je)return"";{var a=xe.get(e);if(a!==void 0)return a}var m;je=!0;var k=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var I;I=ne.current,ne.current=null,Q();try{if(s){var S=function(){throw Error()};if(Object.defineProperty(S.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(S,[])}catch(H){m=H}Reflect.construct(e,[],S)}else{try{S.call()}catch(H){m=H}e.call(S.prototype)}}else{try{throw Error()}catch(H){m=H}e()}}catch(H){if(H&&m&&typeof H.stack=="string"){for(var y=H.stack.split(`
-`),U=m.stack.split(`
-`),$=y.length-1,B=U.length-1;$>=1&&B>=0&&y[$]!==U[B];)B--;for(;$>=1&&B>=0;$--,B--)if(y[$]!==U[B]){if($!==1||B!==1)do if($--,B--,B<0||y[$]!==U[B]){var ee=`
-`+y[$].replace(" at new "," at ");return e.displayName&&ee.includes("<anonymous>")&&(ee=ee.replace("<anonymous>",e.displayName)),typeof e=="function"&&xe.set(e,ee),ee}while($>=1&&B>=0);break}}}finally{je=!1,ne.current=I,q(),Error.prepareStackTrace=k}var ue=e?e.displayName||e.name:"",ce=ue?ge(ue):"";return typeof e=="function"&&xe.set(e,ce),ce}function Ur(e,s,a){return We(e,!1)}function Kr(e){var s=e.prototype;return!!(s&&s.isReactComponent)}function ye(e,s,a){if(e==null)return"";if(typeof e=="function")return We(e,Kr(e));if(typeof e=="string")return ge(e);switch(e){case h:return ge("Suspense");case v:return ge("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return Ur(e.render);case g:return ye(e.type,s,a);case b:{var m=e,k=m._payload,I=m._init;try{return ye(I(k),s,a)}catch{}}}return""}var he=Object.prototype.hasOwnProperty,Be={},Ae=x.ReactDebugCurrentFrame;function be(e){if(e){var s=e._owner,a=ye(e.type,e._source,s?s.type:null);Ae.setExtraStackFrame(a)}else Ae.setExtraStackFrame(null)}function Jr(e,s,a,m,k){{var I=Function.call.bind(he);for(var S in e)if(I(e,S)){var y=void 0;try{if(typeof e[S]!="function"){var U=Error((m||"React class")+": "+a+" type `"+S+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[S]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw U.name="Invariant Violation",U}y=e[S](s,S,m,a,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch($){y=$}y&&!(y instanceof Error)&&(be(k),p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",m||"React class",a,S,typeof y),be(null)),y instanceof Error&&!(y.message in Be)&&(Be[y.message]=!0,be(k),p("Failed %s type: %s",a,y.message),be(null))}}}var Gr=Array.isArray;function Ee(e){return Gr(e)}function Xr(e){{var s=typeof Symbol=="function"&&Symbol.toStringTag,a=s&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a}}function Hr(e){try{return Ve(e),!1}catch{return!0}}function Ve(e){return""+e}function Ye(e){if(Hr(e))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Xr(e)),Ve(e)}var me=x.ReactCurrentOwner,Zr={key:!0,ref:!0,__self:!0,__source:!0},Me,Ue,Re;Re={};function Qr(e){if(he.call(e,"ref")){var s=Object.getOwnPropertyDescriptor(e,"ref").get;if(s&&s.isReactWarning)return!1}return e.ref!==void 0}function qr(e){if(he.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function en(e,s){if(typeof e.ref=="string"&&me.current&&s&&me.current.stateNode!==s){var a=C(me.current.type);Re[a]||(p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(me.current.type),e.ref),Re[a]=!0)}}function rn(e,s){{var a=function(){Me||(Me=!0,p("%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://reactjs.org/link/special-props)",s))};a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}}function nn(e,s){{var a=function(){Ue||(Ue=!0,p("%s: `ref` 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://reactjs.org/link/special-props)",s))};a.isReactWarning=!0,Object.defineProperty(e,"ref",{get:a,configurable:!0})}}var tn=function(e,s,a,m,k,I,S){var y={$$typeof:n,type:e,key:s,ref:a,props:S,_owner:I};return y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(y,"_self",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.defineProperty(y,"_source",{configurable:!1,enumerable:!1,writable:!1,value:k}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y};function sn(e,s,a,m,k){{var I,S={},y=null,U=null;a!==void 0&&(Ye(a),y=""+a),qr(s)&&(Ye(s.key),y=""+s.key),Qr(s)&&(U=s.ref,en(s,k));for(I in s)he.call(s,I)&&!Zr.hasOwnProperty(I)&&(S[I]=s[I]);if(e&&e.defaultProps){var $=e.defaultProps;for(I in $)S[I]===void 0&&(S[I]=$[I])}if(y||U){var B=typeof e=="function"?e.displayName||e.name||"Unknown":e;y&&rn(S,B),U&&nn(S,B)}return tn(e,y,U,k,m,me.current,S)}}var Ne=x.ReactCurrentOwner,Ke=x.ReactDebugCurrentFrame;function le(e){if(e){var s=e._owner,a=ye(e.type,e._source,s?s.type:null);Ke.setExtraStackFrame(a)}else Ke.setExtraStackFrame(null)}var Pe;Pe=!1;function Ie(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function Je(){{if(Ne.current){var e=C(Ne.current.type);if(e)return`
+ */var Oe;function sn(){return Oe||(Oe=1,process.env.NODE_ENV!=="production"&&function(){var n=j,r=Symbol.for("react.element"),t=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),a=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),N=Symbol.iterator,E="@@iterator";function R(e){if(e===null||typeof e!="object")return null;var s=N&&e[N]||e[E];return typeof s=="function"?s:null}var g=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var s=arguments.length,c=new Array(s>1?s-1:0),m=1;m<s;m++)c[m-1]=arguments[m];w("error",e,c)}}function w(e,s,c){{var m=g.ReactDebugCurrentFrame,_=m.getStackAddendum();_!==""&&(s+="%s",c=c.concat([_]));var P=c.map(function(S){return String(S)});P.unshift("Warning: "+s),Function.prototype.apply.call(console[e],console,P)}}var F=!1,T=!1,D=!1,O=!1,W=!1,Y;Y=Symbol.for("react.module.reference");function U(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===u||W||e===l||e===h||e===p||O||e===k||F||T||D||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===x||e.$$typeof===f||e.$$typeof===a||e.$$typeof===d||e.$$typeof===Y||e.getModuleId!==void 0))}function L(e,s,c){var m=e.displayName;if(m)return m;var _=s.displayName||s.name||"";return _!==""?c+"("+_+")":c}function K(e){return e.displayName||"Context"}function y(e){if(e==null)return null;if(typeof e.tag=="number"&&v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case i:return"Fragment";case t:return"Portal";case u:return"Profiler";case l:return"StrictMode";case h:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case a:var s=e;return K(s)+".Consumer";case f:var c=e;return K(c._context)+".Provider";case d:return L(e,e.render,"ForwardRef");case x:var m=e.displayName||null;return m!==null?m:y(e.type)||"Memo";case C:{var _=e,P=_._payload,S=_._init;try{return y(S(P))}catch{return null}}}return null}var B=Object.assign,$=0,M,ee,oe,ie,ae,ne,A;function Z(){}Z.__reactDisabledLog=!0;function Q(){{if($===0){M=console.log,ee=console.info,oe=console.warn,ie=console.error,ae=console.group,ne=console.groupCollapsed,A=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Z,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function he(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:B({},e,{value:M}),info:B({},e,{value:ee}),warn:B({},e,{value:oe}),error:B({},e,{value:ie}),group:B({},e,{value:ae}),groupCollapsed:B({},e,{value:ne}),groupEnd:B({},e,{value:A})})}$<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=g.ReactCurrentDispatcher,re;function xe(e,s,c){{if(re===void 0)try{throw Error()}catch(_){var m=_.stack.trim().match(/\n( *(at )?)/);re=m&&m[1]||""}return`
+`+re+e}}var Ee=!1,ye;{var Un=typeof WeakMap=="function"?WeakMap:Map;ye=new Un}function Ve(e,s){if(!e||Ee)return"";{var c=ye.get(e);if(c!==void 0)return c}var m;Ee=!0;var _=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var P;P=G.current,G.current=null,Q();try{if(s){var S=function(){throw Error()};if(Object.defineProperty(S.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(S,[])}catch(X){m=X}Reflect.construct(e,[],S)}else{try{S.call()}catch(X){m=X}e.call(S.prototype)}}else{try{throw Error()}catch(X){m=X}e()}}catch(X){if(X&&m&&typeof X.stack=="string"){for(var b=X.stack.split(`
+`),J=m.stack.split(`
+`),z=b.length-1,V=J.length-1;z>=1&&V>=0&&b[z]!==J[V];)V--;for(;z>=1&&V>=0;z--,V--)if(b[z]!==J[V]){if(z!==1||V!==1)do if(z--,V--,V<0||b[z]!==J[V]){var q=`
+`+b[z].replace(" at new "," at ");return e.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",e.displayName)),typeof e=="function"&&ye.set(e,q),q}while(z>=1&&V>=0);break}}}finally{Ee=!1,G.current=P,he(),Error.prepareStackTrace=_}var ue=e?e.displayName||e.name:"",ce=ue?xe(ue):"";return typeof e=="function"&&ye.set(e,ce),ce}function Kn(e,s,c){return Ve(e,!1)}function Jn(e){var s=e.prototype;return!!(s&&s.isReactComponent)}function be(e,s,c){if(e==null)return"";if(typeof e=="function")return Ve(e,Jn(e));if(typeof e=="string")return xe(e);switch(e){case h:return xe("Suspense");case p:return xe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return Kn(e.render);case x:return be(e.type,s,c);case C:{var m=e,_=m._payload,P=m._init;try{return be(P(_),s,c)}catch{}}}return""}var me=Object.prototype.hasOwnProperty,Me={},Ye=g.ReactDebugCurrentFrame;function Se(e){if(e){var s=e._owner,c=be(e.type,e._source,s?s.type:null);Ye.setExtraStackFrame(c)}else Ye.setExtraStackFrame(null)}function Gn(e,s,c,m,_){{var P=Function.call.bind(me);for(var S in e)if(P(e,S)){var b=void 0;try{if(typeof e[S]!="function"){var J=Error((m||"React class")+": "+c+" type `"+S+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[S]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw J.name="Invariant Violation",J}b=e[S](s,S,m,c,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(z){b=z}b&&!(b instanceof Error)&&(Se(_),v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",m||"React class",c,S,typeof b),Se(null)),b instanceof Error&&!(b.message in Me)&&(Me[b.message]=!0,Se(_),v("Failed %s type: %s",c,b.message),Se(null))}}}var Xn=Array.isArray;function Re(e){return Xn(e)}function Hn(e){{var s=typeof Symbol=="function"&&Symbol.toStringTag,c=s&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c}}function Zn(e){try{return Ue(e),!1}catch{return!0}}function Ue(e){return""+e}function Ke(e){if(Zn(e))return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Hn(e)),Ue(e)}var pe=g.ReactCurrentOwner,Qn={key:!0,ref:!0,__self:!0,__source:!0},Je,Ge,Ne;Ne={};function qn(e){if(me.call(e,"ref")){var s=Object.getOwnPropertyDescriptor(e,"ref").get;if(s&&s.isReactWarning)return!1}return e.ref!==void 0}function er(e){if(me.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function nr(e,s){if(typeof e.ref=="string"&&pe.current&&s&&pe.current.stateNode!==s){var c=y(pe.current.type);Ne[c]||(v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',y(pe.current.type),e.ref),Ne[c]=!0)}}function rr(e,s){{var c=function(){Je||(Je=!0,v("%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://reactjs.org/link/special-props)",s))};c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}}function tr(e,s){{var c=function(){Ge||(Ge=!0,v("%s: `ref` 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://reactjs.org/link/special-props)",s))};c.isReactWarning=!0,Object.defineProperty(e,"ref",{get:c,configurable:!0})}}var sr=function(e,s,c,m,_,P,S){var b={$$typeof:r,type:e,key:s,ref:c,props:S,_owner:P};return b._store={},Object.defineProperty(b._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(b,"_self",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.defineProperty(b,"_source",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.freeze&&(Object.freeze(b.props),Object.freeze(b)),b};function or(e,s,c,m,_){{var P,S={},b=null,J=null;c!==void 0&&(Ke(c),b=""+c),er(s)&&(Ke(s.key),b=""+s.key),qn(s)&&(J=s.ref,nr(s,_));for(P in s)me.call(s,P)&&!Qn.hasOwnProperty(P)&&(S[P]=s[P]);if(e&&e.defaultProps){var z=e.defaultProps;for(P in z)S[P]===void 0&&(S[P]=z[P])}if(b||J){var V=typeof e=="function"?e.displayName||e.name||"Unknown":e;b&&rr(S,V),J&&tr(S,V)}return sr(e,b,J,_,m,pe.current,S)}}var Pe=g.ReactCurrentOwner,Xe=g.ReactDebugCurrentFrame;function le(e){if(e){var s=e._owner,c=be(e.type,e._source,s?s.type:null);Xe.setExtraStackFrame(c)}else Xe.setExtraStackFrame(null)}var Ie;Ie=!1;function we(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function He(){{if(Pe.current){var e=y(Pe.current.type);if(e)return`
 
-Check the render method of \``+e+"`."}return""}}function on(e){{if(e!==void 0){var s=e.fileName.replace(/^.*[\\\/]/,""),a=e.lineNumber;return`
+Check the render method of \``+e+"`."}return""}}function ir(e){{if(e!==void 0){var s=e.fileName.replace(/^.*[\\\/]/,""),c=e.lineNumber;return`
 
-Check your code at `+s+":"+a+"."}return""}}var Ge={};function an(e){{var s=Je();if(!s){var a=typeof e=="string"?e:e.displayName||e.name;a&&(s=`
+Check your code at `+s+":"+c+"."}return""}}var Ze={};function ar(e){{var s=He();if(!s){var c=typeof e=="string"?e:e.displayName||e.name;c&&(s=`
 
-Check the top-level render call using <`+a+">.")}return s}}function Xe(e,s){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=an(s);if(Ge[a])return;Ge[a]=!0;var m="";e&&e._owner&&e._owner!==Ne.current&&(m=" It was passed a child from "+C(e._owner.type)+"."),le(e),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,m),le(null)}}function He(e,s){{if(typeof e!="object")return;if(Ee(e))for(var a=0;a<e.length;a++){var m=e[a];Ie(m)&&Xe(m,s)}else if(Ie(e))e._store&&(e._store.validated=!0);else if(e){var k=P(e);if(typeof k=="function"&&k!==e.entries)for(var I=k.call(e),S;!(S=I.next()).done;)Ie(S.value)&&Xe(S.value,s)}}}function cn(e){{var s=e.type;if(s==null||typeof s=="string")return;var a;if(typeof s=="function")a=s.propTypes;else if(typeof s=="object"&&(s.$$typeof===d||s.$$typeof===g))a=s.propTypes;else return;if(a){var m=C(s);Jr(a,e.props,"prop",m,e)}else if(s.PropTypes!==void 0&&!Pe){Pe=!0;var k=C(s);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",k||"Unknown")}typeof s.getDefaultProps=="function"&&!s.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ln(e){{for(var s=Object.keys(e.props),a=0;a<s.length;a++){var m=s[a];if(m!=="children"&&m!=="key"){le(e),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",m),le(null);break}}e.ref!==null&&(le(e),p("Invalid attribute `ref` supplied to `React.Fragment`."),le(null))}}var Ze={};function Qe(e,s,a,m,k,I){{var S=V(e);if(!S){var y="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(y+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var U=on(k);U?y+=U:y+=Je();var $;e===null?$="null":Ee(e)?$="array":e!==void 0&&e.$$typeof===n?($="<"+(C(e.type)||"Unknown")+" />",y=" Did you accidentally export a JSX literal instead of a component?"):$=typeof e,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",$,y)}var B=sn(e,s,a,k,I);if(B==null)return B;if(S){var ee=s.children;if(ee!==void 0)if(m)if(Ee(ee)){for(var ue=0;ue<ee.length;ue++)He(ee[ue],e);Object.freeze&&Object.freeze(ee)}else p("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 He(ee,e)}if(he.call(s,"key")){var ce=C(e),H=Object.keys(s).filter(function(vn){return vn!=="key"}),we=H.length>0?"{key: someKey, "+H.join(": ..., ")+": ...}":"{key: someKey}";if(!Ze[ce+we]){var mn=H.length>0?"{"+H.join(": ..., ")+": ...}":"{}";p(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+c+">.")}return s}}function Qe(e,s){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var c=ar(s);if(Ze[c])return;Ze[c]=!0;var m="";e&&e._owner&&e._owner!==Pe.current&&(m=" It was passed a child from "+y(e._owner.type)+"."),le(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',c,m),le(null)}}function qe(e,s){{if(typeof e!="object")return;if(Re(e))for(var c=0;c<e.length;c++){var m=e[c];we(m)&&Qe(m,s)}else if(we(e))e._store&&(e._store.validated=!0);else if(e){var _=R(e);if(typeof _=="function"&&_!==e.entries)for(var P=_.call(e),S;!(S=P.next()).done;)we(S.value)&&Qe(S.value,s)}}}function cr(e){{var s=e.type;if(s==null||typeof s=="string")return;var c;if(typeof s=="function")c=s.propTypes;else if(typeof s=="object"&&(s.$$typeof===d||s.$$typeof===x))c=s.propTypes;else return;if(c){var m=y(s);Gn(c,e.props,"prop",m,e)}else if(s.PropTypes!==void 0&&!Ie){Ie=!0;var _=y(s);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",_||"Unknown")}typeof s.getDefaultProps=="function"&&!s.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function lr(e){{for(var s=Object.keys(e.props),c=0;c<s.length;c++){var m=s[c];if(m!=="children"&&m!=="key"){le(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",m),le(null);break}}e.ref!==null&&(le(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),le(null))}}var en={};function nn(e,s,c,m,_,P){{var S=U(e);if(!S){var b="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(b+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var J=ir(_);J?b+=J:b+=He();var z;e===null?z="null":Re(e)?z="array":e!==void 0&&e.$$typeof===r?(z="<"+(y(e.type)||"Unknown")+" />",b=" Did you accidentally export a JSX literal instead of a component?"):z=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",z,b)}var V=or(e,s,c,_,P);if(V==null)return V;if(S){var q=s.children;if(q!==void 0)if(m)if(Re(q)){for(var ue=0;ue<q.length;ue++)qe(q[ue],e);Object.freeze&&Object.freeze(q)}else v("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 qe(q,e)}if(me.call(s,"key")){var ce=y(e),X=Object.keys(s).filter(function(pr){return pr!=="key"}),Fe=X.length>0?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}";if(!en[ce+Fe]){var mr=X.length>0?"{"+X.join(": ..., ")+": ...}":"{}";v(`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} />`,we,ce,mn,ce),Ze[ce+we]=!0}}return e===i?ln(B):cn(B),B}}function un(e,s,a){return Qe(e,s,a,!0)}function fn(e,s,a){return Qe(e,s,a,!1)}var dn=fn,hn=un;de.Fragment=i,de.jsx=dn,de.jsxs=hn}()),de}process.env.NODE_ENV==="production"?Ce.exports=er():Ce.exports=rr();var o=Ce.exports;function pe(r,n){return n?o.jsx(n,{size:r,strokeWidth:2.5}):o.jsx(o.Fragment,{})}function nr(r){const{variant:n="ghost",scheme:t="primary",size:i="md",leftIcon:l,rightIcon:u,className:f="",children:c,...d}=r,v={md:12,lg:14}[i];return{className:`arkyn_badge ${n} ${t} ${i} ${f}`.trim(),children:c,leftIcon:pe(v,l),rightIcon:pe(v,u),...d}}function tr(r){const{leftIcon:n,children:t,rightIcon:i,...l}=nr(r);return o.jsxs("div",{...l,children:[n,t,i]})}function sr(r){const{className:n,orientation:t="horizontal",...i}=r,l=`arkyn_divider ${t} ${n}`;return o.jsx("div",{className:l,...i})}function or({className:r,...n}){const t="arkyn_skeleton "+r;return o.jsx("div",{className:t.trim(),...n})}function ir(r){const{isLoading:n=!1,scheme:t="primary",variant:i="solid",loadingText:l,size:u="md",leftIcon:f,rightIcon:c,disabled:d,className:h="",children:v,...g}=r,_={xs:12,sm:16,md:20,lg:24}[u];return{className:`arkyn_button loading_text_${!!l} ${i} ${t} ${u} loading_${n} ${h}`.trim(),loadingText:l,children:v,iconSize:_,disabled:d||n,leftIcon:pe(_,f),rightIcon:pe(_,c),...g}}function ar(r){const{leftIcon:n,rightIcon:t,iconSize:i,children:l,loadingText:u,...f}=ir(r);return o.jsxs("button",{...f,children:[o.jsxs("div",{className:"spinner",children:[o.jsx(Z.Loader2,{size:i,strokeWidth:2.5}),u&&u]}),o.jsxs("div",{className:"content",children:[n,l,t]})]})}const Oe=j.createContext({});function cr({children:r,...n}){var c,d;const t=ve.useActionData(),i=j.useRef(null),l=((c=i.current)==null?void 0:c.name)||"",u=((d=t==null?void 0:t.fieldErrors)==null?void 0:d[l])||null,f=j.useId();return o.jsx(Oe.Provider,{value:{error:u,id:f,inputRef:i},children:o.jsx("section",{className:"arkyn_form_controller",...n,children:r})})}function te(){return j.useContext(Oe)}function lr(r){const{name:n,className:t="",size:i="md",isError:l,defaultChecked:u=!1,checked:f=null,onCheck:c,value:d,...h}=r,{id:v,inputRef:g,error:b}=te(),_=l||!!b,[R,N]=j.useState(u||!1),P=typeof f=="boolean"?f:R,x=`arkyn_checkbox ${i} ${_?"error":""} ${P?"checked":""} ${t}`;function p(){const E=R;N(!E),c&&c(E?"":d||"checked")}return o.jsxs("div",{className:x,onClick:p,...h,children:[o.jsx("input",{type:"hidden",name:n,id:v,ref:g,value:P?d||"checked":""}),o.jsx(Z.Check,{})]})}function ur({children:r}){const{error:n}=te();return r?o.jsx("strong",{className:"arkyn_form_error",children:r}):n?o.jsx("strong",{className:"arkyn_form_error",children:n}):o.jsx(o.Fragment,{})}function fr(r){const{showAsterisk:n=!1,className:t="",...i}=r;return{className:`arkyn_form_label ${n?"show-asterisk":""} ${t}`.trim(),...i}}function dr(r){const{id:n}=te();return o.jsx("label",{...fr(r),htmlFor:n})}const Le={xs:12,sm:16,md:20,lg:24};function hr(r){const{isLoading:n=!1,scheme:t="primary",variant:i="solid",size:l="md",icon:u,disabled:f,className:c="",...d}=r,h=`arkyn_icon_button ${i} ${t} ${l} loading_${n} ${c}`;return o.jsxs("button",{disabled:f||n,className:h.trim(),...d,children:[o.jsx("div",{className:"spinner",children:o.jsx(Z.Loader2,{size:Le[l],strokeWidth:2.5})}),o.jsx("div",{className:"content "+l,children:o.jsx(u,{size:Le[l],strokeWidth:2.5})})]})}function se(r,n,t){if(!r)return o.jsx(o.Fragment,{});if(typeof r=="string")return o.jsx("p",{className:t,children:r});const i=r;return o.jsx("p",{className:t,children:o.jsx(i,{color:"var(--secondary-600)",size:n,strokeWidth:2.5})})}function mr(r,n){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:c,sufix:d,leftIcon:h,rightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,...p}=r,E=v?"right":"left",W=`arkyn_input ${c?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${g||b||t?"opacity":""} ${i?"errored":""} ${n?"focused":""} ${u}`,F={md:20,lg:20}[l];return{isLoading:t,className:W,prefix:se(c,F,"prefix"),sufix:se(d,F,"sufix"),LeftIcon:h,RightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,loadingPosition:E,iconSize:F,Spinner:o.jsx(Z.Loader2,{className:"spinner",size:F,strokeWidth:2.5}),...p}}function ke(r){return r&&r.replace(/[^0-9]/g,"")}function vr(r,n){let t="",i=0;return Array.from(r).forEach((l,u)=>{n[u+i].match(/[0-9]/)||(t+=n[u+i],i++),t+=l}),t}function pr(r){return r.length>11?"CNPJ":"CPF"}const $e={CPF:"999.999.999-999",CNPJ:"99.999.999/9999-99"},gr=ke($e.CNPJ).length;function xr(r){const[n,t]=j.useState(!1),[i,l]=j.useState(ke((r==null?void 0:r.defaultValue)||"")),u=j.useRef(null),{inputRef:f,id:c,error:d}=te(),h=f||u,v=r.isError||!!d,{disabled:g,title:b,style:_,className:R,prefix:N,sufix:P,iconSize:x,loadingPosition:p,isLoading:E,LeftIcon:T,readOnly:L,onFocus:z,onBlur:O,RightIcon:D,Spinner:W,onChange:V,value:F,defaultValue:K="",...C}=mr({...r,id:c,isError:v},n),A=T&&!E,M=D&&!E,Y=p==="left"&&E,oe=p==="right"&&E;function ie(){g||!(h!=null&&h.current)||(t(!0),h.current.focus())}function ae(G){let X=ke(G.target.value);const Q=pr(X);X.length>gr||(X=vr(X,$e[Q]),G.target.value=X,l(X),V&&V(G))}function re(G){t(!0),z&&z(G)}function J(G){t(!1),O&&O(G)}return o.jsxs("section",{title:b,style:_,onClick:ie,className:R,children:[N,Y&&W,A&&o.jsx(T,{size:x,strokeWidth:2.5}),o.jsx("input",{disabled:g||E,readOnly:L,ref:h,value:F||i,onFocus:re,onChange:ae,onBlur:J,...C}),M&&o.jsx(D,{size:x,strokeWidth:2.5}),oe&&W,P]})}function yr(r,n){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:c,sufix:d,leftIcon:h,rightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,showCents:x=!1,max:p=1e9,onChange:E,...T}=r,L=v?"right":"left",F=`arkyn_input ${c?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${g||b||t?"opacity":""} ${i?"errored":""} ${n?"focused":""} ${u}`,C={md:20,lg:20}[l];return{isLoading:t,className:F,prefix:se(c,C,"prefix"),sufix:se(d,C,"sufix"),LeftIcon:h,RightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,max:p,onChange:E,showCents:x,loadingPosition:L,iconSize:C,Spinner:o.jsx(Z.Loader2,{className:"spinner",size:C,strokeWidth:2.5}),...T}}const br=/^[1-9]{1}$/,Sr=/^[0-9]{1}$/,ze=8;function Cr(r,n){if(r===0)return"";const t=(r/100).toLocaleString("pt-BR",{style:"currency",currency:"BRL"});return n?t:t.replace("R$","").trim()}function kr(r){const{currencyValue:n,event:t,max:i,setCurrencyValue:l}=r,{key:u,keyCode:f}=t;if(n===0&&!br.test(u)||n!==0&&!Sr.test(u)&&f!==ze)return;const c=n.toString();let d;if(f!==ze){const h=n===0?u:`${c}${u}`;d=Number.parseInt(h,10)}else{const h=c.slice(0,-1);d=h===""?0:Number.parseInt(h,10)}d>Number(i)||l(d)}function _r(r){const[n,t]=j.useState(!1),[i,l]=j.useState(r.defaultValue||0),u=j.useRef(null),{inputRef:f,id:c,error:d}=te(),h=f||u,v=r.isError||!!d,{disabled:g,title:b,style:_,className:R,prefix:N,sufix:P,iconSize:x,loadingPosition:p,isLoading:E,LeftIcon:T,readOnly:L,onFocus:z,onBlur:O,RightIcon:D,Spinner:W,value:V,max:F,onKeyDown:K,onChange:C,showCents:A,...M}=yr({...r,id:c,isError:v},n),Y=T&&!E,oe=D&&!E,ie=p==="left"&&E,ae=p==="right"&&E;function re(){g||!(h!=null&&h.current)||(t(!0),h.current.focus())}function J(Q){kr({currencyValue:i,event:Q,max:F,setCurrencyValue:l}),C&&C(i),K&&K(Q)}function G(Q){t(!0),z&&z(Q)}function X(Q){t(!1),O&&O(Q)}return o.jsxs("section",{title:b,style:_,onClick:re,className:R,children:[N,ie&&W,Y&&o.jsx(T,{size:x,strokeWidth:2.5}),o.jsx("input",{value:Cr(V||i,A),onKeyDown:J,disabled:g||E,readOnly:L,ref:h,onFocus:G,onBlur:X,onChange:()=>{},...M}),ae&&W,oe&&o.jsx(D,{size:x,strokeWidth:2.5}),P]})}function jr(r,n){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:c,sufix:d,leftIcon:h,rightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,showMask:p=!0,type:E,...T}=r,L=v?"right":"left",F=`arkyn_input ${c?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${g||b||t?"opacity":""} ${i?"errored":""} ${n?"focused":""} ${u}`,C={md:20,lg:20}[l];return{isLoading:t,className:F,prefix:se(c,C,"prefix"),sufix:se(d,C,"sufix"),LeftIcon:h,RightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,loadingPosition:L,iconSize:C,showMask:p,Spinner:o.jsx(Z.Loader2,{className:"spinner",size:C,strokeWidth:2.5}),...T}}const Er=j.forwardRef((r,n)=>o.jsx("input",{ref:n,...r}));function Rr(r){const[n,t]=j.useState(!1),i=j.useRef(null),{inputRef:l,id:u,error:f}=te(),c=l||i,d=r.isError||!!f,{disabled:h,title:v,style:g,className:b,prefix:_,sufix:R,iconSize:N,loadingPosition:P,isLoading:x,LeftIcon:p,readOnly:E,onFocus:T,onBlur:L,RightIcon:z,Spinner:O,...D}=jr({...r,id:u,isError:d},n),W=p&&!x,V=z&&!x,F=P==="left"&&x,K=P==="right"&&x;function C(){h||!(c!=null&&c.current)||(t(!0),c.current.focus())}function A(Y){t(!0),T&&T(Y)}function M(Y){t(!1),L&&L(Y)}return o.jsxs("section",{title:v,style:g,onClick:C,className:b,children:[_,F&&O,W&&o.jsx(p,{size:N,strokeWidth:2.5}),o.jsx(qe.InputMask,{component:Er,ref:c,onFocus:A,onBlur:M,...D}),V&&o.jsx(z,{size:N,strokeWidth:2.5}),K&&O,R]})}function Nr(r,n){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:c,sufix:d,leftIcon:h,rightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,...p}=r,E=v?"right":"left",W=`arkyn_input ${c?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${g||b||t?"opacity":""} ${i?"errored":""} ${n?"focused":""} ${u}`,F={md:20,lg:20}[l];return{isLoading:t,className:W,prefix:se(c,F,"prefix"),sufix:se(d,F,"sufix"),LeftIcon:h,RightIcon:v,disabled:g,readOnly:b,onFocus:_,onBlur:R,title:N,style:P,onChange:x,loadingPosition:E,iconSize:F,Spinner:o.jsx(Z.Loader2,{className:"spinner",size:F,strokeWidth:2.5}),...p}}function Pr(r){const[n,t]=j.useState(!1),i=j.useRef(null),{inputRef:l,id:u,error:f}=te(),c=l||i,d=r.isError||!!f,{disabled:h,title:v,style:g,className:b,prefix:_,sufix:R,iconSize:N,loadingPosition:P,isLoading:x,LeftIcon:p,readOnly:E,onFocus:T,onBlur:L,RightIcon:z,Spinner:O,...D}=Nr({...r,id:u,isError:d},n),W=p&&!x,V=z&&!x,F=P==="left"&&x,K=P==="right"&&x;function C(){h||!(c!=null&&c.current)||(t(!0),c.current.focus())}function A(Y){t(!0),T&&T(Y)}function M(Y){t(!1),L&&L(Y)}return o.jsxs("section",{title:v,style:g,onClick:C,className:b,children:[_,F&&O,W&&o.jsx(p,{size:N,strokeWidth:2.5}),o.jsx("input",{disabled:h||x,readOnly:E,ref:c,onFocus:A,onBlur:M,...D}),V&&o.jsx(z,{size:N,strokeWidth:2.5}),K&&O,R]})}function Ir(r){return r.type==="currency"?o.jsx(_r,{...r}):r.type==="masked"?o.jsx(Rr,{...r}):r.type==="cpf-cpnj"?o.jsx(xr,{...r}):o.jsx(Pr,{...r})}function wr(r,n,t){if(!r)return o.jsx(o.Fragment,{});if(typeof r=="string")return o.jsx("p",{className:t,children:r});const i=r;return o.jsx("p",{className:t,children:o.jsx(i,{color:"var(--secondary-600)",size:n,strokeWidth:2.5})})}function Fr(r,n){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:c,leftIcon:d,disabled:h,readOnly:v,onFocus:g,onBlur:b,title:_,style:R,isSearchable:N=!1,...P}=r,L=`arkyn_select ${c?"hasPrefix":""} ${f} ${l} ${h||v||t?"opacity":""} ${i?"errored":""} ${n?"focused":""} ${u}`,O={md:20,lg:20}[l];return{isLoading:t,className:L,prefix:wr(c,O,"prefix"),LeftIcon:d,disabled:h,readOnly:v,onFocus:g,onBlur:b,title:_,style:R,isSearchable:N,iconSize:O,Spinner:o.jsx(Z.Loader2,{className:"spinner",size:O,strokeWidth:2.5}),...P}}function Tr(r){var Q;const[n,t]=j.useState(!1),{inputRef:i,id:l,error:u}=te(),f=j.useRef(null),c=i||f,d=r.isError||!!u,{disabled:h,title:v,style:g,className:b,prefix:_,iconSize:R,isLoading:N,LeftIcon:P,value:x=null,defaultValue:p="",readOnly:E,onFocus:T,onBlur:L,Spinner:z,name:O,isSearchable:D,placeholder:W,onSelect:V,options:F,...K}=Fr({...r,id:l,isError:d},n),[C,A]=j.useState(p),[M,Y]=j.useState("");function oe(){h||!(c!=null&&c.current)||(t(!0),c.current.focus())}function ie(q){t(!0),T&&T(q)}function ae(){t(!1),L&&c.current&&c.current.blur()}const re=typeof x=="string"?x:C,J=((Q=F.find(q=>q.value===re))==null?void 0:Q.label)||"",G=()=>{if(D){if(!n&&J)return!0;if(!n&&!J||n)return!1}if(!D){if(!n&&J)return!0;if(!n&&!J)return!1;if(n&&J)return!0;if(n&&!J)return!1}},X=F.filter(q=>D?q.label.toLowerCase().includes(M.toLowerCase()):!0);return o.jsxs(o.Fragment,{children:[o.jsxs("section",{title:v,style:g,onClick:oe,className:`${b} placeholder_dark_${G()}`,children:[_,P&&o.jsx(P,{size:R,strokeWidth:2.5}),o.jsx("input",{disabled:h||N,readOnly:!D,value:M||"",placeholder:J||W,ref:c,onFocus:ie,onBlur:()=>Y(""),...K,onChange:q=>Y(q.target.value)}),o.jsx("input",{type:"hidden",name:O,value:re||"",readOnly:!0}),n&&o.jsxs("ul",{className:"arkyn_select_content",children:[X.map(({label:q,value:ne})=>o.jsxs("li",{className:re===ne?"active":"",onClick:()=>{A(C!==ne?ne:""),V&&V({label:q,value:ne})},children:[q," ",o.jsx(Z.Check,{})]},ne)),X.length<=0&&o.jsx("p",{children:"Sem opções disponíveis"})]}),!N&&o.jsx(Z.ChevronDown,{className:"arkyn_select_arrow",size:R,strokeWidth:2.5}),N&&z]}),n&&o.jsx("aside",{className:"arkyn_select_overlay",onClick:ae})]})}function Or(r){const{className:n="",...t}=r;return{className:`arkyn_breadcrumb ${n}`.trim(),...t}}function Lr(r){const{pathname:n}=ve.useLocation(),{className:t="",disabled:i=!1,to:l,...u}=r,f=n===l?"active":"inactive",c=`arkyn_breadcrumb_link ${f} ${t}`;return{to:l,className:c.trim(),disabled:i||f==="active",...u}}function $r(r){const{className:n,...t}=Or(r);return o.jsx("nav",{className:n,...t})}function zr(r){const{children:n,className:t,disabled:i,...l}=Lr(r);return i?o.jsxs("p",{className:t,children:[o.jsx(Z.ChevronRight,{size:14,strokeWidth:2.5}),n]}):o.jsxs(ve.Link,{className:t,...l,children:[o.jsx(Z.ChevronRight,{size:14,strokeWidth:2.5}),n]})}const De=j.createContext({});function Dr(r){const{isVisibled:n,makeInvisible:t,children:i,className:l="",...u}=r,c=`arkyn_modal_container ${n?"visible":""} ${l}`;return o.jsx(De.Provider,{value:{makeInvisible:t},children:o.jsx(Se.AnimatePresence,{children:n&&o.jsxs("aside",{className:c.trim(),...u,children:[o.jsx(Se.motion.div,{className:"overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t}),o.jsx(Se.motion.div,{className:"content",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:i})]})})})}function Wr(r){const{alignment:n="right",className:t,...i}=r,l=`arkyn_modal_footer ${n} ${t}`;return o.jsx("footer",{className:l.trim(),...i})}function Br(r){const{showCloseButton:n,className:t,children:i,...l}=r,{makeInvisible:u}=j.useContext(De),c=`arkyn_modal_header ${n?"show-close":""} ${t}`;return o.jsxs("header",{className:c.trim(),...l,children:[i,o.jsx("button",{type:"button",onClick:u,children:o.jsx(Z.X,{size:24})})]})}const Ar={Container:Dr,Header:Br,Footer:Wr};function Vr(r){const{text:n,size:t="lg",children:i,orientation:l="top",className:u,...f}=r;return o.jsxs("div",{className:`arkyn_tooltip ${t} ${l} ${u}`,...f,children:[i,o.jsx("div",{className:"arkyn_tooltip_text",children:n})]})}function Yr(r=""){const n=ve.useLocation(),t=new URLSearchParams(n.search),i=r?`${r}:`:"",l=u=>{Object.entries(u).forEach(([f,c])=>{c===void 0?t.delete(`${i}${f}`):t.set(`${i}${f}`,String(c))})};return{getParam:u=>t.get(`${i}${u}`),getScopedSearch:u=>{l(u);let f=t.toString();return f&&(f="?"+f),f}}}w.Badge=tr,w.Breadcrumb=$r,w.BreadcrumbLink=zr,w.Button=ar,w.Checkbox=lr,w.Divider=sr,w.FormController=cr,w.FormError=ur,w.FormLabel=dr,w.IconButton=hr,w.Input=Ir,w.Modal=Ar,w.Select=Tr,w.Skeleton=or,w.Tooltip=Vr,w.useScopedParams=Yr,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,Fe,ce,mr,ce),en[ce+Fe]=!0}}return e===i?lr(V):cr(V),V}}function ur(e,s,c){return nn(e,s,c,!0)}function fr(e,s,c){return nn(e,s,c,!1)}var dr=fr,hr=ur;de.Fragment=i,de.jsx=dr,de.jsxs=hr}()),de}process.env.NODE_ENV==="production"?ke.exports=tn():ke.exports=sn();var o=ke.exports;function ge(n,r){return r?o.jsx(r,{size:n,strokeWidth:2.5}):o.jsx(o.Fragment,{})}function on(n){const{variant:r="ghost",scheme:t="primary",size:i="md",leftIcon:l,rightIcon:u,className:f="",children:a,...d}=n,p={md:12,lg:14}[i];return{className:`arkyn_badge ${r} ${t} ${i} ${f}`.trim(),children:a,leftIcon:ge(p,l),rightIcon:ge(p,u),...d}}function an(n){const{leftIcon:r,children:t,rightIcon:i,...l}=on(n);return o.jsxs("div",{...l,children:[r,t,i]})}function cn(n){const{className:r,orientation:t="horizontal",...i}=n,l=`arkyn_divider ${t} ${r}`;return o.jsx("div",{className:l,...i})}function ln({className:n,...r}){const t="arkyn_skeleton "+n;return o.jsx("div",{className:t.trim(),...r})}function un(n){const{isLoading:r=!1,scheme:t="primary",variant:i="solid",loadingText:l,size:u="md",leftIcon:f,rightIcon:a,disabled:d,className:h="",children:p,...x}=n,k={xs:12,sm:16,md:20,lg:24}[u];return{className:`arkyn_button loading_text_${!!l} ${i} ${t} ${u} loading_${r} ${h}`.trim(),loadingText:l,children:p,iconSize:k,disabled:d||r,leftIcon:ge(k,f),rightIcon:ge(k,a),...x}}function fn(n){const{leftIcon:r,rightIcon:t,iconSize:i,children:l,loadingText:u,...f}=un(n);return o.jsxs("button",{...f,children:[o.jsxs("div",{className:"spinner",children:[o.jsx(H.Loader2,{size:i,strokeWidth:2.5}),u&&u]}),o.jsxs("div",{className:"content",children:[r,l,t]})]})}const Le=j.createContext({});function dn({children:n,...r}){var a,d;const t=ve.useActionData(),i=j.useRef(null),l=((a=i.current)==null?void 0:a.name)||"",u=((d=t==null?void 0:t.fieldErrors)==null?void 0:d[l])||null,f=j.useId();return o.jsx(Le.Provider,{value:{error:u,id:f,inputRef:i},children:o.jsx("section",{className:"arkyn_form_controller",...r,children:n})})}function te(){return j.useContext(Le)}function hn(n){const{name:r,className:t="",size:i="md",isError:l,defaultChecked:u=!1,checked:f=null,onCheck:a,value:d,...h}=n,{id:p,inputRef:x,error:C}=te(),k=l||!!C,[N,E]=j.useState(u||!1),R=typeof f=="boolean"?f:N,g=`arkyn_checkbox ${i} ${k?"error":""} ${R?"checked":""} ${t}`;function v(){const w=N;E(!w),a&&a(w?"":d||"checked")}return o.jsxs("div",{className:g,onClick:v,...h,children:[o.jsx("input",{type:"hidden",name:r,id:p,ref:x,value:R?d||"checked":""}),o.jsx(H.Check,{})]})}function mn({children:n}){const{error:r}=te();return n?o.jsx("strong",{className:"arkyn_form_error",children:n}):r?o.jsx("strong",{className:"arkyn_form_error",children:r}):o.jsx(o.Fragment,{})}function pn(n){const{showAsterisk:r=!1,className:t="",...i}=n;return{className:`arkyn_form_label ${r?"show-asterisk":""} ${t}`.trim(),...i}}function vn(n){const{id:r}=te();return o.jsx("label",{...pn(n),htmlFor:r})}const $e={xs:12,sm:16,md:20,lg:24};function gn(n){const{isLoading:r=!1,scheme:t="primary",variant:i="solid",size:l="md",icon:u,disabled:f,className:a="",...d}=n,h=`arkyn_icon_button ${i} ${t} ${l} loading_${r} ${a}`;return o.jsxs("button",{disabled:f||r,className:h.trim(),...d,children:[o.jsx("div",{className:"spinner",children:o.jsx(H.Loader2,{size:$e[l],strokeWidth:2.5})}),o.jsx("div",{className:"content "+l,children:o.jsx(u,{size:$e[l],strokeWidth:2.5})})]})}function se(n,r,t){if(!n)return o.jsx(o.Fragment,{});if(typeof n=="string")return o.jsx("p",{className:t,children:n});const i=n;return o.jsx("p",{className:t,children:o.jsx(i,{color:"var(--secondary-600)",size:r,strokeWidth:2.5})})}function _e(n){return n&&n.replace(/[^0-9]/g,"")}function ze(n,r){let t="",i=0;return Array.from(n).forEach((l,u)=>{r[u+i].match(/[0-9]/)||(t+=r[u+i],i++),t+=l}),t}function De(n){return n.length>11?"CNPJ":"CPF"}const je={CPF:"999.999.999-999",CNPJ:"99.999.999/9999-99"},We=_e(je.CNPJ).length;function xn(n,r){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:a,sufix:d,leftIcon:h,rightIcon:p,disabled:x,defaultValue:C,readOnly:k,onFocus:N,onBlur:E,title:R,style:g,onChange:v,...w}=n;function F(B){let $=_e(B);const M=De($);if(!($.length>We))return $=ze($,je[M]),$}const T=p?"right":"left",L=`arkyn_input ${a?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${x||k||t?"opacity":""} ${i?"errored":""} ${r?"focused":""} ${u}`,y={md:20,lg:20}[l];return{isLoading:t,className:L,prefix:se(a,y,"prefix"),sufix:se(d,y,"sufix"),LeftIcon:h,RightIcon:p,defaultValue:F(C||""),disabled:x,readOnly:k,onFocus:N,onBlur:E,title:R,style:g,onChange:v,loadingPosition:T,iconSize:y,Spinner:o.jsx(H.Loader2,{className:"spinner",size:y,strokeWidth:2.5}),...w}}function yn(n){const[r,t]=j.useState(!1),i=j.useRef(null),{inputRef:l,id:u,error:f}=te(),a=l||i,d=n.isError||!!f,{disabled:h,title:p,style:x,className:C,prefix:k,sufix:N,iconSize:E,loadingPosition:R,isLoading:g,LeftIcon:v,readOnly:w,onFocus:F,onBlur:T,RightIcon:D,Spinner:O,onChange:W,value:Y,defaultValue:U,...L}=xn({...n,id:u,isError:d},r),[K,y]=j.useState(U),B=v&&!g,$=D&&!g,M=R==="left"&&g,ee=R==="right"&&g;function oe(){h||!(a!=null&&a.current)||(t(!0),a.current.focus())}function ie(A){let Z=_e(A.target.value);const Q=De(Z);Z.length>We||(Z=ze(Z,je[Q]),A.target.value=Z,y(Z),W&&W(A))}function ae(A){t(!0),F&&F(A)}function ne(A){t(!1),T&&T(A)}return o.jsxs("section",{title:p,style:x,onClick:oe,className:C,children:[k,M&&O,B&&o.jsx(v,{size:E,strokeWidth:2.5}),o.jsx("input",{disabled:h||g,readOnly:w,ref:a,value:Y||K,onFocus:ae,onChange:ie,onBlur:ne,...L}),$&&o.jsx(D,{size:E,strokeWidth:2.5}),ee&&O,N]})}function bn(n,r){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:a,sufix:d,leftIcon:h,rightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,showCents:g=!1,max:v=1e9,onChange:w,...F}=n,T=p?"right":"left",L=`arkyn_input ${a?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${x||C||t?"opacity":""} ${i?"errored":""} ${r?"focused":""} ${u}`,y={md:20,lg:20}[l];return{isLoading:t,className:L,prefix:se(a,y,"prefix"),sufix:se(d,y,"sufix"),LeftIcon:h,RightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,max:v,onChange:w,showCents:g,loadingPosition:T,iconSize:y,Spinner:o.jsx(H.Loader2,{className:"spinner",size:y,strokeWidth:2.5}),...F}}const Sn=/^[1-9]{1}$/,Cn=/^[0-9]{1}$/,Be=8;function kn(n,r){if(n===0)return"";const t=(n/100).toLocaleString("pt-BR",{style:"currency",currency:"BRL"});return r?t:t.replace("R$","").trim()}function _n(n){const{currencyValue:r,event:t,max:i,setCurrencyValue:l}=n,{key:u,keyCode:f}=t;if(r===0&&!Sn.test(u)||r!==0&&!Cn.test(u)&&f!==Be)return;const a=r.toString();let d;if(f!==Be){const h=r===0?u:`${a}${u}`;d=Number.parseInt(h,10)}else{const h=a.slice(0,-1);d=h===""?0:Number.parseInt(h,10)}d>Number(i)||l(d)}function jn(n){const[r,t]=j.useState(!1),[i,l]=j.useState(n.defaultValue||0),u=j.useRef(null),{inputRef:f,id:a,error:d}=te(),h=f||u,p=n.isError||!!d,{disabled:x,title:C,style:k,className:N,prefix:E,sufix:R,iconSize:g,loadingPosition:v,isLoading:w,LeftIcon:F,readOnly:T,onFocus:D,onBlur:O,RightIcon:W,Spinner:Y,value:U,max:L,onKeyDown:K,onChange:y,showCents:B,...$}=bn({...n,id:a,isError:p},r),M=F&&!w,ee=W&&!w,oe=v==="left"&&w,ie=v==="right"&&w;function ae(){x||!(h!=null&&h.current)||(t(!0),h.current.focus())}function ne(Q){_n({currencyValue:i,event:Q,max:L,setCurrencyValue:l}),y&&y(i),K&&K(Q)}function A(Q){t(!0),D&&D(Q)}function Z(Q){t(!1),O&&O(Q)}return o.jsxs("section",{title:C,style:k,onClick:ae,className:N,children:[E,oe&&Y,M&&o.jsx(F,{size:g,strokeWidth:2.5}),o.jsx("input",{value:kn(U||i,B),onKeyDown:ne,disabled:x||w,readOnly:T,ref:h,onFocus:A,onBlur:Z,onChange:()=>{},...$}),ie&&Y,ee&&o.jsx(W,{size:g,strokeWidth:2.5}),R]})}function En(n,r){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:a,sufix:d,leftIcon:h,rightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,onChange:g,showMask:v=!1,type:w,...F}=n,T=p?"right":"left",L=`arkyn_input ${a?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${x||C||t?"opacity":""} ${i?"errored":""} ${r?"focused":""} ${u}`,y={md:20,lg:20}[l];return{isLoading:t,className:L,prefix:se(a,y,"prefix"),sufix:se(d,y,"sufix"),LeftIcon:h,RightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,onChange:g,loadingPosition:T,iconSize:y,showMask:v,Spinner:o.jsx(H.Loader2,{className:"spinner",size:y,strokeWidth:2.5}),...F}}const Rn=j.forwardRef((n,r)=>o.jsx("input",{ref:r,...n}));function Nn(n){const[r,t]=j.useState(!1),i=j.useRef(null),{inputRef:l,id:u,error:f}=te(),a=l||i,d=n.isError||!!f,{disabled:h,title:p,style:x,className:C,prefix:k,sufix:N,iconSize:E,loadingPosition:R,isLoading:g,LeftIcon:v,readOnly:w,onFocus:F,onBlur:T,RightIcon:D,Spinner:O,...W}=En({...n,id:u,isError:d},r),Y=v&&!g,U=D&&!g,L=R==="left"&&g,K=R==="right"&&g;function y(){h||!(a!=null&&a.current)||(t(!0),a.current.focus())}function B(M){t(!0),F&&F(M)}function $(M){t(!1),T&&T(M)}return o.jsxs("section",{title:p,style:x,onClick:y,className:C,children:[k,L&&O,Y&&o.jsx(v,{size:E,strokeWidth:2.5}),o.jsx(rn.InputMask,{component:Rn,ref:a,onFocus:B,onBlur:$,...W}),U&&o.jsx(D,{size:E,strokeWidth:2.5}),K&&O,N]})}function Pn(n,r){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:a,sufix:d,leftIcon:h,rightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,onChange:g,...v}=n,w=p?"right":"left",Y=`arkyn_input ${a?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${l} ${x||C||t?"opacity":""} ${i?"errored":""} ${r?"focused":""} ${u}`,L={md:20,lg:20}[l];return{isLoading:t,className:Y,prefix:se(a,L,"prefix"),sufix:se(d,L,"sufix"),LeftIcon:h,RightIcon:p,disabled:x,readOnly:C,onFocus:k,onBlur:N,title:E,style:R,onChange:g,loadingPosition:w,iconSize:L,Spinner:o.jsx(H.Loader2,{className:"spinner",size:L,strokeWidth:2.5}),...v}}function In(n){const[r,t]=j.useState(!1),i=j.useRef(null),{inputRef:l,id:u,error:f}=te(),a=l||i,d=n.isError||!!f,{disabled:h,title:p,style:x,className:C,prefix:k,sufix:N,iconSize:E,loadingPosition:R,isLoading:g,LeftIcon:v,readOnly:w,onFocus:F,onBlur:T,RightIcon:D,Spinner:O,...W}=Pn({...n,id:u,isError:d},r),Y=v&&!g,U=D&&!g,L=R==="left"&&g,K=R==="right"&&g;function y(){h||!(a!=null&&a.current)||(t(!0),a.current.focus())}function B(M){t(!0),F&&F(M)}function $(M){t(!1),T&&T(M)}return o.jsxs("section",{title:p,style:x,onClick:y,className:C,children:[k,L&&O,Y&&o.jsx(v,{size:E,strokeWidth:2.5}),o.jsx("input",{disabled:h||g,readOnly:w,ref:a,onFocus:B,onBlur:$,...W}),U&&o.jsx(D,{size:E,strokeWidth:2.5}),K&&O,N]})}function wn(n){return n.type==="currency"?o.jsx(jn,{...n}):n.type==="masked"?o.jsx(Nn,{...n}):n.type==="cpf-cpnj"?o.jsx(yn,{...n}):o.jsx(In,{...n})}function Fn(n,r,t){if(!n)return o.jsx(o.Fragment,{});if(typeof n=="string")return o.jsx("p",{className:t,children:n});const i=n;return o.jsx("p",{className:t,children:o.jsx(i,{color:"var(--secondary-600)",size:r,strokeWidth:2.5})})}function Tn(n,r){const{isLoading:t,isError:i,size:l="md",className:u="",variant:f="solid",prefix:a,leftIcon:d,disabled:h,readOnly:p,onFocus:x,onBlur:C,title:k,style:N,isSearchable:E=!1,...R}=n,T=`arkyn_select ${a?"hasPrefix":""} ${f} ${l} ${h||p||t?"opacity":""} ${i?"errored":""} ${r?"focused":""} ${u}`,O={md:20,lg:20}[l];return{isLoading:t,className:T,prefix:Fn(a,O,"prefix"),LeftIcon:d,disabled:h,readOnly:p,onFocus:x,onBlur:C,title:k,style:N,isSearchable:E,iconSize:O,Spinner:o.jsx(H.Loader2,{className:"spinner",size:O,strokeWidth:2.5}),...R}}function On(n){var he;const[r,t]=j.useState(!1),{inputRef:i,id:l,error:u}=te(),f=j.useRef(null),a=i||f,d=n.isError||!!u,{disabled:h,title:p,style:x,className:C,prefix:k,iconSize:N,isLoading:E,LeftIcon:R,value:g=null,defaultValue:v="",readOnly:w,onFocus:F,onBlur:T,Spinner:D,name:O,isSearchable:W,placeholder:Y,onSelect:U,options:L,optionMaxHeight:K,...y}=Tn({...n,id:l,isError:d},r),[B,$]=j.useState(v),[M,ee]=j.useState("");function oe(){h||!(a!=null&&a.current)||(t(!0),a.current.focus())}function ie(G){t(!0),F&&F(G)}function ae(){t(!1),T&&a.current&&a.current.blur()}const ne=typeof g=="string"?g:B,A=((he=L.find(G=>G.value===ne))==null?void 0:he.label)||"",Z=()=>{if(W){if(!r&&A)return!0;if(!r&&!A||r)return!1}if(!W){if(!r&&A)return!0;if(!r&&!A)return!1;if(r&&A)return!0;if(r&&!A)return!1}},Q=L.filter(G=>W?G.label.toLowerCase().includes(M.toLowerCase()):!0);return o.jsxs(o.Fragment,{children:[o.jsxs("section",{title:p,style:x,onClick:oe,className:`${C} placeholder_dark_${Z()}`,children:[k,R&&o.jsx(R,{size:N,strokeWidth:2.5}),o.jsx("input",{disabled:h||E,readOnly:!W,value:M||"",placeholder:A||Y,ref:a,onFocus:ie,onBlur:()=>ee(""),...y,onChange:G=>ee(G.target.value)}),o.jsx("input",{type:"hidden",name:O,value:ne||"",readOnly:!0}),r&&o.jsxs("ul",{className:"arkyn_select_content",style:{overflow:"auto",maxHeight:K},children:[Q.map(({label:G,value:re})=>o.jsxs("li",{className:ne===re?"active":"",onClick:()=>{$(B!==re?re:""),U&&U({label:G,value:re})},children:[G," ",o.jsx(H.Check,{})]},re)),Q.length<=0&&o.jsx("p",{children:"Sem opções disponíveis"})]}),!E&&o.jsx(H.ChevronDown,{className:"arkyn_select_arrow",size:N,strokeWidth:2.5}),E&&D]}),r&&o.jsx("aside",{className:"arkyn_select_overlay",onClick:ae})]})}function Ln(n){const{className:r="",...t}=n;return{className:`arkyn_breadcrumb ${r}`.trim(),...t}}function $n(n){const{pathname:r}=ve.useLocation(),{className:t="",disabled:i=!1,to:l,...u}=n,f=r===l?"active":"inactive",a=`arkyn_breadcrumb_link ${f} ${t}`;return{to:l,className:a.trim(),disabled:i||f==="active",...u}}function zn(n){const{className:r,...t}=Ln(n);return o.jsx("nav",{className:r,...t})}function Dn(n){const{children:r,className:t,disabled:i,...l}=$n(n);return i?o.jsxs("p",{className:t,children:[o.jsx(H.ChevronRight,{size:14,strokeWidth:2.5}),r]}):o.jsxs(ve.Link,{className:t,...l,children:[o.jsx(H.ChevronRight,{size:14,strokeWidth:2.5}),r]})}const Ae=j.createContext({});function Wn(n){const{isVisibled:r,makeInvisible:t,children:i,className:l="",...u}=n,a=`arkyn_modal_container ${r?"visible":""} ${l}`;return o.jsx(Ae.Provider,{value:{makeInvisible:t},children:o.jsx(Ce.AnimatePresence,{children:r&&o.jsxs("aside",{className:a.trim(),...u,children:[o.jsx(Ce.motion.div,{className:"overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t}),o.jsx(Ce.motion.div,{className:"content",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:i})]})})})}function Bn(n){const{alignment:r="right",className:t,...i}=n,l=`arkyn_modal_footer ${r} ${t}`;return o.jsx("footer",{className:l.trim(),...i})}function An(n){const{showCloseButton:r,className:t,children:i,...l}=n,{makeInvisible:u}=j.useContext(Ae),a=`arkyn_modal_header ${r?"show-close":""} ${t}`;return o.jsxs("header",{className:a.trim(),...l,children:[i,o.jsx("button",{type:"button",onClick:u,children:o.jsx(H.X,{size:24})})]})}const Vn={Container:Wn,Header:An,Footer:Bn};function Mn(n){const{text:r,size:t="lg",children:i,orientation:l="top",className:u,...f}=n;return o.jsxs("div",{className:`arkyn_tooltip ${t} ${l} ${u}`,...f,children:[i,o.jsx("div",{className:"arkyn_tooltip_text",children:r})]})}function Yn(n=""){const r=ve.useLocation(),t=new URLSearchParams(r.search),i=n?`${n}:`:"",l=u=>{Object.entries(u).forEach(([f,a])=>{a===void 0?t.delete(`${i}${f}`):t.set(`${i}${f}`,String(a))})};return{getParam:u=>t.get(`${i}${u}`),getScopedSearch:u=>{l(u);let f=t.toString();return f&&(f="?"+f),f}}}I.Badge=an,I.Breadcrumb=zn,I.BreadcrumbLink=Dn,I.Button=fn,I.Checkbox=hn,I.Divider=cn,I.FormController=dn,I.FormError=mn,I.FormLabel=vn,I.IconButton=gn,I.Input=wn,I.Modal=Vn,I.Select=On,I.Skeleton=ln,I.Tooltip=Mn,I.useScopedParams=Yn,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});

package/dist/components/Input/CpfCpnjInput/getConfig.d.ts

@@ -286,7 +286,6 @@ declare function getConfig(props: CpfCnpjInputProps, isFocused: boolean): {
     placeholder?: string;
     required?: boolean;
     src?: string;
-    defaultValue?: string;
     value?: string;
     isLoading: boolean;
     className: string;
@@ -294,6 +293,7 @@ declare function getConfig(props: CpfCnpjInputProps, isFocused: boolean): {
     sufix: import("react/jsx-runtime").JSX.Element;
     LeftIcon: import("lucide-react").LucideIcon;
     RightIcon: import("lucide-react").LucideIcon;
+    defaultValue: string;
     disabled: boolean;
     readOnly: boolean;
     onFocus: import("react").FocusEventHandler<HTMLInputElement>;

package/dist/components/Input/CpfCpnjInput/getConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/CpfCpnjInput/getConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKtD,iBAAS,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/CpfCpnjInput/getConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD,iBAAS,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Input/CpfCpnjInput/getConfig.js

@@ -1,8 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 import { morpheme } from "../utils/morpheme";
+import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 function getConfig(props, isFocused) {
-    const { isLoading, isError, size = "md", className: baseClassName = "", variant = "solid", prefix: basePrefix, sufix: baseSufix, leftIcon: LeftIcon, rightIcon: RightIcon, disabled, readOnly, onFocus, onBlur, title, style, onChange, ...rest } = props;
+    const { isLoading, isError, size = "md", className: baseClassName = "", variant = "solid", prefix: basePrefix, sufix: baseSufix, leftIcon: LeftIcon, rightIcon: RightIcon, disabled, defaultValue, readOnly, onFocus, onBlur, title, style, onChange, ...rest } = props;
+    function parseDefault(event) {
+        let value = clear(event);
+        const mask = getMask(value);
+        let nextLength = value.length;
+        if (nextLength > MAX_LENGTH)
+            return;
+        value = applyMask(value, TYPES[mask]);
+        return value;
+    }
     const loadingPosition = RightIcon ? "right" : "left";
     const hasPrefix = !!basePrefix ? "hasPrefix" : "";
     const hasSufix = !!baseSufix ? "hasSufix" : "";
@@ -19,6 +29,7 @@ function getConfig(props, isFocused) {
         sufix: morpheme(baseSufix, iconSize, "sufix"),
         LeftIcon,
         RightIcon,
+        defaultValue: parseDefault(defaultValue || ""),
         disabled,
         readOnly,
         onFocus,

package/dist/components/Input/CpfCpnjInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/CpfCpnjInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoG7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/CpfCpnjInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmG7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Input/CpfCpnjInput/index.js

@@ -5,12 +5,12 @@ import { getConfig } from "./getConfig";
 import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 function CpfCnpjInput(props) {
     const [isFocused, setIsFocused] = useState(false);
-    const [inputValue, setInputValue] = useState(clear(props?.defaultValue || ""));
     const baseRef = useRef(null);
     const { inputRef, id, error } = useFormController();
     const ref = inputRef || baseRef;
     const isError = props.isError || !!error;
-    const { disabled, title, style, className, prefix, sufix, iconSize, loadingPosition, isLoading, LeftIcon, readOnly, onFocus, onBlur, RightIcon, Spinner, onChange, value, defaultValue = "", ...rest } = getConfig({ ...props, id, isError }, isFocused);
+    const { disabled, title, style, className, prefix, sufix, iconSize, loadingPosition, isLoading, LeftIcon, readOnly, onFocus, onBlur, RightIcon, Spinner, onChange, value, defaultValue, ...rest } = getConfig({ ...props, id, isError }, isFocused);
+    const [inputValue, setInputValue] = useState(defaultValue);
     const showLeftIcon = LeftIcon && !isLoading;
     const showRightIcon = RightIcon && !isLoading;
     const showLeftSpinner = loadingPosition === "left" && isLoading;

package/dist/components/Input/MaskInput/getConfig.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 import { morpheme } from "../utils/morpheme";
 function getConfig(props, isFocused) {
-    const { isLoading, isError, size = "md", className: baseClassName = "", variant = "solid", prefix: basePrefix, sufix: baseSufix, leftIcon: LeftIcon, rightIcon: RightIcon, disabled, readOnly, onFocus, onBlur, title, style, onChange, showMask = true, type, ...rest } = props;
+    const { isLoading, isError, size = "md", className: baseClassName = "", variant = "solid", prefix: basePrefix, sufix: baseSufix, leftIcon: LeftIcon, rightIcon: RightIcon, disabled, readOnly, onFocus, onBlur, title, style, onChange, showMask = false, type, ...rest } = props;
     const loadingPosition = RightIcon ? "right" : "left";
     const hasPrefix = !!basePrefix ? "hasPrefix" : "";
     const hasSufix = !!baseSufix ? "hasSufix" : "";

package/dist/components/Select/getConfig.d.ts

@@ -5,6 +5,7 @@ declare function getConfig(props: SelectProps, isFocused: boolean): {
     name: string;
     value?: string;
     defaultValue?: string;
+    optionMaxHeight?: number;
     options: {
         label: string;
         value: string;

package/dist/components/Select/getConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../src/components/Select/getConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,iBAAS,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CxD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../src/components/Select/getConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,iBAAS,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CxD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAShD,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CA+IjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAShD,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAmJjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select/index.js

@@ -10,7 +10,7 @@ function Select(props) {
     const baseRef = useRef(null);
     const ref = inputRef || baseRef;
     const isError = props.isError || !!error;
-    const { disabled, title, style, className, prefix, iconSize, isLoading, LeftIcon, value: baseValue = null, defaultValue = "", readOnly, onFocus, onBlur, Spinner, name, isSearchable, placeholder, onSelect, options, ...rest } = getConfig({ ...props, id, isError }, isFocused);
+    const { disabled, title, style, className, prefix, iconSize, isLoading, LeftIcon, value: baseValue = null, defaultValue = "", readOnly, onFocus, onBlur, Spinner, name, isSearchable, placeholder, onSelect, options, optionMaxHeight, ...rest } = getConfig({ ...props, id, isError }, isFocused);
     const [selectedValue, setSelectedValue] = useState(defaultValue);
     const [searchValue, setSearchValue] = useState("");
     function handleSectionClick() {
@@ -60,7 +60,7 @@ function Select(props) {
             return true;
         }
     });
-    return (_jsxs(_Fragment, { children: [_jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: `${className} placeholder_dark_${placeholderDark()}`, children: [prefix, LeftIcon && _jsx(LeftIcon, { size: iconSize, strokeWidth: 2.5 }), _jsx("input", { disabled: disabled || isLoading, readOnly: !isSearchable, value: searchValue || "", placeholder: currentLabel || placeholder, ref: ref, onFocus: handleFocus, onBlur: () => setSearchValue(""), ...rest, onChange: (e) => setSearchValue(e.target.value) }), _jsx("input", { type: "hidden", name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("ul", { className: "arkyn_select_content", children: [filteredOptions.map(({ label, value }) => (_jsxs("li", { className: currentValue === value ? "active" : "", onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: `${className} placeholder_dark_${placeholderDark()}`, children: [prefix, LeftIcon && _jsx(LeftIcon, { size: iconSize, strokeWidth: 2.5 }), _jsx("input", { disabled: disabled || isLoading, readOnly: !isSearchable, value: searchValue || "", placeholder: currentLabel || placeholder, ref: ref, onFocus: handleFocus, onBlur: () => setSearchValue(""), ...rest, onChange: (e) => setSearchValue(e.target.value) }), _jsx("input", { type: "hidden", name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("ul", { className: "arkyn_select_content", style: { overflow: "auto", maxHeight: optionMaxHeight }, children: [filteredOptions.map(({ label, value }) => (_jsxs("li", { className: currentValue === value ? "active" : "", onClick: () => {
                                     if (selectedValue !== value)
                                         setSelectedValue(value);
                                     else

package/dist/style.css

@@ -1 +1 @@
-.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:var(--primary-500)}.arkyn_badge.solid.secondary{background-color:var(--secondary-500)}.arkyn_badge.solid.danger{background-color:var(--danger-600)}.arkyn_badge.solid.success{background-color:var(--success-500)}.arkyn_badge.solid.warning{background-color:var(--warning-600)}.arkyn_badge.solid.info{background-color:var(--info-500)}.arkyn_badge.outline.primary{color:var(--primary-500);border-color:var(--primary-500)}.arkyn_badge.outline.secondary{color:var(--secondary-500);border-color:var(--secondary-500)}.arkyn_badge.outline.danger{color:var(--danger-600);border-color:var(--danger-600)}.arkyn_badge.outline.success{color:var(--success-500);border-color:var(--success-500)}.arkyn_badge.outline.warning{color:var(--warning-600);border-color:var(--warning-600)}.arkyn_badge.outline.info{color:var(--info-600);border-color:var(--info-600)}.arkyn_badge.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_badge.ghost.secondary{color:var(--secondary-500);background-color:var(--secondary-100)}.arkyn_badge.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_badge.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_badge.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_badge.ghost.info{color:var(--info-600);background-color:var(--info-100)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--secondary-300)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid:disabled{opacity:.4}.arkyn_button.solid.primary{background-color:var(--primary-500)}.arkyn_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_button.solid.danger{background-color:var(--danger-600)}.arkyn_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_button.solid.success{background-color:var(--success-500)}.arkyn_button.solid.success:hover{background-color:var(--success-400)}.arkyn_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_button.solid.warning{background-color:var(--warning-600)}.arkyn_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_button.outline{border-color:var(--secondary-300)}.arkyn_button.outline:hover{border-color:var(--secondary-200)}.arkyn_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_button.outline.primary{color:var(--primary-500)}.arkyn_button.outline.primary:hover{color:var(--primary-400)}.arkyn_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_button.outline.danger{color:var(--danger-600)}.arkyn_button.outline.danger:hover{color:var(--danger-500)}.arkyn_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_button.outline.success{color:var(--success-500)}.arkyn_button.outline.success:hover{color:var(--success-400)}.arkyn_button.outline.success:disabled{color:var(--success-400)}.arkyn_button.outline.warning{color:var(--warning-600)}.arkyn_button.outline.warning:hover{color:var(--warning-500)}.arkyn_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_button.ghost:disabled{opacity:.4}.arkyn_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.invisible:disabled{opacity:.4}.arkyn_button.invisible.primary{color:var(--primary-500)}.arkyn_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_button.invisible.danger{color:var(--danger-600)}.arkyn_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_button.invisible.success{color:var(--success-500)}.arkyn_button.invisible.success:hover{color:var(--success-400)}.arkyn_button.invisible.success:disabled{color:var(--success-400)}.arkyn_button.invisible.warning{color:var(--warning-600)}.arkyn_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--secondary-400);background-color:var(--secondary-100)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:var(--primary-500);border-color:var(--primary-500)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:var(--danger-500)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:var(--danger-600)}.arkyn_form_label{color:var(--secondary-700);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:var(--danger-600)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button .content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid:disabled{opacity:.4}.arkyn_icon_button.solid.primary{background-color:var(--primary-500)}.arkyn_icon_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_icon_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_icon_button.solid.danger{background-color:var(--danger-600)}.arkyn_icon_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_icon_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_icon_button.solid.success{background-color:var(--success-500)}.arkyn_icon_button.solid.success:hover{background-color:var(--success-400)}.arkyn_icon_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_icon_button.solid.warning{background-color:var(--warning-600)}.arkyn_icon_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_icon_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_icon_button.outline{border-color:var(--secondary-300)}.arkyn_icon_button.outline:hover{border-color:var(--secondary-200)}.arkyn_icon_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_icon_button.outline.primary{color:var(--primary-500)}.arkyn_icon_button.outline.primary:hover{color:var(--primary-400)}.arkyn_icon_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.outline.danger{color:var(--danger-600)}.arkyn_icon_button.outline.danger:hover{color:var(--danger-500)}.arkyn_icon_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.outline.success{color:var(--success-500)}.arkyn_icon_button.outline.success:hover{color:var(--success-400)}.arkyn_icon_button.outline.success:disabled{color:var(--success-400)}.arkyn_icon_button.outline.warning{color:var(--warning-600)}.arkyn_icon_button.outline.warning:hover{color:var(--warning-500)}.arkyn_icon_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.ghost:disabled{opacity:.4}.arkyn_icon_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_icon_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_icon_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_icon_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_icon_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.invisible:disabled{opacity:.4}.arkyn_icon_button.invisible.primary{color:var(--primary-500)}.arkyn_icon_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_icon_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.invisible.danger{color:var(--danger-600)}.arkyn_icon_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_icon_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.invisible.success{color:var(--success-500)}.arkyn_icon_button.invisible.success:hover{color:var(--success-400)}.arkyn_icon_button.invisible.success:disabled{color:var(--success-400)}.arkyn_icon_button.invisible.warning{color:var(--warning-600)}.arkyn_icon_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_icon_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;height:24px;width:24px}.arkyn_icon_button .spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button .spinner svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--secondary-900)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--secondary-300)}.arkyn_input input::placeholder{color:var(--secondary-400)}.arkyn_input svg{color:var(--secondary-400)}.arkyn_input.errored svg{color:var(--danger-600)}.arkyn_input:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_input.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.outline{border-color:var(--secondary-300)}.arkyn_input.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:var(--danger-600)}.arkyn_input.underline.errored:before{background:var(--danger-600)}.arkyn_input:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_input:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:text}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--secondary-900)}.arkyn_select .prefix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--secondary-900)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--secondary-400)}.arkyn_select svg{color:var(--secondary-400)}.arkyn_select.errored svg{color:var(--danger-600)}.arkyn_select:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--secondary-400)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.outline{border-color:var(--secondary-300)}.arkyn_select.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:var(--danger-600)}.arkyn_select.underline.errored:before{background:var(--danger-600)}.arkyn_select:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_select:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select_content>li{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--secondary-500)}.arkyn_select.md .arkyn_select_content>li{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content>li{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--secondary-500)}.arkyn_select_content>li svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content>li:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content>li:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content>li.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content>li.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkyn_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--secondary-500)}.arkyn_breadcrumb_link.active{color:var(--secondary-900)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--secondary-900)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--secondary-400)}.arkyn_modal_container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto}.arkyn_modal_container>.overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container>.overlay:hover{cursor:pointer}.arkyn_modal_container>.content{z-index:9999;border-radius:6px;background:var(--secondary-50)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--secondary-200)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--secondary-900);border-bottom:1px solid var(--secondary-200)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--secondary-400);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .arkyn_tooltip_text{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--secondary-100);background-color:var(--secondary-900);z-index:9999}.arkyn_tooltip.lg .arkyn_tooltip_text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip_text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip_text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip_text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip_text:before{content:"";top:100%;border-style:solid;border-color:var(--secondary-900) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text:before{content:"";top:50%;border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkyn_tooltip.bottom .arkyn_tooltip_text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:var(--secondary-900) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
+.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:var(--primary-500)}.arkyn_badge.solid.secondary{background-color:var(--secondary-500)}.arkyn_badge.solid.danger{background-color:var(--danger-600)}.arkyn_badge.solid.success{background-color:var(--success-500)}.arkyn_badge.solid.warning{background-color:var(--warning-600)}.arkyn_badge.solid.info{background-color:var(--info-500)}.arkyn_badge.outline.primary{color:var(--primary-500);border-color:var(--primary-500)}.arkyn_badge.outline.secondary{color:var(--secondary-500);border-color:var(--secondary-500)}.arkyn_badge.outline.danger{color:var(--danger-600);border-color:var(--danger-600)}.arkyn_badge.outline.success{color:var(--success-500);border-color:var(--success-500)}.arkyn_badge.outline.warning{color:var(--warning-600);border-color:var(--warning-600)}.arkyn_badge.outline.info{color:var(--info-600);border-color:var(--info-600)}.arkyn_badge.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_badge.ghost.secondary{color:var(--secondary-500);background-color:var(--secondary-100)}.arkyn_badge.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_badge.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_badge.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_badge.ghost.info{color:var(--info-600);background-color:var(--info-100)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--secondary-300)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid:disabled{opacity:.4}.arkyn_button.solid.primary{background-color:var(--primary-500)}.arkyn_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_button.solid.danger{background-color:var(--danger-600)}.arkyn_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_button.solid.success{background-color:var(--success-500)}.arkyn_button.solid.success:hover{background-color:var(--success-400)}.arkyn_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_button.solid.warning{background-color:var(--warning-600)}.arkyn_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_button.outline{border-color:var(--secondary-300)}.arkyn_button.outline:hover{border-color:var(--secondary-200)}.arkyn_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_button.outline.primary{color:var(--primary-500)}.arkyn_button.outline.primary:hover{color:var(--primary-400)}.arkyn_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_button.outline.danger{color:var(--danger-600)}.arkyn_button.outline.danger:hover{color:var(--danger-500)}.arkyn_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_button.outline.success{color:var(--success-500)}.arkyn_button.outline.success:hover{color:var(--success-400)}.arkyn_button.outline.success:disabled{color:var(--success-400)}.arkyn_button.outline.warning{color:var(--warning-600)}.arkyn_button.outline.warning:hover{color:var(--warning-500)}.arkyn_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_button.ghost:disabled{opacity:.4}.arkyn_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.invisible:disabled{opacity:.4}.arkyn_button.invisible.primary{color:var(--primary-500)}.arkyn_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_button.invisible.danger{color:var(--danger-600)}.arkyn_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_button.invisible.success{color:var(--success-500)}.arkyn_button.invisible.success:hover{color:var(--success-400)}.arkyn_button.invisible.success:disabled{color:var(--success-400)}.arkyn_button.invisible.warning{color:var(--warning-600)}.arkyn_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--secondary-400);background-color:var(--secondary-100)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:var(--primary-500);border-color:var(--primary-500)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:var(--danger-500)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:var(--danger-600)}.arkyn_form_label{color:var(--secondary-700);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:var(--danger-600)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button .content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid:disabled{opacity:.4}.arkyn_icon_button.solid.primary{background-color:var(--primary-500)}.arkyn_icon_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_icon_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_icon_button.solid.danger{background-color:var(--danger-600)}.arkyn_icon_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_icon_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_icon_button.solid.success{background-color:var(--success-500)}.arkyn_icon_button.solid.success:hover{background-color:var(--success-400)}.arkyn_icon_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_icon_button.solid.warning{background-color:var(--warning-600)}.arkyn_icon_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_icon_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_icon_button.outline{border-color:var(--secondary-300)}.arkyn_icon_button.outline:hover{border-color:var(--secondary-200)}.arkyn_icon_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_icon_button.outline.primary{color:var(--primary-500)}.arkyn_icon_button.outline.primary:hover{color:var(--primary-400)}.arkyn_icon_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.outline.danger{color:var(--danger-600)}.arkyn_icon_button.outline.danger:hover{color:var(--danger-500)}.arkyn_icon_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.outline.success{color:var(--success-500)}.arkyn_icon_button.outline.success:hover{color:var(--success-400)}.arkyn_icon_button.outline.success:disabled{color:var(--success-400)}.arkyn_icon_button.outline.warning{color:var(--warning-600)}.arkyn_icon_button.outline.warning:hover{color:var(--warning-500)}.arkyn_icon_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.ghost:disabled{opacity:.4}.arkyn_icon_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_icon_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_icon_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_icon_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_icon_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.invisible:disabled{opacity:.4}.arkyn_icon_button.invisible.primary{color:var(--primary-500)}.arkyn_icon_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_icon_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.invisible.danger{color:var(--danger-600)}.arkyn_icon_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_icon_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.invisible.success{color:var(--success-500)}.arkyn_icon_button.invisible.success:hover{color:var(--success-400)}.arkyn_icon_button.invisible.success:disabled{color:var(--success-400)}.arkyn_icon_button.invisible.warning{color:var(--warning-600)}.arkyn_icon_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_icon_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;height:24px;width:24px}.arkyn_icon_button .spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button .spinner svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--secondary-900)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--secondary-300)}.arkyn_input input::placeholder{color:var(--secondary-400)}.arkyn_input svg{color:var(--secondary-400)}.arkyn_input.errored svg{color:var(--danger-600)}.arkyn_input:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_input.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.outline{border-color:var(--secondary-300)}.arkyn_input.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:var(--danger-600)}.arkyn_input.underline.errored:before{background:var(--danger-600)}.arkyn_input:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_input:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--secondary-900)}.arkyn_select .prefix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--secondary-900)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--secondary-400)}.arkyn_select svg{color:var(--secondary-400)}.arkyn_select.errored svg{color:var(--danger-600)}.arkyn_select:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--secondary-400)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.outline{border-color:var(--secondary-300)}.arkyn_select.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:var(--danger-600)}.arkyn_select.underline.errored:before{background:var(--danger-600)}.arkyn_select:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_select:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select_content>li{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--secondary-500)}.arkyn_select.md .arkyn_select_content>li{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content>li{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--secondary-500)}.arkyn_select_content>li svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content>li:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content>li:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content>li.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content>li.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkyn_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--secondary-500)}.arkyn_breadcrumb_link.active{color:var(--secondary-900)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--secondary-900)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--secondary-400)}.arkyn_modal_container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto}.arkyn_modal_container>.overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container>.overlay:hover{cursor:pointer}.arkyn_modal_container>.content{z-index:9999;border-radius:6px;background:var(--secondary-50)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--secondary-200)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--secondary-900);border-bottom:1px solid var(--secondary-200)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--secondary-400);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .arkyn_tooltip_text{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--secondary-100);background-color:var(--secondary-900);z-index:9999}.arkyn_tooltip.lg .arkyn_tooltip_text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip_text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip_text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip_text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip_text:before{content:"";top:100%;border-style:solid;border-color:var(--secondary-900) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text:before{content:"";top:50%;border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkyn_tooltip.bottom .arkyn_tooltip_text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:var(--secondary-900) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/Input/CpfCpnjInput/getConfig.tsx

@@ -2,6 +2,7 @@ import type { CpfCnpjInputProps } from "@arkyn/types";
 import { Loader2 } from "lucide-react";
 
 import { morpheme } from "../utils/morpheme";
+import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 
 function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
   const {
@@ -15,6 +16,7 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     leftIcon: LeftIcon,
     rightIcon: RightIcon,
     disabled,
+    defaultValue,
     readOnly,
     onFocus,
     onBlur,
@@ -24,6 +26,18 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     ...rest
   } = props;
 
+  function parseDefault(event: string) {
+    let value = clear(event);
+    const mask = getMask(value);
+
+    let nextLength = value.length;
+
+    if (nextLength > MAX_LENGTH) return;
+    value = applyMask(value, TYPES[mask] as "CPF" | "CNPJ");
+
+    return value;
+  }
+
   const loadingPosition = RightIcon ? "right" : "left";
 
   const hasPrefix = !!basePrefix ? "hasPrefix" : "";
@@ -43,6 +57,7 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     sufix: morpheme(baseSufix, iconSize, "sufix"),
     LeftIcon,
     RightIcon,
+    defaultValue: parseDefault(defaultValue || ""),
     disabled,
     readOnly,
     onFocus,

package/src/components/Input/CpfCpnjInput/index.tsx

@@ -9,9 +9,6 @@ import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 
 function CpfCnpjInput(props: CpfCnpjInputProps) {
   const [isFocused, setIsFocused] = useState(false);
-  const [inputValue, setInputValue] = useState(
-    clear(props?.defaultValue || "")
-  );
 
   const baseRef = useRef<HTMLInputElement>(null);
 
@@ -38,10 +35,12 @@ function CpfCnpjInput(props: CpfCnpjInputProps) {
     Spinner,
     onChange,
     value,
-    defaultValue = "",
+    defaultValue,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
+  const [inputValue, setInputValue] = useState(defaultValue);
+
   const showLeftIcon = LeftIcon && !isLoading;
   const showRightIcon = RightIcon && !isLoading;
 

package/src/components/Input/MaskInput/getConfig.tsx

@@ -21,7 +21,7 @@ function getConfig(props: MaskedInputProps, isFocused: boolean) {
     title,
     style,
     onChange,
-    showMask = true,
+    showMask = false,
     type,
     ...rest
   } = props;

package/src/components/Select/index.tsx

@@ -38,6 +38,7 @@ function Select(props: SelectProps) {
     placeholder,
     onSelect,
     options,
+    optionMaxHeight,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
@@ -118,7 +119,10 @@ function Select(props: SelectProps) {
         <input type="hidden" name={name} value={currentValue || ""} readOnly />
 
         {isFocused && (
-          <ul className="arkyn_select_content">
+          <ul
+            className="arkyn_select_content"
+            style={{ overflow: "auto", maxHeight: optionMaxHeight }}
+          >
             {filteredOptions.map(({ label, value }) => (
               <li
                 key={value}

package/src/components/Select/styles.css

@@ -14,7 +14,7 @@
 }
 
 .arkyn_select:hover {
-  cursor: text;
+  cursor: pointer;
 }
 
 .arkyn_select input {