@julseb-lib/react 0.0.77 → 0.0.79

package/dist/index.cjs.js

@@ -558,18 +558,18 @@ React keys must be passed directly to JSX without using spread:
     thead {
         background-color: ${({theme:l})=>l.PRIMARY_500};
         text-align: left;
-        color: ${({theme:l})=>l.BACKGROUND};
+        color: ${({theme:l})=>l.WHITE};
 
         && {
             a {
-                color: ${({theme:l})=>o.ColorsHoverDefault("background",l)};
+                color: ${({theme:l})=>o.ColorsHoverDefault("white",l)};
 
                 &:hover {
-                    color: ${({theme:l})=>o.ColorsHoverHover("background",l)};
+                    color: ${({theme:l})=>o.ColorsHoverHover("white",l)};
                 }
 
                 &:active {
-                    color: ${({theme:l})=>o.ColorsHoverActive("background",l)};
+                    color: ${({theme:l})=>o.ColorsHoverActive("white",l)};
                 }
             }
         }
@@ -603,7 +603,7 @@ React keys must be passed directly to JSX without using spread:
         padding: ${({$noPadding:l})=>l&&0};
     }
 `;T([O4,D4]);const $3=v.forwardRef(({"data-testid":l,noPadding:e,...c},t)=>h.jsx(D4,{"data-testid":l,ref:t,$noPadding:e,...c})),P4=v.forwardRef(({"data-testid":l,children:e,className:c,variant:t="bordered",data:a,headers:d,linkify:r,vAlign:i="top",...f},s)=>h.jsxs(O4,{"data-testid":l,ref:s,className:c,$vAlign:i,$variant:t,...f,children:[d&&h.jsx(N4,{"data-testid":l&&`${l}.THead`,className:c&&"THead",children:h.jsx(C3,{"data-testid":l&&`${l}.THead.Tr`,className:c&&"TheadTr",children:d.map(m=>h.jsx($3,{"data-testid":l&&`${l}.THead.Tr.Td`,className:c&&"TheadTd",children:r&&typeof m=="string"?h.jsx(R3,{children:m}):m},C.uuid()))})}),a?h.jsx(V4,{"data-testid":l&&`${l}.TBody`,className:c&&"TBody",children:a.map(m=>h.jsx(C3,{"data-testid":l&&`${l}.TBody.Tr`,className:c&&"TBodyTr",children:m.map(z=>h.jsx($3,{"data-testid":l&&`${l}.TBody.Tr.Td`,className:c&&"TBodyTd",noPadding:typeof z=="object",children:r&&typeof z=="string"?h.jsx(R3,{children:z}):z},C.uuid()))},C.uuid()))}):e]})),B3={forceBlock:!0,wrapper:"div",overrides:{h1:{component:h2,props:{tag:"h1"}},h2:{component:h2,props:{tag:"h2"}},h3:{component:h2,props:{tag:"h3"}},h4:{component:h2,props:{tag:"h4"}},h5:{component:h2,props:{tag:"h5"}},h6:{component:h2,props:{tag:"h6"}},p:{component:h2,props:{tag:"p"}},strong:{component:h2,props:{tag:"strong"}},em:{component:h2,props:{tag:"em"}},ul:{component:h2,props:{tag:"ul"}},ol:{component:h2,props:{tag:"ol"}},dl:{component:h2,props:{tag:"dl"}},small:{component:h2,props:{tag:"small"}},blockquote:{component:h2,props:{tag:"blockquote"}},table:{component:P4}}},G4={bold:!0,italic:!0,strikethrough:!0,ul:!0,ol:!0,link:!0,quote:!0,hr:!0,code:!0,codeBlock:!0,comment:!0,image:!0,editorCode:!0,editorLive:!0,editorPreview:!0,titles:!0},J2=(l,e)=>{v.useEffect(()=>{const c=t=>{if(t.target.getAttribute("href"))return!1;const d=l==null?void 0:l.current;!d||d.contains((t==null?void 0:t.target)||null)||e(t)};return document.addEventListener("mousedown",c),()=>{document.removeEventListener("mousedown",c)}},[l,e])},ue=()=>{const[l,e]=v.useState(null);return[l,async t=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(t),e(t),!0}catch(a){return console.warn("Copy failed",a),e(null),!1}}]},ke=(l,e=1e3)=>{const[c,t]=v.useState(l);return v.useEffect(()=>{const a=setTimeout(()=>t(l),e);return()=>clearTimeout(a)},[l,e]),c},R1=({blob:l,fileName:e})=>{const c=document.createElement("a");c.download=e,c.href=window.URL.createObjectURL(l);const t=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});c.dispatchEvent(t),c.remove()},be=()=>({exportToCsv:(c,t,a)=>{const d=[a.join(","),...c].join(`
