@koine/react 2.0.0-beta.19 → 2.0.0-beta.191

package/usePreviousRef.cjs.mjs

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

package/usePreviousRef.d.ts

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

package/usePreviousRef.esm.d.ts

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

package/usePreviousRef.esm.js

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

package/useReveal.d.ts

@@ -0,0 +1,34 @@
+export type UseRevealOptions = {
+    /**
+     * @default "left"
+     */
+    direction?: "left" | "right";
+    /**
+     * A number that represents the offset to start the animations, giving `-1`
+     * means that the animation will start when the scroll position is at
+     * 100% higher than the given element. Giving `2` the animation will starts
+     * when the scroll reached two times the height of the given element below
+     * the top edge of the element itself
+     *
+     * @default -2
+     */
+    offsetStartY?: number;
+    /**
+     * When 0 it defaults to the same as the offsetStartY
+     * @default 0
+     */
+    offsetEndY?: number;
+    /**
+     * A value from `0` to `1` representing a proportion of the element width
+     * or "all" to make it completely out of the viewport
+     * @default "all"
+     * */
+    offsetStartX?: number | "all";
+};
+export declare let useReveal: <T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions) => {
+    ref: import("react").RefObject<T>;
+    startY: number;
+    endY: number;
+    startX: number;
+};
+export default useReveal;

package/useScrollPosition.cjs.d.ts

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

package/useScrollPosition.cjs.default.js

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

package/useScrollPosition.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!utils.isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=react.useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{if(!utils.isBrowser)return;let t=dom.listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+exports.default = useScrollPosition;
+exports.useScrollPosition = useScrollPosition;

package/useScrollPosition.cjs.mjs

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

package/useScrollPosition.d.ts

@@ -1,8 +1,14 @@
-/// <reference types="react" />
 type Position = {
     x: number;
     y: number;
 };
 type ElementRef = React.MutableRefObject<HTMLElement | undefined>;
-export declare const useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: import("react").DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
+/**
+ * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
+ *
+ * We've just:
+ * - reused internal helper functions
+ * - compacted object arguments in functions as plain argument list to improve compression
+ */
+export declare let useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: React.DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
 export default useScrollPosition;

package/useScrollPosition.esm.d.ts

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

package/useScrollPosition.esm.js

@@ -0,0 +1,8 @@
+import { useRef } from 'react';
+import { isBrowser } from '@koine/utils';
+import { listenScroll } from '@koine/dom';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect(()=>{if(!isBrowser)return;let t=listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+export { useScrollPosition as default, useScrollPosition };

package/useScrollThreshold.cjs.d.ts

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

package/useScrollThreshold.cjs.default.js

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

package/useScrollThreshold.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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};
+
+exports.default = useScrollThreshold;
+exports.useScrollThreshold = useScrollThreshold;

package/useScrollThreshold.cjs.mjs

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

package/useScrollThreshold.d.ts

@@ -1,2 +1,2 @@
-export declare const useScrollThreshold: (threshold?: number, callback?: ((isAbove: boolean, isBelow: boolean) => void) | undefined) => boolean;
+export declare let useScrollThreshold: (threshold?: number, callback?: (isAbove: boolean, isBelow: boolean) => void) => boolean;
 export default useScrollThreshold;

package/useScrollThreshold.esm.d.ts

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

package/useScrollThreshold.esm.js

@@ -0,0 +1,7 @@
+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};
+
+export { useScrollThreshold as default, useScrollThreshold };

package/useScrollTo.cjs.d.ts

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

package/useScrollTo.cjs.default.js

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

package/useScrollTo.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let useScrollTo=(o="",t=0)=>{if(!utils.isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
+
+exports.default = useScrollTo;
+exports.useScrollTo = useScrollTo;

package/useScrollTo.cjs.mjs

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

package/useScrollTo.d.ts

@@ -1,2 +1,2 @@
-export declare function useScrollTo(id?: string, offset?: number): void;
+export declare let useScrollTo: (id?: string, offset?: number) => void;
 export default useScrollTo;

package/useScrollTo.esm.d.ts

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

package/useScrollTo.esm.js

@@ -0,0 +1,5 @@
+import { isBrowser } from '@koine/utils';
+
+let useScrollTo=(o="",t=0)=>{if(!isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
+
+export { useScrollTo as default, useScrollTo };

package/useSmoothScroll.cjs.d.ts

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

package/useSmoothScroll.cjs.default.js

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

package/useSmoothScroll.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+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])};
+
+exports.default = useSmoothScroll;
+exports.useSmoothScroll = useSmoothScroll;

package/useSmoothScroll.cjs.mjs

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

package/useSmoothScroll.d.ts

@@ -1,2 +1,8 @@
-export declare function useSmoothScroll(disregardAutomaticFixedOffset?: boolean): (to?: number | string, customOffset?: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
+/**
+ *
+ * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
+ * selector we will keep into account the _fixedOffset_ despite this option.
+ * @returns
+ */
+export declare let useSmoothScroll: (disregardAutomaticFixedOffset?: boolean) => (to?: number | string, customOffset?: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
 export default useSmoothScroll;

package/useSmoothScroll.esm.d.ts

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

package/useSmoothScroll.esm.js

@@ -0,0 +1,8 @@
+import { useCallback } from 'react';
+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])};
+
+export { useSmoothScroll as default, useSmoothScroll };

package/useSpinDelay.cjs.d.ts

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

package/useSpinDelay.cjs.default.js

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

package/useSpinDelay.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+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};
+
+exports.default = useSpinDelay;
+exports.useSpinDelay = useSpinDelay;

