@julseb-lib/react 0.0.78 → 0.0.80

package/dist/index.umd.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})=>p.ColorsHoverDefault("background",l)};
+                color: ${({theme:l})=>p.ColorsHoverDefault("white",l)};
 
                 &:hover {
-                    color: ${({theme:l})=>p.ColorsHoverHover("background",l)};
+                    color: ${({theme:l})=>p.ColorsHoverHover("white",l)};
                 }
 
                 &:active {
-                    color: ${({theme:l})=>p.ColorsHoverActive("background",l)};
+                    color: ${({theme:l})=>p.ColorsHoverActive("white",l)};
                 }
             }
         }
@@ -603,7 +603,7 @@ React keys must be passed directly to JSX without using spread:
         padding: ${({$noPadding:l})=>l&&0};
     }
 `;N([P1,G1]);const o3=v.forwardRef(({"data-testid":l,noPadding:e,...c},a)=>h.jsx(G1,{"data-testid":l,ref:a,$noPadding:e,...c})),B1=v.forwardRef(({"data-testid":l,children:e,className:c,variant:a="bordered",data:t,headers:d,linkify:r,vAlign:i="top",...f},m)=>h.jsxs(P1,{"data-testid":l,ref:m,className:c,$vAlign:i,$variant:a,...f,children:[d&&h.jsx(O1,{"data-testid":l&&`${l}.THead`,className:c&&"THead",children:h.jsx(s3,{"data-testid":l&&`${l}.THead.Tr`,className:c&&"TheadTr",children:d.map(s=>h.jsx(o3,{"data-testid":l&&`${l}.THead.Tr.Td`,className:c&&"TheadTd",children:r&&typeof s=="string"?h.jsx(b3,{children:s}):s},H.uuid()))})}),t?h.jsx(D1,{"data-testid":l&&`${l}.TBody`,className:c&&"TBody",children:t.map(s=>h.jsx(s3,{"data-testid":l&&`${l}.TBody.Tr`,className:c&&"TBodyTr",children:s.map(z=>h.jsx(o3,{"data-testid":l&&`${l}.TBody.Tr.Td`,className:c&&"TBodyTd",noPadding:typeof z=="object",children:r&&typeof z=="string"?h.jsx(b3,{children:z}):z},H.uuid()))},H.uuid()))}):e]})),p3={forceBlock:!0,wrapper:"div",overrides:{h1:{component:d2,props:{tag:"h1"}},h2:{component:d2,props:{tag:"h2"}},h3:{component:d2,props:{tag:"h3"}},h4:{component:d2,props:{tag:"h4"}},h5:{component:d2,props:{tag:"h5"}},h6:{component:d2,props:{tag:"h6"}},p:{component:d2,props:{tag:"p"}},strong:{component:d2,props:{tag:"strong"}},em:{component:d2,props:{tag:"em"}},ul:{component:d2,props:{tag:"ul"}},ol:{component:d2,props:{tag:"ol"}},dl:{component:d2,props:{tag:"dl"}},small:{component:d2,props:{tag:"small"}},blockquote:{component:d2,props:{tag:"blockquote"}},table:{component:B1}}},Y1={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},q2=(l,e)=>{v.useEffect(()=>{const c=a=>{if(a.target.getAttribute("href"))return!1;const d=l==null?void 0:l.current;!d||d.contains((a==null?void 0:a.target)||null)||e(a)};return document.addEventListener("mousedown",c),()=>{document.removeEventListener("mousedown",c)}},[l,e])},Fl=()=>{const[l,e]=v.useState(null);return[l,async a=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(a),e(a),!0}catch(t){return console.warn("Copy failed",t),e(null),!1}}]},Wl=(l,e=1e3)=>{const[c,a]=v.useState(l);return v.useEffect(()=>{const t=setTimeout(()=>a(l),e);return()=>clearTimeout(t)},[l,e]),c},U1=({blob:l,fileName:e})=>{const c=document.createElement("a");c.download=e,c.href=window.URL.createObjectURL(l);const a=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});c.dispatchEvent(a),c.remove()},Zl=()=>({exportToCsv:(c,a,t)=>{const d=[t.join(","),...c].join(`
