@koine/react 2.0.0-beta.193 → 2.0.0-beta.195

package/Polymorphic.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 /**
  * React Polymorphic components type utilities
  *

package/calendar/CalendarDaygridCell.cjs.js

@@ -4,6 +4,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var utils = require('./utils.cjs.js');
 
-let d=l=>jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[jsxRuntime.jsx("path",{d:"M0 0h24v24H0z"}),jsxRuntime.jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),o={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};let CalendarDaygridCell=({eventClicked:a,setEventClicked:s,setEventHovered:h,view:c,maxEvents:u,events:p,calendarsMap:v,Cell:f="div",CellOverflow:y="div",CellEvent:$="div",CellEventBtn:m="div",CellEventTitle:w="span",CellEventStart:g="span"})=>{let[x,M]=react.useState(!1),O=p.filter(e=>!e.placeholder);return jsxRuntime.jsx(f,{children:p.map((t,p)=>{if(p===u&&!x)return jsxRuntime.jsxs(y,{onClick:()=>M(!0),children:[jsxRuntime.jsx(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return jsxRuntime.jsx(react.Fragment,{children:jsxRuntime.jsx($,{$placeholder:!0,children:jsxRuntime.jsx(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:!0,children:jsxRuntime.jsx(w,{children:" "})})})},t.key);let f={zIndex:t.firstOfMulti?1:0,position:"relative",width:t.firstOfMulti?`${100*t.width}%`:"100%"};v[t.calendar.id].on||(o.display="none");let k={$view:c,$selected:a?.uid===t.uid,$past:t.isPast,$color:t.color,$isOutOfRange:t.$isOutOfRange,$isToday:t.$isToday};return jsxRuntime.jsx(react.Fragment,{children:jsxRuntime.jsx($,{style:f,...k,children:jsxRuntime.jsx(m,{role:"button",style:o,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?jsxRuntime.jsx(w,{children:t.title}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(g,{children:utils.getDisplayTime(t.start)}),jsxRuntime.jsx(w,{children:t.title})]})})})},t.key)})})};
+let d=l=>jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[jsxRuntime.jsx("path",{d:"M0 0h24v24H0z"}),jsxRuntime.jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),o={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};let CalendarDaygridCell=({eventClicked:a,setEventClicked:s,setEventHovered:h,view:c,maxEvents:u,events:p,calendarsMap:v,Cell:f="div",CellOverflow:y="div",CellEvent:$="div",CellEventBtn:m="div",CellEventTitle:w="span",CellEventStart:g="span"})=>{let[x,M]=react.useState(false),O=p.filter(e=>!e.placeholder);return jsxRuntime.jsx(f,{children:p.map((t,p)=>{if(p===u&&!x)return jsxRuntime.jsxs(y,{onClick:()=>M(true),children:[jsxRuntime.jsx(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return jsxRuntime.jsx(react.Fragment,{children:jsxRuntime.jsx($,{$placeholder:true,children:jsxRuntime.jsx(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:true,children:jsxRuntime.jsx(w,{children:" "})})})},t.key);let f={zIndex:+!!t.firstOfMulti,position:"relative",width:t.firstOfMulti?`${100*t.width}%`:"100%"};v[t.calendar.id].on||(o.display="none");let k={$view:c,$selected:a?.uid===t.uid,$past:t.isPast,$color:t.color,$isOutOfRange:t.$isOutOfRange,$isToday:t.$isToday};return jsxRuntime.jsx(react.Fragment,{children:jsxRuntime.jsx($,{style:f,...k,children:jsxRuntime.jsx(m,{role:"button",style:o,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?jsxRuntime.jsx(w,{children:t.title}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(g,{children:utils.getDisplayTime(t.start)}),jsxRuntime.jsx(w,{children:t.title})]})})})},t.key)})})};
 
 exports.CalendarDaygridCell = CalendarDaygridCell;

package/calendar/CalendarDaygridCell.esm.js

@@ -2,6 +2,6 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import { getDisplayTime } from './utils.esm.js';
 
-let d=l=>jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[jsx("path",{d:"M0 0h24v24H0z"}),jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),o={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};let CalendarDaygridCell=({eventClicked:a,setEventClicked:s,setEventHovered:h,view:c,maxEvents:u,events:p,calendarsMap:v,Cell:f="div",CellOverflow:y="div",CellEvent:$="div",CellEventBtn:m="div",CellEventTitle:w="span",CellEventStart:g="span"})=>{let[x,M]=useState(!1),O=p.filter(e=>!e.placeholder);return jsx(f,{children:p.map((t,p)=>{if(p===u&&!x)return jsxs(y,{onClick:()=>M(!0),children:[jsx(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return jsx(Fragment,{children:jsx($,{$placeholder:!0,children:jsx(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:!0,children:jsx(w,{children:" "})})})},t.key);let f={zIndex:t.firstOfMulti?1:0,position:"relative",width:t.firstOfMulti?`${100*t.width}%`:"100%"};v[t.calendar.id].on||(o.display="none");let k={$view:c,$selected:a?.uid===t.uid,$past:t.isPast,$color:t.color,$isOutOfRange:t.$isOutOfRange,$isToday:t.$isToday};return jsx(Fragment,{children:jsx($,{style:f,...k,children:jsx(m,{role:"button",style:o,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?jsx(w,{children:t.title}):jsxs(Fragment$1,{children:[jsx(g,{children:getDisplayTime(t.start)}),jsx(w,{children:t.title})]})})})},t.key)})})};
+let d=l=>jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[jsx("path",{d:"M0 0h24v24H0z"}),jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),o={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};let CalendarDaygridCell=({eventClicked:a,setEventClicked:s,setEventHovered:h,view:c,maxEvents:u,events:p,calendarsMap:v,Cell:f="div",CellOverflow:y="div",CellEvent:$="div",CellEventBtn:m="div",CellEventTitle:w="span",CellEventStart:g="span"})=>{let[x,M]=useState(false),O=p.filter(e=>!e.placeholder);return jsx(f,{children:p.map((t,p)=>{if(p===u&&!x)return jsxs(y,{onClick:()=>M(true),children:[jsx(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return jsx(Fragment,{children:jsx($,{$placeholder:true,children:jsx(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:true,children:jsx(w,{children:" "})})})},t.key);let f={zIndex:+!!t.firstOfMulti,position:"relative",width:t.firstOfMulti?`${100*t.width}%`:"100%"};v[t.calendar.id].on||(o.display="none");let k={$view:c,$selected:a?.uid===t.uid,$past:t.isPast,$color:t.color,$isOutOfRange:t.$isOutOfRange,$isToday:t.$isToday};return jsx(Fragment,{children:jsx($,{style:f,...k,children:jsx(m,{role:"button",style:o,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?jsx(w,{children:t.title}):jsxs(Fragment$1,{children:[jsx(g,{children:getDisplayTime(t.start)}),jsx(w,{children:t.title})]})})})},t.key)})})};
 
 export { CalendarDaygridCell };

package/calendar/useCalendar.cjs.js

@@ -4,6 +4,6 @@ var react = require('react');
 var calendarApiGoogle = require('./calendar-api-google.cjs.js');
 var utils = require('./utils.cjs.js');
 
-let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=react.useState(v),D=m||utils.getStartDate(new Date,w),h=y||utils.getEndDate(D,w),[O,P]=react.useState([D,h]),[j,x]=react.useState(utils.isTodayInView(D,h)),[C,L]=react.useState(g||{}),[N,k]=react.useState(null),[q,z]=react.useState(null),[A,B]=react.useReducer((e,t)=>{let{type:l}=t;switch(l){case"events":{let l=t.payload;return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,events:l[t]||0},e),{})}case"visibility":{let l=t.payload;if("string"==typeof l)return {...e,[l]:{...e[l],on:!e[l].on}};return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,on:l.indexOf(t)>-1},e),{})}default:return e}},p.reduce((e,t)=>(e[t.id]={...t,name:t.name||"",on:!0,events:0},e),{})),E=react.useCallback(e=>{B({type:"visibility",payload:e});},[B]),F=react.useCallback(e=>{let t={};for(let l in e){let{id:n}=e[l].calendar;t[n]=t[n]||0,t[n]++;}B({type:"events",payload:t});},[]),G=react.useCallback(async(e,t,l)=>{try{let n=await calendarApiGoogle.getCalendarsEventsFromGoogle({apiKey:c,calendars:e,timeZone:f,start:t,end:l});L(n);}catch(e){b&&b(e);}},[L,c,f,b]),H=react.useCallback(()=>{let[e,t]=O,l=utils.getStartDate(new Date,w),n=utils.getEndDate(l,w);P([l,n]),(e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null));},[w,O]),I=react.useCallback(()=>{P(([e])=>{let t=utils.getPrevDate(e,w),l=utils.getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),J=react.useCallback(()=>{P(([e])=>{let t=utils.getNextDate(e,w),l=utils.getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),K=react.useCallback(e=>{let t=utils.getStartDate(D,e),l=utils.getEndDate(t,e);P([t,l]),T(e),z(null),k(null);},[D]);return react.useEffect(()=>{let[e,t]=O;G(p,e,t),x(utils.isTodayInView(e,t));},[O]),react.useEffect(()=>{C&&F(C);},[C,F]),react.useEffect(()=>{q&&!A[q.calendar.id].on&&z(null);},[A,q,z]),{view:w,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,getDaygridNavProps:()=>({locale:d,handlePrev:I,handleNext:J,handleToday:H,handleView:K,todayInView:j,range:O,view:w}),getDaygridTableProps:()=>({locale:d,events:C,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,handlePrev:I,handleNext:J,calendarsMap:A,range:O,view:w}),getLegendProps:()=>({calendarsMap:A,toggleCalendarVisibility:E})}};
+let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=react.useState(v),D=m||utils.getStartDate(new Date,w),h=y||utils.getEndDate(D,w),[O,P]=react.useState([D,h]),[j,x]=react.useState(utils.isTodayInView(D,h)),[C,L]=react.useState(g||{}),[N,k]=react.useState(null),[q,z]=react.useState(null),[A,B]=react.useReducer((e,t)=>{let{type:l}=t;switch(l){case "events":{let l=t.payload;return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,events:l[t]||0},e),{})}case "visibility":{let l=t.payload;if("string"==typeof l)return {...e,[l]:{...e[l],on:!e[l].on}};return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,on:l.indexOf(t)>-1},e),{})}default:return e}},p.reduce((e,t)=>(e[t.id]={...t,name:t.name||"",on:true,events:0},e),{})),E=react.useCallback(e=>{B({type:"visibility",payload:e});},[B]),F=react.useCallback(e=>{let t={};for(let l in e){let{id:n}=e[l].calendar;t[n]=t[n]||0,t[n]++;}B({type:"events",payload:t});},[]),G=react.useCallback(async(e,t,l)=>{try{let n=await calendarApiGoogle.getCalendarsEventsFromGoogle({apiKey:c,calendars:e,timeZone:f,start:t,end:l});L(n);}catch(e){b&&b(e);}},[L,c,f,b]),H=react.useCallback(()=>{let[e,t]=O,l=utils.getStartDate(new Date,w),n=utils.getEndDate(l,w);P([l,n]),(e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null));},[w,O]),I=react.useCallback(()=>{P(([e])=>{let t=utils.getPrevDate(e,w),l=utils.getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),J=react.useCallback(()=>{P(([e])=>{let t=utils.getNextDate(e,w),l=utils.getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),K=react.useCallback(e=>{let t=utils.getStartDate(D,e),l=utils.getEndDate(t,e);P([t,l]),T(e),z(null),k(null);},[D]);return react.useEffect(()=>{let[e,t]=O;G(p,e,t),x(utils.isTodayInView(e,t));},[O]),react.useEffect(()=>{C&&F(C);},[C,F]),react.useEffect(()=>{q&&!A[q.calendar.id].on&&z(null);},[A,q,z]),{view:w,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,getDaygridNavProps:()=>({locale:d,handlePrev:I,handleNext:J,handleToday:H,handleView:K,todayInView:j,range:O,view:w}),getDaygridTableProps:()=>({locale:d,events:C,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,handlePrev:I,handleNext:J,calendarsMap:A,range:O,view:w}),getLegendProps:()=>({calendarsMap:A,toggleCalendarVisibility:E})}};
 
 exports.useCalendar = useCalendar;

package/calendar/useCalendar.esm.js

@@ -2,6 +2,6 @@ import { useState, useReducer, useCallback, useEffect } from 'react';
 import { getCalendarsEventsFromGoogle } from './calendar-api-google.esm.js';
 import { getStartDate, getEndDate, isTodayInView, getPrevDate, getNextDate } from './utils.esm.js';
 
-let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=useState(v),D=m||getStartDate(new Date,w),h=y||getEndDate(D,w),[O,P]=useState([D,h]),[j,x]=useState(isTodayInView(D,h)),[C,L]=useState(g||{}),[N,k]=useState(null),[q,z]=useState(null),[A,B]=useReducer((e,t)=>{let{type:l}=t;switch(l){case"events":{let l=t.payload;return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,events:l[t]||0},e),{})}case"visibility":{let l=t.payload;if("string"==typeof l)return {...e,[l]:{...e[l],on:!e[l].on}};return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,on:l.indexOf(t)>-1},e),{})}default:return e}},p.reduce((e,t)=>(e[t.id]={...t,name:t.name||"",on:!0,events:0},e),{})),E=useCallback(e=>{B({type:"visibility",payload:e});},[B]),F=useCallback(e=>{let t={};for(let l in e){let{id:n}=e[l].calendar;t[n]=t[n]||0,t[n]++;}B({type:"events",payload:t});},[]),G=useCallback(async(e,t,l)=>{try{let n=await getCalendarsEventsFromGoogle({apiKey:c,calendars:e,timeZone:f,start:t,end:l});L(n);}catch(e){b&&b(e);}},[L,c,f,b]),H=useCallback(()=>{let[e,t]=O,l=getStartDate(new Date,w),n=getEndDate(l,w);P([l,n]),(e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null));},[w,O]),I=useCallback(()=>{P(([e])=>{let t=getPrevDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),J=useCallback(()=>{P(([e])=>{let t=getNextDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),K=useCallback(e=>{let t=getStartDate(D,e),l=getEndDate(t,e);P([t,l]),T(e),z(null),k(null);},[D]);return useEffect(()=>{let[e,t]=O;G(p,e,t),x(isTodayInView(e,t));},[O]),useEffect(()=>{C&&F(C);},[C,F]),useEffect(()=>{q&&!A[q.calendar.id].on&&z(null);},[A,q,z]),{view:w,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,getDaygridNavProps:()=>({locale:d,handlePrev:I,handleNext:J,handleToday:H,handleView:K,todayInView:j,range:O,view:w}),getDaygridTableProps:()=>({locale:d,events:C,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,handlePrev:I,handleNext:J,calendarsMap:A,range:O,view:w}),getLegendProps:()=>({calendarsMap:A,toggleCalendarVisibility:E})}};
+let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=useState(v),D=m||getStartDate(new Date,w),h=y||getEndDate(D,w),[O,P]=useState([D,h]),[j,x]=useState(isTodayInView(D,h)),[C,L]=useState(g||{}),[N,k]=useState(null),[q,z]=useState(null),[A,B]=useReducer((e,t)=>{let{type:l}=t;switch(l){case "events":{let l=t.payload;return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,events:l[t]||0},e),{})}case "visibility":{let l=t.payload;if("string"==typeof l)return {...e,[l]:{...e[l],on:!e[l].on}};return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,on:l.indexOf(t)>-1},e),{})}default:return e}},p.reduce((e,t)=>(e[t.id]={...t,name:t.name||"",on:true,events:0},e),{})),E=useCallback(e=>{B({type:"visibility",payload:e});},[B]),F=useCallback(e=>{let t={};for(let l in e){let{id:n}=e[l].calendar;t[n]=t[n]||0,t[n]++;}B({type:"events",payload:t});},[]),G=useCallback(async(e,t,l)=>{try{let n=await getCalendarsEventsFromGoogle({apiKey:c,calendars:e,timeZone:f,start:t,end:l});L(n);}catch(e){b&&b(e);}},[L,c,f,b]),H=useCallback(()=>{let[e,t]=O,l=getStartDate(new Date,w),n=getEndDate(l,w);P([l,n]),(e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null));},[w,O]),I=useCallback(()=>{P(([e])=>{let t=getPrevDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),J=useCallback(()=>{P(([e])=>{let t=getNextDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),K=useCallback(e=>{let t=getStartDate(D,e),l=getEndDate(t,e);P([t,l]),T(e),z(null),k(null);},[D]);return useEffect(()=>{let[e,t]=O;G(p,e,t),x(isTodayInView(e,t));},[O]),useEffect(()=>{C&&F(C);},[C,F]),useEffect(()=>{q&&!A[q.calendar.id].on&&z(null);},[A,q,z]),{view:w,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,getDaygridNavProps:()=>({locale:d,handlePrev:I,handleNext:J,handleToday:H,handleView:K,todayInView:j,range:O,view:w}),getDaygridTableProps:()=>({locale:d,events:C,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,handlePrev:I,handleNext:J,calendarsMap:A,range:O,view:w}),getLegendProps:()=>({calendarsMap:A,toggleCalendarVisibility:E})}};
 
 export { useCalendar };

package/calendar/utils.cjs.js

@@ -10,7 +10,7 @@ var startOfWeek = require('date-fns/startOfWeek');
 var subMonths = require('date-fns/subMonths');
 var subWeeks = require('date-fns/subWeeks');
 
-let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek.startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth.endOfMonth(e):"week"===t&&(r=endOfWeek.endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths.subMonths(e,1):subWeeks.subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths.addMonths(e,1):addWeeks.addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval.isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let i=e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t},d=e=>{let t=[];for(let r in e)t.push(e[r]);return t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t};let processEventsInView=(t,r,a,n)=>{let s=i(t),o=d(t),l=new Date,m=getEventTimestamp(l),p={},f=[];for(let t=0;t<n.length;t++){let i={props:{key:`week.${t}`},days:[]},d=n[t],u=d.getDate(),g=getEventTimestamp(new Date(d)),h=getEventTimestamp(addDays.addDays(new Date(d),6));for(let e=0;e<7;e++){let t=new Date(new Date(d).setDate(u+e)),n=getEventTimestamp(t),f={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...f},timestamp:n+"",label:t.getDate()+"",events:[]};if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a;let s=o[r],m=1,i=0;if(s.daysMap[n]){if(s.multi&&(m=s.days.filter(e=>e>=g&&e<=h).length,(0===s.days.indexOf(n)||0===e)&&(a=!0)),p[s.uid])i=p[s.uid];else for(let e=0;e<t.length;e++)if(1!==t[e]){i=e;break}t[i]=1,a&&(p[s.uid]=i),v.events.push({key:`event.${n}-${i}`,...f,...s,isPast:l>s.end,firstOfMulti:a,top:i,width:m});}}for(let e=0;e<t.length;e++)1!==t[e]&&v.events.push({key:`event.${n}-${e}}`,placeholder:!0,top:e});v.events.sort((e,t)=>e.top-t.top);}i.days.push(v);}f.push(i);}return f};
+let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek.startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth.endOfMonth(e):"week"===t&&(r=endOfWeek.endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths.subMonths(e,1):subWeeks.subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths.addMonths(e,1):addWeeks.addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval.isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let processEventsInView=(t,r,a,n)=>{let s=(e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t})(t),o=(e=>{let t=[];for(let r in e)t.push(e[r]);return t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t})(t),l=new Date,m=getEventTimestamp(l),i={},d=[];for(let t=0;t<n.length;t++){let p={props:{key:`week.${t}`},days:[]},f=n[t],u=f.getDate(),g=getEventTimestamp(new Date(f)),h=getEventTimestamp(addDays.addDays(new Date(f),6));for(let e=0;e<7;e++){let t=new Date(new Date(f).setDate(u+e)),n=getEventTimestamp(t),d={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...d},timestamp:n+"",label:t.getDate()+"",events:[]};if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a,s=o[r],m=1,p=0;if(s.daysMap[n]){if(s.multi&&(m=s.days.filter(e=>e>=g&&e<=h).length,(0===s.days.indexOf(n)||0===e)&&(a=true)),i[s.uid])p=i[s.uid];else for(let e=0;e<t.length;e++)if(1!==t[e]){p=e;break}t[p]=1,a&&(i[s.uid]=p),v.events.push({key:`event.${n}-${p}`,...d,...s,isPast:l>s.end,firstOfMulti:a,top:p,width:m});}}for(let e=0;e<t.length;e++)1!==t[e]&&v.events.push({key:`event.${n}-${e}}`,placeholder:true,top:e});v.events.sort((e,t)=>e.top-t.top);}p.days.push(v);}d.push(p);}return d};
 
 exports.addCalendarEvents = addCalendarEvents;
 exports.getDisplayTime = getDisplayTime;

package/calendar/utils.esm.js

@@ -8,6 +8,6 @@ import { startOfWeek } from 'date-fns/startOfWeek';
 import { subMonths } from 'date-fns/subMonths';
 import { subWeeks } from 'date-fns/subWeeks';
 
-let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth(e):"week"===t&&(r=endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths(e,1):subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths(e,1):addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let i=e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t},d=e=>{let t=[];for(let r in e)t.push(e[r]);return t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t};let processEventsInView=(t,r,a,n)=>{let s=i(t),o=d(t),l=new Date,m=getEventTimestamp(l),p={},f=[];for(let t=0;t<n.length;t++){let i={props:{key:`week.${t}`},days:[]},d=n[t],u=d.getDate(),g=getEventTimestamp(new Date(d)),h=getEventTimestamp(addDays(new Date(d),6));for(let e=0;e<7;e++){let t=new Date(new Date(d).setDate(u+e)),n=getEventTimestamp(t),f={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...f},timestamp:n+"",label:t.getDate()+"",events:[]};if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a;let s=o[r],m=1,i=0;if(s.daysMap[n]){if(s.multi&&(m=s.days.filter(e=>e>=g&&e<=h).length,(0===s.days.indexOf(n)||0===e)&&(a=!0)),p[s.uid])i=p[s.uid];else for(let e=0;e<t.length;e++)if(1!==t[e]){i=e;break}t[i]=1,a&&(p[s.uid]=i),v.events.push({key:`event.${n}-${i}`,...f,...s,isPast:l>s.end,firstOfMulti:a,top:i,width:m});}}for(let e=0;e<t.length;e++)1!==t[e]&&v.events.push({key:`event.${n}-${e}}`,placeholder:!0,top:e});v.events.sort((e,t)=>e.top-t.top);}i.days.push(v);}f.push(i);}return f};
+let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth(e):"week"===t&&(r=endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths(e,1):subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths(e,1):addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let processEventsInView=(t,r,a,n)=>{let s=(e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t})(t),o=(e=>{let t=[];for(let r in e)t.push(e[r]);return t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t})(t),l=new Date,m=getEventTimestamp(l),i={},d=[];for(let t=0;t<n.length;t++){let p={props:{key:`week.${t}`},days:[]},f=n[t],u=f.getDate(),g=getEventTimestamp(new Date(f)),h=getEventTimestamp(addDays(new Date(f),6));for(let e=0;e<7;e++){let t=new Date(new Date(f).setDate(u+e)),n=getEventTimestamp(t),d={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...d},timestamp:n+"",label:t.getDate()+"",events:[]};if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a,s=o[r],m=1,p=0;if(s.daysMap[n]){if(s.multi&&(m=s.days.filter(e=>e>=g&&e<=h).length,(0===s.days.indexOf(n)||0===e)&&(a=true)),i[s.uid])p=i[s.uid];else for(let e=0;e<t.length;e++)if(1!==t[e]){p=e;break}t[p]=1,a&&(i[s.uid]=p),v.events.push({key:`event.${n}-${p}`,...d,...s,isPast:l>s.end,firstOfMulti:a,top:p,width:m});}}for(let e=0;e<t.length;e++)1!==t[e]&&v.events.push({key:`event.${n}-${e}}`,placeholder:true,top:e});v.events.sort((e,t)=>e.top-t.top);}p.days.push(v);}d.push(p);}return d};
 
 export { addCalendarEvents, getDisplayTime, getEndDate, getEventTimestamp, getNextDate, getPrevDate, getStartDate, isTodayInView, processEventsInView };

package/classed.d.ts

@@ -3,7 +3,7 @@ type ClassedAugmentedProps<Props> = Props & {
     className?: string;
     ref?: React.Ref<any>;
 };
-type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? React.HTMLProps<Component> & ClassedAugmentedProps<Props> : ClassedAugmentedProps<Props>;
+type ClassedFinalProps<Props, Component> = Component extends React.HTMLElementType ? React.HTMLProps<Component> & ClassedAugmentedProps<Props> : ClassedAugmentedProps<Props>;
 /**
  * This utility allows to extend a component a là `styled-components` but for
  * a className based styling solution like Tailwind,

package/extendComponent.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from "react";
 export type ExtendableComponent<Props = any> = React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);
 export declare let extendComponent: <Component extends ExtendableComponent, DefaultProps extends {}>(component: Component, defaultProps: DefaultProps) => ((props: React.ComponentProps<Component>) => import("react").FunctionComponentElement<any>) & DefaultProps & {
     defaultProps: DefaultProps;

package/forms/antispam.d.ts

@@ -26,7 +26,7 @@ export declare let encodeForm: <T extends ObjectShape = ObjectShape>(validationR
                 parent?: {};
                 context?: {};
             }): infer T_1;
-            resolve(): any;
+            resolve(): /*elided*/ any;
             describe(): import("@kuus/yup").SchemaRefDescription;
             toString(): string;
         } ? T_1 : unknown;