package/useSpinDelay.cjs.mjs

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

package/useSpinDelay.d.ts

@@ -1,2 +1,14 @@
-export declare function useSpinDelay(loading: boolean, delay?: number, minDuration?: number): boolean;
+/**
+ * Wraps your booleans only returning true after the `delay`, and for a minimum
+ * time of `minDuration`. This way you're sure that you don't show unnecessary
+ * or very short living spinners.
+ *
+ * @borrows [smeijer/spin-delay](https://github.com/smeijer/spin-delay)
+ *
+ * - Smaller footprint and options object as argument
+ *
+ * @param delay [500]
+ * @param minDuration [200]
+ */
+export declare let useSpinDelay: (loading: boolean, delay?: number, minDuration?: number) => boolean;
 export default useSpinDelay;

package/useSpinDelay.esm.d.ts

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

package/useSpinDelay.esm.js

@@ -0,0 +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};
+
+export { useSpinDelay as default, useSpinDelay };

package/useTraceUpdate.cjs.d.ts

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

package/useTraceUpdate.cjs.default.js

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

package/useTraceUpdate.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let useTraceUpdate=r=>{let c=react.useRef(r);react.useEffect(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r;});};
+
+exports.default = useTraceUpdate;
+exports.useTraceUpdate = useTraceUpdate;

package/useTraceUpdate.cjs.mjs

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

package/useTraceUpdate.d.ts

@@ -1,2 +1,5 @@
-export declare function useTraceUpdate(props: any): void;
+/**
+ * @see https://stackoverflow.com/a/51082563/9122820
+ */
+export declare let useTraceUpdate: (props: any) => void;
 export default useTraceUpdate;

package/useTraceUpdate.esm.d.ts

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

package/useTraceUpdate.esm.js

@@ -0,0 +1,5 @@
+import { useRef, useEffect } from 'react';
+
+let useTraceUpdate=r=>{let c=useRef(r);useEffect(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r;});};
+
+export { useTraceUpdate as default, useTraceUpdate };

package/useUpdateEffect.cjs.d.ts

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

package/useUpdateEffect.cjs.default.js

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

package/useUpdateEffect.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var useFirstMountState = require('./useFirstMountState.cjs.js');
+
+let useUpdateEffect=(r,f)=>{let o=useFirstMountState.useFirstMountState();react.useEffect(()=>{if(!o)return r()},f);};
+
+exports.default = useUpdateEffect;
+exports.useUpdateEffect = useUpdateEffect;

package/useUpdateEffect.cjs.mjs

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

package/useUpdateEffect.d.ts

@@ -1,3 +1,6 @@
 import { useEffect } from "react";
-export declare const useUpdateEffect: typeof useEffect;
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
+ */
+export declare let useUpdateEffect: typeof useEffect;
 export default useUpdateEffect;

package/useUpdateEffect.esm.d.ts

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

package/useUpdateEffect.esm.js

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+import { useFirstMountState } from './useFirstMountState.esm.js';
+
+let useUpdateEffect=(r,f)=>{let o=useFirstMountState();useEffect(()=>{if(!o)return r()},f);};
+
+export { useUpdateEffect as default, useUpdateEffect };

package/useWindowSize.cjs.d.ts

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

package/useWindowSize.cjs.default.js

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

