@aleleba/ro-ut-ui 4.2.1 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/index.css +18 -4
  2. package/dist/index.js +1 -1
  3. package/dist/types/components/Avatars/Avatar/index.d.ts +34 -0
  4. package/dist/types/components/Avatars/index.d.ts +15 -0
  5. package/dist/types/components/Badges/Badge/index.d.ts +26 -0
  6. package/dist/types/components/Badges/index.d.ts +10 -0
  7. package/dist/types/components/Checkboxes/Checkbox/index.d.ts +49 -0
  8. package/dist/types/components/Checkboxes/CheckboxGroup/index.d.ts +63 -0
  9. package/dist/types/components/Checkboxes/index.d.ts +8 -0
  10. package/dist/types/components/DatePickers/DatePicker/index.d.ts +54 -0
  11. package/dist/types/components/DatePickers/index.d.ts +7 -0
  12. package/dist/types/components/IconButtons/IconButton/index.d.ts +46 -0
  13. package/dist/types/components/IconButtons/index.d.ts +30 -0
  14. package/dist/types/components/Icons/index.d.ts +4 -1
  15. package/dist/types/components/Links/Link/index.d.ts +37 -0
  16. package/dist/types/components/Links/index.d.ts +8 -0
  17. package/dist/types/components/Radios/Radio/index.d.ts +45 -0
  18. package/dist/types/components/Radios/RadioGroup/index.d.ts +63 -0
  19. package/dist/types/components/Radios/index.d.ts +8 -0
  20. package/dist/types/components/Ratings/Rating/index.d.ts +45 -0
  21. package/dist/types/components/Ratings/index.d.ts +15 -0
  22. package/dist/types/components/Selects/Select/index.d.ts +84 -0
  23. package/dist/types/components/Selects/index.d.ts +8 -0
  24. package/dist/types/components/Tags/Tag/index.d.ts +26 -0
  25. package/dist/types/components/Tags/index.d.ts +11 -0
  26. package/dist/types/components/Textareas/Textarea/index.d.ts +49 -0
  27. package/dist/types/components/Textareas/index.d.ts +9 -0
  28. package/dist/types/components/Toggles/Toggle/index.d.ts +41 -0
  29. package/dist/types/components/Toggles/index.d.ts +7 -0
  30. package/dist/types/components/index.d.ts +12 -0
  31. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports["ui-library"]=a():e["ui-library"]=a()}(this,()=>(()=>{"use strict";var e={d:(a,n)=>{for(var r in n)e.o(n,r)&&!e.o(a,r)&&Object.defineProperty(a,r,{enumerable:!0,get:n[r]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},a={};e.r(a),e.d(a,{BorderCard:()=>He,Button:()=>ke,ButtonThemes:()=>Oe,ButtonTypes:()=>Ce,Card:()=>Le,CardThemes:()=>ze,Icon:()=>M,IconNames:()=>q,Input:()=>Ve,InputThemes:()=>Fe,LeftNavbar:()=>ga,LeftNavbarThemes:()=>Ta,NavItem:()=>Sa,NavList:()=>wa,NavMenuContext:()=>ia,Navbar:()=>ua,NavbarContext:()=>oa,NavbarThemes:()=>ka,TopNavbar:()=>da,TopNavbarThemes:()=>Qa,getBorderCard:()=>Re,getButtonThemeClass:()=>Qe,getCardThemeClass:()=>Ie,getIconClass:()=>de,getInputThemeClass:()=>Ze,getLeftNavbarThemeClass:()=>qa,getNavbarThemeClass:()=>Ea,getTopNavbarThemeClass:()=>Pa,useNavMenu:()=>sa,useNavbar:()=>ca});const n="namBd2yDO5uRnuiJiF4I",r="IezAhh3IOxZrbRaPnSuX",t="peAKuLVAiIXSFB_8weUX",o="fX0XkPg_VOwlCS_puohG",c="uRh5AMB7fHGMjymlSkIe",i="A61ABO8IXKvkyJ2iRq6l",s="jtiHB4J2Gd75DxgbExDU",u="htFKNG_lNNMADoynscvf",d="b41eXc_YG54TSjVcPdr3",l="iDCPPzPmlHXmY6DeRlrz",m="qSKheV1seun_M2zooNYG",v="neFnz7mqfjyob2IpBRAB",p="fMuDGJLmZu10m_5wuQwH",h="W1_8p2A4KoAru1W3fQQt",f="tm0XixvT9lg82S8vBQ7H",y="s4WqNjDDGgeMddVjGC39",b="bedJB1k7F24TZZ14mvGS",g="PgNn5YrHhpkkzKgbQGHw",x="g7BsZUvE5UmvGR7yux1n",N="oCPQLbmQjjlb4QfF6N3z",j="w1jjKytmOVrGE_OOWN24",w="wxOwGgByggkSrx_yH1Mm",O="jyv2Pn76yjv7yHzme6Vi",C="l_u5YpNTZO_QLR2ODTsM",k="D3lpa3rGkDORSZEMO4Pu",Q="ptOAordfG6nUqt1RGPGD",T="tcijTEF2DcjdTgUYgwm_",S="Sb74MmtzlQ4r_auGli10",E="iRPlBCtkk8OZ1fVrK6Ac",P=require("react/jsx-runtime");var q,B=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];return e.filter(function(e){return e}).join(" ")},M=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,o=e.icon,c=B(o?de({icon:o}):"",t);return(0,P.jsx)("span",{id:n,className:c})},_=n,D=x,G=g,z=l,H=u,L=s,I=o,R=r,A=O,F=i,V=v,Z=d,K=y,Y=f,U=S,W=w,X=b,J=j,$=m,ee=k,ae=C,ne=Q,re=T,te=c,oe=N,ce=h,ie=t,se=E,ue=p;!function(e){e.perfil="perfil",e.password="password",e.google="google",e.facebook="facebook",e.dashboard="dashboard",e.calendario="calendario",e.administracionDeUsuario="administracionDeUsuario",e.rutas="rutas",e.chat="chat",e.informes="informes",e.flecha="flecha",e.nuevaRuta="nuevaRuta",e.notificacion="notificacion",e.usuarioDentroApp="usuarioDentroApp",e.rutaNueva="rutaNueva",e.nuevaRuta2="nuevaRuta2",e.rutaCompletada="rutaCompletada",e.hoy="hoy",e.rutasProgramadas="rutasProgramadas",e.rutasEliminadas="rutasEliminadas",e.rutasReprogramadas="rutasReprogramadas",e.search="search",e.camion="camion",e.pickup="pickup",e.motocicleta="motocicleta",e.barco="barco",e.varios="varios",e.menu="menu"}(q||(q={}));var de=function(e){switch(e.icon){case"perfil":return"".concat(_," ").concat(D);case"password":return"".concat(_," ").concat(G);case"google":return"".concat(_," ").concat(z);case"facebook":return"".concat(_," ").concat(H);case"dashboard":return"".concat(_," ").concat(L);case"calendario":return"".concat(_," ").concat(I);case"administracionDeUsuario":return"".concat(_," ").concat(R);case"rutas":return"".concat(_," ").concat(A);case"chat":return"".concat(_," ").concat(F);case"informes":return"".concat(_," ").concat(V);case"flecha":return"".concat(_," ").concat(Z);case"nuevaRuta":return"".concat(_," ").concat(K);case"notificacion":return"".concat(_," ").concat(Y);case"usuarioDentroApp":return"".concat(_," ").concat(U);case"rutaNueva":return"".concat(_," ").concat(W);case"nuevaRuta2":return"".concat(_," ").concat(X);case"rutaCompletada":return"".concat(_," ").concat(J);case"hoy":return"".concat(_," ").concat($);case"rutasProgramadas":return"".concat(_," ").concat(ee);case"rutasEliminadas":return"".concat(_," ").concat(ae);case"rutasReprogramadas":return"".concat(_," ").concat(ne);case"search":return"".concat(_," ").concat(re);case"camion":return"".concat(_," ").concat(te);case"pickup":return"".concat(_," ").concat(oe);case"motocicleta":return"".concat(_," ").concat(ce);case"barco":return"".concat(_," ").concat(ie);case"varios":return"".concat(_," ").concat(se);case"menu":return"".concat(_," ").concat(ue);default:return""}};const le="UxC2t97LIIISx7e71_3R",me="JJF9nOwFrn4f4Agjebcs",ve="cwK5avZb5ShuVPiPWB8Q",pe="CFpiqnX4jq_EltxkwEvy",he="yjB0ArEAyeYU6_u7zKsQ",fe="Djr8Yh2IQcUcgjSZ_WQ5",ye="uyBaWoSnHEIxM4x7jgQw",be="qWYltwKufw7ZliVlCT9g",ge="oQRCOHaGpuh207HQzerc",xe="HtF5k4mwsNW1v9YG7qd2",Ne="Pg7VF5nFKczFtA3r5E88",je="wXyKJ8kY_42bOcyetwnC",we="dLCzLEcc0jSLJgsTyHoM";var Oe,Ce,ke=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,o=e.className,c=void 0===o?"":o,i=e.theme,s=void 0===i?Oe.primary:i,u=e.hardBorder,d=void 0===u||u,l=e.type,m=void 0===l?Ce.button:l,v=e.onClick,p=B(le,Qe({theme:s}),d?me:ve,c);return(0,P.jsx)("button",{id:n,className:p,type:m,onClick:v,children:t})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary",e.quinary="quinary",e.primaryOutline="primaryOutline",e.secondaryOutline="secondaryOutline",e.tertiaryOutline="tertiaryOutline",e.quaternaryOutline="quaternaryOutline",e.quinaryOutline="quinaryOutline"}(Oe||(Oe={})),function(e){e.submit="submit",e.reset="reset",e.button="button"}(Ce||(Ce={}));var Qe=function(e){switch(e.theme){case Oe.primary:return pe;case Oe.secondary:return he;case Oe.tertiary:return fe;case Oe.quaternary:return ye;case Oe.quinary:return be;case Oe.primaryOutline:return ge;case Oe.secondaryOutline:return xe;case Oe.tertiaryOutline:return Ne;case Oe.quaternaryOutline:return je;case Oe.quinaryOutline:return we;default:return""}};const Te="pAD4BifhMTLUZvCJxyOx",Se="a2VHzo7AbMVmPMGC3mSx",Ee="W0VuH9q0UPwsyVsTQQJe",Pe="SIPeMNZqcOWCkESf4cPg",qe="hPcmh2SHmHeXnUxGP93s",Be="DcZJoe6Kl4lnV3k4i7nV",Me="LH35do5a6HPSjPusBT_z",_e="juXoWoLQrRgOgzapK6H9",De="tPCdlPqN6fB69GmnQ181",Ge="nsb5sNsicCrkfBe9SIFs";var ze,He,Le=function(e){var a=e.children,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,o=e.theme,c=void 0===o?ze.primary:o,i=e.border,s=void 0===i?He.soft:i,u=e.title,d=B(Te,Ie({theme:c}),Re({border:s}),t);return(0,P.jsxs)("div",{className:d,children:[u&&(0,P.jsx)("div",{className:Se,children:(0,P.jsx)("h5",{className:Pe,children:u})}),(0,P.jsx)("div",{className:Ee,children:n})]})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary"}(ze||(ze={})),function(e){e.soft="soft",e.hard="hard"}(He||(He={}));var Ie=function(e){switch(e.theme){case"primary":return Me;case"secondary":return _e;case"tertiary":return De;case"quaternary":return Ge;default:return""}},Re=function(e){switch(e.border){case"soft":return qe;case"hard":return Be;default:return""}};const Ae={"icon-input":"RaCKCo18u9LiXlNtfXSg","input-common":"LCo8ZQNn4x9t1bQv68YX","input-with-icon":"nB_qk0uh4VaPFqAV_rdo","input-secondary":"r2dDDK1b9GSUQ7KkjlAS","input-border-hard":"xghXNj3fj0NG1DBWKj8w","input-tertiary":"eB30gQUCIMLMoZPeOKil"};var Fe,Ve=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,o=e.type,c=void 0===o?"text":o,i=e.theme,s=void 0===i?Fe.primary:i,u=e.placeholder,d=void 0===u?"":u,l=e.hardBorder,m=void 0!==l&&l,v=e.icon,p=e.onChange,h=void 0===p?function(){}:p,f=B(Ae["input-common"],Ze({theme:s}),m?Ae["input-border-hard"]:"",t,v?Ae["input-with-icon"]:"");return(0,P.jsxs)("div",{className:Ae.relative,children:[(0,P.jsx)("input",{id:n,className:f,placeholder:d,type:c,onChange:h}),v&&(0,P.jsx)(M,{className:Ae["icon-input"],icon:v})]})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary"}(Fe||(Fe={}));var Ze=function(e){switch(e.theme){case"primary":default:return"";case"secondary":return Ae["input-secondary"];case"tertiary":return Ae["input-tertiary"]}};const Ke="FnQHiSW9NTFa3WlXGoCc",Ye="NatMJzDzTApsQaVDAagx",Ue="qY4Y2bWaIDQFsSw6KaT5",We="zguwwN6hze6uapnqp5Ni",Xe="ko1cAltyF24Od59He2SS",Je="kpCx3tGL8Ty2NT_5o1mJ",$e="F6hI7ZfLokc9h5jkh6IL",ea="qlSGENr4s2AUMMLzL8AR",aa="RY7dvVQ6fbBnjtgy0igh",na="OpF1ocsD_5dn_993DhqT",ra="FSuEOctgnc2BHuB5nXoQ",ta=require("react");var oa=(0,ta.createContext)(void 0),ca=function(){var e;return null!==(e=(0,ta.useContext)(oa))&&void 0!==e?e:{isOpen:!1,toggle:function(){},setOpen:function(){},isExpanded:!1,toggleExpanded:function(){},isMobile:!1}},ia=(0,ta.createContext)("accordion"),sa=function(){return(0,ta.useContext)(ia)},ua=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,o=e.className,c=void 0===o?"":o,i=e.theme,s=void 0===i?ka.primary:i,u=e.defaultOpen,d=void 0!==u&&u,l=e.defaultExpanded,m=void 0!==l&&l,v=(0,ta.useState)(d),p=v[0],h=v[1],f=(0,ta.useState)(m),y=f[0],b=f[1],g=(0,ta.useState)(!1),x=g[0],N=g[1];(0,ta.useEffect)(function(){if("undefined"!=typeof window&&window.matchMedia){var e=window.matchMedia("(max-width: 767px)"),a=function(){return N(e.matches)};return a(),e.addEventListener?(e.addEventListener("change",a),function(){return e.removeEventListener("change",a)}):(e.addListener(a),function(){return e.removeListener(a)})}},[]),(0,ta.useEffect)(function(){if("undefined"!=typeof document){var e=document.documentElement;return e.style.setProperty("--ro-ut-sidebar-width",x?"0px":y?"24rem":"6rem"),e.style.setProperty("--ro-ut-topbar-height",x?"0px":"101px"),function(){e.style.removeProperty("--ro-ut-sidebar-width"),e.style.removeProperty("--ro-ut-topbar-height")}}},[x,y]);var j=(0,ta.useCallback)(function(){return h(function(e){return!e})},[]),w=(0,ta.useCallback)(function(e){return h(e)},[]),O=(0,ta.useCallback)(function(){return b(function(e){return!e})},[]),C={isOpen:p,toggle:j,setOpen:w,isExpanded:y,toggleExpanded:O,isMobile:x},k=B(Ke,Ea({theme:s}),c);return(0,P.jsx)(oa.Provider,{value:C,children:(0,P.jsx)("nav",{id:n,className:k,children:t})})},da=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,o=e.className,c=void 0===o?"":o,i=e.theme,s=void 0===i?Qa.primary:i,u=e.brand,d=e.actions,l=e.menuIcon,m=void 0===l?q.menu:l,v=e.hideMenuToggle,p=void 0!==v&&v,h=ca(),f=h.isOpen,y=h.toggle,b=h.isMobile?"accordion":"dropdown",g=B(Ue,Pa({theme:s}),c),x=B($e,f?ea:aa);return(0,P.jsxs)("header",{id:n,className:g,children:[(0,P.jsxs)("div",{className:We,children:[u&&(0,P.jsx)("div",{className:Je,children:u}),!p&&(0,P.jsx)("button",{type:"button","aria-label":"Toggle menu",className:Xe,onClick:y,children:(0,P.jsx)(M,{icon:m})})]}),(0,P.jsx)(ia.Provider,{value:b,children:(0,P.jsx)("div",{className:x,children:t})}),d&&(0,P.jsx)("div",{className:na,children:d})]})};const la="lB8REa7QbS00_HY39qlv",ma="sSfHpXGaWQJlKsMHHaNz",va="KUAQgA5jKT0cpt4YT9My",pa="VHv_24fnWV6U7utpmyOv",ha="xz7mio21qHuZpdmkS_Ql",fa="mecTZPfsBQEB8_dRnBQz",ya="B9dyOyj_V1ejlMhgfn9g",ba="ZddvyvLdn43wm9cl0jwZ";var ga=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,o=e.className,c=void 0===o?"":o,i=e.theme,s=void 0===i?Ta.primary:i,u=e.pinToggleIcon,d=void 0===u?q.flecha:u,l=e.hidePinToggle,m=void 0!==l&&l,v=ca(),p=v.isOpen,h=v.isExpanded,f=v.toggleExpanded,y=B(la,p?ma:va,h?ha:pa,qa({theme:s}),c);return(0,P.jsxs)("aside",{id:n,className:y,children:[(0,P.jsx)(ia.Provider,{value:"accordion",children:t}),!m&&(0,P.jsx)("button",{type:"button","aria-label":"Toggle sidebar",className:fa,onClick:f,children:(0,P.jsx)(M,{icon:d,className:B(ya,h?ba:"")})})]})};const xa="huVncZ_cd_BiHgGKvG2R",Na="OhBh129QqaKYIl1RoRRQ",ja="mpssuMH2mFjNpZnuMaOp";var wa=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=e.className,o=void 0===t?"":t,c=e.level,i=void 0===c?1:c,s=sa(),u=B(xa,"dropdown"===s&&1===i?ja:Na,o);return(0,P.jsx)("ul",{id:n,className:u,children:ta.Children.map(r,function(e){return(0,ta.isValidElement)(e)?(0,ta.cloneElement)(e,{level:i}):e})})};const Oa=require("react-router-dom"),Ca={"nav-item-wrapper":"DYcbVGvq2gOTbslQ9dtd","nav-item":"UuLDbzdBjeWuOYQrYFWC","nav-item-inline":"poOzQJfQ4Zwl1iu2RK31","nav-item-l1":"k4ofdETJ7Y_29z1Izk5N","nav-item-l2":"_dxePEO0GOkz4uV9ZCih","nav-item-l3":"dhQwjaox_1b3Ne2rtLUV","nav-item-collapsed":"bMDMJ1WsQxyWIruZxhk4","nav-item-active":"Ox3zdaZO80qbQ_tOnwAf","nav-item-icon":"FGmw5cM6XpFJK0IFEZA_","nav-item-icon-active":"oxRil4wKmzylOy_4besK","nav-item-label":"g6mZSnz_vDZHIPu7Lcn0","nav-item-label-collapsed":"EdGVseAHauIZaFqII1Oc","nav-item-chevron":"oUSWwp2gN16l9XDwC401","is-open":"f2sCWSYLCu5BcSoAQUfJ","nav-item-chevron-collapsed":"hq0Y1ntvELh0Hqs1kXut","nav-dropdown-panel":"YFeh0FaB0H6yto5JgjF6","nav-dropdown-below":"zrQ1EkV9gwCROBuciEk9","nav-dropdown-side":"zs65yT6zCjjFDszT1VGQ"};var ka,Qa,Ta,Sa=function(e){var a=e.id,n=void 0===a?"":a,r=e.label,t=void 0===r?"":r,o=e.icon,c=e.children,i=e.className,s=void 0===i?"":i,u=e.active,d=void 0!==u&&u,l=e.to,m=e.href,v=e.onClick,p=e.defaultExpanded,h=void 0!==p&&p,f=e.level,y=void 0===f?1:f,b=sa(),g=ca().isExpanded,x=(0,ta.useState)(h),N=x[0],j=x[1],w=!!c&&y<3,O=y+1,C="accordion"===b&&!g,k=d&&y>1,Q=d&&1===y,T=B(Ca["nav-item-label"],C?Ca["nav-item-label-collapsed"]:""),S=B(Ca["nav-item"],"accordion"===b?Ca["nav-item-l".concat(y)]:Ca["nav-item-inline"],C?Ca["nav-item-collapsed"]:"",k?Ca["nav-item-active"]:"",s),E=function(e){w&&j(function(e){return!e}),v&&v(e)},_=(0,P.jsxs)(P.Fragment,{children:[o&&(0,P.jsx)(M,{icon:o,className:B(Ca["nav-item-icon"],Q?Ca["nav-item-icon-active"]:"")}),t&&(0,P.jsx)("span",{className:T,children:t}),w&&(0,P.jsx)(M,{icon:q.flecha,className:B(Ca["nav-item-chevron"],C?Ca["nav-item-chevron-collapsed"]:"",N?Ca["is-open"]:"")})]}),D=l?(0,P.jsx)(Oa.Link,{to:l,id:n,className:S,onClick:E,children:_}):m?(0,P.jsx)("a",{id:n,href:m,className:S,onClick:E,children:_}):(0,P.jsx)("button",{id:n,type:"button",className:S,onClick:E,children:_}),G=(0,ta.isValidElement)(c)?(0,ta.cloneElement)(c,{level:O}):c;return(0,P.jsxs)("li",{className:Ca["nav-item-wrapper"],onMouseEnter:"dropdown"===b&&w?function(){return j(!0)}:void 0,onMouseLeave:"dropdown"===b&&w?function(){return j(!1)}:void 0,children:[D,w&&N&&("accordion"===b?G:(0,P.jsx)("div",{className:B(Ca["nav-dropdown-panel"],1===y?Ca["nav-dropdown-below"]:Ca["nav-dropdown-side"]),children:G}))]})};!function(e){e.primary="primary"}(ka||(ka={})),function(e){e.primary="primary",e.dark="dark"}(Qa||(Qa={})),function(e){e.primary="primary"}(Ta||(Ta={}));var Ea=function(e){return e.theme===ka.primary?Ye:""},Pa=function(e){switch(e.theme){case Qa.primary:return"";case Qa.dark:return ra;default:return""}},qa=function(e){e.theme;return Ta.primary,""};return a})());
1
+ !function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports["ui-library"]=a():e["ui-library"]=a()}(this,()=>(()=>{"use strict";var e={d:(a,n)=>{for(var r in n)e.o(n,r)&&!e.o(a,r)&&Object.defineProperty(a,r,{enumerable:!0,get:n[r]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},a={};e.r(a),e.d(a,{Avatar:()=>dr,AvatarSizes:()=>lr,AvatarThemes:()=>ur,Badge:()=>jr,BadgeVariants:()=>Nr,BorderCard:()=>He,Button:()=>Le,ButtonThemes:()=>qe,ButtonTypes:()=>Be,Card:()=>Fe,CardThemes:()=>Ue,Checkbox:()=>Xa,CheckboxGroup:()=>tn,CheckboxGroupDirections:()=>an,CheckboxThemes:()=>rn,DatePicker:()=>er,DatePickerThemes:()=>$n,Icon:()=>D,IconButton:()=>Wr,IconButtonShapes:()=>Yr,IconButtonSizes:()=>Zr,IconButtonThemes:()=>Jr,IconButtonTypes:()=>Kr,IconNames:()=>I,Input:()=>We,InputThemes:()=>Ke,LeftNavbar:()=>wa,LeftNavbarThemes:()=>Aa,Link:()=>it,LinkThemes:()=>tt,NavItem:()=>Ia,NavList:()=>za,NavMenuContext:()=>va,Navbar:()=>pa,NavbarContext:()=>da,NavbarThemes:()=>La,Radio:()=>Ua,RadioGroup:()=>Ya,RadioGroupDirections:()=>Ja,RadioThemes:()=>Za,Rating:()=>xt,RatingSizes:()=>gt,RatingThemes:()=>bt,Select:()=>_n,SelectThemes:()=>Gn,Tag:()=>Ar,TagThemes:()=>Er,Textarea:()=>xn,TextareaThemes:()=>gn,Toggle:()=>mn,ToggleThemes:()=>dn,TopNavbar:()=>fa,TopNavbarThemes:()=>Ea,getAvatarSizeClass:()=>vr,getAvatarThemeClass:()=>mr,getBadgeVariantClass:()=>kr,getBorderCard:()=>Ze,getButtonThemeClass:()=>Ee,getCardThemeClass:()=>Je,getCheckboxThemeClass:()=>cn,getDatePickerThemeClass:()=>ar,getIconButtonShapeClass:()=>et,getIconButtonSizeClass:()=>$r,getIconButtonThemeClass:()=>Xr,getIconClass:()=>fe,getInputThemeClass:()=>Xe,getLeftNavbarThemeClass:()=>Ma,getLinkThemeClass:()=>ct,getNavbarThemeClass:()=>Pa,getRadioThemeClass:()=>Ka,getRatingSizeClass:()=>jt,getRatingThemeClass:()=>Nt,getSelectThemeClass:()=>Qn,getTagThemeClass:()=>Ir,getTextareaThemeClass:()=>Nn,getToggleThemeClass:()=>vn,getTopNavbarThemeClass:()=>Da,useNavMenu:()=>ha,useNavbar:()=>ma});const n="namBd2yDO5uRnuiJiF4I",r="IezAhh3IOxZrbRaPnSuX",t="peAKuLVAiIXSFB_8weUX",i="fX0XkPg_VOwlCS_puohG",c="uRh5AMB7fHGMjymlSkIe",o="A61ABO8IXKvkyJ2iRq6l",s="nYNZP8pJf0SUq0ZPndyE",u="OOr9vC74FozQAPLK3TBF",l="jtiHB4J2Gd75DxgbExDU",d="htFKNG_lNNMADoynscvf",m="b41eXc_YG54TSjVcPdr3",v="iDCPPzPmlHXmY6DeRlrz",h="qSKheV1seun_M2zooNYG",p="neFnz7mqfjyob2IpBRAB",f="fMuDGJLmZu10m_5wuQwH",y="W1_8p2A4KoAru1W3fQQt",b="tm0XixvT9lg82S8vBQ7H",g="s4WqNjDDGgeMddVjGC39",x="bedJB1k7F24TZZ14mvGS",N="PgNn5YrHhpkkzKgbQGHw",j="g7BsZUvE5UmvGR7yux1n",k="oCPQLbmQjjlb4QfF6N3z",C="w1jjKytmOVrGE_OOWN24",w="wxOwGgByggkSrx_yH1Mm",T="jyv2Pn76yjv7yHzme6Vi",S="l_u5YpNTZO_QLR2ODTsM",O="D3lpa3rGkDORSZEMO4Pu",z="ptOAordfG6nUqt1RGPGD",q="tcijTEF2DcjdTgUYgwm_",B="odUpHd2U2lDHRINyeow1",L="Sb74MmtzlQ4r_auGli10",E="iRPlBCtkk8OZ1fVrK6Ac",A=require("react/jsx-runtime");var I,P=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];return e.filter(function(e){return e}).join(" ")},D=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.icon,c=P(i?fe({icon:i}):"",t);return(0,A.jsx)("span",{id:n,className:c})},M=n,R=j,G=N,V=v,_=d,Q=l,U=i,H=r,F=T,J=o,Z=p,Y=m,K=g,W=b,X=L,$=w,ee=x,ae=C,ne=h,re=O,te=S,ie=z,ce=q,oe=c,se=k,ue=y,le=t,de=E,me=f,ve=u,he=s,pe=B;!function(e){e.perfil="perfil",e.password="password",e.google="google",e.facebook="facebook",e.dashboard="dashboard",e.calendario="calendario",e.administracionDeUsuario="administracionDeUsuario",e.rutas="rutas",e.chat="chat",e.informes="informes",e.flecha="flecha",e.nuevaRuta="nuevaRuta",e.notificacion="notificacion",e.usuarioDentroApp="usuarioDentroApp",e.rutaNueva="rutaNueva",e.nuevaRuta2="nuevaRuta2",e.rutaCompletada="rutaCompletada",e.hoy="hoy",e.rutasProgramadas="rutasProgramadas",e.rutasEliminadas="rutasEliminadas",e.rutasReprogramadas="rutasReprogramadas",e.search="search",e.camion="camion",e.pickup="pickup",e.motocicleta="motocicleta",e.barco="barco",e.varios="varios",e.menu="menu",e.chevronDown="chevronDown",e.check="check",e.star="star"}(I||(I={}));var fe=function(e){switch(e.icon){case"perfil":return"".concat(M," ").concat(R);case"password":return"".concat(M," ").concat(G);case"google":return"".concat(M," ").concat(V);case"facebook":return"".concat(M," ").concat(_);case"dashboard":return"".concat(M," ").concat(Q);case"calendario":return"".concat(M," ").concat(U);case"administracionDeUsuario":return"".concat(M," ").concat(H);case"rutas":return"".concat(M," ").concat(F);case"chat":return"".concat(M," ").concat(J);case"informes":return"".concat(M," ").concat(Z);case"flecha":return"".concat(M," ").concat(Y);case"nuevaRuta":return"".concat(M," ").concat(K);case"notificacion":return"".concat(M," ").concat(W);case"usuarioDentroApp":return"".concat(M," ").concat(X);case"rutaNueva":return"".concat(M," ").concat($);case"nuevaRuta2":return"".concat(M," ").concat(ee);case"rutaCompletada":return"".concat(M," ").concat(ae);case"hoy":return"".concat(M," ").concat(ne);case"rutasProgramadas":return"".concat(M," ").concat(re);case"rutasEliminadas":return"".concat(M," ").concat(te);case"rutasReprogramadas":return"".concat(M," ").concat(ie);case"search":return"".concat(M," ").concat(ce);case"camion":return"".concat(M," ").concat(oe);case"pickup":return"".concat(M," ").concat(se);case"motocicleta":return"".concat(M," ").concat(ue);case"barco":return"".concat(M," ").concat(le);case"varios":return"".concat(M," ").concat(de);case"menu":return"".concat(M," ").concat(me);case"chevronDown":return"".concat(M," ").concat(ve);case"check":return"".concat(M," ").concat(he);case"star":return"".concat(M," ").concat(pe);default:return""}};const ye="UxC2t97LIIISx7e71_3R",be="JJF9nOwFrn4f4Agjebcs",ge="cwK5avZb5ShuVPiPWB8Q",xe="CFpiqnX4jq_EltxkwEvy",Ne="yjB0ArEAyeYU6_u7zKsQ",je="Djr8Yh2IQcUcgjSZ_WQ5",ke="uyBaWoSnHEIxM4x7jgQw",Ce="qWYltwKufw7ZliVlCT9g",we="oQRCOHaGpuh207HQzerc",Te="HtF5k4mwsNW1v9YG7qd2",Se="Pg7VF5nFKczFtA3r5E88",Oe="wXyKJ8kY_42bOcyetwnC",ze="dLCzLEcc0jSLJgsTyHoM";var qe,Be,Le=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,i=e.className,c=void 0===i?"":i,o=e.theme,s=void 0===o?qe.primary:o,u=e.hardBorder,l=void 0===u||u,d=e.type,m=void 0===d?Be.button:d,v=e.onClick,h=P(ye,Ee({theme:s}),l?be:ge,c);return(0,A.jsx)("button",{id:n,className:h,type:m,onClick:v,children:t})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary",e.quinary="quinary",e.primaryOutline="primaryOutline",e.secondaryOutline="secondaryOutline",e.tertiaryOutline="tertiaryOutline",e.quaternaryOutline="quaternaryOutline",e.quinaryOutline="quinaryOutline"}(qe||(qe={})),function(e){e.submit="submit",e.reset="reset",e.button="button"}(Be||(Be={}));var Ee=function(e){switch(e.theme){case qe.primary:return xe;case qe.secondary:return Ne;case qe.tertiary:return je;case qe.quaternary:return ke;case qe.quinary:return Ce;case qe.primaryOutline:return we;case qe.secondaryOutline:return Te;case qe.tertiaryOutline:return Se;case qe.quaternaryOutline:return Oe;case qe.quinaryOutline:return ze;default:return""}};const Ae="pAD4BifhMTLUZvCJxyOx",Ie="a2VHzo7AbMVmPMGC3mSx",Pe="W0VuH9q0UPwsyVsTQQJe",De="SIPeMNZqcOWCkESf4cPg",Me="hPcmh2SHmHeXnUxGP93s",Re="DcZJoe6Kl4lnV3k4i7nV",Ge="LH35do5a6HPSjPusBT_z",Ve="juXoWoLQrRgOgzapK6H9",_e="tPCdlPqN6fB69GmnQ181",Qe="nsb5sNsicCrkfBe9SIFs";var Ue,He,Fe=function(e){var a=e.children,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.theme,c=void 0===i?Ue.primary:i,o=e.border,s=void 0===o?He.soft:o,u=e.title,l=P(Ae,Je({theme:c}),Ze({border:s}),t);return(0,A.jsxs)("div",{className:l,children:[u&&(0,A.jsx)("div",{className:Ie,children:(0,A.jsx)("h5",{className:De,children:u})}),(0,A.jsx)("div",{className:Pe,children:n})]})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary"}(Ue||(Ue={})),function(e){e.soft="soft",e.hard="hard"}(He||(He={}));var Je=function(e){switch(e.theme){case"primary":return Ge;case"secondary":return Ve;case"tertiary":return _e;case"quaternary":return Qe;default:return""}},Ze=function(e){switch(e.border){case"soft":return Me;case"hard":return Re;default:return""}};const Ye={"icon-input":"RaCKCo18u9LiXlNtfXSg","input-common":"LCo8ZQNn4x9t1bQv68YX","input-with-icon":"nB_qk0uh4VaPFqAV_rdo","input-secondary":"r2dDDK1b9GSUQ7KkjlAS","input-border-hard":"xghXNj3fj0NG1DBWKj8w","input-tertiary":"eB30gQUCIMLMoZPeOKil"};var Ke,We=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.type,c=void 0===i?"text":i,o=e.theme,s=void 0===o?Ke.primary:o,u=e.placeholder,l=void 0===u?"":u,d=e.hardBorder,m=void 0!==d&&d,v=e.icon,h=e.onChange,p=void 0===h?function(){}:h,f=P(Ye["input-common"],Xe({theme:s}),m?Ye["input-border-hard"]:"",t,v?Ye["input-with-icon"]:"");return(0,A.jsxs)("div",{className:Ye.relative,children:[(0,A.jsx)("input",{id:n,className:f,placeholder:l,type:c,onChange:p}),v&&(0,A.jsx)(D,{className:Ye["icon-input"],icon:v})]})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary"}(Ke||(Ke={}));var Xe=function(e){switch(e.theme){case"primary":default:return"";case"secondary":return Ye["input-secondary"];case"tertiary":return Ye["input-tertiary"]}};const $e="FnQHiSW9NTFa3WlXGoCc",ea="NatMJzDzTApsQaVDAagx",aa="qY4Y2bWaIDQFsSw6KaT5",na="zguwwN6hze6uapnqp5Ni",ra="ko1cAltyF24Od59He2SS",ta="kpCx3tGL8Ty2NT_5o1mJ",ia="F6hI7ZfLokc9h5jkh6IL",ca="qlSGENr4s2AUMMLzL8AR",oa="RY7dvVQ6fbBnjtgy0igh",sa="OpF1ocsD_5dn_993DhqT",ua="FSuEOctgnc2BHuB5nXoQ",la=require("react");var da=(0,la.createContext)(void 0),ma=function(){var e;return null!==(e=(0,la.useContext)(da))&&void 0!==e?e:{isOpen:!1,toggle:function(){},setOpen:function(){},isExpanded:!1,toggleExpanded:function(){},isMobile:!1}},va=(0,la.createContext)("accordion"),ha=function(){return(0,la.useContext)(va)},pa=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,i=e.className,c=void 0===i?"":i,o=e.theme,s=void 0===o?La.primary:o,u=e.defaultOpen,l=void 0!==u&&u,d=e.defaultExpanded,m=void 0!==d&&d,v=(0,la.useState)(l),h=v[0],p=v[1],f=(0,la.useState)(m),y=f[0],b=f[1],g=(0,la.useState)(!1),x=g[0],N=g[1];(0,la.useEffect)(function(){if("undefined"!=typeof window&&window.matchMedia){var e=window.matchMedia("(max-width: 767px)"),a=function(){return N(e.matches)};return a(),e.addEventListener?(e.addEventListener("change",a),function(){return e.removeEventListener("change",a)}):(e.addListener(a),function(){return e.removeListener(a)})}},[]),(0,la.useEffect)(function(){if("undefined"!=typeof document){var e=document.documentElement;return e.style.setProperty("--ro-ut-sidebar-width",x?"0px":y?"24rem":"6rem"),e.style.setProperty("--ro-ut-topbar-height",x?"0px":"101px"),function(){e.style.removeProperty("--ro-ut-sidebar-width"),e.style.removeProperty("--ro-ut-topbar-height")}}},[x,y]);var j=(0,la.useCallback)(function(){return p(function(e){return!e})},[]),k=(0,la.useCallback)(function(e){return p(e)},[]),C=(0,la.useCallback)(function(){return b(function(e){return!e})},[]),w={isOpen:h,toggle:j,setOpen:k,isExpanded:y,toggleExpanded:C,isMobile:x},T=P($e,Pa({theme:s}),c);return(0,A.jsx)(da.Provider,{value:w,children:(0,A.jsx)("nav",{id:n,className:T,children:t})})},fa=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,i=e.className,c=void 0===i?"":i,o=e.theme,s=void 0===o?Ea.primary:o,u=e.brand,l=e.actions,d=e.menuIcon,m=void 0===d?I.menu:d,v=e.hideMenuToggle,h=void 0!==v&&v,p=ma(),f=p.isOpen,y=p.toggle,b=p.isMobile?"accordion":"dropdown",g=P(aa,Da({theme:s}),c),x=P(ia,f?ca:oa);return(0,A.jsxs)("header",{id:n,className:g,children:[(0,A.jsxs)("div",{className:na,children:[u&&(0,A.jsx)("div",{className:ta,children:u}),!h&&(0,A.jsx)("button",{type:"button","aria-label":"Toggle menu",className:ra,onClick:y,children:(0,A.jsx)(D,{icon:m})})]}),(0,A.jsx)(va.Provider,{value:b,children:(0,A.jsx)("div",{className:x,children:t})}),l&&(0,A.jsx)("div",{className:sa,children:l})]})};const ya="lB8REa7QbS00_HY39qlv",ba="sSfHpXGaWQJlKsMHHaNz",ga="KUAQgA5jKT0cpt4YT9My",xa="VHv_24fnWV6U7utpmyOv",Na="xz7mio21qHuZpdmkS_Ql",ja="mecTZPfsBQEB8_dRnBQz",ka="B9dyOyj_V1ejlMhgfn9g",Ca="ZddvyvLdn43wm9cl0jwZ";var wa=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=void 0===r?"":r,i=e.className,c=void 0===i?"":i,o=e.theme,s=void 0===o?Aa.primary:o,u=e.pinToggleIcon,l=void 0===u?I.flecha:u,d=e.hidePinToggle,m=void 0!==d&&d,v=ma(),h=v.isOpen,p=v.isExpanded,f=v.toggleExpanded,y=P(ya,h?ba:ga,p?Na:xa,Ma({theme:s}),c);return(0,A.jsxs)("aside",{id:n,className:y,children:[(0,A.jsx)(va.Provider,{value:"accordion",children:t}),!m&&(0,A.jsx)("button",{type:"button","aria-label":"Toggle sidebar",className:ja,onClick:f,children:(0,A.jsx)(D,{icon:l,className:P(ka,p?Ca:"")})})]})};const Ta="huVncZ_cd_BiHgGKvG2R",Sa="OhBh129QqaKYIl1RoRRQ",Oa="mpssuMH2mFjNpZnuMaOp";var za=function(e){var a=e.id,n=void 0===a?"":a,r=e.children,t=e.className,i=void 0===t?"":t,c=e.level,o=void 0===c?1:c,s=ha(),u=P(Ta,"dropdown"===s&&1===o?Oa:Sa,i);return(0,A.jsx)("ul",{id:n,className:u,children:la.Children.map(r,function(e){return(0,la.isValidElement)(e)?(0,la.cloneElement)(e,{level:o}):e})})};const qa=require("react-router-dom"),Ba={"nav-item-wrapper":"DYcbVGvq2gOTbslQ9dtd","nav-item":"UuLDbzdBjeWuOYQrYFWC","nav-item-inline":"poOzQJfQ4Zwl1iu2RK31","nav-item-l1":"k4ofdETJ7Y_29z1Izk5N","nav-item-l2":"_dxePEO0GOkz4uV9ZCih","nav-item-l3":"dhQwjaox_1b3Ne2rtLUV","nav-item-collapsed":"bMDMJ1WsQxyWIruZxhk4","nav-item-active":"Ox3zdaZO80qbQ_tOnwAf","nav-item-icon":"FGmw5cM6XpFJK0IFEZA_","nav-item-icon-active":"oxRil4wKmzylOy_4besK","nav-item-label":"g6mZSnz_vDZHIPu7Lcn0","nav-item-label-collapsed":"EdGVseAHauIZaFqII1Oc","nav-item-chevron":"oUSWwp2gN16l9XDwC401","is-open":"f2sCWSYLCu5BcSoAQUfJ","nav-item-chevron-collapsed":"hq0Y1ntvELh0Hqs1kXut","nav-dropdown-panel":"YFeh0FaB0H6yto5JgjF6","nav-dropdown-below":"zrQ1EkV9gwCROBuciEk9","nav-dropdown-side":"zs65yT6zCjjFDszT1VGQ"};var La,Ea,Aa,Ia=function(e){var a=e.id,n=void 0===a?"":a,r=e.label,t=void 0===r?"":r,i=e.icon,c=e.children,o=e.className,s=void 0===o?"":o,u=e.active,l=void 0!==u&&u,d=e.to,m=e.href,v=e.onClick,h=e.defaultExpanded,p=void 0!==h&&h,f=e.level,y=void 0===f?1:f,b=ha(),g=ma().isExpanded,x=(0,la.useState)(p),N=x[0],j=x[1],k=!!c&&y<3,C=y+1,w="accordion"===b&&!g,T=l&&y>1,S=l&&1===y,O=P(Ba["nav-item-label"],w?Ba["nav-item-label-collapsed"]:""),z=P(Ba["nav-item"],"accordion"===b?Ba["nav-item-l".concat(y)]:Ba["nav-item-inline"],w?Ba["nav-item-collapsed"]:"",T?Ba["nav-item-active"]:"",s),q=function(e){k&&j(function(e){return!e}),v&&v(e)},B=(0,A.jsxs)(A.Fragment,{children:[i&&(0,A.jsx)(D,{icon:i,className:P(Ba["nav-item-icon"],S?Ba["nav-item-icon-active"]:"")}),t&&(0,A.jsx)("span",{className:O,children:t}),k&&(0,A.jsx)(D,{icon:I.flecha,className:P(Ba["nav-item-chevron"],w?Ba["nav-item-chevron-collapsed"]:"",N?Ba["is-open"]:"")})]}),L=d?(0,A.jsx)(qa.Link,{to:d,id:n,className:z,onClick:q,children:B}):m?(0,A.jsx)("a",{id:n,href:m,className:z,onClick:q,children:B}):(0,A.jsx)("button",{id:n,type:"button",className:z,onClick:q,children:B}),E=(0,la.isValidElement)(c)?(0,la.cloneElement)(c,{level:C}):c;return(0,A.jsxs)("li",{className:Ba["nav-item-wrapper"],onMouseEnter:"dropdown"===b&&k?function(){return j(!0)}:void 0,onMouseLeave:"dropdown"===b&&k?function(){return j(!1)}:void 0,children:[L,k&&N&&("accordion"===b?E:(0,A.jsx)("div",{className:P(Ba["nav-dropdown-panel"],1===y?Ba["nav-dropdown-below"]:Ba["nav-dropdown-side"]),children:E}))]})};!function(e){e.primary="primary"}(La||(La={})),function(e){e.primary="primary",e.dark="dark"}(Ea||(Ea={})),function(e){e.primary="primary"}(Aa||(Aa={}));var Pa=function(e){return e.theme===La.primary?ea:""},Da=function(e){switch(e.theme){case Ea.primary:return"";case Ea.dark:return ua;default:return""}},Ma=function(e){e.theme;return Aa.primary,""};const Ra="GXbNNfaRE3TyRdoGrwb7",Ga="JJlpwqbl4lBtQC3RnNnw",Va="YHIztbHCIlsXLL9Yn8ww",_a="KDNJqjBclhbRaDk4mBr6",Qa="EhYmjqYe_GtBncOd1xD9";var Ua=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?Za.primary:t,c=e.name,o=e.value,s=e.label,u=e.checked,l=e.defaultChecked,d=e.disabled,m=void 0!==d&&d,v=e.onChange,h=void 0===v?function(){}:v,p=P(Ra,Ka({theme:i}),m?Qa:"",r);return(0,A.jsxs)("label",{className:p,children:[(0,A.jsx)("input",{id:a,className:Ga,type:"radio",name:c,value:o,checked:u,defaultChecked:l,disabled:m,onChange:h}),(0,A.jsx)("span",{className:Va,"aria-hidden":"true"}),s&&(0,A.jsx)("span",{className:_a,children:s})]})};const Ha="QBLrCrEV0gM6Kw5pF1St",Fa="RU1XYIJgTOpk_L6PLAhf";var Ja;!function(e){e.vertical="vertical",e.horizontal="horizontal"}(Ja||(Ja={}));var Za,Ya=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?Za.primary:t,c=e.name,o=e.options,s=void 0===o?[]:o,u=e.value,l=e.defaultValue,d=void 0===l?"":l,m=e.direction,v=void 0===m?Ja.vertical:m,h=e.disabled,p=void 0!==h&&h,f=e.onChange,y=void 0===f?function(){}:f,b=(0,la.useState)(d),g=b[0],x=b[1],N=void 0!==u?u:g,j=function(e){void 0===u&&x(e.target.value),y(e)},k=P(Ha,v===Ja.horizontal?Fa:"",r);return(0,A.jsx)("div",{id:a,role:"radiogroup",className:k,children:s.map(function(e){return(0,A.jsx)(Ua,{theme:i,name:c,value:e.value,label:e.label,checked:N===e.value,disabled:p||e.disabled,onChange:j},e.value)})})};!function(e){e.primary="primary"}(Za||(Za={}));var Ka=function(e){e.theme;return""};const Wa={"checkbox-label":"zjjHhR8Wrs1uEuvkvAET","checkbox-input":"jgDLO2lj8lIL4n2aUvd4","checkbox-box":"tBBM2Tox6G2Lc1HgNzpm","checkbox-check":"pwzoSwjqGtatjDWB8YwK","checkbox-dash":"tV_vzpZfKvHlPlIiWYQj","checkbox-disabled":"ntiFyXsULeH5Q21zjZaP"};var Xa=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?rn.primary:t,c=e.name,o=e.value,s=e.label,u=e.checked,l=e.defaultChecked,d=e.indeterminate,m=void 0!==d&&d,v=e.disabled,h=void 0!==v&&v,p=e.onChange,f=void 0===p?function(){}:p,y=(0,la.useRef)(null);(0,la.useEffect)(function(){y.current&&(y.current.indeterminate=m)},[m]);var b=P(Wa["checkbox-label"],cn({theme:i}),h?Wa["checkbox-disabled"]:"",r);return(0,A.jsxs)("label",{className:b,children:[(0,A.jsx)("input",{ref:y,id:a,className:Wa["checkbox-input"],type:"checkbox",name:c,value:o,checked:u,defaultChecked:l,disabled:h,onChange:f}),(0,A.jsxs)("span",{className:Wa["checkbox-box"],"aria-hidden":"true",children:[(0,A.jsx)(D,{className:Wa["checkbox-check"],icon:I.check}),(0,A.jsx)("span",{className:Wa["checkbox-dash"]})]}),s&&(0,A.jsx)("span",{className:Wa["checkbox-text"],children:s})]})};const $a="moROzwaINmGAqyCdeqUb",en="uGMTsBF__2RgYnA6S_ae";var an,nn=function(e,a,n){if(n||2===arguments.length)for(var r,t=0,i=a.length;t<i;t++)!r&&t in a||(r||(r=Array.prototype.slice.call(a,0,t)),r[t]=a[t]);return e.concat(r||Array.prototype.slice.call(a))};!function(e){e.vertical="vertical",e.horizontal="horizontal"}(an||(an={}));var rn,tn=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?rn.primary:t,c=e.name,o=e.options,s=void 0===o?[]:o,u=e.values,l=e.defaultValues,d=void 0===l?[]:l,m=e.direction,v=void 0===m?an.vertical:m,h=e.disabled,p=void 0!==h&&h,f=e.onChange,y=void 0===f?function(){}:f,b=(0,la.useState)(d),g=b[0],x=b[1],N=void 0!==u?u:g,j=P($a,v===an.horizontal?en:"",r);return(0,A.jsx)("div",{id:a,role:"group",className:j,children:s.map(function(e){return(0,A.jsx)(Xa,{theme:i,name:c,value:e.value,label:e.label,checked:N.includes(e.value),disabled:p||e.disabled,onChange:function(){return a=e.value,n=N.includes(a)?N.filter(function(e){return e!==a}):nn(nn([],N,!0),[a],!1),void 0===u&&x(n),void y(n);var a,n}},e.value)})})};!function(e){e.primary="primary"}(rn||(rn={}));var cn=function(e){e.theme;return""};const on="zegNFU1IXq2D0NAslGyj",sn="rGbn8Dr7CvRzb5aBaIm6",un="oHn7xu1kuT37RPqDSpc0",ln="VofOiaYafh2S6lqJD62h";var dn,mn=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?dn.primary:t,c=e.checked,o=e.defaultChecked,s=void 0!==o&&o,u=e.label,l=e.children,d=void 0===l?"Activar":l,m=e.disabled,v=void 0!==m&&m,h=e.onChange,p=void 0===h?function(){}:h,f=(0,la.useState)(s),y=f[0],b=f[1],g=void 0!==c?c:y,x=P(un,vn({theme:i}),g?ln:"",r);return(0,A.jsxs)("span",{className:on,children:[u&&(0,A.jsx)("span",{className:sn,children:u}),(0,A.jsx)("button",{id:a,type:"button",role:"switch","aria-checked":g,disabled:v,className:x,onClick:function(){void 0===c&&b(!g),p(!g)},children:d})]})};!function(e){e.primary="primary"}(dn||(dn={}));var vn=function(e){e.theme;return""};const hn="kkj7ttLeFO1S4d8mM_Pn",pn="a_HuZeJ_oVLoqS7eukOK",fn="OluyRygiDnbSKaGwqvJW",yn="h4zm0kOhR9ZxkSdTB7GN",bn="pfLJgfyLJlYmzTol8bA5";var gn,xn=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?gn.primary:t,c=e.value,o=e.defaultValue,s=e.placeholder,u=void 0===s?"":s,l=e.rows,d=void 0===l?4:l,m=e.autoResize,v=void 0!==m&&m,h=e.hardBorder,p=void 0!==h&&h,f=e.disabled,y=void 0!==f&&f,b=e.onChange,g=void 0===b?function(){}:b,x=P(hn,Nn({theme:i}),p?yn:"",v?bn:"",r);return(0,A.jsx)("textarea",{id:a,className:x,value:c,defaultValue:o,placeholder:u,rows:d,disabled:y,onChange:function(e){v&&(e.currentTarget.style.height="auto",e.currentTarget.style.height="".concat(e.currentTarget.scrollHeight,"px")),g(e)}})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary"}(gn||(gn={}));var Nn=function(e){switch(e.theme){case"primary":default:return"";case"secondary":return pn;case"tertiary":return fn}};const jn="WihApGsGcC1E22NRG0P5",kn="fUrHs64HZzxc8wuJx0Sb",Cn="LXJF8zINUAOvCEJtkK8Q",wn="Wb8G9wRU_hGXsgxvtTI1",Tn="EkMWU0uN6UWfqy9bLsBt",Sn="jFyLmbuHrBcChK1PCUAW",On="toX_UmDpZNE2kruEXl8S",zn="H1zoebUk7LJVtn0H0Zu_",qn="i_2UnWCN655j4bednibQ",Bn="SITJboRY_HWw8TaUHpkS",Ln="c4nJQCuqPERLXusqZmTf",En="rVjFTHZ3d6gzTyGq1wOq",An="rLYHgyXqKJfVOrHCTUHr",In="_aOV8eUPNj11n_VY0NAB",Pn="gFuL19WEJXow8Pop913u",Dn="gdPP8CuH6BxL79m2ly8i",Mn="tm2CatA44Mbqd0CMaXp7",Rn="HfTjK7bgJmXNcDqfhL0J";var Gn,Vn=function(e,a,n){if(n||2===arguments.length)for(var r,t=0,i=a.length;t<i;t++)!r&&t in a||(r||(r=Array.prototype.slice.call(a,0,t)),r[t]=a[t]);return e.concat(r||Array.prototype.slice.call(a))},_n=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?Gn.primary:t,c=e.options,o=void 0===c?[]:c,s=e.multiple,u=void 0!==s&&s,l=e.value,d=e.defaultValue,m=void 0===d?"":d,v=e.values,h=e.defaultValues,p=void 0===h?[]:h,f=e.placeholder,y=void 0===f?"":f,b=e.searchable,g=void 0!==b&&b,x=e.icon,N=e.emptyMessage,j=void 0===N?"Sin resultados":N,k=e.hardBorder,C=void 0!==k&&k,w=e.disabled,T=void 0!==w&&w,S=e.onChange,O=void 0===S?function(){}:S,z=(0,la.useState)(!1),q=z[0],B=z[1],L=(0,la.useState)(""),E=L[0],M=L[1],R=(0,la.useState)(0),G=R[0],V=R[1],_=(0,la.useState)(m),Q=_[0],U=_[1],H=(0,la.useState)(p),F=H[0],J=H[1],Z=(0,la.useRef)(null),Y=(0,la.useRef)(null),K=(0,la.useId)(),W=void 0!==l?l:Q,X=void 0!==v?v:F,$=(u?o.filter(function(e){return X.includes(e.value)}):o.filter(function(e){return e.value===W})).map(function(e){return e.label}).join(", "),ee=g&&E?o.filter(function(e){return e.label.toLowerCase().includes(E.toLowerCase())}):o,ae=function(e){return u?X.includes(e.value):e.value===W};(0,la.useEffect)(function(){if(q){var e=function(e){Z.current&&!Z.current.contains(e.target)&&(B(!1),M(""))};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}},[q]),(0,la.useEffect)(function(){var e;q&&g&&(null===(e=Y.current)||void 0===e||e.focus())},[q,g]);var ne=function(){T||(B(!0),V(0))},re=function(){B(!1),M("")},te=function(e){if(!e.disabled)if(u){var a=X.includes(e.value)?X.filter(function(a){return a!==e.value}):Vn(Vn([],X,!0),[e.value],!1);void 0===v&&J(a),O(a)}else void 0===l&&U(e.value),O(e.value),re()},ie=P(kn,Qn({theme:i}),C?Dn:"",T?Mn:"");return(0,A.jsxs)("div",{id:a,ref:Z,className:P(jn,r),children:[(0,A.jsxs)("div",{role:"combobox","aria-expanded":q,"aria-haspopup":"listbox","aria-controls":K,"aria-disabled":T,tabIndex:T?-1:0,className:ie,onClick:function(){return q?re():ne()},onKeyDown:function(e){switch(e.key){case"ArrowDown":e.preventDefault(),q?V(function(e){return Math.min(e+1,ee.length-1)}):ne();break;case"ArrowUp":e.preventDefault(),V(function(e){return Math.max(e-1,0)});break;case"Enter":e.preventDefault(),q?ee[G]&&te(ee[G]):ne();break;case"Escape":re();break;case" ":q||g||(e.preventDefault(),ne())}},children:[x&&(0,A.jsx)(D,{className:Sn,icon:x}),g&&q?(0,A.jsx)("input",{ref:Y,className:Tn,value:E,placeholder:$||y,onChange:function(e){M(e.target.value),V(0)},onClick:function(e){return e.stopPropagation()}}):(0,A.jsx)("span",{className:P(Cn,$?"":wn),children:$||y}),(0,A.jsx)(D,{className:On,icon:I.chevronDown})]}),q&&(0,A.jsxs)("ul",{id:K,role:"listbox","aria-multiselectable":u,className:zn,children:[0===ee.length&&(0,A.jsx)("li",{className:Pn,children:j}),ee.map(function(e,a){return(0,A.jsxs)("li",{role:"option","aria-selected":ae(e),className:P(qn,a===G?Ln:"",ae(e)?En:"",e.disabled?In:""),onMouseEnter:function(){return V(a)},onClick:function(a){a.stopPropagation(),te(e)},children:[(0,A.jsx)("span",{className:Bn,children:e.label}),ae(e)&&(0,A.jsx)(D,{className:An,icon:I.check})]},e.value)})]})]})};!function(e){e.primary="primary",e.dark="dark"}(Gn||(Gn={}));var Qn=function(e){switch(e.theme){case"primary":default:return"";case"dark":return Rn}};const Un="HVj3aNmDW6tJTr0uageu",Hn="hW1Ev2Vff5FMrAuQdu5Q",Fn="ZI5_XWdK17MXXnYMh5O_",Jn="PhpcwVhP56ggFwiGvuAl",Zn="ndBtMO52dtAMHPla372a",Yn="YxneKx82bAQhUpOy8Adj",Kn="rEwN2ippBOfwtYrsL8xL",Wn="QGvk3ZseIqrsJEo4c5E8",Xn="cS9mLM8C2odtqKRL50qU";var $n,er=function(e){var a=e.id,n=e.className,r=void 0===n?"":n,t=e.theme,i=void 0===t?$n.primary:t,c=e.value,o=e.defaultValue,s=void 0===o?"":o,u=e.min,l=e.max,d=e.placeholder,m=void 0===d?"":d,v=e.icon,h=void 0===v?I.calendario:v,p=e.hardBorder,f=void 0!==p&&p,y=e.disabled,b=void 0!==y&&y,g=e.onChange,x=void 0===g?function(){}:g,N=(0,la.useRef)(null),j=(0,la.useState)(s),k=j[0],C=j[1],w=void 0!==c?c:k,T=P(Un,ar({theme:i}),f?Wn:"",b?Xn:"",r);return(0,A.jsxs)("div",{className:T,onClick:function(){var e,a,n;if(!b){null===(e=N.current)||void 0===e||e.focus();try{null===(n=null===(a=N.current)||void 0===a?void 0:a.showPicker)||void 0===n||n.call(a)}catch(e){}}},children:[(0,A.jsx)(D,{className:Hn,icon:h}),(0,A.jsxs)("span",{className:Fn,children:[(0,A.jsx)("input",{ref:N,id:a,className:P(Jn,!w&&m?Zn:""),type:"date",value:w,min:u,max:l,disabled:b,onChange:function(e){void 0===c&&C(e.target.value),x(e)}}),!w&&m&&(0,A.jsx)("span",{className:Yn,children:m})]}),(0,A.jsx)(D,{className:Kn,icon:I.chevronDown})]})};!function(e){e.primary="primary"}($n||($n={}));var ar=function(e){e.theme;return""};const nr="csTTdgNhhaKeM3WzlV5O",rr="WmmocI2yHIe8GUSg2X13",tr="Ztm3_ulDynd0uNXYEM9R",ir="ZUtlZ5rivCyTPAaLLX5w",cr="Eq1489yFWMUmM_u6vh9f",or="PMVJ8fczX7bKcOIU0fOL",sr="TIFdzexsUxA525Gdwpcb";var ur,lr,dr=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.theme,c=void 0===i?ur.primary:i,o=e.size,s=void 0===o?lr.md:o,u=e.src,l=e.alt,d=void 0===l?"":l,m=e.fallbackIcon,v=void 0===m?I.usuarioDentroApp:m,h=P(nr,mr({theme:c}),vr({size:s}),t);return(0,A.jsx)("span",{id:n,className:h,children:u?(0,A.jsx)("img",{className:rr,src:u,alt:d}):(0,A.jsx)(D,{className:tr,icon:v})})};!function(e){e.primary="primary"}(ur||(ur={})),function(e){e.sm="sm",e.md="md",e.lg="lg"}(lr||(lr={}));var mr=function(e){return e.theme===ur.primary?ir:""},vr=function(e){switch(e.size){case lr.sm:return cr;case lr.md:return or;case lr.lg:return sr;default:return""}};const hr="IWyEVo8NMrRjUWP04rfw",pr="CqnccCvEtLIl5USsaXlg",fr="YG349hVZasvp2jO4kPsA",yr="_CvqVXegZYiyGoajONPu",br="UUiupi6FttBIFLsTsP3g",gr="A0QVkfVJsx9sZLnPR6kv",xr="VkrlgKZfUw3mzJQ6C8p9";var Nr,jr=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.variant,c=void 0===i?Nr.success:i,o=e.icon,s=e.children,u=P(hr,kr({variant:c}),t);return(0,A.jsxs)("span",{id:n,className:u,children:[o&&(0,A.jsx)(D,{className:pr,icon:o}),(0,A.jsx)("span",{className:fr,children:s})]})};!function(e){e.success="success",e.progress="progress",e.pending="pending",e.info="info"}(Nr||(Nr={}));var kr=function(e){switch(e.variant){case Nr.success:return yr;case Nr.progress:return br;case Nr.pending:return gr;case Nr.info:return xr;default:return""}};const Cr="XT6EGfuWYGIoJSqy05TJ",wr="UIk9FL7BDJpO9kTxs_Uw",Tr="lBgbjqELas7qzyxa17Gg",Sr="KAT9D73UpzE9tm2yc2Tz",Or="K1sgv7WJBtYs1CrvdSgv",zr="It7juqSa974gPQ1ECS7P",qr="xqzhTvRpnACwBTzGmCFd",Br="aYo2q4_DqNJ5Yl0NQB9t",Lr="bTytWyysO56yZTSSf5LT";var Er,Ar=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.theme,c=void 0===i?Er.primary:i,o=e.icon,s=e.label,u=P(Cr,t),l=P(wr,Ir({theme:c}));return(0,A.jsxs)("span",{id:n,className:u,children:[(0,A.jsx)("span",{className:l,children:(0,A.jsx)(D,{className:Tr,icon:o})}),s&&(0,A.jsx)("span",{className:Sr,children:s})]})};!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary",e.quinary="quinary"}(Er||(Er={}));var Ir=function(e){switch(e.theme){case Er.primary:return Or;case Er.secondary:return zr;case Er.tertiary:return qr;case Er.quaternary:return Br;case Er.quinary:return Lr;default:return""}};const Pr="MBywYK0SgL4lTZV_77nW",Dr="j8IeW9LCX93pCcFNrNdY",Mr="YBLMvqC9pz7R4bSGdeh6",Rr="aWScMBie4dNuQWeWzk94",Gr="vpvm_c6Fwnhmhnve66Of",Vr="E11UJFYJUt38tQ_rmIFl",_r="l5moywrOYUj3JR58GJ3Q",Qr="VUVz_XqUxME6E3pS7NEm",Ur="yBxzIsU4VisEdoiz2GnA",Hr="SHOkFcwsH5L4yMMkYR30",Fr="v4frrN_DRHohQdZjJiVA";var Jr,Zr,Yr,Kr,Wr=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.icon,c=e.ariaLabel,o=e.theme,s=void 0===o?Jr.primary:o,u=e.size,l=void 0===u?Zr.md:u,d=e.shape,m=void 0===d?Yr.circle:d,v=e.disabled,h=void 0!==v&&v,p=e.type,f=void 0===p?Kr.button:p,y=e.onClick,b=P(Pr,Xr({theme:s}),$r({size:l}),et({shape:m}),t);return(0,A.jsx)("button",{id:n,className:b,type:f,"aria-label":c,disabled:h,onClick:y,children:(0,A.jsx)(D,{className:Dr,icon:i})})};!function(e){e.primary="primary",e.secondary="secondary",e.outline="outline",e.ghost="ghost"}(Jr||(Jr={})),function(e){e.sm="sm",e.md="md",e.lg="lg"}(Zr||(Zr={})),function(e){e.circle="circle",e.square="square"}(Yr||(Yr={})),function(e){e.submit="submit",e.reset="reset",e.button="button"}(Kr||(Kr={}));var Xr=function(e){switch(e.theme){case Jr.primary:return Qr;case Jr.secondary:return Ur;case Jr.outline:return Hr;case Jr.ghost:return Fr;default:return""}},$r=function(e){switch(e.size){case Zr.sm:return Gr;case Zr.md:return Vr;case Zr.lg:return _r;default:return""}},et=function(e){switch(e.shape){case Yr.circle:return Mr;case Yr.square:return Rr;default:return""}};const at="ta7Gh0oux0JTjsuKbz67",nt="KZtf6l8cQuhmNelFlruw",rt="Ofk0fCFamMeiTdjTIFee";var tt,it=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.theme,c=void 0===i?tt.primary:i,o=e.to,s=e.href,u=e.target,l=e.children,d=e.onClick,m=P(at,ct({theme:c}),t);return o?(0,A.jsx)(qa.Link,{to:o,id:n,className:m,onClick:d,children:l}):s?(0,A.jsx)("a",{id:n,href:s,target:u,className:m,onClick:d,children:l}):(0,A.jsx)("button",{id:n,type:"button",className:m,onClick:d,children:l})};!function(e){e.primary="primary",e.muted="muted"}(tt||(tt={}));var ct=function(e){switch(e.theme){case tt.primary:return nt;case tt.muted:return rt;default:return""}};const ot="NVSkcMXjGBloaxcmkInt",st="mabEcjJJijuiIgVk79DH",ut="IyemsZ0IYvI3nuNOXkvX",lt="Dqhex8Evhb4AAc9Xkvo5",dt="N5bqz6Zxbi50Vhek2ylV",mt="a2NsnBpqeBMKcuZP7okt",vt="ElABlLAgZYeancITzEhQ",ht="B_mWTdrLaXzyri3tKAWA",pt="UuPlwVneHDPTMC1UZW6G",ft="cRoCcl6LJW501_zUJ2_G",yt="co6gq0z96SbIsuyd9xp_";var bt,gt,xt=function(e){var a=e.id,n=void 0===a?"":a,r=e.className,t=void 0===r?"":r,i=e.theme,c=void 0===i?bt.primary:i,o=e.size,s=void 0===o?gt.md:o,u=e.value,l=e.defaultValue,d=void 0===l?0:l,m=e.max,v=void 0===m?5:m,h=e.readOnly,p=void 0===h||h,f=e.disabled,y=void 0!==f&&f,b=e.onChange,g=void 0===b?function(){}:b,x=(0,la.useState)(d),N=x[0],j=x[1],k=void 0!==u?u:N,C=!p&&!y,w=function(e){C&&(void 0===u&&j(e),g(e))},T=P(ot,Nt({theme:c}),jt({size:s}),C?st:"",t),S=Array.from({length:v},function(e,a){var n=100*Math.max(0,Math.min(1,k-a));return(0,A.jsxs)("span",{className:ut,children:[(0,A.jsx)(D,{className:lt,icon:I.star}),(0,A.jsx)("span",{className:dt,style:{width:"".concat(n,"%")},children:(0,A.jsx)(D,{className:mt,icon:I.star})}),C&&(0,A.jsx)("button",{type:"button",className:vt,"aria-label":"".concat(a+1),onClick:function(){return w(a+1)}})]},a)});return(0,A.jsx)("span",{id:n,className:T,role:C?"slider":"img","aria-label":"".concat(k," / ").concat(v),"aria-valuenow":C?k:void 0,"aria-valuemin":C?0:void 0,"aria-valuemax":C?v:void 0,tabIndex:C?0:void 0,onKeyDown:function(e){C&&("ArrowRight"===e.key||"ArrowUp"===e.key?(e.preventDefault(),w(Math.min(v,k+1))):"ArrowLeft"!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),w(Math.max(0,k-1))))},children:S})};!function(e){e.primary="primary"}(bt||(bt={})),function(e){e.sm="sm",e.md="md",e.lg="lg"}(gt||(gt={}));var Nt=function(e){return e.theme===bt.primary?ht:""},jt=function(e){switch(e.size){case gt.sm:return pt;case gt.md:return ft;case gt.lg:return yt;default:return""}};return a})());
@@ -0,0 +1,34 @@
1
+ import { FC } from 'react';
2
+ import { IconNames } from '@components';
3
+ import { AvatarThemes, AvatarSizes } from '..';
4
+ export type TAvatarProps = {
5
+ /**
6
+ * Is this the id of the avatar.
7
+ */
8
+ id?: string;
9
+ /**
10
+ * Is this the classes that you want to add
11
+ */
12
+ className?: string;
13
+ /**
14
+ * Is this the theme you want to add to the avatar
15
+ */
16
+ theme?: AvatarThemes;
17
+ /**
18
+ * Is this the size of the avatar
19
+ */
20
+ size?: AvatarSizes;
21
+ /**
22
+ * Is this the source url of the avatar image
23
+ */
24
+ src?: string;
25
+ /**
26
+ * Is this the alt text of the avatar image
27
+ */
28
+ alt?: string;
29
+ /**
30
+ * Is this the icon shown when there is no image (fallback)
31
+ */
32
+ fallbackIcon?: IconNames;
33
+ };
34
+ export declare const Avatar: FC<TAvatarProps>;
@@ -0,0 +1,15 @@
1
+ export declare enum AvatarThemes {
2
+ primary = "primary"
3
+ }
4
+ export declare enum AvatarSizes {
5
+ sm = "sm",
6
+ md = "md",
7
+ lg = "lg"
8
+ }
9
+ export declare const getAvatarThemeClass: ({ theme }: {
10
+ theme: AvatarThemes;
11
+ }) => string;
12
+ export declare const getAvatarSizeClass: ({ size }: {
13
+ size: AvatarSizes;
14
+ }) => string;
15
+ export * from './Avatar';
@@ -0,0 +1,26 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { IconNames } from '@components';
3
+ import { BadgeVariants } from '..';
4
+ export type TBadgeProps = {
5
+ /**
6
+ * Is this the id of the badge.
7
+ */
8
+ id?: string;
9
+ /**
10
+ * Is this the classes that you want to add
11
+ */
12
+ className?: string;
13
+ /**
14
+ * Is this the variant (status) of the badge
15
+ */
16
+ variant?: BadgeVariants;
17
+ /**
18
+ * Is this the icon shown at the left of the badge
19
+ */
20
+ icon?: IconNames;
21
+ /**
22
+ * Is this the content (label) of the badge
23
+ */
24
+ children?: ReactNode;
25
+ };
26
+ export declare const Badge: FC<TBadgeProps>;
@@ -0,0 +1,10 @@
1
+ export declare enum BadgeVariants {
2
+ success = "success",
3
+ progress = "progress",
4
+ pending = "pending",
5
+ info = "info"
6
+ }
7
+ export declare const getBadgeVariantClass: ({ variant }: {
8
+ variant: BadgeVariants;
9
+ }) => string;
10
+ export * from './Badge';
@@ -0,0 +1,49 @@
1
+ import { FC, ChangeEventHandler } from 'react';
2
+ import { CheckboxThemes } from '..';
3
+ export type TCheckboxProps = {
4
+ /**
5
+ * Is this the id of the checkbox input.
6
+ */
7
+ id?: string;
8
+ /**
9
+ * Is this the classes that you want to add
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Is this the theme you want to add to the checkbox
14
+ */
15
+ theme?: CheckboxThemes;
16
+ /**
17
+ * Is this the name of the checkbox group the checkbox belongs to
18
+ */
19
+ name?: string;
20
+ /**
21
+ * Is this the value of the checkbox
22
+ */
23
+ value?: string;
24
+ /**
25
+ * Is this the visible label of the checkbox
26
+ */
27
+ label?: string;
28
+ /**
29
+ * Is this the checked state of the checkbox (controlled)
30
+ */
31
+ checked?: boolean;
32
+ /**
33
+ * Is this the initial checked state of the checkbox (uncontrolled)
34
+ */
35
+ defaultChecked?: boolean;
36
+ /**
37
+ * Is this the indeterminate state of the checkbox
38
+ */
39
+ indeterminate?: boolean;
40
+ /**
41
+ * Is this the disabled state of the checkbox
42
+ */
43
+ disabled?: boolean;
44
+ /**
45
+ * Is this the onChange event of the checkbox
46
+ */
47
+ onChange?: ChangeEventHandler<HTMLInputElement>;
48
+ };
49
+ export declare const Checkbox: FC<TCheckboxProps>;
@@ -0,0 +1,63 @@
1
+ import { FC } from 'react';
2
+ import { CheckboxThemes } from '..';
3
+ export declare enum CheckboxGroupDirections {
4
+ vertical = "vertical",
5
+ horizontal = "horizontal"
6
+ }
7
+ export type TCheckboxOption = {
8
+ /**
9
+ * Is this the visible label of the option
10
+ */
11
+ label: string;
12
+ /**
13
+ * Is this the value of the option
14
+ */
15
+ value: string;
16
+ /**
17
+ * Is this the disabled state of the option
18
+ */
19
+ disabled?: boolean;
20
+ };
21
+ export type TCheckboxGroupProps = {
22
+ /**
23
+ * Is this the id of the checkbox group.
24
+ */
25
+ id?: string;
26
+ /**
27
+ * Is this the classes that you want to add
28
+ */
29
+ className?: string;
30
+ /**
31
+ * Is this the theme you want to add to the checkboxes
32
+ */
33
+ theme?: CheckboxThemes;
34
+ /**
35
+ * Is this the shared name of the checkboxes of the group
36
+ */
37
+ name?: string;
38
+ /**
39
+ * Is this the list of options of the group
40
+ */
41
+ options?: TCheckboxOption[];
42
+ /**
43
+ * Is this the list of checked values of the group (controlled)
44
+ */
45
+ values?: string[];
46
+ /**
47
+ * Is this the initial list of checked values of the group (uncontrolled)
48
+ */
49
+ defaultValues?: string[];
50
+ /**
51
+ * Is this the layout direction of the group
52
+ */
53
+ direction?: CheckboxGroupDirections;
54
+ /**
55
+ * Is this the disabled state of the whole group
56
+ */
57
+ disabled?: boolean;
58
+ /**
59
+ * Is this the onChange event of the group, called with the next list of checked values
60
+ */
61
+ onChange?: (values: string[]) => void;
62
+ };
63
+ export declare const CheckboxGroup: FC<TCheckboxGroupProps>;
@@ -0,0 +1,8 @@
1
+ export declare enum CheckboxThemes {
2
+ primary = "primary"
3
+ }
4
+ export declare const getCheckboxThemeClass: ({ theme }: {
5
+ theme: CheckboxThemes;
6
+ }) => string;
7
+ export * from './Checkbox';
8
+ export * from './CheckboxGroup';
@@ -0,0 +1,54 @@
1
+ import { FC, ChangeEventHandler } from 'react';
2
+ import { IconNames } from '@components';
3
+ import { DatePickerThemes } from '..';
4
+ export type TDatePickerProps = {
5
+ /**
6
+ * Is this the id of the date input.
7
+ */
8
+ id?: string;
9
+ /**
10
+ * Is this the classes that you want to add
11
+ */
12
+ className?: string;
13
+ /**
14
+ * Is this the theme you want to add to the date picker
15
+ */
16
+ theme?: DatePickerThemes;
17
+ /**
18
+ * Is this the value of the date input (controlled, format YYYY-MM-DD)
19
+ */
20
+ value?: string;
21
+ /**
22
+ * Is this the initial value of the date input (uncontrolled, format YYYY-MM-DD)
23
+ */
24
+ defaultValue?: string;
25
+ /**
26
+ * Is this the minimum selectable date (format YYYY-MM-DD)
27
+ */
28
+ min?: string;
29
+ /**
30
+ * Is this the maximum selectable date (format YYYY-MM-DD)
31
+ */
32
+ max?: string;
33
+ /**
34
+ * Is this the text shown when there is no selected date
35
+ */
36
+ placeholder?: string;
37
+ /**
38
+ * Is this the icon shown at the left of the date picker
39
+ */
40
+ icon?: IconNames;
41
+ /**
42
+ * Is this the value if the date picker have hard border
43
+ */
44
+ hardBorder?: boolean;
45
+ /**
46
+ * Is this the disabled state of the date picker
47
+ */
48
+ disabled?: boolean;
49
+ /**
50
+ * Is this the onChange event of the date input
51
+ */
52
+ onChange?: ChangeEventHandler<HTMLInputElement>;
53
+ };
54
+ export declare const DatePicker: FC<TDatePickerProps>;
@@ -0,0 +1,7 @@
1
+ export declare enum DatePickerThemes {
2
+ primary = "primary"
3
+ }
4
+ export declare const getDatePickerThemeClass: ({ theme }: {
5
+ theme: DatePickerThemes;
6
+ }) => string;
7
+ export * from './DatePicker';
@@ -0,0 +1,46 @@
1
+ import { FC, MouseEventHandler } from 'react';
2
+ import { IconNames } from '@components';
3
+ import { IconButtonThemes, IconButtonSizes, IconButtonShapes, IconButtonTypes } from '..';
4
+ export type TIconButtonProps = {
5
+ /**
6
+ * Is this the id of the icon button.
7
+ */
8
+ id?: string;
9
+ /**
10
+ * Is this the classes that you want to add
11
+ */
12
+ className?: string;
13
+ /**
14
+ * Is this the icon shown inside the button
15
+ */
16
+ icon: IconNames;
17
+ /**
18
+ * Is this the accessible label of the button (required, used as aria-label)
19
+ */
20
+ ariaLabel: string;
21
+ /**
22
+ * Is this the theme you want to add to the icon button
23
+ */
24
+ theme?: IconButtonThemes;
25
+ /**
26
+ * Is this the size of the icon button
27
+ */
28
+ size?: IconButtonSizes;
29
+ /**
30
+ * Is this the shape of the icon button
31
+ */
32
+ shape?: IconButtonShapes;
33
+ /**
34
+ * Is this the disabled state of the icon button
35
+ */
36
+ disabled?: boolean;
37
+ /**
38
+ * Is this the type of the button.
39
+ */
40
+ type?: IconButtonTypes;
41
+ /**
42
+ * Is this the onClick event of the icon button.
43
+ */
44
+ onClick?: MouseEventHandler<HTMLButtonElement>;
45
+ };
46
+ export declare const IconButton: FC<TIconButtonProps>;
@@ -0,0 +1,30 @@
1
+ export declare enum IconButtonThemes {
2
+ primary = "primary",
3
+ secondary = "secondary",
4
+ outline = "outline",
5
+ ghost = "ghost"
6
+ }
7
+ export declare enum IconButtonSizes {
8
+ sm = "sm",
9
+ md = "md",
10
+ lg = "lg"
11
+ }
12
+ export declare enum IconButtonShapes {
13
+ circle = "circle",
14
+ square = "square"
15
+ }
16
+ export declare enum IconButtonTypes {
17
+ submit = "submit",
18
+ reset = "reset",
19
+ button = "button"
20
+ }
21
+ export declare const getIconButtonThemeClass: ({ theme }: {
22
+ theme: IconButtonThemes;
23
+ }) => string;
24
+ export declare const getIconButtonSizeClass: ({ size }: {
25
+ size: IconButtonSizes;
26
+ }) => string;
27
+ export declare const getIconButtonShapeClass: ({ shape }: {
28
+ shape: IconButtonShapes;
29
+ }) => string;
30
+ export * from './IconButton';
@@ -26,7 +26,10 @@ export declare enum IconNames {
26
26
  motocicleta = "motocicleta",
27
27
  barco = "barco",
28
28
  varios = "varios",
29
- menu = "menu"
29
+ menu = "menu",
30
+ chevronDown = "chevronDown",
31
+ check = "check",
32
+ star = "star"
30
33
  }