package/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.193",
-    "@koine/utils": "2.0.0-beta.193"
+    "@koine/dom": "2.0.0-beta.195",
+    "@koine/utils": "2.0.0-beta.195"
   },
   "peerDependencies": {
     "@kuus/yup": "1.0.0-beta.7",
@@ -29,199 +29,199 @@
     "./package.json": "./package.json",
     ".": {
       "module": "./index.esm.js",
-      "types": "./index.esm.d.ts",
+      "types": "./index.d.ts",
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
     },
     "./calendar": {
       "module": "./calendar.esm.js",
-      "types": "./calendar.esm.d.ts",
+      "types": "./calendar.d.ts",
       "import": "./calendar.cjs.mjs",
       "default": "./calendar.cjs.js"
     },
     "./classed": {
       "module": "./classed.esm.js",
-      "types": "./classed.esm.d.ts",
+      "types": "./classed.d.ts",
       "import": "./classed.cjs.mjs",
       "default": "./classed.cjs.js"
     },
     "./createUseMediaQueryWidth": {
       "module": "./createUseMediaQueryWidth.esm.js",
-      "types": "./createUseMediaQueryWidth.esm.d.ts",
+      "types": "./createUseMediaQueryWidth.d.ts",
       "import": "./createUseMediaQueryWidth.cjs.mjs",
       "default": "./createUseMediaQueryWidth.cjs.js"
     },
     "./extendComponent": {
       "module": "./extendComponent.esm.js",
-      "types": "./extendComponent.esm.d.ts",
+      "types": "./extendComponent.d.ts",
       "import": "./extendComponent.cjs.mjs",
       "default": "./extendComponent.cjs.js"
     },
     "./FaviconTags": {
       "module": "./FaviconTags.esm.js",
-      "types": "./FaviconTags.esm.d.ts",
+      "types": "./FaviconTags.d.ts",
       "import": "./FaviconTags.cjs.mjs",
       "default": "./FaviconTags.cjs.js"
     },
     "./forms": {
       "module": "./forms.esm.js",
-      "types": "./forms.esm.d.ts",
+      "types": "./forms.d.ts",
       "import": "./forms.cjs.mjs",
       "default": "./forms.cjs.js"
     },
     "./mergeRefs": {
       "module": "./mergeRefs.esm.js",
-      "types": "./mergeRefs.esm.d.ts",
+      "types": "./mergeRefs.d.ts",
       "import": "./mergeRefs.cjs.mjs",
       "default": "./mergeRefs.cjs.js"
     },
     "./Meta": {
       "module": "./Meta.esm.js",
-      "types": "./Meta.esm.d.ts",
+      "types": "./Meta.d.ts",
       "import": "./Meta.cjs.mjs",
       "default": "./Meta.cjs.js"
     },
     "./NoJs": {
       "module": "./NoJs.esm.js",
-      "types": "./NoJs.esm.d.ts",
+      "types": "./NoJs.d.ts",
       "import": "./NoJs.cjs.mjs",
       "default": "./NoJs.cjs.js"
     },
     "./Polymorphic": {
       "module": "./Polymorphic.esm.js",
-      "types": "./Polymorphic.esm.d.ts",
+      "types": "./Polymorphic.d.ts",
       "import": "./Polymorphic.cjs.mjs",
       "default": "./Polymorphic.cjs.js"
     },
     "./types": {
       "module": "./types.esm.js",
-      "types": "./types.esm.d.ts",
+      "types": "./types.d.ts",
       "import": "./types.cjs.mjs",
       "default": "./types.cjs.js"
     },
     "./useAsyncFn": {
       "module": "./useAsyncFn.esm.js",
-      "types": "./useAsyncFn.esm.d.ts",
+      "types": "./useAsyncFn.d.ts",
       "import": "./useAsyncFn.cjs.mjs",
       "default": "./useAsyncFn.cjs.js"
     },
     "./useFirstMountState": {
       "module": "./useFirstMountState.esm.js",
-      "types": "./useFirstMountState.esm.d.ts",
+      "types": "./useFirstMountState.d.ts",
       "import": "./useFirstMountState.cjs.mjs",
       "default": "./useFirstMountState.cjs.js"
     },
     "./useFixedOffset": {
       "module": "./useFixedOffset.esm.js",
-      "types": "./useFixedOffset.esm.d.ts",
+      "types": "./useFixedOffset.d.ts",
       "import": "./useFixedOffset.cjs.mjs",
       "default": "./useFixedOffset.cjs.js"
     },
     "./useFocus": {
       "module": "./useFocus.esm.js",
-      "types": "./useFocus.esm.d.ts",
+      "types": "./useFocus.d.ts",
       "import": "./useFocus.cjs.mjs",
       "default": "./useFocus.cjs.js"
     },
     "./useInterval": {
       "module": "./useInterval.esm.js",
-      "types": "./useInterval.esm.d.ts",
+      "types": "./useInterval.d.ts",
       "import": "./useInterval.cjs.mjs",
       "default": "./useInterval.cjs.js"
     },
     "./useIsomorphicLayoutEffect": {
       "module": "./useIsomorphicLayoutEffect.esm.js",
-      "types": "./useIsomorphicLayoutEffect.esm.d.ts",
+      "types": "./useIsomorphicLayoutEffect.d.ts",
       "import": "./useIsomorphicLayoutEffect.cjs.mjs",
       "default": "./useIsomorphicLayoutEffect.cjs.js"
     },
     "./useKeyUp": {
       "module": "./useKeyUp.esm.js",
-      "types": "./useKeyUp.esm.d.ts",
+      "types": "./useKeyUp.d.ts",
       "import": "./useKeyUp.cjs.mjs",
       "default": "./useKeyUp.cjs.js"
     },
     "./useMeasure": {
       "module": "./useMeasure.esm.js",
-      "types": "./useMeasure.esm.d.ts",
+      "types": "./useMeasure.d.ts",
       "import": "./useMeasure.cjs.mjs",
       "default": "./useMeasure.cjs.js"
     },
     "./useMountedState": {
       "module": "./useMountedState.esm.js",
-      "types": "./useMountedState.esm.d.ts",
+      "types": "./useMountedState.d.ts",
       "import": "./useMountedState.cjs.mjs",
       "default": "./useMountedState.cjs.js"
     },
     "./useNavigateAway": {
       "module": "./useNavigateAway.esm.js",
-      "types": "./useNavigateAway.esm.d.ts",
+      "types": "./useNavigateAway.d.ts",
       "import": "./useNavigateAway.cjs.mjs",
       "default": "./useNavigateAway.cjs.js"
     },
     "./usePrevious": {
       "module": "./usePrevious.esm.js",
-      "types": "./usePrevious.esm.d.ts",
+      "types": "./usePrevious.d.ts",
       "import": "./usePrevious.cjs.mjs",
       "default": "./usePrevious.cjs.js"
     },
     "./usePreviousRef": {
       "module": "./usePreviousRef.esm.js",
-      "types": "./usePreviousRef.esm.d.ts",
+      "types": "./usePreviousRef.d.ts",
       "import": "./usePreviousRef.cjs.mjs",
       "default": "./usePreviousRef.cjs.js"
     },
     "./useScrollPosition": {
       "module": "./useScrollPosition.esm.js",
-      "types": "./useScrollPosition.esm.d.ts",
+      "types": "./useScrollPosition.d.ts",
       "import": "./useScrollPosition.cjs.mjs",
       "default": "./useScrollPosition.cjs.js"
     },
     "./useScrollThreshold": {
       "module": "./useScrollThreshold.esm.js",
-      "types": "./useScrollThreshold.esm.d.ts",
+      "types": "./useScrollThreshold.d.ts",
       "import": "./useScrollThreshold.cjs.mjs",
       "default": "./useScrollThreshold.cjs.js"
     },
     "./useScrollTo": {
       "module": "./useScrollTo.esm.js",
-      "types": "./useScrollTo.esm.d.ts",
+      "types": "./useScrollTo.d.ts",
       "import": "./useScrollTo.cjs.mjs",
       "default": "./useScrollTo.cjs.js"
     },
     "./useSmoothScroll": {
       "module": "./useSmoothScroll.esm.js",
-      "types": "./useSmoothScroll.esm.d.ts",
+      "types": "./useSmoothScroll.d.ts",
       "import": "./useSmoothScroll.cjs.mjs",
       "default": "./useSmoothScroll.cjs.js"
     },
     "./useSpinDelay": {
       "module": "./useSpinDelay.esm.js",
-      "types": "./useSpinDelay.esm.d.ts",
+      "types": "./useSpinDelay.d.ts",
       "import": "./useSpinDelay.cjs.mjs",
       "default": "./useSpinDelay.cjs.js"
     },
     "./useTraceUpdate": {
       "module": "./useTraceUpdate.esm.js",
-      "types": "./useTraceUpdate.esm.d.ts",
+      "types": "./useTraceUpdate.d.ts",
       "import": "./useTraceUpdate.cjs.mjs",
       "default": "./useTraceUpdate.cjs.js"
     },
     "./useUpdateEffect": {
       "module": "./useUpdateEffect.esm.js",
-      "types": "./useUpdateEffect.esm.d.ts",
+      "types": "./useUpdateEffect.d.ts",
       "import": "./useUpdateEffect.cjs.mjs",
       "default": "./useUpdateEffect.cjs.js"
     },
     "./useWindowSize": {
       "module": "./useWindowSize.esm.js",
-      "types": "./useWindowSize.esm.d.ts",
+      "types": "./useWindowSize.d.ts",
       "import": "./useWindowSize.cjs.mjs",
       "default": "./useWindowSize.cjs.js"
     }
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
-  "types": "./index.esm.d.ts",
-  "version": "2.0.0-beta.193"
+  "types": "./index.d.ts",
+  "version": "2.0.0-beta.195"
 }

