@koine/react 2.0.0-beta.74 → 2.0.0-beta.76

package/{components → cjs}/FaviconTags.d.ts

@@ -6,3 +6,4 @@ export type FaviconTagsProps = {
     themeColor?: string;
 };
 export declare let FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
+export default FaviconTags;

package/cjs/FaviconTags.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";export let FaviconTags=({name:a,color:t,safariTabColor:o,tileColor:c,themeColor:l})=>n(i,{children:[e("link",{rel:"shortcut icon",href:"/favicon.ico",type:"image/x-icon"}),e("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/apple-touch-icon.png"}),e("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon-32x32.png"}),e("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon-16x16.png"}),e("link",{rel:"manifest",href:"/site.webmanifest"}),e("link",{rel:"mask-icon",href:"/safari-pinned-tab.svg",color:o||t}),e("meta",{name:"apple-mobile-web-app-title",content:a}),e("meta",{name:"application-name",content:a}),e("meta",{name:"msapplication-TileColor",content:c||t}),e("meta",{name:"theme-color",content:l||t})]});export default FaviconTags;

package/{components → cjs}/Meta.d.ts

@@ -2,3 +2,4 @@ export type MetaProps = {
     zoom?: boolean;
 };
 export declare let Meta: ({ zoom }: MetaProps) => import("react/jsx-runtime").JSX.Element;
+export default Meta;

package/cjs/Meta.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";export let Meta=({zoom:t})=>e("meta",{name:"viewport",content:`width=device-width, initial-scale=1, maximum-scale=1${t?"":", user-scalable=0"}`});export default Meta;

package/{components → cjs}/NoJs.d.ts

@@ -1,2 +1,3 @@
 export type NoJsProps = Record<string, never>;
 export declare let NoJs: (_props: NoJsProps) => import("react/jsx-runtime").JSX.Element;
+export default NoJs;

package/cjs/NoJs.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";export let NoJs=t=>e("script",{id:"no-js",dangerouslySetInnerHTML:{__html:'document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";'}});export default NoJs;

package/cjs/Polymorphic.js

@@ -0,0 +1 @@
+export{};

package/cjs/calendar/CalendarDaygridCell.d.ts

