@koine/react 2.0.0-beta.21 → 2.0.0-beta.210

package/calendar.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var CalendarDaygridCell = require('./calendar/CalendarDaygridCell.cjs.js');
+var CalendarDaygridNav = require('./calendar/CalendarDaygridNav.cjs.js');
+var CalendarDaygridTable = require('./calendar/CalendarDaygridTable.cjs.js');
+var CalendarLegend = require('./calendar/CalendarLegend.cjs.js');
+var useCalendar = require('./calendar/useCalendar.cjs.js');
+var useDateLocale = require('./calendar/useDateLocale.cjs.js');
+
+
+
+exports.CalendarDaygridCell = CalendarDaygridCell.CalendarDaygridCell;
+exports.KoineCalendarDaygridNav = CalendarDaygridNav.KoineCalendarDaygridNav;
+exports.KoineCalendarDaygridTable = CalendarDaygridTable.KoineCalendarDaygridTable;
+exports.KoineCalendarLegend = CalendarLegend.KoineCalendarLegend;
+exports.useCalendar = useCalendar.useCalendar;
+exports.useDateLocale = useDateLocale.useDateLocale;

package/calendar.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './calendar.cjs.js';
+export { _default as default } from './calendar.cjs.default.js';

package/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/calendar.esm.js

@@ -0,0 +1,6 @@
+export { CalendarDaygridCell } from './calendar/CalendarDaygridCell.esm.js';
+export { KoineCalendarDaygridNav } from './calendar/CalendarDaygridNav.esm.js';
+export { KoineCalendarDaygridTable } from './calendar/CalendarDaygridTable.esm.js';
+export { KoineCalendarLegend } from './calendar/CalendarLegend.esm.js';
+export { useCalendar } from './calendar/useCalendar.esm.js';
+export { useDateLocale } from './calendar/useDateLocale.esm.js';

package/classed.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./classed.cjs.js').default;

package/classed.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let classed=r=>{let s=r.type||r;return function(r,...a){return react.forwardRef(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:""),react.createElement(s,{...i,className:c||void 0,ref:n})})}};
+
+exports.classed = classed;
+exports.default = classed;

package/classed.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './classed.cjs.js';
+export { _default as default } from './classed.cjs.default.js';

package/classed.d.ts

@@ -3,6 +3,25 @@ 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>;
-export declare function classed<Props, Component extends React.ElementType = any>(component: Component): (strings: TemplateStringsArray, ...args: string[] | ((props: Props) => string)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
+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,
+ *
+ * It also plays nicely with tailwind intellisense:
+ * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
+ *
+ * For references about tagged functions:
+ * - https://javascript.plainenglish.io/how-css-in-js-libraries-work-da4145b1b6c7
+ * - https://makersden.io/blog/reverse-engineering-styled-components
+ * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
+ * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
+ *
+ * Similar projects:
+ * - https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
+ *
+ * Discussions and Q/A:
+ * - https://stackoverflow.com/q/73055695/1938970
+ */
+export declare let classed: <Props, Component extends React.ElementType = any>(component: Component) => (strings: TemplateStringsArray, ...args: ((props: Props) => string)[] | string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
 export default classed;

package/classed.esm.js

@@ -0,0 +1,5 @@
+import { forwardRef, createElement } from 'react';
+
+let classed=r=>{let s=r.type||r;return function(r,...a){return forwardRef(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:""),createElement(s,{...i,className:c||void 0,ref:n})})}};
+
+export { classed, classed as default };

package/createUseMediaQueryWidth.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./createUseMediaQueryWidth.cjs.js').default;