package/types.d.ts

@@ -1,2 +1,3 @@
+import type { JSX } from "react";
 export type KoineComponentProps<BaseComponentProps, ExtendableProps> = BaseComponentProps & ExtendableProps;
 export type KoineComponent<Props = any> = string | React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);

package/useAsyncFn.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var useMountedState = require('./useMountedState.cjs.js');
 
-let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=react.useRef(0),d=useMountedState.useMountedState(),[i,c]=react.useState(l),g=react.useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},u);return [i,g]};
+let useAsyncFn=(o,u=[],l={loading:false})=>{let a=react.useRef(0),d=useMountedState.useMountedState(),[i,c]=react.useState(l),g=react.useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:true})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:false}),e),e=>(d()&&t===a.current&&c({error:e,loading:false}),e))},u);return [i,g]};
 
 exports.default = useAsyncFn;
 exports.useAsyncFn = useAsyncFn;

package/useAsyncFn.esm.js

@@ -1,6 +1,6 @@
 import { useRef, useState, useCallback } from 'react';
 import { useMountedState } from './useMountedState.esm.js';
 
-let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=useRef(0),d=useMountedState(),[i,c]=useState(l),g=useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},u);return [i,g]};
+let useAsyncFn=(o,u=[],l={loading:false})=>{let a=useRef(0),d=useMountedState(),[i,c]=useState(l),g=useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:true})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:false}),e),e=>(d()&&t===a.current&&c({error:e,loading:false}),e))},u);return [i,g]};
 
 export { useAsyncFn as default, useAsyncFn };