package/useWindowSize.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+let useWindowSize=(o,n)=>{let[d,w]=react.useState(0),[m,u]=react.useState(0);return react.useEffect(()=>{let e=()=>{w(window.innerWidth),u(window.innerHeight);},i=o?dom.listenResizeDebounced(0,e,o,n):dom.listenResize(e);return e(),i},[o,n]),[d,m]};
+
+exports.default = useWindowSize;
+exports.useWindowSize = useWindowSize;

package/useWindowSize.cjs.mjs

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

package/useWindowSize.d.ts

@@ -1,3 +1,12 @@
-import { debounce } from "@koine/utils";
-export declare function useWindowSize(wait?: Parameters<typeof debounce>[1], immediate?: Parameters<typeof debounce>[2]): readonly [number, number];
+import { debounce as _debounce } from "@koine/utils";
+/**
+ * # Use `window` size
+ *
+ * @param args Optionally pass {@link _debounce} arguments (`wait` and `immediate`)
+ *
+ * @returns An array with:
+ * 1) _width_: using `window.innerWidth`
+ * 2) _height_: using `window.innerHeight`
+ */
+export declare let useWindowSize: (wait?: Parameters<typeof _debounce>[1], immediate?: Parameters<typeof _debounce>[2]) => readonly [number, number];
 export default useWindowSize;

package/useWindowSize.esm.d.ts

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

package/useWindowSize.esm.js

@@ -0,0 +1,6 @@
+import { useState, useEffect } from 'react';
+import { listenResizeDebounced, listenResize } from '@koine/dom';
+
+let useWindowSize=(o,n)=>{let[d,w]=useState(0),[m,u]=useState(0);return useEffect(()=>{let e=()=>{w(window.innerWidth),u(window.innerHeight);},i=o?listenResizeDebounced(0,e,o,n):listenResize(e);return e(),i},[o,n]),[d,m]};
+
+export { useWindowSize as default, useWindowSize };