package/createUseMediaQueryWidth.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+let createUseMediaQueryWidth=n=>{let a=utils.getMediaQueryWidthResolvers(n);return function(t,n){let[o,s]=t.substring(1).split("-");utils.isUndefined(s)&&(s=o),utils.isUndefined(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=react.useState(utils.isUndefined(n)?null:n);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{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}};
+
+exports.createUseMediaQueryWidth = createUseMediaQueryWidth;
+exports.default = createUseMediaQueryWidth;

package/createUseMediaQueryWidth.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './createUseMediaQueryWidth.cjs.js';
+export { _default as default } from './createUseMediaQueryWidth.cjs.default.js';

package/createUseMediaQueryWidth.d.ts

@@ -2,5 +2,11 @@ import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils";
 type _MediaQuerWidthDefExplicit<TBreakpoint extends string> = `min-${TBreakpoint}` | `max-${TBreakpoint}` | `up-${TBreakpoint}` | `down-${TBreakpoint}` | `between-${TBreakpoint}_${TBreakpoint}` | `only-${TBreakpoint}`;
 export type MediaQuerWidthDef<TBreakpoint extends string> = `${TBreakpoint}` | _MediaQuerWidthDefExplicit<TBreakpoint>;
 export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<TBreakpoint>}`;
-export declare function 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;
+/**
+ * Use `null` instead of `false` as default value, @see https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
+ *
+ * @param customBreakpoints
+ * @returns
+ */
+export declare let createUseMediaQueryWidth: <TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints>(customBreakpoints: TBreakpointsConfig) => <TBreakpoints extends Extract<keyof TBreakpointsConfig, string>>(media: MediaQueryWidth<TBreakpoints>, serverValue?: null | boolean) => boolean | null;
 export default createUseMediaQueryWidth;

package/createUseMediaQueryWidth.esm.js

@@ -0,0 +1,7 @@
+import { useState } from 'react';
+import { getMediaQueryWidthResolvers, isUndefined } from '@koine/utils';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+let createUseMediaQueryWidth=n=>{let a=getMediaQueryWidthResolvers(n);return function(t,n){let[o,s]=t.substring(1).split("-");isUndefined(s)&&(s=o),isUndefined(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=useState(isUndefined(n)?null:n);return useIsomorphicLayoutEffect(()=>{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 { createUseMediaQueryWidth, createUseMediaQueryWidth as default };

package/extendComponent.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./extendComponent.cjs.js').default;

package/extendComponent.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let extendComponent=(t,o)=>Object.assign(o=>react.createElement(t,o),{...o,defaultProps:o});
+
+exports.default = extendComponent;
+exports.extendComponent = extendComponent;

package/extendComponent.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './extendComponent.cjs.js';
+export { _default as default } from './extendComponent.cjs.default.js';

package/extendComponent.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+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 const extendComponent: <Component extends ExtendableComponent<any>, DefaultProps extends {}>(component: Component, defaultProps: DefaultProps) => ((props: React.ComponentProps<Component>) => React.FunctionComponentElement<any>) & DefaultProps & {
+export declare let extendComponent: <Component extends ExtendableComponent, DefaultProps extends {}>(component: Component, defaultProps: DefaultProps) => ((props: React.ComponentProps<Component>) => import("react").FunctionComponentElement<any>) & DefaultProps & {
     defaultProps: DefaultProps;
 };
 export interface OverridableComponents {
@@ -10,6 +10,17 @@ export interface OverridableComponents {
         motionable?: boolean;
     };
 }
+/**
+ * Type to define a component that has overridable components.
+ *
+ * Each of them can define its:
+ * - `type`: either as a native HTMLElement (the props for that element will be
+ * automatically inferred) or as a custom React component
+ * - `props`: any additional custom props
+ * - `motionable`: if that component has a possible implementation with `framer-motion`,
+ * in that case we remove some HTMLAttributes props which collides with
+ * `MotionProps` from framer.
+ */
 export type WithComponents<Props, Components extends OverridableComponents> = Props & {
     [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"]>;
 };

package/extendComponent.esm.js

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

package/forms/antispam.cjs.js

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

package/forms/antispam.d.ts

@@ -0,0 +1,47 @@
+import { type ObjectShape } from "@kuus/yup";
+/**
+ * Encode form
+ *
+ * Takes a record of yup validations and outputs a `yup` schema with encoded
+ * names (antispam technique) and a record of the encoded/decoded input `name`s.
+ *
+ * We skip the names prefixed wth an underscore which are considered programmatic
+ * form data not created by user input.
+ *
+ * FIXME: types https://github.com/jquense/yup/issues/1700
+ */
+export declare let encodeForm: <T extends ObjectShape = 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?: {}, context?: {}): infer T_1;
+            cast(value: any, options?: {
+                parent?: {};
+                context?: {};
+            }): infer T_1;
+            resolve(): /*elided*/ 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>;
+};
+/**
+ * Decode form data
+ *
+ * This function is meant to be used inside an api endpoint to gather an encoded
+ * form submit data and transform it to the decoded desired json data.
+ *
+ * Here too we skip encoding/decoding process for names prefixed wth an underscore
+ * which are considered programmatic form data not created by user input.
+ */
+export declare let decodeForm: <ReturnAs extends Record<string, unknown> = Record<string, unknown>, FormData extends Record<string, unknown> = Record<string, unknown>>(formData: FormData) => ReturnAs;

package/forms/antispam.esm.js

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

package/forms.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./forms.cjs.js').default;

package/forms.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var antispam = require('./forms/antispam.cjs.js');
+
+
+
+exports.decodeForm = antispam.decodeForm;
+exports.encodeForm = antispam.encodeForm;

package/forms.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './forms.cjs.js';
+export { _default as default } from './forms.cjs.default.js';

package/forms.d.ts

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

package/forms.esm.js

@@ -0,0 +1 @@
+export { decodeForm, encodeForm } from './forms/antispam.esm.js';

package/index.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var classed = require('./classed.cjs.js');
+var createUseMediaQueryWidth = require('./createUseMediaQueryWidth.cjs.js');
+var extendComponent = require('./extendComponent.cjs.js');
+var FaviconTags = require('./FaviconTags.cjs.js');
+var mergeRefs = require('./mergeRefs.cjs.js');
+var Meta = require('./Meta.cjs.js');
+var NoJs = require('./NoJs.cjs.js');
+var useAsyncFn = require('./useAsyncFn.cjs.js');
+var useFirstMountState = require('./useFirstMountState.cjs.js');
+var useFixedOffset = require('./useFixedOffset.cjs.js');
+var useFocus = require('./useFocus.cjs.js');
+var useInterval = require('./useInterval.cjs.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+var useKeyUp = require('./useKeyUp.cjs.js');
+var useMeasure = require('./useMeasure.cjs.js');
+var useMountedState = require('./useMountedState.cjs.js');
+var useNavigateAway = require('./useNavigateAway.cjs.js');
+var usePrevious = require('./usePrevious.cjs.js');
+var usePreviousRef = require('./usePreviousRef.cjs.js');
+var useScrollPosition = require('./useScrollPosition.cjs.js');
+var useScrollThreshold = require('./useScrollThreshold.cjs.js');
+var useSmoothScroll = require('./useSmoothScroll.cjs.js');
+var useSpinDelay = require('./useSpinDelay.cjs.js');
+var useTraceUpdate = require('./useTraceUpdate.cjs.js');
+var useUpdateEffect = require('./useUpdateEffect.cjs.js');
+var useWindowSize = require('./useWindowSize.cjs.js');
+
+
+
+exports.classed = classed.classed;
+exports.createUseMediaQueryWidth = createUseMediaQueryWidth.createUseMediaQueryWidth;
+exports.extendComponent = extendComponent.extendComponent;
+exports.FaviconTags = FaviconTags.FaviconTags;
+exports.mergeRefs = mergeRefs.mergeRefs;
+exports.Meta = Meta.Meta;
+exports.NoJs = NoJs.NoJs;
+exports.useAsyncFn = useAsyncFn.useAsyncFn;
+exports.useFirstMountState = useFirstMountState.useFirstMountState;
+exports.useFixedOffset = useFixedOffset.useFixedOffset;
+exports.useFocus = useFocus.useFocus;
+exports.useInterval = useInterval.useInterval;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useKeyUp = useKeyUp.useKeyUp;
+exports.useMeasure = useMeasure.useMeasure;
+exports.useMountedState = useMountedState.useMountedState;
+exports.useNavigateAway = useNavigateAway.useNavigateAway;
+exports.usePrevious = usePrevious.usePrevious;
+exports.usePreviousRef = usePreviousRef.usePreviousRef;
+exports.useScrollPosition = useScrollPosition.useScrollPosition;
+exports.useScrollThreshold = useScrollThreshold.useScrollThreshold;
+exports.useSmoothScroll = useSmoothScroll.useSmoothScroll;
+exports.useSpinDelay = useSpinDelay.useSpinDelay;
+exports.useTraceUpdate = useTraceUpdate.useTraceUpdate;
+exports.useUpdateEffect = useUpdateEffect.useUpdateEffect;
+exports.useWindowSize = useWindowSize.useWindowSize;

package/index.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './index.cjs.js';
+export { _default as default } from './index.cjs.default.js';

package/index.d.ts

@@ -1,25 +1,28 @@
-export { classed } from "./classed.js";
-export { createUseMediaQueryWidth, type MediaQuerWidthDef, type MediaQueryWidth, } from "./createUseMediaQueryWidth.js";
-export { type ExtendableComponent, type OverridableComponents, type WithComponents, extendComponent, } from "./extendComponent.js";
-export { mergeRefs } from "./mergeRefs.js";
-export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn.js";
-export { useDateLocale } from "./useDateLocale.js";
-export { useFirstMountState } from "./useFirstMountState.js";
-export { useFixedOffset } from "./useFixedOffset.js";
-export { useFocus } from "./useFocus.js";
-export { useInterval } from "./useInterval.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-export { useKeyUp } from "./useKeyUp.js";
-export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure.js";
-export { useMountedState } from "./useMountedState.js";
-export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway.js";
-export { usePrevious } from "./usePrevious.js";
-export { usePreviousRef } from "./usePreviousRef.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export { useScrollThreshold } from "./useScrollThreshold.js";
-export { useSmoothScroll } from "./useSmoothScroll.js";
-export { useSpinDelay } from "./useSpinDelay.js";
-export { useTraceUpdate } from "./useTraceUpdate.js";
-export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useWindowSize } from "./useWindowSize.js";
-export type { Translate, Option } from "./types.js";
+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";
+export { useFocus } from "./useFocus";
+export { useInterval } from "./useInterval";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { useKeyUp } from "./useKeyUp";
+export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure";
+export { useMountedState } from "./useMountedState";
+export { useNavigateAway, type UseNavigateAwayHandler, } 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";
+export type { KoineComponentProps, KoineComponent } from "./types";

package/index.esm.js

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

package/mergeRefs.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./mergeRefs.cjs.js').default;

package/mergeRefs.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let mergeRefs=e=>r=>{e.forEach(e=>{"function"==typeof e?e(r):null!=e&&(e.current=r);});};
+
+exports.default = mergeRefs;
+exports.mergeRefs = mergeRefs;

package/mergeRefs.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './mergeRefs.cjs.js';
+export { _default as default } from './mergeRefs.cjs.default.js';

package/mergeRefs.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare function mergeRefs<T = Element>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+export declare let mergeRefs: <T = Element>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>) => React.RefCallback<T>;
 export default mergeRefs;

package/mergeRefs.esm.js

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