package/useFirstMountState.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useFirstMountState=()=>{let r=react.useRef(!0);return r.current?(r.current=!1,!0):r.current};
+let useFirstMountState=()=>{let r=react.useRef(true);return r.current?(r.current=false,true):r.current};
 
 exports.default = useFirstMountState;
 exports.useFirstMountState = useFirstMountState;

package/useFirstMountState.esm.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
 
-let useFirstMountState=()=>{let r=useRef(!0);return r.current?(r.current=!1,!0):r.current};
+let useFirstMountState=()=>{let r=useRef(true);return r.current?(r.current=false,true):r.current};
 
 export { useFirstMountState as default, useFirstMountState };

package/useFixedOffset.cjs.js

@@ -7,7 +7,7 @@ var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
 
-let n=e=>{dom.injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};let useFixedOffset=i=>{let l=react.useRef(0);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{let e=()=>{let e=dom.calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return dom.listenResizeDebounced(0,e);{let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,utils.debounce(()=>n(r),400,!0)();});return dom.domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
+let n=e=>{dom.injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};let useFixedOffset=i=>{let l=react.useRef(0);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{let e=()=>{let e=dom.calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return dom.listenResizeDebounced(0,e);{let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,utils.debounce(()=>n(r),400,true)();});return dom.domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
 
 exports.default = useFixedOffset;
 exports.useFixedOffset = useFixedOffset;

package/useFixedOffset.d.ts

@@ -7,5 +7,5 @@
  *
  * @param selector By default `[data-fixed]`: anyhting with the data attribute `data-fixed`
  */
-export declare let useFixedOffset: (selector?: string) => import("react").MutableRefObject<number>;
+export declare let useFixedOffset: (selector?: string) => import("react").RefObject<number>;
 export default useFixedOffset;

package/useFixedOffset.esm.js

@@ -3,6 +3,6 @@ import { debounce } from '@koine/utils';
 import { listenResizeDebounced, domEach, calculateFixedOffset, injectCss } from '@koine/dom';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
 
-let n=e=>{injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};let useFixedOffset=i=>{let l=useRef(0);return useIsomorphicLayoutEffect(()=>{let e=()=>{let e=calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return listenResizeDebounced(0,e);{let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,debounce(()=>n(r),400,!0)();});return domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
+let n=e=>{injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};let useFixedOffset=i=>{let l=useRef(0);return useIsomorphicLayoutEffect(()=>{let e=()=>{let e=calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return listenResizeDebounced(0,e);{let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,debounce(()=>n(r),400,true)();});return domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
 
 export { useFixedOffset as default, useFixedOffset };

package/useFocus.d.ts

@@ -1,5 +1,5 @@
 /**
  * @see https://stackoverflow.com/a/54159564/1938970
  */
-export declare let useFocus: () => (import("react").RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | (() => void))[];
+export declare let useFocus: () => (import("react").RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null> | (() => void))[];
 export default useFocus;

package/useInterval.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var utils = require('@koine/utils');
 
-let useInterval=(n,l,u=[])=>{let o=react.useRef();react.useEffect(()=>{o.current=n;},[n,...u]),react.useEffect(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current();},l);return ()=>clearInterval(r)}return utils.noop},[l]);};
+let useInterval=(l,n,u=[])=>{let o=react.useRef(null);react.useEffect(()=>{o.current=l;},[l,...u]),react.useEffect(()=>{if(null!==n){let r=setInterval(function(){o.current&&o.current();},n);return ()=>clearInterval(r)}return utils.noop},[n]);};
 
 exports.default = useInterval;
 exports.useInterval = useInterval;

package/useInterval.esm.js

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from 'react';
 import { noop } from '@koine/utils';
 
-let useInterval=(n,l,u=[])=>{let o=useRef();useEffect(()=>{o.current=n;},[n,...u]),useEffect(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current();},l);return ()=>clearInterval(r)}return noop},[l]);};
+let useInterval=(l,n,u=[])=>{let o=useRef(null);useEffect(()=>{o.current=l;},[l,...u]),useEffect(()=>{if(null!==n){let r=setInterval(function(){o.current&&o.current();},n);return ()=>clearInterval(r)}return noop},[n]);};
 
 export { useInterval as default, useInterval };

package/useMeasure.cjs.js

@@ -6,7 +6,7 @@ var react = require('react');
 var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 
-let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=react.useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=react.useRef([null,null,null,a]),v=react.useRef(!1);react.useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=react.useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=utils.debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>dom.off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>dom.on(e,"scroll",y,{capture:!0,passive:!0})));}return react.useEffect(()=>h?dom.listenScrollDebounced(0,w,100):utils.noop,[h,w]),react.useEffect(()=>dom.listenResizeDebounced(0,w,100),[w]),react.useEffect(()=>{x(),z();},[h]),react.useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"];let useMeasure=d=>{let{scroll:h=false}=d||{},[a,b]=react.useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=react.useRef([null,null,null,a]),v=react.useRef(false);react.useEffect(()=>(v.current=true,()=>void(v.current=false)),[]);let[w,,y]=react.useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!p.every(e=>r[e]===n[e])&&(g.current[3]=n,b(n));},t=utils.debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>dom.off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>dom.on(e,"scroll",y,{capture:true,passive:true})));}return react.useEffect(()=>h?dom.listenScrollDebounced(0,w,100):utils.noop,[h,w]),react.useEffect(()=>dom.listenResizeDebounced(0,w,100),[w]),react.useEffect(()=>{x(),z();},[h]),react.useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
 
 exports.default = useMeasure;
 exports.useMeasure = useMeasure;