-`),r=new Blob([d],{type:"text/csv"});return U1({blob:r,fileName:`${a}.csv`})},exportToJson:(c,a)=>U1({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${a}.json`})}),Kl=(l,e)=>{const[c,a]=v.useState(null),[t,d]=v.useState(!0),[r,i]=v.useState(void 0);return v.useEffect(()=>{l.then(f=>a(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:t}},Xl=(l={},e)=>{const[c,a]=v.useState(l);return{formData:c,handleInputs:i=>a({...c,[i.target.id]:i.target.value}),resetForm:()=>a(l),handleSubmit:i=>{i.preventDefault(),e==null||e(c)}}},ql=(l,e)=>{const[c,a]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:t}=l;(()=>{if(t){const r=(e==null?void 0:e.check)==="height"?t.scrollHeight>t.clientHeight:t.scrollWidth>t.clientWidth;a(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},z0=(l,e,c)=>{v.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&e()},t=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,m=l[0]==="Alt"?d.altKey:void 0,s=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&&!(s||z||n||M)&&a(d),s||z||n||M)return;(r||i||f||m)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?t:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?t:a)},[e,l])},B0=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth<=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[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),Ql=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth>=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},Jl=(l,e=20)=>{const[c]=A2.useSearchParams(),a=c.get("page")||1,t=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=t*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()}},z3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:a})=>{const[t,d]=A2.useSearchParams(),r=v.useCallback(()=>{const m=l-1;e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()},[l,c,e,d]),i=v.useCallback(()=>{const m=l+1;e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:m=>{if(m<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(a&&m>a){e(a),d(c?{page:a.toString(),...Object.fromEntries(c)}:{page:a.toString()},{replace:!0});return}e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()}}},Y0=()=>{const[l,e]=v.useState(!1);return v.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let F1=H.detectLanguage()||"en";const le=l=>{const[e,c]=v.useState(F1),a=Object.keys(l);return v.useEffect(()=>{F1=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:a}},Q2={light:{BLACK:u.BLACK,WHITE:u.WHITE,GRAY_50:u.GRAY_50,GRAY_100:u.GRAY_100,GRAY_200:u.GRAY_200,GRAY_300:u.GRAY_300,GRAY_400:u.GRAY_400,GRAY_500:u.GRAY_500,GRAY_600:u.GRAY_600,GRAY_700:u.GRAY_700,GRAY_800:u.GRAY_800,GRAY_900:u.GRAY_900,PRIMARY_50:u.PRIMARY_50,PRIMARY_100:u.PRIMARY_100,PRIMARY_200:u.PRIMARY_200,PRIMARY_300:u.PRIMARY_300,PRIMARY_400:u.PRIMARY_400,PRIMARY_500:u.PRIMARY_500,PRIMARY_600:u.PRIMARY_600,PRIMARY_700:u.PRIMARY_700,PRIMARY_800:u.PRIMARY_800,PRIMARY_900:u.PRIMARY_900,SECONDARY_50:u.SECONDARY_50,SECONDARY_100:u.SECONDARY_100,SECONDARY_200:u.SECONDARY_200,SECONDARY_300:u.SECONDARY_300,SECONDARY_400:u.SECONDARY_400,SECONDARY_500:u.SECONDARY_500,SECONDARY_600:u.SECONDARY_600,SECONDARY_700:u.SECONDARY_700,SECONDARY_800:u.SECONDARY_800,SECONDARY_900:u.SECONDARY_900,SUCCESS_50:u.SUCCESS_50,SUCCESS_100:u.SUCCESS_100,SUCCESS_200:u.SUCCESS_200,SUCCESS_300:u.SUCCESS_300,SUCCESS_400:u.SUCCESS_400,SUCCESS_500:u.SUCCESS_500,SUCCESS_600:u.SUCCESS_600,SUCCESS_700:u.SUCCESS_700,SUCCESS_800:u.SUCCESS_800,SUCCESS_900:u.SUCCESS_900,DANGER_50:u.DANGER_50,DANGER_100:u.DANGER_100,DANGER_200:u.DANGER_200,DANGER_300:u.DANGER_300,DANGER_400:u.DANGER_400,DANGER_500:u.DANGER_500,DANGER_600:u.DANGER_600,DANGER_700:u.DANGER_700,DANGER_800:u.DANGER_800,DANGER_900:u.DANGER_900,WARNING_50:u.WARNING_50,WARNING_100:u.WARNING_100,WARNING_200:u.WARNING_200,WARNING_300:u.WARNING_300,WARNING_400:u.WARNING_400,WARNING_500:u.WARNING_500,WARNING_600:u.WARNING_600,WARNING_700:u.WARNING_700,WARNING_800:u.WARNING_800,WARNING_900:u.WARNING_900,BACKGROUND:u.BACKGROUND,FONT:u.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:u.LINK_FONT_DEFAULT,LINK_FONT_HOVER:u.LINK_FONT_HOVER,LINK_FONT_ACTIVE:u.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:u.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:u.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:u.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:u.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:u.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:u.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:u.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:u.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:u.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}},W1=v.createContext(null),ee=({children:l,stylesheetManager:e})=>{const[c,a]=v.useState(void 0),[t,d]=v.useState(c==="dark"?Q2.dark:Q2.light),r=document.body,i=()=>{c==="light"?(a("dark"),d(Q2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(a("light"),d(Q2.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?(a("dark"),d(Q2.dark),r.classList.add("dark")):!localStorage.getItem("theme")||localStorage.getItem("theme")===null||localStorage.getItem("theme")===void 0?(window.localStorage.setItem("theme","light"),a("light"),d(Q2.light)):localStorage.getItem("theme")==="light"?(a("light"),d(Q2.light),r.classList.remove("dark")):localStorage.getItem("theme")==="dark"&&(a("dark"),d(Q2.dark),r.classList.add("dark")))},[c,r]),h.jsx(W1.Provider,{value:{theme:t??Q2.light,selectedTheme:c,toggleTheme:i},children:e?h.jsx(u1,{...e,children:l}):l})},ce=()=>v.useContext(W1);var Z1={exports:{}};/*!
+`),r=new Blob([d],{type:"text/csv"});return U1({blob:r,fileName:`${a}.csv`})},exportToJson:(c,a)=>U1({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${a}.json`})}),Kl=(l,e)=>{const[c,a]=v.useState(null),[t,d]=v.useState(!0),[r,i]=v.useState(void 0);return v.useEffect(()=>{l.then(f=>a(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:t}},Xl=(l={},e)=>{const[c,a]=v.useState(l);return{formData:c,handleInputs:i=>a({...c,[i.target.id]:i.target.value}),resetForm:()=>a(l),handleSubmit:i=>{i.preventDefault(),e==null||e(c)}}},ql=(l,e)=>{const[c,a]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:t}=l;(()=>{if(t){const r=(e==null?void 0:e.check)==="height"?t.scrollHeight>t.clientHeight:t.scrollWidth>t.clientWidth;a(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},z0=(l,e,c)=>{v.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&e()},t=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,m=l[0]==="Alt"?d.altKey:void 0,s=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&&!(s||z||n||M)&&a(d),s||z||n||M)return;(r||i||f||m)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?t:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?t:a)},[e,l])},B0=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth<=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[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),Ql=l=>{const[e,c]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth>=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},Jl=(l,e=20)=>{const[c]=A2.useSearchParams(),a=c.get("page")||1,t=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=t*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()}},z3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:a})=>{const[t,d]=A2.useSearchParams(),r=v.useCallback(()=>{const m=l-1;e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()},[l,c,e,d]),i=v.useCallback(()=>{const m=l+1;e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:m=>{if(m<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(a&&m>a){e(a),d(c?{page:a.toString(),...Object.fromEntries(c)}:{page:a.toString()},{replace:!0});return}e(m),d(c?{page:m.toString(),...Object.fromEntries(c)}:{page:m.toString()},{replace:!0}),H.scrollToTop()}}},Y0=()=>{const[l,e]=v.useState(!1);return v.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let F1=H.detectLanguage()||"en";const le=l=>{const[e,c]=v.useState(F1),a=Object.keys(l);return v.useEffect(()=>{F1=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:a}},Q2={light:{BLACK:u.BLACK,WHITE:u.WHITE,GRAY_50:u.GRAY_50,GRAY_100:u.GRAY_100,GRAY_200:u.GRAY_200,GRAY_300:u.GRAY_300,GRAY_400:u.GRAY_400,GRAY_500:u.GRAY_500,GRAY_600:u.GRAY_600,GRAY_700:u.GRAY_700,GRAY_800:u.GRAY_800,GRAY_900:u.GRAY_900,PRIMARY_50:u.PRIMARY_50,PRIMARY_100:u.PRIMARY_100,PRIMARY_200:u.PRIMARY_200,PRIMARY_300:u.PRIMARY_300,PRIMARY_400:u.PRIMARY_400,PRIMARY_500:u.PRIMARY_500,PRIMARY_600:u.PRIMARY_600,PRIMARY_700:u.PRIMARY_700,PRIMARY_800:u.PRIMARY_800,PRIMARY_900:u.PRIMARY_900,SECONDARY_50:u.SECONDARY_50,SECONDARY_100:u.SECONDARY_100,SECONDARY_200:u.SECONDARY_200,SECONDARY_300:u.SECONDARY_300,SECONDARY_400:u.SECONDARY_400,SECONDARY_500:u.SECONDARY_500,SECONDARY_600:u.SECONDARY_600,SECONDARY_700:u.SECONDARY_700,SECONDARY_800:u.SECONDARY_800,SECONDARY_900:u.SECONDARY_900,SUCCESS_50:u.SUCCESS_50,SUCCESS_100:u.SUCCESS_100,SUCCESS_200:u.SUCCESS_200,SUCCESS_300:u.SUCCESS_300,SUCCESS_400:u.SUCCESS_400,SUCCESS_500:u.SUCCESS_500,SUCCESS_600:u.SUCCESS_600,SUCCESS_700:u.SUCCESS_700,SUCCESS_800:u.SUCCESS_800,SUCCESS_900:u.SUCCESS_900,DANGER_50:u.DANGER_50,DANGER_100:u.DANGER_100,DANGER_200:u.DANGER_200,DANGER_300:u.DANGER_300,DANGER_400:u.DANGER_400,DANGER_500:u.DANGER_500,DANGER_600:u.DANGER_600,DANGER_700:u.DANGER_700,DANGER_800:u.DANGER_800,DANGER_900:u.DANGER_900,WARNING_50:u.WARNING_50,WARNING_100:u.WARNING_100,WARNING_200:u.WARNING_200,WARNING_300:u.WARNING_300,WARNING_400:u.WARNING_400,WARNING_500:u.WARNING_500,WARNING_600:u.WARNING_600,WARNING_700:u.WARNING_700,WARNING_800:u.WARNING_800,WARNING_900:u.WARNING_900,BACKGROUND:u.BACKGROUND,FONT:u.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:u.LINK_FONT_DEFAULT,LINK_FONT_HOVER:u.LINK_FONT_HOVER,LINK_FONT_ACTIVE:u.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:u.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:u.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:u.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:u.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:u.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:u.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:u.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:u.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:u.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}},W1=v.createContext(null),ee=({children:l,stylesheetManager:e})=>{const[c,a]=v.useState(void 0),[t,d]=v.useState(c==="dark"?Q2.dark:Q2.light),r=document.body,i=()=>{c==="light"?(a("dark"),d(Q2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(a("light"),d(Q2.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")?(a("dark"),d(Q2.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"),a("light"),d(Q2.light)):localStorage.getItem("theme")==="light"?(a("light"),d(Q2.light),r.classList.remove("dark")):localStorage.getItem("theme")==="dark"&&(a("dark"),d(Q2.dark),r.classList.add("dark")))},[c,r]),h.jsx(W1.Provider,{value:{theme:t??Q2.light,selectedTheme:c,toggleTheme:i},children:e?h.jsx(u1,{...e,children:l}):l})},ce=()=>v.useContext(W1);var Z1={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
@@ -2957,16 +2957,16 @@ React keys must be passed directly to JSX without using spread:
                     @media ${O.HOVER} {
                         &:hover {
                             background-color: ${p.ColorsHoverHover("primary",c)};
-                            color: ${c.BACKGROUND};
+                            color: ${c.WHITE};
                         }
 
                         &:active {
                             background-color: ${p.ColorsHoverActive("primary",c)};
-                        }
+                        }()
                     }
 
                     &.Active {
-                        color: ${c.BACKGROUND};
+                        color: ${c.WHITE};
                         background-color: ${p.ColorsHoverDefault("primary",c)};
                     }
                 `;default:return null}}}

package/dist/lib/components/Table/styles.tsx

@@ -49,21 +49,21 @@ const StyledTable = styled.table<{
     thead {
         background-color: ${({ theme }) => theme.PRIMARY_500};
         text-align: left;
-        color: ${({ theme }) => theme.BACKGROUND};
+        color: ${({ theme }) => theme.WHITE};
 
         && {
             a {
                 color: ${({ theme }) =>
-                    Mixins.ColorsHoverDefault("background", theme)};
+                    Mixins.ColorsHoverDefault("white", theme)};
 
                 &:hover {
                     color: ${({ theme }) =>
-                        Mixins.ColorsHoverHover("background", theme)};
+                        Mixins.ColorsHoverHover("white", theme)};
                 }
 
                 &:active {
                     color: ${({ theme }) =>
-                        Mixins.ColorsHoverActive("background", theme)};
+                        Mixins.ColorsHoverActive("white", theme)};
                 }
             }
         }

package/dist/lib/components/Tabs/styles.tsx

@@ -127,7 +127,7 @@ const StyledTabButton = styled.button<{
                                 "primary",
                                 theme
                             )};
-                            color: ${theme.BACKGROUND};
+                            color: ${theme.WHITE};
                         }
 
                         &:active {
@@ -135,11 +135,11 @@ const StyledTabButton = styled.button<{
                                 "primary",
                                 theme
                             )};
-                        }
+                        }()
                     }
 
                     &.Active {
-                        color: ${theme.BACKGROUND};
+                        color: ${theme.WHITE};
                         background-color: ${Mixins.ColorsHoverDefault(
                             "primary",
                             theme

package/dist/lib/context/Theme.context.tsx

@@ -54,10 +54,12 @@ export const ThemeProviderWrapper = ({
             if (
                 window.matchMedia &&
                 window.matchMedia("(prefers-color-scheme: dark)").matches &&
-                !selectedTheme
+                !selectedTheme &&
+                !localStorage.getItem("theme")
             ) {
                 setSelectedTheme("dark")
                 setTheme(Themes.dark)
+                localStorage.setItem("theme", "dark")
                 body.classList.add("dark")
             } else if (
                 !localStorage.getItem("theme") ||

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.78",
+    "version": "0.0.80",
     "type": "module",
     "license": "MIT",
     "scripts": {
@@ -24,47 +24,47 @@
         "check-errors": "tsc --noEmit"
     },
     "dependencies": {
-        "@julseb-lib/utils": "^0.0.9",
+        "@julseb-lib/utils": "^0.0.11",
         "chalk": "^5.3.0",
         "classnames": "^2.5.1",
         "figlet": "^1.8.0",
         "fuse.js": "^7.0.0",
-        "markdown-to-jsx": "^7.7.0",
+        "markdown-to-jsx": "^7.7.1",
         "plop": "^4.0.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-helmet": "^6.1.0",
         "react-inlinesvg": "^4.1.5",
-        "react-router-dom": "^7.0.1",
+        "react-router-dom": "^7.0.2",
         "react-syntax-highlighter": "^15.6.1",
         "styled-components": "^6.1.13"
     },
     "devDependencies": {
-        "@eslint/compat": "^1.2.3",
-        "@eslint/js": "^9.15.0",
+        "@eslint/compat": "^1.2.4",
+        "@eslint/js": "^9.16.0",
         "@react-docgen/cli": "^2.0.4",
         "@types/figlet": "^1.7.0",
         "@types/jest": "^29.5.14",
         "@types/mocha": "^10.0.10",
-        "@types/react": "^18.3.12",
+        "@types/react": "^18.3.13",
         "@types/react-dom": "^18.3.1",
         "@types/react-helmet": "^6.1.11",
         "@types/react-inlinesvg": "^1.0.0",
         "@types/react-router-dom": "^5.3.3",
         "@types/react-syntax-highlighter": "^15.5.13",
         "@types/styled-components": "^5.1.34",
-        "@vitejs/plugin-react": "^4.3.3",
-        "axios": "^1.7.7",
+        "@vitejs/plugin-react": "^4.3.4",
+        "axios": "^1.7.9",
         "cross-env": "^7.0.3",
         "cssjson-cli": "^1.0.1",
-        "cypress": "^13.16.0",
-        "eslint": "^9.15.0",
+        "cypress": "^13.16.1",
+        "eslint": "^9.16.0",
         "eslint-plugin-react": "^7.37.2",
-        "globals": "^15.12.0",
+        "globals": "^15.13.0",
         "tsx": "^4.19.2",
         "typescript": "^5.7.2",
-        "typescript-eslint": "^8.15.0",
-        "vite": "^5.4.11",
+        "typescript-eslint": "^8.17.0",
+        "vite": "^6.0.3",
         "vite-plugin-checker": "^0.8.0",
         "vite-plugin-dts": "^4.3.0"
     },