-`),r=new Blob([d],{type:"text/csv"});return R1({blob:r,fileName:`${t}.csv`})},exportToJson:(c,t)=>R1({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${t}.json`})}),we=(l,e)=>{const[c,t]=v.useState(null),[a,d]=v.useState(!0),[r,i]=v.useState(void 0);return v.useEffect(()=>{l.then(f=>t(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:a}},xe=(l={},e)=>{const[c,t]=v.useState(l);return{formData:c,handleInputs:i=>t({...c,[i.target.id]:i.target.value}),resetForm:()=>t(l),handleSubmit:i=>{i.preventDefault(),e==null||e(c)}}},ye=(l,e)=>{const[c,t]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:a}=l;(()=>{if(a){const r=(e==null?void 0:e.check)==="height"?a.scrollHeight>a.clientHeight:a.scrollWidth>a.clientWidth;t(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},k0=(l,e,c)=>{v.useEffect(()=>{const t=({code:d})=>{l.includes(d)&&e()},a=d=>{if(typeof l!="string"){const r=l[0]==="Command"?d.metaKey:void 0,i=l[0]==="Control"?d.ctrlKey:void 0,f=l[0]==="Shift"?d.shiftKey:void 0,s=l[0]==="Alt"?d.altKey:void 0,m=c&&c[0]==="Command"?d.metaKey:void 0,z=c&&c[0]==="Control"?d.ctrlKey:void 0,n=c&&c[0]==="Shift"?d.shiftKey:void 0,M=c&&c[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(m||z||n||M)&&t(d),m||z||n||M)return;(r||i||f||s)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?a:t),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?a:t)},[e,l])},q0=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const t=()=>{window.innerWidth<=l?c(!0):c(!1)};t(),window.addEventListener("resize",()=>t())},[l]),e},T2=l=>v.useMemo(()=>l.every(e=>e==null)?null:e=>{l.forEach(c=>{typeof c=="function"?c(e):c!=null&&(c.current=e)})},l),He=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const t=()=>{window.innerWidth>=l?c(!0):c(!1)};t(),window.addEventListener("resize",()=>t())},[l]),e},Ce=(l,e=20)=>{const[c]=A2.useSearchParams(),t=c.get("page")||1,a=typeof t=="string"?parseInt(t):t||1,d=()=>{const i=a*e-e,f=i+e;return l==null?void 0:l.slice(i,f)},r=()=>Math.ceil(((l==null?void 0:l.length)||0)/e);return{paginatedData:d(),totalPages:r()}},Y3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:t})=>{const[a,d]=A2.useSearchParams(),r=v.useCallback(()=>{const s=l-1;e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()},[l,c,e,d]),i=v.useCallback(()=>{const s=l+1;e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:s=>{if(s<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(t&&s>t){e(t),d(c?{page:t.toString(),...Object.fromEntries(c)}:{page:t.toString()},{replace:!0});return}e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()}}},Q0=()=>{const[l,e]=v.useState(!1);return v.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let S1=C.detectLanguage()||"en";const $e=l=>{const[e,c]=v.useState(S1),t=Object.keys(l);return v.useEffect(()=>{S1=e||"en"},[e]),{translate:d=>{var r;return(r=l==null?void 0:l[e])==null?void 0:r[d]},setLanguage:c,language:e,languages:t}},X2={light:{BLACK:k.BLACK,WHITE:k.WHITE,GRAY_50:k.GRAY_50,GRAY_100:k.GRAY_100,GRAY_200:k.GRAY_200,GRAY_300:k.GRAY_300,GRAY_400:k.GRAY_400,GRAY_500:k.GRAY_500,GRAY_600:k.GRAY_600,GRAY_700:k.GRAY_700,GRAY_800:k.GRAY_800,GRAY_900:k.GRAY_900,PRIMARY_50:k.PRIMARY_50,PRIMARY_100:k.PRIMARY_100,PRIMARY_200:k.PRIMARY_200,PRIMARY_300:k.PRIMARY_300,PRIMARY_400:k.PRIMARY_400,PRIMARY_500:k.PRIMARY_500,PRIMARY_600:k.PRIMARY_600,PRIMARY_700:k.PRIMARY_700,PRIMARY_800:k.PRIMARY_800,PRIMARY_900:k.PRIMARY_900,SECONDARY_50:k.SECONDARY_50,SECONDARY_100:k.SECONDARY_100,SECONDARY_200:k.SECONDARY_200,SECONDARY_300:k.SECONDARY_300,SECONDARY_400:k.SECONDARY_400,SECONDARY_500:k.SECONDARY_500,SECONDARY_600:k.SECONDARY_600,SECONDARY_700:k.SECONDARY_700,SECONDARY_800:k.SECONDARY_800,SECONDARY_900:k.SECONDARY_900,SUCCESS_50:k.SUCCESS_50,SUCCESS_100:k.SUCCESS_100,SUCCESS_200:k.SUCCESS_200,SUCCESS_300:k.SUCCESS_300,SUCCESS_400:k.SUCCESS_400,SUCCESS_500:k.SUCCESS_500,SUCCESS_600:k.SUCCESS_600,SUCCESS_700:k.SUCCESS_700,SUCCESS_800:k.SUCCESS_800,SUCCESS_900:k.SUCCESS_900,DANGER_50:k.DANGER_50,DANGER_100:k.DANGER_100,DANGER_200:k.DANGER_200,DANGER_300:k.DANGER_300,DANGER_400:k.DANGER_400,DANGER_500:k.DANGER_500,DANGER_600:k.DANGER_600,DANGER_700:k.DANGER_700,DANGER_800:k.DANGER_800,DANGER_900:k.DANGER_900,WARNING_50:k.WARNING_50,WARNING_100:k.WARNING_100,WARNING_200:k.WARNING_200,WARNING_300:k.WARNING_300,WARNING_400:k.WARNING_400,WARNING_500:k.WARNING_500,WARNING_600:k.WARNING_600,WARNING_700:k.WARNING_700,WARNING_800:k.WARNING_800,WARNING_900:k.WARNING_900,BACKGROUND:k.BACKGROUND,FONT:k.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:k.LINK_FONT_DEFAULT,LINK_FONT_HOVER:k.LINK_FONT_HOVER,LINK_FONT_ACTIVE:k.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:k.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:k.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:k.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:k.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:k.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:k.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:k.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:k.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:k.BACKGROUND_GHOST_ACTIVE},dark:{BLACK:w.BLACK,WHITE:w.WHITE,GRAY_50:w.GRAY_50,GRAY_100:w.GRAY_100,GRAY_200:w.GRAY_200,GRAY_300:w.GRAY_300,GRAY_400:w.GRAY_400,GRAY_500:w.GRAY_500,GRAY_600:w.GRAY_600,GRAY_700:w.GRAY_700,GRAY_800:w.GRAY_800,GRAY_900:w.GRAY_900,PRIMARY_50:w.PRIMARY_50,PRIMARY_100:w.PRIMARY_100,PRIMARY_200:w.PRIMARY_200,PRIMARY_300:w.PRIMARY_300,PRIMARY_400:w.PRIMARY_400,PRIMARY_500:w.PRIMARY_500,PRIMARY_600:w.PRIMARY_600,PRIMARY_700:w.PRIMARY_700,PRIMARY_800:w.PRIMARY_800,PRIMARY_900:w.PRIMARY_900,SECONDARY_50:w.SECONDARY_50,SECONDARY_100:w.SECONDARY_100,SECONDARY_200:w.SECONDARY_200,SECONDARY_300:w.SECONDARY_300,SECONDARY_400:w.SECONDARY_400,SECONDARY_500:w.SECONDARY_500,SECONDARY_600:w.SECONDARY_600,SECONDARY_700:w.SECONDARY_700,SECONDARY_800:w.SECONDARY_800,SECONDARY_900:w.SECONDARY_900,SUCCESS_50:w.SUCCESS_50,SUCCESS_100:w.SUCCESS_100,SUCCESS_200:w.SUCCESS_200,SUCCESS_300:w.SUCCESS_300,SUCCESS_400:w.SUCCESS_400,SUCCESS_500:w.SUCCESS_500,SUCCESS_600:w.SUCCESS_600,SUCCESS_700:w.SUCCESS_700,SUCCESS_800:w.SUCCESS_800,SUCCESS_900:w.SUCCESS_900,DANGER_50:w.DANGER_50,DANGER_100:w.DANGER_100,DANGER_200:w.DANGER_200,DANGER_300:w.DANGER_300,DANGER_400:w.DANGER_400,DANGER_500:w.DANGER_500,DANGER_600:w.DANGER_600,DANGER_700:w.DANGER_700,DANGER_800:w.DANGER_800,DANGER_900:w.DANGER_900,WARNING_50:w.WARNING_50,WARNING_100:w.WARNING_100,WARNING_200:w.WARNING_200,WARNING_300:w.WARNING_300,WARNING_400:w.WARNING_400,WARNING_500:w.WARNING_500,WARNING_600:w.WARNING_600,WARNING_700:w.WARNING_700,WARNING_800:w.WARNING_800,WARNING_900:w.WARNING_900,BACKGROUND:w.BACKGROUND,FONT:w.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:w.LINK_FONT_DEFAULT,LINK_FONT_HOVER:w.LINK_FONT_HOVER,LINK_FONT_ACTIVE:w.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:w.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:w.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:w.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:w.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:w.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:w.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:w.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:w.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:w.BACKGROUND_GHOST_ACTIVE}},B4=v.createContext(null),Ae=({children:l,stylesheetManager:e})=>{const[c,t]=v.useState(void 0),[a,d]=v.useState(c==="dark"?X2.dark:X2.light),r=document.body,i=()=>{c==="light"?(t("dark"),d(X2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(t("light"),d(X2.light),localStorage.setItem("theme","light"),r.classList.remove("dark"))};return v.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!c?(t("dark"),d(X2.dark),r.classList.add("dark")):!localStorage.getItem("theme")||localStorage.getItem("theme")===null||localStorage.getItem("theme")===void 0?(window.localStorage.setItem("theme","light"),t("light"),d(X2.light)):localStorage.getItem("theme")==="light"?(t("light"),d(X2.light),r.classList.remove("dark")):localStorage.getItem("theme")==="dark"&&(t("dark"),d(X2.dark),r.classList.add("dark")))},[c,r]),h.jsx(B4.Provider,{value:{theme:a??X2.light,selectedTheme:c,toggleTheme:i},children:e?h.jsx(g4,{...e,children:l}):l})},Re=()=>v.useContext(B4);var Y4={exports:{}};/*!
+`),r=new Blob([d],{type:"text/csv"});return R1({blob:r,fileName:`${t}.csv`})},exportToJson:(c,t)=>R1({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${t}.json`})}),we=(l,e)=>{const[c,t]=v.useState(null),[a,d]=v.useState(!0),[r,i]=v.useState(void 0);return v.useEffect(()=>{l.then(f=>t(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:a}},xe=(l={},e)=>{const[c,t]=v.useState(l);return{formData:c,handleInputs:i=>t({...c,[i.target.id]:i.target.value}),resetForm:()=>t(l),handleSubmit:i=>{i.preventDefault(),e==null||e(c)}}},ye=(l,e)=>{const[c,t]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:a}=l;(()=>{if(a){const r=(e==null?void 0:e.check)==="height"?a.scrollHeight>a.clientHeight:a.scrollWidth>a.clientWidth;t(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},k0=(l,e,c)=>{v.useEffect(()=>{const t=({code:d})=>{l.includes(d)&&e()},a=d=>{if(typeof l!="string"){const r=l[0]==="Command"?d.metaKey:void 0,i=l[0]==="Control"?d.ctrlKey:void 0,f=l[0]==="Shift"?d.shiftKey:void 0,s=l[0]==="Alt"?d.altKey:void 0,m=c&&c[0]==="Command"?d.metaKey:void 0,z=c&&c[0]==="Control"?d.ctrlKey:void 0,n=c&&c[0]==="Shift"?d.shiftKey:void 0,M=c&&c[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(m||z||n||M)&&t(d),m||z||n||M)return;(r||i||f||s)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?a:t),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?a:t)},[e,l])},q0=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const t=()=>{window.innerWidth<=l?c(!0):c(!1)};t(),window.addEventListener("resize",()=>t())},[l]),e},T2=l=>v.useMemo(()=>l.every(e=>e==null)?null:e=>{l.forEach(c=>{typeof c=="function"?c(e):c!=null&&(c.current=e)})},l),He=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const t=()=>{window.innerWidth>=l?c(!0):c(!1)};t(),window.addEventListener("resize",()=>t())},[l]),e},Ce=(l,e=20)=>{const[c]=A2.useSearchParams(),t=c.get("page")||1,a=typeof t=="string"?parseInt(t):t||1,d=()=>{const i=a*e-e,f=i+e;return l==null?void 0:l.slice(i,f)},r=()=>Math.ceil(((l==null?void 0:l.length)||0)/e);return{paginatedData:d(),totalPages:r()}},Y3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:t})=>{const[a,d]=A2.useSearchParams(),r=v.useCallback(()=>{const s=l-1;e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()},[l,c,e,d]),i=v.useCallback(()=>{const s=l+1;e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:s=>{if(s<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(t&&s>t){e(t),d(c?{page:t.toString(),...Object.fromEntries(c)}:{page:t.toString()},{replace:!0});return}e(s),d(c?{page:s.toString(),...Object.fromEntries(c)}:{page:s.toString()},{replace:!0}),C.scrollToTop()}}},Q0=()=>{const[l,e]=v.useState(!1);return v.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let S1=C.detectLanguage()||"en";const $e=l=>{const[e,c]=v.useState(S1),t=Object.keys(l);return v.useEffect(()=>{S1=e||"en"},[e]),{translate:d=>{var r;return(r=l==null?void 0:l[e])==null?void 0:r[d]},setLanguage:c,language:e,languages:t}},X2={light:{BLACK:k.BLACK,WHITE:k.WHITE,GRAY_50:k.GRAY_50,GRAY_100:k.GRAY_100,GRAY_200:k.GRAY_200,GRAY_300:k.GRAY_300,GRAY_400:k.GRAY_400,GRAY_500:k.GRAY_500,GRAY_600:k.GRAY_600,GRAY_700:k.GRAY_700,GRAY_800:k.GRAY_800,GRAY_900:k.GRAY_900,PRIMARY_50:k.PRIMARY_50,PRIMARY_100:k.PRIMARY_100,PRIMARY_200:k.PRIMARY_200,PRIMARY_300:k.PRIMARY_300,PRIMARY_400:k.PRIMARY_400,PRIMARY_500:k.PRIMARY_500,PRIMARY_600:k.PRIMARY_600,PRIMARY_700:k.PRIMARY_700,PRIMARY_800:k.PRIMARY_800,PRIMARY_900:k.PRIMARY_900,SECONDARY_50:k.SECONDARY_50,SECONDARY_100:k.SECONDARY_100,SECONDARY_200:k.SECONDARY_200,SECONDARY_300:k.SECONDARY_300,SECONDARY_400:k.SECONDARY_400,SECONDARY_500:k.SECONDARY_500,SECONDARY_600:k.SECONDARY_600,SECONDARY_700:k.SECONDARY_700,SECONDARY_800:k.SECONDARY_800,SECONDARY_900:k.SECONDARY_900,SUCCESS_50:k.SUCCESS_50,SUCCESS_100:k.SUCCESS_100,SUCCESS_200:k.SUCCESS_200,SUCCESS_300:k.SUCCESS_300,SUCCESS_400:k.SUCCESS_400,SUCCESS_500:k.SUCCESS_500,SUCCESS_600:k.SUCCESS_600,SUCCESS_700:k.SUCCESS_700,SUCCESS_800:k.SUCCESS_800,SUCCESS_900:k.SUCCESS_900,DANGER_50:k.DANGER_50,DANGER_100:k.DANGER_100,DANGER_200:k.DANGER_200,DANGER_300:k.DANGER_300,DANGER_400:k.DANGER_400,DANGER_500:k.DANGER_500,DANGER_600:k.DANGER_600,DANGER_700:k.DANGER_700,DANGER_800:k.DANGER_800,DANGER_900:k.DANGER_900,WARNING_50:k.WARNING_50,WARNING_100:k.WARNING_100,WARNING_200:k.WARNING_200,WARNING_300:k.WARNING_300,WARNING_400:k.WARNING_400,WARNING_500:k.WARNING_500,WARNING_600:k.WARNING_600,WARNING_700:k.WARNING_700,WARNING_800:k.WARNING_800,WARNING_900:k.WARNING_900,BACKGROUND:k.BACKGROUND,FONT:k.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:k.LINK_FONT_DEFAULT,LINK_FONT_HOVER:k.LINK_FONT_HOVER,LINK_FONT_ACTIVE:k.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:k.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:k.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:k.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:k.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:k.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:k.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:k.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:k.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:k.BACKGROUND_GHOST_ACTIVE},dark:{BLACK:w.BLACK,WHITE:w.WHITE,GRAY_50:w.GRAY_50,GRAY_100:w.GRAY_100,GRAY_200:w.GRAY_200,GRAY_300:w.GRAY_300,GRAY_400:w.GRAY_400,GRAY_500:w.GRAY_500,GRAY_600:w.GRAY_600,GRAY_700:w.GRAY_700,GRAY_800:w.GRAY_800,GRAY_900:w.GRAY_900,PRIMARY_50:w.PRIMARY_50,PRIMARY_100:w.PRIMARY_100,PRIMARY_200:w.PRIMARY_200,PRIMARY_300:w.PRIMARY_300,PRIMARY_400:w.PRIMARY_400,PRIMARY_500:w.PRIMARY_500,PRIMARY_600:w.PRIMARY_600,PRIMARY_700:w.PRIMARY_700,PRIMARY_800:w.PRIMARY_800,PRIMARY_900:w.PRIMARY_900,SECONDARY_50:w.SECONDARY_50,SECONDARY_100:w.SECONDARY_100,SECONDARY_200:w.SECONDARY_200,SECONDARY_300:w.SECONDARY_300,SECONDARY_400:w.SECONDARY_400,SECONDARY_500:w.SECONDARY_500,SECONDARY_600:w.SECONDARY_600,SECONDARY_700:w.SECONDARY_700,SECONDARY_800:w.SECONDARY_800,SECONDARY_900:w.SECONDARY_900,SUCCESS_50:w.SUCCESS_50,SUCCESS_100:w.SUCCESS_100,SUCCESS_200:w.SUCCESS_200,SUCCESS_300:w.SUCCESS_300,SUCCESS_400:w.SUCCESS_400,SUCCESS_500:w.SUCCESS_500,SUCCESS_600:w.SUCCESS_600,SUCCESS_700:w.SUCCESS_700,SUCCESS_800:w.SUCCESS_800,SUCCESS_900:w.SUCCESS_900,DANGER_50:w.DANGER_50,DANGER_100:w.DANGER_100,DANGER_200:w.DANGER_200,DANGER_300:w.DANGER_300,DANGER_400:w.DANGER_400,DANGER_500:w.DANGER_500,DANGER_600:w.DANGER_600,DANGER_700:w.DANGER_700,DANGER_800:w.DANGER_800,DANGER_900:w.DANGER_900,WARNING_50:w.WARNING_50,WARNING_100:w.WARNING_100,WARNING_200:w.WARNING_200,WARNING_300:w.WARNING_300,WARNING_400:w.WARNING_400,WARNING_500:w.WARNING_500,WARNING_600:w.WARNING_600,WARNING_700:w.WARNING_700,WARNING_800:w.WARNING_800,WARNING_900:w.WARNING_900,BACKGROUND:w.BACKGROUND,FONT:w.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:w.LINK_FONT_DEFAULT,LINK_FONT_HOVER:w.LINK_FONT_HOVER,LINK_FONT_ACTIVE:w.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:w.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:w.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:w.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:w.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:w.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:w.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:w.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:w.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:w.BACKGROUND_GHOST_ACTIVE}},B4=v.createContext(null),Ae=({children:l,stylesheetManager:e})=>{const[c,t]=v.useState(void 0),[a,d]=v.useState(c==="dark"?X2.dark:X2.light),r=document.body,i=()=>{c==="light"?(t("dark"),d(X2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(t("light"),d(X2.light),localStorage.setItem("theme","light"),r.classList.remove("dark"))};return v.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!c&&!localStorage.getItem("theme")?(t("dark"),d(X2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):!localStorage.getItem("theme")||localStorage.getItem("theme")===null||localStorage.getItem("theme")===void 0?(window.localStorage.setItem("theme","light"),t("light"),d(X2.light)):localStorage.getItem("theme")==="light"?(t("light"),d(X2.light),r.classList.remove("dark")):localStorage.getItem("theme")==="dark"&&(t("dark"),d(X2.dark),r.classList.add("dark")))},[c,r]),h.jsx(B4.Provider,{value:{theme:a??X2.light,selectedTheme:c,toggleTheme:i},children:e?h.jsx(g4,{...e,children:l}):l})},Re=()=>v.useContext(B4);var Y4={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
@@ -1722,7 +1722,7 @@ React keys must be passed directly to JSX without using spread:
     &.Open {
         z-index: 20;
     }
-`;T([h5,i5,r5,f5,s5,m5,o5,p5,n5,v5,M5]);const l0=({"data-testid":l,className:e,icon:c,iconSize:t=24,iconBaseUrl:a,validationStatus:d,inputBackground:r,disabled:i,inputVariant:f})=>c?h.jsx(h5,{"data-testid":l&&`${l}.IconContainer`,className:e&&"IconContainerLeft",$disabled:i,$inputBackground:r,$inputVariant:f,$validationStatus:d,children:h.jsx(v2,{"data-testid":l&&`${l}.IconContainer.Icon`,className:e&&"IconLeft",icon:c,size:t,baseUrl:a})}):null,U2=({"data-testid":l,className:e,children:c,disabled:t,withPadding:a,withBorder:d})=>h.jsx(r5,{"data-testid":l&&`${l}.RightContainer`,className:e&&"RightContainer",$disabled:t,$withPadding:a,$withBorder:d,children:c}),n3=16,e0=({"data-testid":l,className:e,validation:c,inputBackground:t})=>{const a={className:e&&"ValidationIcon",size:n3},{status:d,iconPassed:r=h.jsx(F3,{"data-testid":l&&`${l}.Validation.Passed.Icon`,...a}),iconPassedSize:i=n3,iconNotPassed:f=h.jsx(K4,{"data-testid":l&&`${l}.Validation.NotPassed.Icon`,...a}),iconNotPassedSize:s=n3,iconBaseUrl:m}=c;return d===void 0?null:h.jsx(f5,{"data-testid":l&&`${l}.ValidationIconContainer`,className:e&&"ValidationIconContainer",$inputBackground:t,$validationStatus:d,children:h.jsx(v2,{"data-testid":l&&`${l}.ValidationIconContainer.Icon`,className:e&&"Icon",icon:d===!1?f:r,size:d===!1?s:i,baseUrl:m})})},g5=p.div`
+`;T([h5,i5,r5,f5,s5,m5,o5,p5,n5,v5,M5]);const l0=({"data-testid":l,className:e,icon:c,iconSize:t=24,iconBaseUrl:a,validationStatus:d,inputBackground:r,disabled:i,inputVariant:f})=>c?h.jsx(h5,{"data-testid":l&&`${l}.IconContainer`,className:e&&"IconContainerLeft",$disabled:i,$inputBackground:r,$inputVariant:f,$validationStatus:d,children:h.jsx(v2,{"data-testid":l&&`${l}.IconContainer.Icon`,className:e&&"IconLeft",icon:c,color:d===!1?"danger":i?"gray":"primary",size:t,baseUrl:a})}):null,U2=({"data-testid":l,className:e,children:c,disabled:t,withPadding:a,withBorder:d})=>h.jsx(r5,{"data-testid":l&&`${l}.RightContainer`,className:e&&"RightContainer",$disabled:t,$withPadding:a,$withBorder:d,children:c}),n3=16,e0=({"data-testid":l,className:e,validation:c,inputBackground:t})=>{const a={className:e&&"ValidationIcon",size:n3},{status:d,iconPassed:r=h.jsx(F3,{"data-testid":l&&`${l}.Validation.Passed.Icon`,...a}),iconPassedSize:i=n3,iconNotPassed:f=h.jsx(K4,{"data-testid":l&&`${l}.Validation.NotPassed.Icon`,...a}),iconNotPassedSize:s=n3,iconBaseUrl:m}=c;return d===void 0?null:h.jsx(f5,{"data-testid":l&&`${l}.ValidationIconContainer`,className:e&&"ValidationIconContainer",$inputBackground:t,$validationStatus:d,children:h.jsx(v2,{"data-testid":l&&`${l}.ValidationIconContainer.Icon`,className:e&&"Icon",icon:d===!1?f:r,size:d===!1?s:i,baseUrl:m})})},g5=p.div`
     position: relative;
     width: 100%;
     z-index: 1;
@@ -2957,16 +2957,16 @@ React keys must be passed directly to JSX without using spread:
                     @media ${V.HOVER} {
                         &:hover {
                             background-color: ${o.ColorsHoverHover("primary",c)};
-                            color: ${c.BACKGROUND};
+                            color: ${c.WHITE};
                         }
 
                         &:active {
                             background-color: ${o.ColorsHoverActive("primary",c)};
-                        }
+                        }()
                     }
 
                     &.Active {
-                        color: ${c.BACKGROUND};
+                        color: ${c.WHITE};
                         background-color: ${o.ColorsHoverDefault("primary",c)};
                     }
                 `;default:return null}}}