package/useMeasure.esm.js

@@ -2,6 +2,6 @@ import { useState, useRef, useEffect, useMemo } from 'react';
 import { debounce, noop } from '@koine/utils';
 import { listenScrollDebounced, listenResizeDebounced, off, on } from '@koine/dom';
 
-let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=useRef([null,null,null,a]),v=useRef(!1);useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>on(e,"scroll",y,{capture:!0,passive:!0})));}return useEffect(()=>h?listenScrollDebounced(0,w,100):noop,[h,w]),useEffect(()=>listenResizeDebounced(0,w,100),[w]),useEffect(()=>{x(),z();},[h]),useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"];let useMeasure=d=>{let{scroll:h=false}=d||{},[a,b]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=useRef([null,null,null,a]),v=useRef(false);useEffect(()=>(v.current=true,()=>void(v.current=false)),[]);let[w,,y]=useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!p.every(e=>r[e]===n[e])&&(g.current[3]=n,b(n));},t=debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>on(e,"scroll",y,{capture:true,passive:true})));}return useEffect(()=>h?listenScrollDebounced(0,w,100):noop,[h,w]),useEffect(()=>listenResizeDebounced(0,w,100),[w]),useEffect(()=>{x(),z();},[h]),useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
 
 export { useMeasure as default, useMeasure };