@@ -0,0 +1,35 @@
+import type { KoineComponent, KoineComponentProps } from "../types";
+import type { CalendarView, CalendarViewDayProps, CalendarViewEvent, CalendarsMap } from "./types";
+import type { UseCalendarReturn } from "./useCalendar";
+export type KoineCalendarDaygridCellProps = {
+    eventClicked?: UseCalendarReturn["eventClicked"];
+    setEventClicked: UseCalendarReturn["setEventClicked"];
+    eventHovered?: UseCalendarReturn["eventHovered"];
+    setEventHovered: UseCalendarReturn["setEventHovered"];
+    view: CalendarView;
+    maxEvents: number;
+    events: CalendarViewEvent[];
+    calendarsMap: CalendarsMap;
+};
+export type CalendarDaygridCellStyledProps = CalendarViewDayProps & {
+    $view: CalendarView;
+    $selected?: boolean;
+    $past?: boolean;
+    $color: string;
+};
+export type CalendarDaygridCellEventProps = React.ComponentPropsWithoutRef<"div"> & ((CalendarDaygridCellStyledProps & {
+    $placeholder?: false;
+}) | {
+    $placeholder: true;
+});
+export type CalendarDaygridCellEventBtnProps = CalendarDaygridCellEventProps;
+export type CalendarDaygridCellComponents = {
+    Cell?: KoineComponent;
+    CellOverflow?: KoineComponent;
+    CellEvent?: KoineComponent<CalendarDaygridCellEventProps>;
+    CellEventBtn?: KoineComponent<CalendarDaygridCellEventBtnProps>;
+    CellEventTitle?: KoineComponent;
+    CellEventStart?: KoineComponent;
+};
+export type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
+export declare let CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridCellProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/calendar/CalendarDaygridCell.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i,Fragment as l}from"react/jsx-runtime";import{Fragment as r,useState as t}from"react";import{getDisplayTime as n}from"./utils";let d=l=>i("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[e("path",{d:"M0 0h24v24H0z"}),e("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),o={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};export 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]=t(!1),O=p.filter(e=>!e.placeholder);return e(f,{children:p.map((t,p)=>{if(p===u&&!x)return i(y,{onClick:()=>M(!0),children:[e(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return e(r,{children:e($,{$placeholder:!0,children:e(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:!0,children:e(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 e(r,{children:e($,{style:f,...k,children:e(m,{role:"button",style:o,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?e(w,{children:t.title}):i(l,{children:[e(g,{children:n(t.start)}),e(w,{children:t.title})]})})})},t.key)})})};

package/cjs/calendar/CalendarDaygridNav.d.ts

@@ -0,0 +1,27 @@
+import type { KoineComponent, KoineComponentProps } from "../types";
+import type { CalendarRange, CalendarView } from "./types";
+export type KoineCalendarDaygridNavProps = {
+    locale: string;
+    range: CalendarRange;
+    view: CalendarView;
+    todayInView?: boolean;
+    handlePrev: () => any;
+    handleNext: () => any;
+    handleToday: () => any;
+    handleView: (view: CalendarView) => any;
+};
+export type CalendarDaygridNavTitleProps = {
+    range: CalendarRange;
+    formatted: string;
+};
+export type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNavProps, {
+    NavRoot?: KoineComponent;
+    NavTitle?: KoineComponent<CalendarDaygridNavTitleProps>;
+    NavBtns?: KoineComponent;
+    NavBtnPrev?: KoineComponent;
+    NavBtnNext?: KoineComponent;
+    NavBtnToday?: KoineComponent;
+    NavBtnViewMonth?: KoineComponent;
+    NavBtnViewWeek?: KoineComponent;
+}>;
+export declare let KoineCalendarDaygridNav: ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, NavRoot, NavTitle, NavBtns, NavBtnPrev, NavBtnNext, NavBtnToday, NavBtnViewMonth, NavBtnViewWeek, }: CalendarDaygridNavProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/calendar/CalendarDaygridNav.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{format as o}from"date-fns/format";import{useDateLocale as n}from"./useDateLocale";export let KoineCalendarDaygridNav=({range:a,view:l,todayInView:r,handlePrev:i,handleNext:M,handleToday:d,handleView:y,locale:c,NavRoot:m="nav",NavTitle:s="div",NavBtns:b="div",NavBtnPrev:k="button",NavBtnNext:u="button",NavBtnToday:h="button",NavBtnViewMonth:f="button",NavBtnViewWeek:g="button"})=>{let[C,p]=a,v={locale:n(c)},x="";return"month"===l&&(x=o(C,"MMMM yyyy",v)),"week"===l&&(x=C.getMonth()===p.getMonth()?o(C,"# MMMM yyyy",v).replace("#",`${C.getDate()}-${p.getDate()}`):`${o(C,"d MMMM",v)} - ${o(p,"d MMMM yyyy",v)}`),t(m,{children:[t(b,{children:[e(k,{onClick:i}),e(u,{onClick:M}),e(h,{onClick:d,disabled:r}),e(f,{onClick:()=>y("month"),disabled:"month"===l}),e(g,{onClick:()=>y("week"),disabled:"week"===l})]}),e(s,{range:a,formatted:x})]})};

package/cjs/calendar/CalendarDaygridTable.d.ts

@@ -0,0 +1,25 @@
+import type { KoineComponent, KoineComponentProps } from "../types";
+import { type CalendarDaygridCellComponents, type CalendarDaygridCellProps } from "./CalendarDaygridCell";
+import type { CalendarEventsMap, CalendarRange, CalendarView, CalendarViewDayProps } from "./types";
+export type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
+export type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
+export type KoineCalendarDaygridTableProps = {
+    maxEvents?: CalendarDaygridCellProps["maxEvents"];
+    locale: string;
+    events: CalendarEventsMap;
+    handlePrev: () => any;
+    handleNext: () => any;
+    view: CalendarView;
+    range: CalendarRange;
+    dayLabels?: string[];
+} & Pick<CalendarDaygridCellProps, "eventClicked" | "setEventClicked" | "eventHovered" | "setEventHovered" | "calendarsMap">;
+export type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygridTableProps, {
+    Table?: KoineComponent;
+    TableHead?: KoineComponent;
+    TableHeadCell?: KoineComponent;
+    TableBody?: KoineComponent;
+    TableBodyCell?: KoineComponent<CalendarDaygridTableBodyCellProps>;
+    TableBodyCellDate?: KoineComponent<CalendarDaygridTableBodyCellDateProps>;
+    TableBodyRow?: KoineComponent;
+} & CalendarDaygridCellComponents>;
+export declare let KoineCalendarDaygridTable: ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap, maxEvents, Table, TableHead, TableHeadCell, TableBody, TableBodyRow, TableBodyCell, TableBodyCellDate, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridTableProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/calendar/CalendarDaygridTable.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{eachWeekOfInterval as r}from"date-fns/eachWeekOfInterval";import{useEffect as a,useMemo as i,useState as l}from"react";import{useSwipeable as o}from"react-swipeable";import{CalendarDaygridCell as n}from"./CalendarDaygridCell";import{useDateLocale as m}from"./useDateLocale";import{processEventsInView as p}from"./utils";export let KoineCalendarDaygridTable=({locale:d,handlePrev:s,handleNext:c,events:h,dayLabels:f,view:b,range:u,eventClicked:v,setEventClicked:g,eventHovered:w,setEventHovered:y,calendarsMap:x={},maxEvents:j=5,Table:C="table",TableHead:D="thead",TableHeadCell:S="th",TableBody:k="tbody",TableBodyRow:z="tr",TableBodyCell:L="td",TableBodyCellDate:O="div",Cell:I,CellOverflow:K,CellEvent:M,CellEventBtn:R,CellEventTitle:T,CellEventStart:W})=>{let q={Cell:I,CellOverflow:K,CellEvent:M,CellEventBtn:R,CellEventTitle:T,CellEventStart:W},[A,B]=l(f||[0,1,2,3,4,5,6]),[E,F]=l([]),G=m(d),{month:H,weeks:J}=i(()=>(function(e){let[t,a]=e,i=r({start:t,end:a},{weekStartsOn:1});return{month:t.getMonth(),weeks:i}})(u),[u]),N=o({onSwipedLeft:c,onSwipedRight:s});return a(()=>{F(p(h,b,H,J))},[h,b,H,J]),a(()=>{G&&G.localize&&!f&&B([1,2,3,4,5,6,0].map(e=>G.localize.day(e,{width:"abbreviated"})))},[G,f]),t(C,{...N,children:[e(D,{children:e("tr",{children:A.map(t=>e(S,{scope:"column",children:t},t))})}),e(k,{children:E.map((r,a)=>e(z,{...r.props,children:r.days.map(r=>t(L,{...r.props,children:[e(O,{...r.props,children:r.label}),r.events.length>0&&e(n,{eventClicked:v,setEventClicked:g,eventHovered:w,setEventHovered:y,view:b,maxEvents:j,events:r.events,timestamp:r.timestamp,calendarsMap:x,...q})]}))}))})]})};

package/cjs/calendar/CalendarLegend.d.ts

@@ -0,0 +1,18 @@
+import type { KoineComponent, KoineComponentProps } from "../types";
+import type { CalendarsMap } from "./types";
+export type KoineCalendarLegendProps = {
+    toggleCalendarVisibility: (id: string) => void;
+    calendarsMap: CalendarsMap;
+};
+export type CalendarLegendItemProps = React.ComponentPropsWithoutRef<"div"> & {
+    $color: string;
+    $empty: boolean;
+    disabled: boolean;
+};
+export type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps, {
+    LegendItem?: KoineComponent<CalendarLegendItemProps>;
+    LegendItemStatus?: KoineComponent;
+    LegendItemLabel?: KoineComponent;
+    LegendItemEvents?: KoineComponent;
+}>;
+export declare let KoineCalendarLegend: ({ calendarsMap, toggleCalendarVisibility, LegendItem, LegendItemStatus, LegendItemLabel, LegendItemEvents, }: CalendarLegendProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/calendar/CalendarLegend.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";export let KoineCalendarLegend=({calendarsMap:a={},toggleCalendarVisibility:s,LegendItem:d="div",LegendItemStatus:i="span",LegendItemLabel:l="span",LegendItemEvents:t="span"})=>e(r,{children:Object.entries(a).map(([r,a])=>n(d,{onClick:()=>s(r),$color:a.color,$empty:0===a.events,disabled:0===a.events,children:[e(i,{children:a.on?"⬤":"⭘"}),e(l,{children:a.name}),e(t,{children:a.events})]},"CalendarLegend."+r))});

package/cjs/calendar/calendar-api-google.d.ts

@@ -0,0 +1,10 @@
+import type { CalendarEventsMap, Calendars } from "./types";
+type GetCalendarsEventsFromGoogleOptions = {
+    apiKey?: string;
+    start: Date;
+    end: Date;
+    timeZone?: string;
+    calendars: Calendars;
+};
+export declare let getCalendarsEventsFromGoogle: ({ calendars, ...options }: GetCalendarsEventsFromGoogleOptions) => Promise<CalendarEventsMap>;
+export {};

package/cjs/calendar/calendar-api-google.js

@@ -0,0 +1 @@
+import{differenceInDays as e}from"date-fns/differenceInDays";import{subDays as t}from"date-fns/subDays";import{arrayToLookup as a,isString as n,isUndefined as r}from"@koine/utils";import{addCalendarEvents as i,getEventTimestamp as s}from"./utils";export let getCalendarsEventsFromGoogle=async({calendars:e,...t})=>{let a={};return await Promise.all(e.map(async e=>{i(await o({calendar:e,...t}),a)})),a};async function o({apiKey:i,calendar:o,timeZone:m="",start:d,end:l}){let c={},u=new URLSearchParams({calendarId:o.id,timeZone:m,singleEvents:"true",maxAttendees:"1",maxResults:"9999",sanitizeHtml:"true",timeMin:d.toISOString(),timeMax:l.toISOString(),key:i||process.env.GOOGLE_CALENDAR_API_KEY||""}).toString(),f="https://www.googleapis.com/calendar/v3/calendars/"+o.id+"/events?"+u;try{let i=await fetch(f,{method:"GET"}),m=await i.json();o.name=o.name||m.summary,m.items.forEach(i=>{let m=function(i,o){let m=new Date(i.created),d=i.htmlLink,l=i.summary,c=i.status,u=new Date(i.start.date||i.start.dateTime),f=new Date(i.end.date||i.end.dateTime),w=o.color,g=r(i.end.dateTime)&&n(i.end.date),p=i.location||"",D=i.description||"",h=m.getTime()+""+u.getTime();g&&f>u&&(f=t(f,1)).setHours(23,59,59);let y=function(){let t=new Date(u),a=new Date(f),n=[s(t)];for(;e(a,t);)t.setDate(t.getDate()+1),n.push(s(t));return n}(),E=a(y),S=y.length>1;return{calendar:o,created:m,link:d,title:l,status:c,start:u,end:f,days:y,daysMap:E,multi:S,color:w,allDay:g,location:p,description:D,uid:h}}(i,o);c[m.uid]=m})}catch(e){}return c}

package/cjs/calendar/types.d.ts

@@ -0,0 +1,62 @@
+export type Calendar = {
+    id: string;
+    color: string;
+    name?: string;
+};
+export type Calendars = Calendar[];
+export type CalendarsMap = Record<Calendar["id"], Required<Calendar> & {
+    on?: boolean;
+    events?: number;
+}>;
+export type CalendarRange = [Date, Date];
+export type CalendarView = "month" | "week";
+export type CalendarEvent = {
+    calendar: Calendar;
+    days: number[];
+    daysMap: Record<number, 1>;
+    multi: boolean;
+    allDay: boolean;
+    link: string;
+    title: string;
+    status: string;
+    created: Date;
+    start: Date;
+    end: Date;
+    color: string;
+    location: string;
+    description: string;
+    uid: string;
+};
+export type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
+export type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
+export type CalendarViewWeeks = CalendarViewWeek[];
+export type CalendarViewWeek = {
+    props: {
+        key: string;
+    };
+    days: CalendarViewDay[];
+};
+export type CalendarViewDay = {
+    props: {
+        key: string;
+    } & CalendarViewDayProps;
+    label: string;
+    timestamp: string;
+    events: CalendarViewEvent[];
+};
+export type CalendarViewDayProps = {
+    $isToday?: boolean;
+    $isOutOfRange?: boolean;
+};
+export type CalendarViewEvent = {
+    key: string;
+    placeholder: true;
+    top: number;
+} | (CalendarEvent & CalendarViewDayProps & {
+    key: string;
+    placeholder?: false;
+    top: number;
+    width: number;
+    firstOfMulti?: boolean;
+    isPast?: boolean;
+});

package/cjs/calendar/types.js

@@ -0,0 +1 @@
+export{};

package/cjs/calendar/useCalendar.d.ts

@@ -0,0 +1,35 @@
+import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
+import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
+import type { KoineCalendarLegendProps } from "./CalendarLegend";
+import type { CalendarEvent, CalendarEventsMap, CalendarView, Calendars } from "./types";
+export type UseCalendarProps = {
+    locale: string;
+    calendars: Calendars;
+    apiKey?: string;
+    events?: CalendarEventsMap;
+    start?: Date;
+    end?: Date;
+    view?: CalendarView;
+    timeZone?: string;
+    onError?: (e: any) => void;
+};
+export type UseCalendarReturn = ReturnType<typeof useCalendar>;
+export type CalendarsUpdateActionEvents = {
+    type: "events";
+    payload: Record<string, number>;
+};
+export type CalendarsUpdateActionVisibility = {
+    type: "visibility";
+    payload: string | string[];
+};
+export type CalendarsUpdateAction = CalendarsUpdateActionEvents | CalendarsUpdateActionVisibility;
+export declare let useCalendar: ({ locale, apiKey, calendars, events: initialEvents, start: initialStart, end: initialEnd, view: initialView, timeZone, onError, }: UseCalendarProps) => {
+    view: "month" | "week";
+    eventClicked: CalendarEvent | null;
+    setEventClicked: import("react").Dispatch<import("react").SetStateAction<CalendarEvent | null>>;
+    eventHovered: CalendarEvent | null;
+    setEventHovered: import("react").Dispatch<import("react").SetStateAction<CalendarEvent | null>>;
+    getDaygridNavProps: () => KoineCalendarDaygridNavProps;
+    getDaygridTableProps: () => KoineCalendarDaygridTableProps;
+    getLegendProps: () => KoineCalendarLegendProps;
+};

package/cjs/calendar/useCalendar.js

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useReducer as l,useState as n}from"react";import{getCalendarsEventsFromGoogle as r}from"./calendar-api-google";import{getEndDate as a,getNextDate as i,getPrevDate as u,getStartDate as o,isTodayInView as s}from"./utils";export let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=n(v),D=m||o(new Date,w),h=y||a(D,w),[O,P]=n([D,h]),[j,x]=n(s(D,h)),[C,L]=n(g||{}),[N,k]=n(null),[q,z]=n(null),[A,B]=l((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=e(e=>{B({type:"visibility",payload:e})},[B]),F=e(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=e(async(e,t,l)=>{try{let n=await r({apiKey:c,calendars:e,timeZone:f,start:t,end:l});L(n)}catch(e){b&&b(e)}},[L,c,f,b]),H=e(()=>{let[e,t]=O,l=o(new Date,w),n=a(l,w);P([l,n]),(e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null))},[w,O]),I=e(()=>{P(([e])=>{let t=u(e,w),l=a(t,w);return[t,l]}),z(null),k(null)},[w]),J=e(()=>{P(([e])=>{let t=i(e,w),l=a(t,w);return[t,l]}),z(null),k(null)},[w]),K=e(e=>{let t=o(D,e),l=a(t,e);P([t,l]),T(e),z(null),k(null)},[D]);return t(()=>{let[e,t]=O;G(p,e,t),x(s(e,t))},[O]),t(()=>{C&&F(C)},[C,F]),t(()=>{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})}};

package/cjs/calendar/useDateLocale.d.ts

@@ -0,0 +1,2 @@
+import type { Locale } from "date-fns";
+export declare let useDateLocale: (locale?: string, defaultLocale?: string) => Locale | undefined;

package/cjs/calendar/useDateLocale.js

@@ -0,0 +1 @@
+import{useEffect as e,useState as t}from"react";export let useDateLocale=(a,l="en")=>{let[r,n]=t(),[o,c]=t(l);return e(()=>{let e=async()=>{let e=await import("date-fns/locale/en-US");c(a||o),n(e.enUS)};a!==o&&e()},[a,o]),r};

package/cjs/calendar/utils.d.ts

@@ -0,0 +1,11 @@
+import type { CalendarEventsMap, CalendarView, CalendarViewWeeks } from "./types";
+export declare let getEventTimestamp: (dateLike: number | Date | string) => number;
+export declare let getDisplayTime: (date: Date) => string;
+export declare let getStartDate: (date: Date, view: CalendarView) => Date;
+export declare let getEndDate: (start: Date, view: CalendarView) => Date;
+export declare let getPrevDate: (date: Date, view: CalendarView) => Date;
+export declare let getNextDate: (date: Date, view: CalendarView) => Date;
+export declare let isTodayInView: (start: Date, end: Date) => boolean;
+export declare let mergeCalendarEvents: (first: CalendarEventsMap, second: CalendarEventsMap) => CalendarEventsMap;
+export declare let addCalendarEvents: (toAdd: CalendarEventsMap, toExtend: CalendarEventsMap) => CalendarEventsMap;
+export declare let processEventsInView: (eventsMap: CalendarEventsMap, calendarView: CalendarView, month: number, weeks: Date[]) => CalendarViewWeeks;

package/cjs/calendar/utils.js

@@ -0,0 +1 @@
+import{addDays as e}from"date-fns/addDays";import{addMonths as t}from"date-fns/addMonths";import{addWeeks as r}from"date-fns/addWeeks";import{endOfMonth as a}from"date-fns/endOfMonth";import{endOfWeek as n}from"date-fns/endOfWeek";import{isWithinInterval as s}from"date-fns/isWithinInterval";import{startOfWeek as o}from"date-fns/startOfWeek";import{subMonths as l}from"date-fns/subMonths";import{subWeeks as m}from"date-fns/subWeeks";export let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};export let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();export let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=o(e,{weekStartsOn:1})),e);export let getEndDate=(e,t)=>{let r=e;return"month"===t?r=a(e):"week"===t&&(r=n(e,{weekStartsOn:1})),r.setHours(23,59,59),r};export let getPrevDate=(e,t)=>"month"===t?l(e,1):m(e,1);export let getNextDate=(e,a)=>"month"===a?t(e,1):r(e,1);export let isTodayInView=(e,t)=>s(new Date,{start:e,end:t});export let mergeCalendarEvents=(e,t)=>{let r={};return addCalendarEvents(e,r),addCalendarEvents(t,r),r};export 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};export 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(e(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};

package/cjs/calendar.d.ts

@@ -0,0 +1,7 @@
+export * from "./calendar/CalendarDaygridCell";
+export * from "./calendar/CalendarDaygridNav";
+export * from "./calendar/CalendarDaygridTable";
+export * from "./calendar/CalendarLegend";
+export * from "./calendar/useCalendar";
+export * from "./calendar/useDateLocale";
+export * from "./calendar/types";

package/cjs/calendar.js

@@ -0,0 +1 @@
+export*from"./calendar/CalendarDaygridCell";export*from"./calendar/CalendarDaygridNav";export*from"./calendar/CalendarDaygridTable";export*from"./calendar/CalendarLegend";export*from"./calendar/useCalendar";export*from"./calendar/useDateLocale";export*from"./calendar/types";

package/{utils → cjs}/classed.d.ts

@@ -4,5 +4,5 @@ type ClassedAugmentedProps<Props> = Props & {
     ref?: React.Ref<any>;
 };
 type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? React.HTMLProps<Component> & ClassedAugmentedProps<Props> : ClassedAugmentedProps<Props>;
-export declare let classed: <Props, Component extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = any>(component: Component) => (strings: TemplateStringsArray, ...args: ((props: Props) => string)[] | string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
-export {};
+export declare let classed: <Props, Component extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = any>(component: Component) => (strings: TemplateStringsArray, ...args: string[] | ((props: Props) => string)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
+export default classed;

package/cjs/classed.js

@@ -0,0 +1 @@
+import{createElement as t,forwardRef as e}from"react";export let classed=r=>{let s=r.type||r;return function(r,...a){return e(function(e,n){let o=a.map((t,s)=>{let a="";return"function"==typeof t?a=t(e):void 0!==t&&(a=t.toString()),r[s]+a}).join(""),l="string"==typeof s,i=l?{}:e;if(l)for(let t in e)t.startsWith("$")||(i[t]=e[t]);let c=o||r[0];return c=(c.match(/class="([^"]*)/)?.[1]||c)+(e?.className?" "+e?.className:""),t(s,{...i,className:c||void 0,ref:n})})}};export default classed;

package/{utils → cjs}/createUseMediaQueryWidth.d.ts

@@ -3,4 +3,4 @@ type _MediaQuerWidthDefExplicit<TBreakpoint extends string> = `min-${TBreakpoint
 export type MediaQuerWidthDef<TBreakpoint extends string> = `${TBreakpoint}` | _MediaQuerWidthDefExplicit<TBreakpoint>;
 export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<TBreakpoint>}`;
 export declare let createUseMediaQueryWidth: <TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints>(customBreakpoints: TBreakpointsConfig) => <TBreakpoints extends Extract<keyof TBreakpointsConfig, string>>(media: `@${TBreakpoints}` | `@min-${TBreakpoints}` | `@max-${TBreakpoints}` | `@up-${TBreakpoints}` | `@down-${TBreakpoints}` | `@between-${TBreakpoints}_${TBreakpoints}` | `@only-${TBreakpoints}`, serverValue?: null | boolean) => boolean | null;
-export {};
+export default createUseMediaQueryWidth;

package/cjs/createUseMediaQueryWidth.js

@@ -0,0 +1 @@
+import{useState as e}from"react";import{getMediaQueryWidthResolvers as t,isUndefined as r}from"@koine/utils";import{useIsomorphicLayoutEffect as i}from"./useIsomorphicLayoutEffect";export let createUseMediaQueryWidth=n=>{let a=t(n);return function(t,n){let[o,s]=t.substring(1).split("-");r(s)&&(s=o),r(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=e(r(n)?null:n);return i(()=>{let e=window.matchMedia(u),t=e=>{l(e.matches)};return(l(e.matches),e.addEventListener)?(e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}):(e.addListener(t),()=>{e.removeListener(t)})},[u]),c}};export default createUseMediaQueryWidth;

package/{utils → cjs}/extendComponent.d.ts

@@ -13,4 +13,4 @@ export type WithComponents<Props, Components extends OverridableComponents> = Pr
     [Name in keyof Components]: NonNullable<Components[Name]["type"] extends keyof JSX.IntrinsicElements ? React.ElementType<Components[Name]["motionable"] extends true ? Omit<React.ComponentPropsWithoutRef<Components[Name]["type"]>, HtmlAttributesCollidingWithMotionProps> & Components[Name]["props"] : React.ComponentPropsWithoutRef<Components[Name]["type"]> & Components[Name]["props"]> : Components[Name]["type"]>;
 };
 type HtmlAttributesCollidingWithMotionProps = "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd";
-export {};
+export default extendComponent;

package/cjs/extendComponent.js

@@ -0,0 +1 @@
+import{createElement as e}from"react";export let extendComponent=(t,o)=>Object.assign(o=>e(t,o),{...o,defaultProps:o});export default extendComponent;

package/cjs/forms/antispam.d.ts

@@ -0,0 +1,27 @@
+import { type ObjectShape } from "@kuus/yup";
+export declare let encodeForm: <T extends ObjectShape = {}>(validationRules: T) => {
+    encodedSchema: import("@kuus/yup").ObjectSchema<{
+        [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, any, any, any> ? T[keyof T]["__outputType"] : T[keyof T] extends {
+            readonly key: string;
+            readonly isContext: boolean;
+            readonly isValue: boolean;
+            readonly isSibling: boolean;
+            readonly path: any;
+            readonly getter: (data: unknown) => unknown;
+            readonly map?: ((value: unknown) => infer T_1) | undefined;
+            readonly __isYupRef: boolean;
+            getValue(value: any, parent?: {} | undefined, context?: {} | undefined): infer T_1;
+            cast(value: any, options?: {
+                parent?: {} | undefined;
+                context?: {} | undefined;
+            } | undefined): infer T_1;
+            resolve(): any;
+            describe(): import("@kuus/yup").SchemaRefDescription;
+            toString(): string;
+        } ? T_1 : unknown;
+    }, import("@kuus/yup").AnyObject, {
+        [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, import("@kuus/yup").AnyObject, any, any> ? T[keyof T]["__default"] : undefined;
+    }, "">;
+    encodedNames: Record<keyof T, string>;
+};
+export declare let decodeForm: <ReturnAs extends Record<string, unknown> = {}, FormData_1 extends Record<string, unknown> = {}>(formData: FormData_1) => ReturnAs;

package/cjs/forms/antispam.js

@@ -0,0 +1 @@
+import{object as e}from"@kuus/yup";import{decode as t,encode as r,isUndefined as o}from"@koine/utils";export let encodeForm=t=>{let o={},i={};for(let e in t)if(!e.startsWith("_")){let l=r(e);o[l]=t[e],i[e]=l}return{encodedSchema:e(o).required(),encodedNames:i}};export let decodeForm=e=>{let r={};for(let i in e){let l=t(i);i.startsWith("_")?r[i.substring(1)]=e[i]:o(e[i])||""!==e[l]||(r[l]=e[i])}return r};

package/cjs/forms.d.ts

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

package/cjs/forms.js

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

package/{hooks → cjs}/index.d.ts

@@ -1,3 +1,11 @@
+export { classed } from "./classed";
+export { createUseMediaQueryWidth, type MediaQuerWidthDef, type MediaQueryWidth, } from "./createUseMediaQueryWidth";
+export { type ExtendableComponent, type OverridableComponents, type WithComponents, extendComponent, } from "./extendComponent";
+export { FaviconTags, type FaviconTagsProps } from "./FaviconTags";
+export { mergeRefs } from "./mergeRefs";
+export { Meta, type MetaProps } from "./Meta";
+export { NoJs, type NoJsProps } from "./NoJs";
+export type { Polymorphic } from "./Polymorphic";
 export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn";
 export { useFirstMountState } from "./useFirstMountState";
 export { useFixedOffset } from "./useFixedOffset";
@@ -17,3 +25,4 @@ export { useSpinDelay } from "./useSpinDelay";
 export { useTraceUpdate } from "./useTraceUpdate";
 export { useUpdateEffect } from "./useUpdateEffect";
 export { useWindowSize } from "./useWindowSize";
+export type { KoineComponentProps, KoineComponent } from "./types";

package/cjs/index.js

@@ -0,0 +1 @@
+export{classed}from"./classed";export{createUseMediaQueryWidth}from"./createUseMediaQueryWidth";export{extendComponent}from"./extendComponent";export{FaviconTags}from"./FaviconTags";export{mergeRefs}from"./mergeRefs";export{Meta}from"./Meta";export{NoJs}from"./NoJs";export{useAsyncFn}from"./useAsyncFn";export{useFirstMountState}from"./useFirstMountState";export{useFixedOffset}from"./useFixedOffset";export{useFocus}from"./useFocus";export{useInterval}from"./useInterval";export{useIsomorphicLayoutEffect}from"./useIsomorphicLayoutEffect";export{useKeyUp}from"./useKeyUp";export{useMeasure}from"./useMeasure";export{useMountedState}from"./useMountedState";export{useNavigateAway}from"./useNavigateAway";export{usePrevious}from"./usePrevious";export{usePreviousRef}from"./usePreviousRef";export{useScrollPosition}from"./useScrollPosition";export{useScrollThreshold}from"./useScrollThreshold";export{useSmoothScroll}from"./useSmoothScroll";export{useSpinDelay}from"./useSpinDelay";export{useTraceUpdate}from"./useTraceUpdate";export{useUpdateEffect}from"./useUpdateEffect";export{useWindowSize}from"./useWindowSize";

package/{utils → cjs}/mergeRefs.d.ts

@@ -1 +1,2 @@
 export declare let mergeRefs: <T = Element>(refs: (import("react").MutableRefObject<T> | import("react").LegacyRef<T>)[]) => (instance: T | null) => void;
+export default mergeRefs;

package/cjs/mergeRefs.js

@@ -0,0 +1 @@
+export let mergeRefs=e=>r=>{e.forEach(e=>{"function"==typeof e?e(r):null!=e&&(e.current=r)})};export default mergeRefs;

package/cjs/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@koine/react",
+  "sideEffects": false,
+  "dependencies": {
+    "@koine/dom": "*",
+    "@koine/utils": "*"
+  },
+  "peerDependencies": {
+    "@kuus/yup": "1.0.0-beta.7",
+    "date-fns": "^3.2.0",
+    "react": "^18.2.0",
+    "react-swipeable": "^7.0.1"
+  },
+  "peerDependenciesMeta": {
+    "@kuus/yup": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "react-swipeable": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "module": "./index.js",
+  "type": "module",
+  "main": "./index.js"
+}

package/cjs/types.d.ts

@@ -0,0 +1,2 @@
+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/cjs/types.js

@@ -0,0 +1 @@
+export{};

package/{hooks → cjs}/useAsyncFn.d.ts

@@ -21,4 +21,4 @@ export type UseAsyncState<T> = {
 type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = UseAsyncState<PromiseType<ReturnType<T>>>;
 export type UseAsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
 export declare let useAsyncFn: <T extends FunctionReturningPromise>(fn: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>) => UseAsyncFnReturn<T>;
-export {};
+export default useAsyncFn;

package/cjs/useAsyncFn.js

@@ -0,0 +1 @@
+import{useCallback as e,useRef as t,useState as r}from"react";import{useMountedState as n}from"./useMountedState";export let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=t(0),d=n(),[i,c]=r(l),g=e((...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]};export default useAsyncFn;

package/{hooks → cjs}/useFirstMountState.d.ts

@@ -1 +1,2 @@
 export declare let useFirstMountState: () => boolean;
+export default useFirstMountState;

package/cjs/useFirstMountState.js

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

package/{hooks → cjs}/useFixedOffset.d.ts

@@ -1 +1,2 @@
 export declare let useFixedOffset: (selector?: string) => import("react").MutableRefObject<number>;
+export default useFixedOffset;

package/cjs/useFixedOffset.js

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

package/{hooks → cjs}/useFocus.d.ts

@@ -1 +1,2 @@
 export declare let useFocus: () => (import("react").RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | (() => void))[];
+export default useFocus;

package/cjs/useFocus.js

@@ -0,0 +1 @@
+import{useRef as e}from"react";export let useFocus=()=>{let r=e(null);return[r,()=>{r.current&&r.current.focus()}]};export default useFocus;

package/{hooks → cjs}/useInterval.d.ts

@@ -1 +1,2 @@
 export declare let useInterval: <T extends () => unknown>(callback: T, delay: number, deps?: unknown[]) => void;
+export default useInterval;

package/cjs/useInterval.js

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

package/cjs/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from "react";
+export declare let useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/cjs/useIsomorphicLayoutEffect.js

@@ -0,0 +1 @@
+import{useEffect as o,useLayoutEffect as t}from"react";import{isBrowser as e}from"@koine/utils";export let useIsomorphicLayoutEffect=e?t:o;export default useIsomorphicLayoutEffect;

package/{hooks → cjs}/useKeyUp.d.ts

@@ -1 +1,2 @@
 export declare let useKeyUp: (callback: (event: KeyboardEvent) => void, deps?: unknown[]) => void;
+export default useKeyUp;

package/cjs/useKeyUp.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{on as t}from"@koine/dom";export let useKeyUp=(o,r=[])=>{e(()=>t(window,"keyup",e=>{e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e)}),[o,...r])};export default useKeyUp;

package/{hooks → cjs}/useMeasure.d.ts

@@ -19,4 +19,4 @@ export type UseMeasureReturn = [
     () => void
 ];
 export declare let useMeasure: (options?: UseMeasureOptions) => UseMeasureReturn;
-export {};
+export default useMeasure;

package/cjs/useMeasure.js

@@ -0,0 +1 @@
+let e;import{useEffect as t,useMemo as r,useRef as n,useState as u}from"react";import{debounce as l,noop as o}from"@koine/utils";import{listenResizeDebounced as c,listenScrollDebounced as i,off as s,on as f}from"@koine/dom";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]);export let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=u({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=n([null,null,null,a]),v=n(!1);t(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=r(()=>{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=l(e);return[e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>s(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=>f(e,"scroll",y,{capture:!0,passive:!0})))}return t(()=>h?i(0,w,100):o,[h,w]),t(()=>c(0,w,100),[w]),t(()=>{x(),z()},[h]),t(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z())},a,w]};export default useMeasure;

package/{hooks → cjs}/useMountedState.d.ts

@@ -1 +1,2 @@
 export declare let useMountedState: () => (() => boolean);
+export default useMountedState;

package/cjs/useMountedState.js

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

package/{hooks → cjs}/useNavigateAway.d.ts

@@ -1,2 +1,3 @@
 export type UseNavigateAwayHandler = (event: BeforeUnloadEvent) => string | boolean;
 export declare let useNavigateAway: (handler: UseNavigateAwayHandler) => void;
+export default useNavigateAway;

package/cjs/useNavigateAway.js

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

package/{hooks → cjs}/usePrevious.d.ts

@@ -1 +1,2 @@
 export declare let usePrevious: <T extends unknown>(state: T, defaulValue: T) => T;
+export default usePrevious;

package/cjs/usePrevious.js

@@ -0,0 +1 @@
+import{useState as e}from"react";export let usePrevious=(r,t)=>{let[o,u]=e([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};export default usePrevious;

package/{hooks → cjs}/usePreviousRef.d.ts

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

package/cjs/usePreviousRef.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as r}from"react";export let usePreviousRef=t=>{let u=r();return e(()=>{u.current=t}),u.current};export default usePreviousRef;

package/{hooks → cjs}/useReveal.d.ts

@@ -10,3 +10,4 @@ export declare let useReveal: <T extends HTMLElement = HTMLDivElement>({ directi
     endY: number;
     startX: number;
 };
+export default useReveal;

package/cjs/useReveal.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t,useState as l}from"react";export let useReveal=({direction:n="left",offsetStartY:o=-2,offsetEndY:r=0,offsetStartX:u="all"})=>{let c=t(null),[i,d]=l(0),[f,m]=l(0),[a,g]=l(0);return e(()=>{let e;if(!c.current)return;let t=c.current.getBoundingClientRect(),l=window.scrollY||document.documentElement.scrollTop,i=t.height,f=t.top+l,a=o?i*o:0,h=r?i*r:a,p=(f+a)/document.body.clientHeight,s=(f+i+h)/document.body.clientHeight;"all"===u?e="left"===n?-t.right:t.left:(e=t.width*u,e="left"===n?-e:e),d(p),m(s),g(e)},[d,m,g,o,r,u,n]),{ref:c,startY:i,endY:f,startX:a}};export default useReveal;