31
34
  export declare const getIconClass: ({ icon }: {
32
35
  icon: IconNames;
@@ -0,0 +1,37 @@
1
+ import { FC, MouseEventHandler, ReactNode } from 'react';
2
+ import { LinkThemes } from '..';
3
+ export type TLinkProps = {
4
+ /**
5
+ * Is this the id of the link.
6
+ */
7
+ id?: string;
8
+ /**
9
+ * Is this the classes that you want to add
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Is this the theme you want to add to the link
14
+ */
15
+ theme?: LinkThemes;
16
+ /**
17
+ * react-router destination. Renders a <Link> when provided.
18
+ */
19
+ to?: string;
20
+ /**
21
+ * Plain href. Renders an <a> when provided (and `to` is not).
22
+ */
23
+ href?: string;
24
+ /**
25
+ * Is this the target of the anchor (only applies to href).
26
+ */
27
+ target?: string;
28
+ /**
29
+ * Is this the content of the link
30
+ */
31
+ children?: ReactNode;
32
+ /**
33
+ * Is this the onClick event of the link.
34
+ */
35
+ onClick?: MouseEventHandler<HTMLElement>;
36
+ };
37
+ export declare const Link: FC<TLinkProps>;
@@ -0,0 +1,8 @@
1
+ export declare enum LinkThemes {
2
+ primary = "primary",
3
+ muted = "muted"
4
+ }
5
+ export declare const getLinkThemeClass: ({ theme }: {
6
+ theme: LinkThemes;
7
+ }) => string;
8
+ export * from './Link';
@@ -0,0 +1,45 @@
1
+ import { FC, ChangeEventHandler } from 'react';
2
+ import { RadioThemes } from '..';
3
+ export type TRadioProps = {
4
+ /**
5
+ * Is this the id of the radio input.
6
+ */
7
+ id?: string;
8
+ /**
9
+ * Is this the classes that you want to add
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Is this the theme you want to add to the radio
14
+ */
15
+ theme?: RadioThemes;
16
+ /**
17
+ * Is this the name of the radio group the radio belongs to
18
+ */
19
+ name?: string;
20
+ /**
21
+ * Is this the value of the radio
22
+ */
23
+ value?: string;
24
+ /**
25
+ * Is this the visible label of the radio
26
+ */
27
+ label?: string;
28
+ /**
29
+ * Is this the checked state of the radio (controlled)
30
+ */
31
+ checked?: boolean;
32
+ /**
33
+ * Is this the initial checked state of the radio (uncontrolled)
34
+ */
35
+ defaultChecked?: boolean;
36
+ /**
37
+ * Is this the disabled state of the radio
38
+ */
39
+ disabled?: boolean;
40
+ /**
41
+ * Is this the onChange event of the radio
42
+ */
43
+ onChange?: ChangeEventHandler<HTMLInputElement>;
44
+ };
45
+ export declare const Radio: FC<TRadioProps>;
@@ -0,0 +1,63 @@
1
+ import { FC, ChangeEventHandler } from 'react';
2
+ import { RadioThemes } from '..';
3
+ export declare enum RadioGroupDirections {
4
+ vertical = "vertical",
5
+ horizontal = "horizontal"
6
+ }
7
+ export type TRadioOption = {
8
+ /**
9
+ * Is this the visible label of the option
10
+ */
11
+ label: string;
12
+ /**
13
+ * Is this the value of the option
14
+ */
15
+ value: string;
16
+ /**
17
+ * Is this the disabled state of the option
18
+ */
19
+ disabled?: boolean;
20
+ };
21
+ export type TRadioGroupProps = {
22
+ /**
23
+ * Is this the id of the radio group.
24
+ */
25
+ id?: string;
26
+ /**
27
+ * Is this the classes that you want to add
28
+ */
29
+ className?: string;
30
+ /**
31
+ * Is this the theme you want to add to the radios
32
+ */
33
+ theme?: RadioThemes;
34
+ /**
35
+ * Is this the shared name of the radios of the group
36
+ */
37
+ name?: string;
38
+ /**
39
+ * Is this the list of options of the group
40
+ */
41
+ options?: TRadioOption[];
42
+ /**
43
+ * Is this the selected value of the group (controlled)
44
+ */
45
+ value?: string;
46
+ /**
47
+ * Is this the initial selected value of the group (uncontrolled)
48
+ */
49
+ defaultValue?: string;
50
+ /**
51
+ * Is this the layout direction of the group
52
+ */
53
+ direction?: RadioGroupDirections;
54
+ /**
55
+ * Is this the disabled state of the whole group
56
+ */
57
+ disabled?: boolean;
58
+ /**
59
+ * Is this the onChange event of the radios of the group
60
+ */
61
+ onChange?: ChangeEventHandler<HTMLInputElement>;
62
+ };
63
+ export declare const RadioGroup: FC<TRadioGroupProps>;