package/useMountedState.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useMountedState=()=>{let u=react.useRef(!1),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+let useMountedState=()=>{let u=react.useRef(false),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=true,()=>{u.current=false;}),[]),n};
 
 exports.default = useMountedState;
 exports.useMountedState = useMountedState;

package/useMountedState.esm.js

@@ -1,5 +1,5 @@
 import { useRef, useCallback, useEffect } from 'react';
 
-let useMountedState=()=>{let u=useRef(!1),n=useCallback(()=>u.current,[]);return useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+let useMountedState=()=>{let u=useRef(false),n=useCallback(()=>u.current,[]);return useEffect(()=>(u.current=true,()=>{u.current=false;}),[]),n};
 
 export { useMountedState as default, useMountedState };

package/useNavigateAway.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var dom = require('@koine/dom');
 
-let useNavigateAway=a=>{let o=react.useRef();react.useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),react.useEffect(()=>dom.on(window,"beforeunload",e=>o.current?.(e)),[]);};
+let useNavigateAway=u=>{let a=react.useRef(null);react.useEffect(()=>{a.current=e=>{let t=u(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[u]),react.useEffect(()=>dom.on(window,"beforeunload",e=>a.current?.(e)),[]);};
 
 exports.default = useNavigateAway;
 exports.useNavigateAway = useNavigateAway;

package/useNavigateAway.esm.js

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from 'react';
 import { on } from '@koine/dom';
 
-let useNavigateAway=a=>{let o=useRef();useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),useEffect(()=>on(window,"beforeunload",e=>o.current?.(e)),[]);};
+let useNavigateAway=u=>{let a=useRef(null);useEffect(()=>{a.current=e=>{let t=u(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[u]),useEffect(()=>on(window,"beforeunload",e=>a.current?.(e)),[]);};
 
 export { useNavigateAway as default, useNavigateAway };

package/usePreviousRef.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let usePreviousRef=t=>{let u=react.useRef();return react.useEffect(()=>{u.current=t;}),u.current};
+let usePreviousRef=t=>{let u=react.useRef(null);return react.useEffect(()=>{u.current=t;}),u.current};
 
 exports.default = usePreviousRef;
 exports.usePreviousRef = usePreviousRef;

package/usePreviousRef.d.ts

@@ -1,2 +1,2 @@
-export declare let usePreviousRef: <T extends unknown>(value: T) => T | undefined;
+export declare let usePreviousRef: <T extends unknown>(value: T) => T | null;
 export default usePreviousRef;

package/usePreviousRef.esm.js

@@ -1,5 +1,5 @@
 import { useRef, useEffect } from 'react';
 
-let usePreviousRef=t=>{let u=useRef();return useEffect(()=>{u.current=t;}),u.current};
+let usePreviousRef=t=>{let u=useRef(null);return useEffect(()=>{u.current=t;}),u.current};
 
 export { usePreviousRef as default, usePreviousRef };

package/useReveal.d.ts

@@ -26,7 +26,7 @@ export type UseRevealOptions = {
     offsetStartX?: number | "all";
 };
 export declare let useReveal: <T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions) => {
-    ref: import("react").RefObject<T>;
+    ref: import("react").RefObject<T | null>;
     startY: number;
     endY: number;
     startX: number;

package/useScrollThreshold.cjs.js

@@ -6,7 +6,7 @@ var react = require('react');
 var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 
-let useScrollThreshold=(i,m)=>{let[u,f]=react.useState(!1),n=react.useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
+let useScrollThreshold=(i,m)=>{let[u,f]=react.useState(false),n=react.useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
 
 exports.default = useScrollThreshold;
 exports.useScrollThreshold = useScrollThreshold;

package/useScrollThreshold.esm.js

@@ -2,6 +2,6 @@ import { useState, useCallback, useEffect } from 'react';
 import { noop } from '@koine/utils';
 import { listenScroll } from '@koine/dom';
 
-let useScrollThreshold=(i,m)=>{let[u,f]=useState(!1),n=useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return useEffect(()=>{if(i){let r=listenScroll(n);return n(),r}return noop},[i,n]),u};
+let useScrollThreshold=(i,m)=>{let[u,f]=useState(false),n=useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return useEffect(()=>{if(i){let r=listenScroll(n);return n(),r}return noop},[i,n]),u};
 
 export { useScrollThreshold as default, useScrollThreshold };

package/useSmoothScroll.cjs.js

@@ -7,7 +7,7 @@ var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 var useFixedOffset = require('./useFixedOffset.cjs.js');
 
-let useSmoothScroll=m=>{let i=useFixedOffset.useFixedOffset();return react.useCallback((e,l,f,u,n)=>{let c;let p=!1;if(utils.isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=dom.getOffsetTopSlim(t)-i.current,p=!0);}utils.isNumber(c)&&dom.scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+let useSmoothScroll=l=>{let i=useFixedOffset.useFixedOffset();return react.useCallback((e,m,f,u,n)=>{let c,p=false;if(utils.isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=dom.getOffsetTopSlim(t)-i.current,p=true);}utils.isNumber(c)&&dom.scrollTo(c=c+(m||0)+(l||p?0:i.current),f,u,n);},[l,i])};
 
 exports.default = useSmoothScroll;
 exports.useSmoothScroll = useSmoothScroll;

package/useSmoothScroll.esm.js

@@ -3,6 +3,6 @@ import { isNumber } from '@koine/utils';
 import { getOffsetTopSlim, scrollTo } from '@koine/dom';
 import { useFixedOffset } from './useFixedOffset.esm.js';
 
-let useSmoothScroll=m=>{let i=useFixedOffset();return useCallback((e,l,f,u,n)=>{let c;let p=!1;if(isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=getOffsetTopSlim(t)-i.current,p=!0);}isNumber(c)&&scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+let useSmoothScroll=l=>{let i=useFixedOffset();return useCallback((e,m,f,u,n)=>{let c,p=false;if(isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=getOffsetTopSlim(t)-i.current,p=true);}isNumber(c)&&scrollTo(c=c+(m||0)+(l||p?0:i.current),f,u,n);},[l,i])};
 
 export { useSmoothScroll as default, useSmoothScroll };

package/useSpinDelay.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useSpinDelay=(u,c=500,i=200)=>{let[n,o]=react.useState(0),l=react.useRef();return react.useEffect(()=>{u&&0===n&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return o(0);l.current=setTimeout(()=>{o(3);},i),o(2);},c),o(1)),u||2===n||(clearTimeout(l.current),o(0));},[u,n,c,i]),react.useEffect(()=>()=>clearTimeout(l.current),[]),2===n||3===n};
+let useSpinDelay=(u,i=500,o=200)=>{let[c,n]=react.useState(0),l=react.useRef(void 0);return react.useEffect(()=>{u&&0===c&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return n(0);l.current=setTimeout(()=>{n(3);},o),n(2);},i),n(1)),u||2===c||(clearTimeout(l.current),n(0));},[u,c,i,o]),react.useEffect(()=>()=>clearTimeout(l.current),[]),2===c||3===c};
 
 exports.default = useSpinDelay;
 exports.useSpinDelay = useSpinDelay;

package/useSpinDelay.esm.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
 
-let useSpinDelay=(u,c=500,i=200)=>{let[n,o]=useState(0),l=useRef();return useEffect(()=>{u&&0===n&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return o(0);l.current=setTimeout(()=>{o(3);},i),o(2);},c),o(1)),u||2===n||(clearTimeout(l.current),o(0));},[u,n,c,i]),useEffect(()=>()=>clearTimeout(l.current),[]),2===n||3===n};
+let useSpinDelay=(u,i=500,o=200)=>{let[c,n]=useState(0),l=useRef(void 0);return useEffect(()=>{u&&0===c&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return n(0);l.current=setTimeout(()=>{n(3);},o),n(2);},i),n(1)),u||2===c||(clearTimeout(l.current),n(0));},[u,c,i,o]),useEffect(()=>()=>clearTimeout(l.current),[]),2===c||3===c};
 
 export { useSpinDelay as default, useSpinDelay };

