@julseb-lib/react 0.0.33 → 0.0.35

package/dist/index.cjs.js

@@ -603,7 +603,7 @@ React keys must be passed directly to JSX without using spread:
         padding: ${({$noPadding:l})=>l&&0};
     }
 `;S([U1,Z1]);const J0=n.forwardRef(({"data-testid":l,noPadding:e,...c},a)=>t.jsx(Z1,{"data-testid":l,ref:a,$noPadding:e,...c})),W1=n.forwardRef(({"data-testid":l,children:e,className:c,variant:a="bordered",data:h,headers:d,linkify:r,vAlign:i="top",...f},o)=>t.jsxs(U1,{"data-testid":l,ref:o,className:c,$vAlign:i,$variant:a,...f,children:[d&&t.jsx(Y1,{"data-testid":l&&`${l}.THead`,className:c&&"THead",children:t.jsx(Q0,{"data-testid":l&&`${l}.THead.Tr`,className:c&&"TheadTr",children:d.map(p=>t.jsx(J0,{"data-testid":l&&`${l}.THead.Tr.Td`,className:c&&"TheadTd",children:r&&typeof p=="string"?t.jsx(e3,{children:p}):p},y.uuid()))})}),h?t.jsx(F1,{"data-testid":l&&`${l}.TBody`,className:c&&"TBody",children:h.map(p=>t.jsx(Q0,{"data-testid":l&&`${l}.TBody.Tr`,className:c&&"TBodyTr",children:p.map(z=>t.jsx(J0,{"data-testid":l&&`${l}.TBody.Tr.Td`,className:c&&"TBodyTd",noPadding:typeof z=="object",children:r&&typeof z=="string"?t.jsx(e3,{children:z}):z},y.uuid()))},y.uuid()))}):e]})),f3={forceBlock:!0,wrapper:"div",overrides:{h1:{component:W,props:{tag:"h1"}},h2:{component:W,props:{tag:"h2"}},h3:{component:W,props:{tag:"h3"}},h4:{component:W,props:{tag:"h4"}},h5:{component:W,props:{tag:"h5"}},h6:{component:W,props:{tag:"h6"}},p:{component:W,props:{tag:"p"}},strong:{component:W,props:{tag:"strong"}},em:{component:W,props:{tag:"em"}},ul:{component:W,props:{tag:"ul"}},ol:{component:W,props:{tag:"ol"}},dl:{component:W,props:{tag:"dl"}},small:{component:W,props:{tag:"small"}},blockquote:{component:W,props:{tag:"blockquote"}},table:{component:W1}}},K1={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},V2=(l,e)=>{n.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])},bl=()=>{const[l,e]=n.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(h){return console.warn("Copy failed",h),e(null),!1}}]},ul=(l,e=1e3)=>{const[c,a]=n.useState(l);return n.useEffect(()=>{const h=setTimeout(()=>a(l),e);return()=>clearTimeout(h)},[l,e]),c},K3=({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()},wl=()=>({exportToCsv:(c,a,h)=>{const d=[h.join(","),...c].join(`