package/Alert/Alert.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type AlertProps = React.PropsWithChildren<{
-    $danger?: boolean;
-}>;
-export declare const Alert: ({ $danger, children, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/Alert/Alert.js

@@ -1,10 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-var AlertRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 12px;\n  ", "\n"], ["\n  font-size: 12px;\n  ", "\n"])), function (p) { return (p.$danger ? "color: var(--danger)" : ""); });
-var AlertInner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 1em;\n  background-color: rgba(0, 0, 0, 0.05);\n  /* border: 1px solid var(--grey700); */\n  /* background: pink; */\n  /* color: red; */\n"], ["\n  padding: 1em;\n  background-color: rgba(0, 0, 0, 0.05);\n  /* border: 1px solid var(--grey700); */\n  /* background: pink; */\n  /* color: red; */\n"])));
-export var Alert = function (_a) {
-    var $danger = _a.$danger, children = _a.children, props = __rest(_a, ["$danger", "children"]);
-    return (_jsx(AlertRoot, __assign({ "$danger": $danger }, props, { children: _jsx(AlertInner, { children: children }) })));
-};
-var templateObject_1, templateObject_2;

package/Alert/index.d.ts

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

package/Alert/index.js

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

package/Animations/Reveal.d.ts

@@ -1,3 +0,0 @@
-import { UseRevealOptions } from "./useReveal.js";
-export type RevealProps = React.PropsWithChildren<UseRevealOptions>;
-export declare const Reveal: ({ children, direction, offsetStartY, offsetEndY, offsetStartX, ...props }: RevealProps) => import("react/jsx-runtime").JSX.Element;

package/Animations/Reveal.js

@@ -1,16 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { motion, useReducedMotion, useSpring, useTransform, useViewportScroll, } from "framer-motion";
-import { useReveal } from "./useReveal.js";
-export var Reveal = function (_a) {
-    var children = _a.children, direction = _a.direction, offsetStartY = _a.offsetStartY, offsetEndY = _a.offsetEndY, offsetStartX = _a.offsetStartX, props = __rest(_a, ["children", "direction", "offsetStartY", "offsetEndY", "offsetStartX"]);
-    var effectOptions = { direction: direction, offsetStartY: offsetStartY, offsetEndY: offsetEndY, offsetStartX: offsetStartX };
-    var prefersReducedMotion = useReducedMotion();
-    var _b = useReveal(effectOptions), ref = _b.ref, startY = _b.startY, endY = _b.endY, startX = _b.startX;
-    var scrollYProgress = useViewportScroll().scrollYProgress;
-    var xRange = useTransform(scrollYProgress, [startY, endY], [startX, 0]);
-    var opacityRange = useTransform(scrollYProgress, [startY, endY], [0, 1]);
-    var x = useSpring(xRange, { stiffness: 400, damping: 90 });
-    var opacity = useSpring(opacityRange);
-    return (_jsx(motion.div, __assign({}, props, { ref: ref, style: prefersReducedMotion ? {} : { x: x, opacity: opacity }, children: children })));
-};

package/Animations/Underline.d.ts

@@ -1 +0,0 @@
-export declare const UnderlineSkewed: any;

package/Animations/Underline.js

@@ -1,5 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { m } from "framer-motion";
-import styled from "styled-components";
-export var UnderlineSkewed = styled(m.i)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 15%;\n  right: 15%;\n  height: 20px;\n  margin-top: -10px;\n  z-index: 0;\n  pointer-events: none;\n  background: var(--accent400);\n  transform: skewY(-5deg);\n"], ["\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 15%;\n  right: 15%;\n  height: 20px;\n  margin-top: -10px;\n  z-index: 0;\n  pointer-events: none;\n  background: var(--accent400);\n  transform: skewY(-5deg);\n"])));
-var templateObject_1;

package/Animations/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Reveal.js";
-export * from "./Underline.js";
-export * from "./useReveal.js";

package/Animations/index.js

@@ -1,3 +0,0 @@
-export * from "./Reveal.js";
-export * from "./Underline.js";
-export * from "./useReveal.js";

package/Animations/useReveal.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export type UseRevealOptions = {
-    direction?: "left" | "right";
-    offsetStartY?: number;
-    offsetEndY?: number;
-    offsetStartX?: number | "all";
-};
-export declare function useReveal<T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions): {
-    ref: import("react").RefObject<T>;
-    startY: number;
-    endY: number;
-    startX: number;
-};

package/Animations/useReveal.js

@@ -1,43 +0,0 @@
-import { __read } from "tslib";
-import { useEffect, useRef, useState } from "react";
-export function useReveal(_a) {
-    var _b = _a.direction, direction = _b === void 0 ? "left" : _b, _c = _a.offsetStartY, offsetStartY = _c === void 0 ? -2 : _c, _d = _a.offsetEndY, offsetEndY = _d === void 0 ? 0 : _d, _e = _a.offsetStartX, offsetStartX = _e === void 0 ? "all" : _e;
-    var ref = useRef(null);
-    var _f = __read(useState(0), 2), startY = _f[0], setStartY = _f[1];
-    var _g = __read(useState(0), 2), endY = _g[0], setEndY = _g[1];
-    var _h = __read(useState(0), 2), startX = _h[0], setStartX = _h[1];
-    useEffect(function () {
-        if (!ref.current) {
-            return;
-        }
-        var rect = ref.current.getBoundingClientRect();
-        var scrollTop = window.scrollY || document.documentElement.scrollTop;
-        var elementHeight = rect.height;
-        var elementTop = rect.top;
-        var distanceTop = elementTop + scrollTop;
-        var offsetTop = offsetStartY ? elementHeight * offsetStartY : 0;
-        var offsetBottom = offsetEndY ? elementHeight * offsetEndY : offsetTop;
-        var startY = (distanceTop + offsetTop) / document.body.clientHeight;
-        var endY = (distanceTop + elementHeight + offsetBottom) / document.body.clientHeight;
-        var startX;
-        if (offsetStartX === "all") {
-            startX = direction === "left" ? -rect.right : rect.left;
-        }
-        else {
-            startX = rect.width * offsetStartX;
-            startX = direction === "left" ? -startX : startX;
-        }
-        setStartY(startY);
-        setEndY(endY);
-        setStartX(startX);
-    }, [
-        setStartY,
-        setEndY,
-        setStartX,
-        offsetStartY,
-        offsetEndY,
-        offsetStartX,
-        direction,
-    ]);
-    return { ref: ref, startY: startY, endY: endY, startX: startX };
-}

package/Autocomplete/AutocompleteDownshift.d.ts

@@ -1 +0,0 @@
-export declare const Autocomplete: null;

package/Autocomplete/AutocompleteDownshift.js

@@ -1 +0,0 @@
-export var Autocomplete = null;

package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts

@@ -1 +0,0 @@
-export declare const Autocomplete: null;

package/Autocomplete/AutocompleteDownshiftMultiselect.js

@@ -1 +0,0 @@
-export var Autocomplete = null;