package/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/FaviconTags.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./FaviconTags";
-export { default } from "./FaviconTags";

package/FaviconTags.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./FaviconTags";
-export { default } from "./FaviconTags";

package/Meta.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./Meta";
-export { default } from "./Meta";

package/Meta.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./Meta";
-export { default } from "./Meta";

package/NoJs.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./NoJs";
-export { default } from "./NoJs";

package/NoJs.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./NoJs";
-export { default } from "./NoJs";

package/Polymorphic.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./Polymorphic";

package/Polymorphic.esm.d.ts

@@ -1 +0,0 @@
-export * from "./Polymorphic";

package/calendar.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./calendar";

package/calendar.esm.d.ts

@@ -1 +0,0 @@
-export * from "./calendar";

package/classed.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./classed";
-export { default } from "./classed";

package/classed.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./classed";
-export { default } from "./classed";

package/createUseMediaQueryWidth.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./createUseMediaQueryWidth";
-export { default } from "./createUseMediaQueryWidth";

package/createUseMediaQueryWidth.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./createUseMediaQueryWidth";
-export { default } from "./createUseMediaQueryWidth";

package/extendComponent.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./extendComponent";
-export { default } from "./extendComponent";

package/extendComponent.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./extendComponent";
-export { default } from "./extendComponent";