-`),r=new Blob([d],{type:"text/csv"});return K3({blob:r,fileName:`${a}.csv`})},exportToJson:(c,a)=>K3({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${a}.json`})}),xl=(l,e)=>{const[c,a]=n.useState(null),[h,d]=n.useState(!0),[r,i]=n.useState(void 0);return n.useEffect(()=>{l.then(f=>a(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:h}},yl=(l={},e)=>{const[c,a]=n.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)}}},Hl=(l,e)=>{const[c,a]=n.useState(void 0);return n.useLayoutEffect(()=>{const{current:h}=l;(()=>{if(h){const r=(e==null?void 0:e.check)==="height"?h.scrollHeight>h.clientHeight:h.scrollWidth>h.clientWidth;a(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},t0=(l,e,c)=>{n.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&e()},h=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,o=l[0]==="Alt"?d.altKey:void 0,p=c&&c[0]==="Command"?d.metaKey:void 0,z=c&&c[0]==="Control"?d.ctrlKey:void 0,v=c&&c[0]==="Shift"?d.shiftKey:void 0,b=c&&c[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(p||z||v||b)&&a(d),p||z||v||b)return;(r||i||f||o)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?h:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?h:a)},[e,l])},R0=l=>{const[e,c]=n.useState(!1);return n.useEffect(()=>{const a=()=>{window.innerWidth<=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},b2=l=>n.useMemo(()=>l.every(e=>e==null)?null:e=>{l.forEach(c=>{typeof c=="function"?c(e):c!=null&&(c.current=e)})},l),Cl=l=>{const[e,c]=n.useState(!1);return n.useEffect(()=>{const a=()=>{window.innerWidth>=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},$l=(l,e=20)=>{const[c]=p2.useSearchParams(),a=c.get("page")||1,h=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=h*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()}},s3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:a})=>{const[h,d]=p2.useSearchParams(),r=n.useCallback(()=>{const o=l-1;e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()},[l,c,e,d]),i=n.useCallback(()=>{const o=l+1;e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:o=>{if(o<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(a&&o>a){e(a),d(c?{page:a.toString(),...Object.fromEntries(c)}:{page:a.toString()},{replace:!0});return}e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()}}},A0=()=>{const[l,e]=n.useState(!1);return n.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let X3=y.detectLanguage()||"en";const Rl=l=>{const[e,c]=n.useState(X3),a=Object.keys(l);return n.useEffect(()=>{X3=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}},Y2={light:{BLACK:M.BLACK,WHITE:M.WHITE,GRAY_50:M.GRAY_50,GRAY_100:M.GRAY_100,GRAY_200:M.GRAY_200,GRAY_300:M.GRAY_300,GRAY_400:M.GRAY_400,GRAY_500:M.GRAY_500,GRAY_600:M.GRAY_600,GRAY_700:M.GRAY_700,GRAY_800:M.GRAY_800,GRAY_900:M.GRAY_900,PRIMARY_50:M.PRIMARY_50,PRIMARY_100:M.PRIMARY_100,PRIMARY_200:M.PRIMARY_200,PRIMARY_300:M.PRIMARY_300,PRIMARY_400:M.PRIMARY_400,PRIMARY_500:M.PRIMARY_500,PRIMARY_600:M.PRIMARY_600,PRIMARY_700:M.PRIMARY_700,PRIMARY_800:M.PRIMARY_800,PRIMARY_900:M.PRIMARY_900,SECONDARY_50:M.SECONDARY_50,SECONDARY_100:M.SECONDARY_100,SECONDARY_200:M.SECONDARY_200,SECONDARY_300:M.SECONDARY_300,SECONDARY_400:M.SECONDARY_400,SECONDARY_500:M.SECONDARY_500,SECONDARY_600:M.SECONDARY_600,SECONDARY_700:M.SECONDARY_700,SECONDARY_800:M.SECONDARY_800,SECONDARY_900:M.SECONDARY_900,SUCCESS_50:M.SUCCESS_50,SUCCESS_100:M.SUCCESS_100,SUCCESS_200:M.SUCCESS_200,SUCCESS_300:M.SUCCESS_300,SUCCESS_400:M.SUCCESS_400,SUCCESS_500:M.SUCCESS_500,SUCCESS_600:M.SUCCESS_600,SUCCESS_700:M.SUCCESS_700,SUCCESS_800:M.SUCCESS_800,SUCCESS_900:M.SUCCESS_900,DANGER_50:M.DANGER_50,DANGER_100:M.DANGER_100,DANGER_200:M.DANGER_200,DANGER_300:M.DANGER_300,DANGER_400:M.DANGER_400,DANGER_500:M.DANGER_500,DANGER_600:M.DANGER_600,DANGER_700:M.DANGER_700,DANGER_800:M.DANGER_800,DANGER_900:M.DANGER_900,WARNING_50:M.WARNING_50,WARNING_100:M.WARNING_100,WARNING_200:M.WARNING_200,WARNING_300:M.WARNING_300,WARNING_400:M.WARNING_400,WARNING_500:M.WARNING_500,WARNING_600:M.WARNING_600,WARNING_700:M.WARNING_700,WARNING_800:M.WARNING_800,WARNING_900:M.WARNING_900,BACKGROUND:M.BACKGROUND,FONT:M.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:M.LINK_FONT_DEFAULT,LINK_FONT_HOVER:M.LINK_FONT_HOVER,LINK_FONT_ACTIVE:M.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:M.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:M.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:M.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:M.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:M.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:M.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:M.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:M.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:M.BACKGROUND_GHOST_ACTIVE},dark:{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}},X1=n.createContext(null),Al=({children:l,stylesheetManager:e})=>{const[c,a]=n.useState(void 0),[h,d]=n.useState(c==="dark"?Y2.dark:Y2.light),r=document.body,i=()=>{c==="light"?(a("dark"),d(Y2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(a("light"),d(Y2.light),localStorage.setItem("theme","light"),r.classList.remove("dark"))};return n.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!c||localStorage.getItem("theme")==="dark"?(a("dark"),d(Y2.dark),r.classList.add("dark")):localStorage.getItem("theme")==="light"&&(a("light"),d(Y2.light),r.classList.remove("dark")))},[c,r]),t.jsx(X1.Provider,{value:{theme:h,selectedTheme:c,toggleTheme:i},children:e?t.jsx(H1,{...e,children:l}):l})},Ll=()=>n.useContext(X1),L0=({$size:l})=>m.css`
+`),r=new Blob([d],{type:"text/csv"});return K3({blob:r,fileName:`${a}.csv`})},exportToJson:(c,a)=>K3({blob:new Blob([JSON.stringify(c)],{type:"application/json"}),fileName:`${a}.json`})}),xl=(l,e)=>{const[c,a]=n.useState(null),[h,d]=n.useState(!0),[r,i]=n.useState(void 0);return n.useEffect(()=>{l.then(f=>a(f)).catch(f=>i(f)),d(!1)},[e]),{response:c,error:r,loading:h}},yl=(l={},e)=>{const[c,a]=n.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)}}},Hl=(l,e)=>{const[c,a]=n.useState(void 0);return n.useLayoutEffect(()=>{const{current:h}=l;(()=>{if(h){const r=(e==null?void 0:e.check)==="height"?h.scrollHeight>h.clientHeight:h.scrollWidth>h.clientWidth;a(r),e!=null&&e.callback&&e.callback(r)}})()},[l,e]),c},t0=(l,e,c)=>{n.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&e()},h=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,o=l[0]==="Alt"?d.altKey:void 0,p=c&&c[0]==="Command"?d.metaKey:void 0,z=c&&c[0]==="Control"?d.ctrlKey:void 0,v=c&&c[0]==="Shift"?d.shiftKey:void 0,b=c&&c[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(p||z||v||b)&&a(d),p||z||v||b)return;(r||i||f||o)&&d.code===l[1]&&e()}};return window.addEventListener("keydown",typeof l!="string"||l&&c?h:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?h:a)},[e,l])},R0=l=>{const[e,c]=n.useState(!1);return n.useEffect(()=>{const a=()=>{window.innerWidth<=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},b2=l=>n.useMemo(()=>l.every(e=>e==null)?null:e=>{l.forEach(c=>{typeof c=="function"?c(e):c!=null&&(c.current=e)})},l),Cl=l=>{const[e,c]=n.useState(!1);return n.useEffect(()=>{const a=()=>{window.innerWidth>=l?c(!0):c(!1)};a(),window.addEventListener("resize",()=>a())},[l]),e},$l=(l,e=20)=>{const[c]=p2.useSearchParams(),a=c.get("page")||1,h=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=h*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()}},s3=({currentPage:l,setCurrentPage:e,queries:c,totalPages:a})=>{const[h,d]=p2.useSearchParams(),r=n.useCallback(()=>{const o=l-1;e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()},[l,c,e,d]),i=n.useCallback(()=>{const o=l+1;e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()},[l,c,e,d]);return{handlePrev:r,handleNext:i,handlePage:o=>{if(o<1){e(1),d(c?{page:"1",...Object.fromEntries(c)}:{page:"1"},{replace:!0});return}if(a&&o>a){e(a),d(c?{page:a.toString(),...Object.fromEntries(c)}:{page:a.toString()},{replace:!0});return}e(o),d(c?{page:o.toString(),...Object.fromEntries(c)}:{page:o.toString()},{replace:!0}),y.scrollToTop()}}},A0=()=>{const[l,e]=n.useState(!1);return n.useLayoutEffect(()=>{e("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let X3=y.detectLanguage()||"en";const Rl=l=>{const[e,c]=n.useState(X3),a=Object.keys(l);return n.useEffect(()=>{X3=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}},Y2={light:{BLACK:M.BLACK,WHITE:M.WHITE,GRAY_50:M.GRAY_50,GRAY_100:M.GRAY_100,GRAY_200:M.GRAY_200,GRAY_300:M.GRAY_300,GRAY_400:M.GRAY_400,GRAY_500:M.GRAY_500,GRAY_600:M.GRAY_600,GRAY_700:M.GRAY_700,GRAY_800:M.GRAY_800,GRAY_900:M.GRAY_900,PRIMARY_50:M.PRIMARY_50,PRIMARY_100:M.PRIMARY_100,PRIMARY_200:M.PRIMARY_200,PRIMARY_300:M.PRIMARY_300,PRIMARY_400:M.PRIMARY_400,PRIMARY_500:M.PRIMARY_500,PRIMARY_600:M.PRIMARY_600,PRIMARY_700:M.PRIMARY_700,PRIMARY_800:M.PRIMARY_800,PRIMARY_900:M.PRIMARY_900,SECONDARY_50:M.SECONDARY_50,SECONDARY_100:M.SECONDARY_100,SECONDARY_200:M.SECONDARY_200,SECONDARY_300:M.SECONDARY_300,SECONDARY_400:M.SECONDARY_400,SECONDARY_500:M.SECONDARY_500,SECONDARY_600:M.SECONDARY_600,SECONDARY_700:M.SECONDARY_700,SECONDARY_800:M.SECONDARY_800,SECONDARY_900:M.SECONDARY_900,SUCCESS_50:M.SUCCESS_50,SUCCESS_100:M.SUCCESS_100,SUCCESS_200:M.SUCCESS_200,SUCCESS_300:M.SUCCESS_300,SUCCESS_400:M.SUCCESS_400,SUCCESS_500:M.SUCCESS_500,SUCCESS_600:M.SUCCESS_600,SUCCESS_700:M.SUCCESS_700,SUCCESS_800:M.SUCCESS_800,SUCCESS_900:M.SUCCESS_900,DANGER_50:M.DANGER_50,DANGER_100:M.DANGER_100,DANGER_200:M.DANGER_200,DANGER_300:M.DANGER_300,DANGER_400:M.DANGER_400,DANGER_500:M.DANGER_500,DANGER_600:M.DANGER_600,DANGER_700:M.DANGER_700,DANGER_800:M.DANGER_800,DANGER_900:M.DANGER_900,WARNING_50:M.WARNING_50,WARNING_100:M.WARNING_100,WARNING_200:M.WARNING_200,WARNING_300:M.WARNING_300,WARNING_400:M.WARNING_400,WARNING_500:M.WARNING_500,WARNING_600:M.WARNING_600,WARNING_700:M.WARNING_700,WARNING_800:M.WARNING_800,WARNING_900:M.WARNING_900,BACKGROUND:M.BACKGROUND,FONT:M.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:M.LINK_FONT_DEFAULT,LINK_FONT_HOVER:M.LINK_FONT_HOVER,LINK_FONT_ACTIVE:M.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:M.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:M.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:M.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:M.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:M.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:M.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:M.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:M.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:M.BACKGROUND_GHOST_ACTIVE},dark:{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}},X1=n.createContext(null),Al=({children:l,stylesheetManager:e})=>{const[c,a]=n.useState(void 0),[h,d]=n.useState(c==="dark"?Y2.dark:Y2.light),r=document.body,i=()=>{c==="light"?(a("dark"),d(Y2.dark),localStorage.setItem("theme","dark"),r.classList.add("dark")):(a("light"),d(Y2.light),localStorage.setItem("theme","light"),r.classList.remove("dark"))};return n.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!c||localStorage.getItem("theme")==="dark"?(a("dark"),d(Y2.dark),r.classList.add("dark")):localStorage.getItem("theme")==="light"?(a("light"),d(Y2.light),r.classList.remove("dark")):(!localStorage.getItem("theme")||localStorage.getItem("theme")===null||localStorage.getItem("theme")===null)&&window.localStorage.setItem("theme","light"))},[c,r]),t.jsx(X1.Provider,{value:{theme:h,selectedTheme:c,toggleTheme:i},children:e?t.jsx(H1,{...e,children:l}):l})},Ll=()=>n.useContext(X1),L0=({$size:l})=>m.css`
     width: ${l&&y.stringifyPx(l)};
     height: ${l&&y.stringifyPx(l)};
     position: relative;

package/dist/index.es.js

@@ -5879,7 +5879,7 @@ const Yd = (l) => {
     e === "light" ? (a("dark"), d(a0.dark), localStorage.setItem("theme", "dark"), f.classList.add("dark")) : (a("light"), d(a0.light), localStorage.setItem("theme", "light"), f.classList.remove("dark"));
   };
   return z2(() => {
-    typeof window < "u" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && !e || localStorage.getItem("theme") === "dark" ? (a("dark"), d(a0.dark), f.classList.add("dark")) : localStorage.getItem("theme") === "light" && (a("light"), d(a0.light), f.classList.remove("dark")));
+    typeof window < "u" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && !e || localStorage.getItem("theme") === "dark" ? (a("dark"), d(a0.dark), f.classList.add("dark")) : localStorage.getItem("theme") === "light" ? (a("light"), d(a0.light), f.classList.remove("dark")) : (!localStorage.getItem("theme") || localStorage.getItem("theme") === null || localStorage.getItem("theme") === null) && window.localStorage.setItem("theme", "light"));
   }, [e, f]), /* @__PURE__ */ t.jsx(f4.Provider, { value: { theme: h, selectedTheme: e, toggleTheme: i }, children: c ? /* @__PURE__ */ t.jsx(
     il,
     {

package/dist/index.umd.js

@@ -603,7 +603,7 @@ React keys must be passed directly to JSX without using spread:
         padding: ${({$noPadding:l})=>l&&0};
     }
 `;I([i1,f1]);const P0=v.forwardRef(({"data-testid":l,noPadding:c,...e},a)=>t.jsx(f1,{"data-testid":l,ref:a,$noPadding:c,...e})),r1=v.forwardRef(({"data-testid":l,children:c,className:e,variant:a="bordered",data:h,headers:d,linkify:f,vAlign:i="top",...r},o)=>t.jsxs(i1,{"data-testid":l,ref:o,className:e,$vAlign:i,$variant:a,...r,children:[d&&t.jsx(h1,{"data-testid":l&&`${l}.THead`,className:e&&"THead",children:t.jsx(B0,{"data-testid":l&&`${l}.THead.Tr`,className:e&&"TheadTr",children:d.map(z=>t.jsx(P0,{"data-testid":l&&`${l}.THead.Tr.Td`,className:e&&"TheadTd",children:f&&typeof z=="string"?t.jsx(c3,{children:z}):z},C.uuid()))})}),h?t.jsx(d1,{"data-testid":l&&`${l}.TBody`,className:e&&"TBody",children:h.map(z=>t.jsx(B0,{"data-testid":l&&`${l}.TBody.Tr`,className:e&&"TBodyTr",children:z.map(p=>t.jsx(P0,{"data-testid":l&&`${l}.TBody.Tr.Td`,className:e&&"TBodyTd",noPadding:typeof p=="object",children:f&&typeof p=="string"?t.jsx(c3,{children:p}):p},C.uuid()))},C.uuid()))}):c]})),Y0={forceBlock:!0,wrapper:"div",overrides:{h1:{component:W,props:{tag:"h1"}},h2:{component:W,props:{tag:"h2"}},h3:{component:W,props:{tag:"h3"}},h4:{component:W,props:{tag:"h4"}},h5:{component:W,props:{tag:"h5"}},h6:{component:W,props:{tag:"h6"}},p:{component:W,props:{tag:"p"}},strong:{component:W,props:{tag:"strong"}},em:{component:W,props:{tag:"em"}},ul:{component:W,props:{tag:"ul"}},ol:{component:W,props:{tag:"ol"}},dl:{component:W,props:{tag:"dl"}},small:{component:W,props:{tag:"small"}},blockquote:{component:W,props:{tag:"blockquote"}},table:{component:r1}}},m1={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},N2=(l,c)=>{v.useEffect(()=>{const e=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)||c(a)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l,c])},Y8=()=>{const[l,c]=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),c(a),!0}catch(h){return console.warn("Copy failed",h),c(null),!1}}]},F8=(l,c=1e3)=>{const[e,a]=v.useState(l);return v.useEffect(()=>{const h=setTimeout(()=>a(l),c);return()=>clearTimeout(h)},[l,c]),e},s1=({blob:l,fileName:c})=>{const e=document.createElement("a");e.download=c,e.href=window.URL.createObjectURL(l);const a=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});e.dispatchEvent(a),e.remove()},U8=()=>({exportToCsv:(e,a,h)=>{const d=[h.join(","),...e].join(`
-`),f=new Blob([d],{type:"text/csv"});return s1({blob:f,fileName:`${a}.csv`})},exportToJson:(e,a)=>s1({blob:new Blob([JSON.stringify(e)],{type:"application/json"}),fileName:`${a}.json`})}),Z8=(l,c)=>{const[e,a]=v.useState(null),[h,d]=v.useState(!0),[f,i]=v.useState(void 0);return v.useEffect(()=>{l.then(r=>a(r)).catch(r=>i(r)),d(!1)},[c]),{response:e,error:f,loading:h}},W8=(l={},c)=>{const[e,a]=v.useState(l);return{formData:e,handleInputs:i=>a({...e,[i.target.id]:i.target.value}),resetForm:()=>a(l),handleSubmit:i=>{i.preventDefault(),c==null||c(e)}}},K8=(l,c)=>{const[e,a]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:h}=l;(()=>{if(h){const f=(c==null?void 0:c.check)==="height"?h.scrollHeight>h.clientHeight:h.scrollWidth>h.clientWidth;a(f),c!=null&&c.callback&&c.callback(f)}})()},[l,c]),e},q2=(l,c,e)=>{v.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&c()},h=d=>{if(typeof l!="string"){const f=l[0]==="Command"?d.metaKey:void 0,i=l[0]==="Control"?d.ctrlKey:void 0,r=l[0]==="Shift"?d.shiftKey:void 0,o=l[0]==="Alt"?d.altKey:void 0,z=e&&e[0]==="Command"?d.metaKey:void 0,p=e&&e[0]==="Control"?d.ctrlKey:void 0,n=e&&e[0]==="Shift"?d.shiftKey:void 0,b=e&&e[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(z||p||n||b)&&a(d),z||p||n||b)return;(f||i||r||o)&&d.code===l[1]&&c()}};return window.addEventListener("keydown",typeof l!="string"||l&&e?h:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?h:a)},[c,l])},u0=l=>{const[c,e]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth<=l?e(!0):e(!1)};a(),window.addEventListener("resize",()=>a())},[l]),c},k2=l=>v.useMemo(()=>l.every(c=>c==null)?null:c=>{l.forEach(e=>{typeof e=="function"?e(c):e!=null&&(e.current=c)})},l),X8=l=>{const[c,e]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth>=l?e(!0):e(!1)};a(),window.addEventListener("resize",()=>a())},[l]),c},Q8=(l,c=20)=>{const[e]=z2.useSearchParams(),a=e.get("page")||1,h=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=h*c-c,r=i+c;return l==null?void 0:l.slice(i,r)},f=()=>Math.ceil(((l==null?void 0:l.length)||0)/c);return{paginatedData:d(),totalPages:f()}},F0=({currentPage:l,setCurrentPage:c,queries:e,totalPages:a})=>{const[h,d]=z2.useSearchParams(),f=v.useCallback(()=>{const o=l-1;c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()},[l,e,c,d]),i=v.useCallback(()=>{const o=l+1;c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()},[l,e,c,d]);return{handlePrev:f,handleNext:i,handlePage:o=>{if(o<1){c(1),d(e?{page:"1",...Object.fromEntries(e)}:{page:"1"},{replace:!0});return}if(a&&o>a){c(a),d(e?{page:a.toString(),...Object.fromEntries(e)}:{page:a.toString()},{replace:!0});return}c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()}}},x0=()=>{const[l,c]=v.useState(!1);return v.useLayoutEffect(()=>{c("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let o1=C.detectLanguage()||"en";const J8=l=>{const[c,e]=v.useState(o1),a=Object.keys(l);return v.useEffect(()=>{o1=c||"en"},[c]),{translate:d=>{var f;return(f=l==null?void 0:l[c])==null?void 0:f[d]},setLanguage:e,language:c,languages:a}},Z2={light:{BLACK:M.BLACK,WHITE:M.WHITE,GRAY_50:M.GRAY_50,GRAY_100:M.GRAY_100,GRAY_200:M.GRAY_200,GRAY_300:M.GRAY_300,GRAY_400:M.GRAY_400,GRAY_500:M.GRAY_500,GRAY_600:M.GRAY_600,GRAY_700:M.GRAY_700,GRAY_800:M.GRAY_800,GRAY_900:M.GRAY_900,PRIMARY_50:M.PRIMARY_50,PRIMARY_100:M.PRIMARY_100,PRIMARY_200:M.PRIMARY_200,PRIMARY_300:M.PRIMARY_300,PRIMARY_400:M.PRIMARY_400,PRIMARY_500:M.PRIMARY_500,PRIMARY_600:M.PRIMARY_600,PRIMARY_700:M.PRIMARY_700,PRIMARY_800:M.PRIMARY_800,PRIMARY_900:M.PRIMARY_900,SECONDARY_50:M.SECONDARY_50,SECONDARY_100:M.SECONDARY_100,SECONDARY_200:M.SECONDARY_200,SECONDARY_300:M.SECONDARY_300,SECONDARY_400:M.SECONDARY_400,SECONDARY_500:M.SECONDARY_500,SECONDARY_600:M.SECONDARY_600,SECONDARY_700:M.SECONDARY_700,SECONDARY_800:M.SECONDARY_800,SECONDARY_900:M.SECONDARY_900,SUCCESS_50:M.SUCCESS_50,SUCCESS_100:M.SUCCESS_100,SUCCESS_200:M.SUCCESS_200,SUCCESS_300:M.SUCCESS_300,SUCCESS_400:M.SUCCESS_400,SUCCESS_500:M.SUCCESS_500,SUCCESS_600:M.SUCCESS_600,SUCCESS_700:M.SUCCESS_700,SUCCESS_800:M.SUCCESS_800,SUCCESS_900:M.SUCCESS_900,DANGER_50:M.DANGER_50,DANGER_100:M.DANGER_100,DANGER_200:M.DANGER_200,DANGER_300:M.DANGER_300,DANGER_400:M.DANGER_400,DANGER_500:M.DANGER_500,DANGER_600:M.DANGER_600,DANGER_700:M.DANGER_700,DANGER_800:M.DANGER_800,DANGER_900:M.DANGER_900,WARNING_50:M.WARNING_50,WARNING_100:M.WARNING_100,WARNING_200:M.WARNING_200,WARNING_300:M.WARNING_300,WARNING_400:M.WARNING_400,WARNING_500:M.WARNING_500,WARNING_600:M.WARNING_600,WARNING_700:M.WARNING_700,WARNING_800:M.WARNING_800,WARNING_900:M.WARNING_900,BACKGROUND:M.BACKGROUND,FONT:M.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:M.LINK_FONT_DEFAULT,LINK_FONT_HOVER:M.LINK_FONT_HOVER,LINK_FONT_ACTIVE:M.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:M.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:M.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:M.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:M.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:M.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:M.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:M.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:M.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:M.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}},z1=v.createContext(null),q8=({children:l,stylesheetManager:c})=>{const[e,a]=v.useState(void 0),[h,d]=v.useState(e==="dark"?Z2.dark:Z2.light),f=document.body,i=()=>{e==="light"?(a("dark"),d(Z2.dark),localStorage.setItem("theme","dark"),f.classList.add("dark")):(a("light"),d(Z2.light),localStorage.setItem("theme","light"),f.classList.remove("dark"))};return v.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!e||localStorage.getItem("theme")==="dark"?(a("dark"),d(Z2.dark),f.classList.add("dark")):localStorage.getItem("theme")==="light"&&(a("light"),d(Z2.light),f.classList.remove("dark")))},[e,f]),t.jsx(z1.Provider,{value:{theme:h,selectedTheme:e,toggleTheme:i},children:c?t.jsx(G3,{...c,children:l}):l})},ll=()=>v.useContext(z1),H0=({$size:l})=>m.css`
+`),f=new Blob([d],{type:"text/csv"});return s1({blob:f,fileName:`${a}.csv`})},exportToJson:(e,a)=>s1({blob:new Blob([JSON.stringify(e)],{type:"application/json"}),fileName:`${a}.json`})}),Z8=(l,c)=>{const[e,a]=v.useState(null),[h,d]=v.useState(!0),[f,i]=v.useState(void 0);return v.useEffect(()=>{l.then(r=>a(r)).catch(r=>i(r)),d(!1)},[c]),{response:e,error:f,loading:h}},W8=(l={},c)=>{const[e,a]=v.useState(l);return{formData:e,handleInputs:i=>a({...e,[i.target.id]:i.target.value}),resetForm:()=>a(l),handleSubmit:i=>{i.preventDefault(),c==null||c(e)}}},K8=(l,c)=>{const[e,a]=v.useState(void 0);return v.useLayoutEffect(()=>{const{current:h}=l;(()=>{if(h){const f=(c==null?void 0:c.check)==="height"?h.scrollHeight>h.clientHeight:h.scrollWidth>h.clientWidth;a(f),c!=null&&c.callback&&c.callback(f)}})()},[l,c]),e},q2=(l,c,e)=>{v.useEffect(()=>{const a=({code:d})=>{l.includes(d)&&c()},h=d=>{if(typeof l!="string"){const f=l[0]==="Command"?d.metaKey:void 0,i=l[0]==="Control"?d.ctrlKey:void 0,r=l[0]==="Shift"?d.shiftKey:void 0,o=l[0]==="Alt"?d.altKey:void 0,z=e&&e[0]==="Command"?d.metaKey:void 0,p=e&&e[0]==="Control"?d.ctrlKey:void 0,n=e&&e[0]==="Shift"?d.shiftKey:void 0,b=e&&e[0]==="Alt"?d.altKey:void 0;if(l.length===1&&!(z||p||n||b)&&a(d),z||p||n||b)return;(f||i||r||o)&&d.code===l[1]&&c()}};return window.addEventListener("keydown",typeof l!="string"||l&&e?h:a),()=>window.removeEventListener("keydown",typeof l!="string"&&l.length>1?h:a)},[c,l])},u0=l=>{const[c,e]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth<=l?e(!0):e(!1)};a(),window.addEventListener("resize",()=>a())},[l]),c},k2=l=>v.useMemo(()=>l.every(c=>c==null)?null:c=>{l.forEach(e=>{typeof e=="function"?e(c):e!=null&&(e.current=c)})},l),X8=l=>{const[c,e]=v.useState(!1);return v.useEffect(()=>{const a=()=>{window.innerWidth>=l?e(!0):e(!1)};a(),window.addEventListener("resize",()=>a())},[l]),c},Q8=(l,c=20)=>{const[e]=z2.useSearchParams(),a=e.get("page")||1,h=typeof a=="string"?parseInt(a):a||1,d=()=>{const i=h*c-c,r=i+c;return l==null?void 0:l.slice(i,r)},f=()=>Math.ceil(((l==null?void 0:l.length)||0)/c);return{paginatedData:d(),totalPages:f()}},F0=({currentPage:l,setCurrentPage:c,queries:e,totalPages:a})=>{const[h,d]=z2.useSearchParams(),f=v.useCallback(()=>{const o=l-1;c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()},[l,e,c,d]),i=v.useCallback(()=>{const o=l+1;c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()},[l,e,c,d]);return{handlePrev:f,handleNext:i,handlePage:o=>{if(o<1){c(1),d(e?{page:"1",...Object.fromEntries(e)}:{page:"1"},{replace:!0});return}if(a&&o>a){c(a),d(e?{page:a.toString(),...Object.fromEntries(e)}:{page:a.toString()},{replace:!0});return}c(o),d(e?{page:o.toString(),...Object.fromEntries(e)}:{page:o.toString()},{replace:!0}),C.scrollToTop()}}},x0=()=>{const[l,c]=v.useState(!1);return v.useLayoutEffect(()=>{c("ontouchstart"in window||navigator.maxTouchPoints>0)},[]),l};let o1=C.detectLanguage()||"en";const J8=l=>{const[c,e]=v.useState(o1),a=Object.keys(l);return v.useEffect(()=>{o1=c||"en"},[c]),{translate:d=>{var f;return(f=l==null?void 0:l[c])==null?void 0:f[d]},setLanguage:e,language:c,languages:a}},Z2={light:{BLACK:M.BLACK,WHITE:M.WHITE,GRAY_50:M.GRAY_50,GRAY_100:M.GRAY_100,GRAY_200:M.GRAY_200,GRAY_300:M.GRAY_300,GRAY_400:M.GRAY_400,GRAY_500:M.GRAY_500,GRAY_600:M.GRAY_600,GRAY_700:M.GRAY_700,GRAY_800:M.GRAY_800,GRAY_900:M.GRAY_900,PRIMARY_50:M.PRIMARY_50,PRIMARY_100:M.PRIMARY_100,PRIMARY_200:M.PRIMARY_200,PRIMARY_300:M.PRIMARY_300,PRIMARY_400:M.PRIMARY_400,PRIMARY_500:M.PRIMARY_500,PRIMARY_600:M.PRIMARY_600,PRIMARY_700:M.PRIMARY_700,PRIMARY_800:M.PRIMARY_800,PRIMARY_900:M.PRIMARY_900,SECONDARY_50:M.SECONDARY_50,SECONDARY_100:M.SECONDARY_100,SECONDARY_200:M.SECONDARY_200,SECONDARY_300:M.SECONDARY_300,SECONDARY_400:M.SECONDARY_400,SECONDARY_500:M.SECONDARY_500,SECONDARY_600:M.SECONDARY_600,SECONDARY_700:M.SECONDARY_700,SECONDARY_800:M.SECONDARY_800,SECONDARY_900:M.SECONDARY_900,SUCCESS_50:M.SUCCESS_50,SUCCESS_100:M.SUCCESS_100,SUCCESS_200:M.SUCCESS_200,SUCCESS_300:M.SUCCESS_300,SUCCESS_400:M.SUCCESS_400,SUCCESS_500:M.SUCCESS_500,SUCCESS_600:M.SUCCESS_600,SUCCESS_700:M.SUCCESS_700,SUCCESS_800:M.SUCCESS_800,SUCCESS_900:M.SUCCESS_900,DANGER_50:M.DANGER_50,DANGER_100:M.DANGER_100,DANGER_200:M.DANGER_200,DANGER_300:M.DANGER_300,DANGER_400:M.DANGER_400,DANGER_500:M.DANGER_500,DANGER_600:M.DANGER_600,DANGER_700:M.DANGER_700,DANGER_800:M.DANGER_800,DANGER_900:M.DANGER_900,WARNING_50:M.WARNING_50,WARNING_100:M.WARNING_100,WARNING_200:M.WARNING_200,WARNING_300:M.WARNING_300,WARNING_400:M.WARNING_400,WARNING_500:M.WARNING_500,WARNING_600:M.WARNING_600,WARNING_700:M.WARNING_700,WARNING_800:M.WARNING_800,WARNING_900:M.WARNING_900,BACKGROUND:M.BACKGROUND,FONT:M.FONT,CURRENT_COLOR:"currentColor",TRANSPARENT:"transparent",LINK_FONT_DEFAULT:M.LINK_FONT_DEFAULT,LINK_FONT_HOVER:M.LINK_FONT_HOVER,LINK_FONT_ACTIVE:M.LINK_FONT_ACTIVE,LINK_BACKGROUND_DEFAULT:M.LINK_BACKGROUND_DEFAULT,LINK_BACKGROUND_HOVER:M.LINK_BACKGROUND_HOVER,LINK_BACKGROUND_ACTIVE:M.LINK_BACKGROUND_ACTIVE,FONT_GHOST_DEFAULT:M.FONT_GHOST_DEFAULT,FONT_GHOST_HOVER:M.FONT_GHOST_HOVER,FONT_GHOST_ACTIVE:M.FONT_GHOST_ACTIVE,BACKGROUND_GHOST_DEFAULT:M.BACKGROUND_GHOST_DEFAULT,BACKGROUND_GHOST_HOVER:M.BACKGROUND_GHOST_HOVER,BACKGROUND_GHOST_ACTIVE:M.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}},z1=v.createContext(null),q8=({children:l,stylesheetManager:c})=>{const[e,a]=v.useState(void 0),[h,d]=v.useState(e==="dark"?Z2.dark:Z2.light),f=document.body,i=()=>{e==="light"?(a("dark"),d(Z2.dark),localStorage.setItem("theme","dark"),f.classList.add("dark")):(a("light"),d(Z2.light),localStorage.setItem("theme","light"),f.classList.remove("dark"))};return v.useEffect(()=>{typeof window<"u"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&!e||localStorage.getItem("theme")==="dark"?(a("dark"),d(Z2.dark),f.classList.add("dark")):localStorage.getItem("theme")==="light"?(a("light"),d(Z2.light),f.classList.remove("dark")):(!localStorage.getItem("theme")||localStorage.getItem("theme")===null||localStorage.getItem("theme")===null)&&window.localStorage.setItem("theme","light"))},[e,f]),t.jsx(z1.Provider,{value:{theme:h,selectedTheme:e,toggleTheme:i},children:c?t.jsx(G3,{...c,children:l}):l})},ll=()=>v.useContext(z1),H0=({$size:l})=>m.css`
     width: ${l&&C.stringifyPx(l)};
     height: ${l&&C.stringifyPx(l)};
     position: relative;

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

@@ -65,6 +65,12 @@ export const ThemeProviderWrapper = ({
                 setSelectedTheme("light")
                 setTheme(Themes.light)
                 body.classList.remove("dark")
+            } else if (
+                !localStorage.getItem("theme") ||
+                localStorage.getItem("theme") === null ||
+                localStorage.getItem("theme") === null
+            ) {
+                window.localStorage.setItem("theme", "light")
             }
         }
     }, [selectedTheme, body])

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.33",
+    "version": "0.0.35",
     "type": "module",
     "license": "MIT",
     "scripts": {
@@ -24,7 +24,7 @@
         "check-errors": "tsc --noEmit"
     },
     "dependencies": {
-        "@julseb-lib/utils": "^0.0.2",
+        "@julseb-lib/utils": "^0.0.5",
         "classnames": "^2.5.1",
         "fuse.js": "^7.0.0",
         "markdown-to-jsx": "^7.5.0",