package/forms.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./forms";

package/forms.esm.d.ts

@@ -1 +0,0 @@
-export * from "./forms";

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./index";

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./index";

package/mergeRefs.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./mergeRefs";
-export { default } from "./mergeRefs";

package/mergeRefs.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./mergeRefs";
-export { default } from "./mergeRefs";

package/types.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./types";

package/types.esm.d.ts

@@ -1 +0,0 @@
-export * from "./types";

package/useAsyncFn.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useAsyncFn";
-export { default } from "./useAsyncFn";

package/useAsyncFn.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useAsyncFn";
-export { default } from "./useAsyncFn";

package/useFirstMountState.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFirstMountState";
-export { default } from "./useFirstMountState";

package/useFirstMountState.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFirstMountState";
-export { default } from "./useFirstMountState";

package/useFixedOffset.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFixedOffset";
-export { default } from "./useFixedOffset";

package/useFixedOffset.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFixedOffset";
-export { default } from "./useFixedOffset";

package/useFocus.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFocus";
-export { default } from "./useFocus";

package/useFocus.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useFocus";
-export { default } from "./useFocus";

package/useInterval.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useInterval";
-export { default } from "./useInterval";

package/useInterval.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useInterval";
-export { default } from "./useInterval";

package/useIsomorphicLayoutEffect.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useIsomorphicLayoutEffect";
-export { default } from "./useIsomorphicLayoutEffect";

package/useIsomorphicLayoutEffect.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useIsomorphicLayoutEffect";
-export { default } from "./useIsomorphicLayoutEffect";

package/useKeyUp.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useKeyUp";
-export { default } from "./useKeyUp";

package/useKeyUp.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useKeyUp";
-export { default } from "./useKeyUp";

package/useMeasure.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useMeasure";
-export { default } from "./useMeasure";

package/useMeasure.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useMeasure";
-export { default } from "./useMeasure";

package/useMountedState.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useMountedState";
-export { default } from "./useMountedState";

package/useMountedState.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useMountedState";
-export { default } from "./useMountedState";

package/useNavigateAway.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useNavigateAway";
-export { default } from "./useNavigateAway";

package/useNavigateAway.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useNavigateAway";
-export { default } from "./useNavigateAway";

package/usePrevious.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./usePrevious";
-export { default } from "./usePrevious";

package/usePrevious.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./usePrevious";
-export { default } from "./usePrevious";

package/usePreviousRef.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./usePreviousRef";
-export { default } from "./usePreviousRef";

package/usePreviousRef.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./usePreviousRef";
-export { default } from "./usePreviousRef";

package/useScrollPosition.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollPosition";
-export { default } from "./useScrollPosition";

package/useScrollPosition.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollPosition";
-export { default } from "./useScrollPosition";

package/useScrollThreshold.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollThreshold";
-export { default } from "./useScrollThreshold";

package/useScrollThreshold.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollThreshold";
-export { default } from "./useScrollThreshold";

package/useScrollTo.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollTo";
-export { default } from "./useScrollTo";

package/useScrollTo.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useScrollTo";
-export { default } from "./useScrollTo";

package/useSmoothScroll.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useSmoothScroll";
-export { default } from "./useSmoothScroll";

package/useSmoothScroll.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useSmoothScroll";
-export { default } from "./useSmoothScroll";

package/useSpinDelay.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useSpinDelay";
-export { default } from "./useSpinDelay";

package/useSpinDelay.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useSpinDelay";
-export { default } from "./useSpinDelay";

package/useTraceUpdate.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useTraceUpdate";
-export { default } from "./useTraceUpdate";

package/useTraceUpdate.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useTraceUpdate";
-export { default } from "./useTraceUpdate";

package/useUpdateEffect.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useUpdateEffect";
-export { default } from "./useUpdateEffect";

package/useUpdateEffect.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useUpdateEffect";
-export { default } from "./useUpdateEffect";

package/useWindowSize.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./useWindowSize";
-export { default } from "./useWindowSize";

package/useWindowSize.esm.d.ts

@@ -1,2 +0,0 @@
-export * from "./useWindowSize";
-export { default } from "./useWindowSize";