@koine/react 1.0.9 → 1.0.10

package/Sticky/StickyCss.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare type StickyCssProps = React.ComponentProps<"div"> & {
-    top: number;
-};
-export declare const StickyCss: ({ top, ...props }: StickyCssProps) => JSX.Element;

package/Sticky/StickyCss.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const StickyCss = ({ top, ...props }) => {
-    return _jsx("div", { style: { position: "sticky", top: 100 }, ...props });
-};

package/Sticky/index.d.ts

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

package/Sticky/index.js

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

package/Sticky/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Sticky/index.js",
-  "types": "./index.d.ts"
-}

package/Tabs/Tabs.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/// <reference types="react" />
-import { TabProps as _TabProps, TabsProps as _TabsProps } from "@reach/tabs";
-export declare const Tabs: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", _TabsProps>, import("styled-components").DefaultTheme, _TabsProps & {
-    children?: import("react").ReactNode;
-} & {
-    $vertical?: boolean | undefined;
-}, never>;
-export declare type TabsProps = React.PropsWithChildren<_TabsProps> & {
-    $vertical?: boolean;
-};
-export declare const TabList: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").MemoComponent<"div", import("@reach/tabs/dist/declarations/src").TabListProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TabWrap: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"button", _TabProps>, import("styled-components").DefaultTheme, _TabProps & {
-    idx: number;
-} & TabStyledProps, never>;
-export declare const TabText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TabStyledProps, never>;
-export declare const TabUnderline: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLElement, import("framer-motion").HTMLMotionProps<"i">>, import("styled-components").DefaultTheme, TabStyledProps, never>;
-export declare type TabStyledProps = {
-    $active: boolean;
-    $focused: boolean;
-};
-export declare type TabProps = _TabProps & {
-    idx: number;
-};
-export declare const Tab: ({ children, ...props }: TabProps) => JSX.Element;
-export declare const TabPanels: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").MemoComponent<"div", import("@reach/tabs/dist/declarations/src").TabPanelsProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TabPanel: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", import("@reach/tabs/dist/declarations/src").TabPanelProps>, import("styled-components").DefaultTheme, {}, never>;

package/Tabs/Tabs.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */
-import styled from "styled-components";
-import { Tabs as _Tabs, TabList as _TabList, Tab as _Tab, TabPanels as _TabPanels, TabPanel as _TabPanel, useTabsContext, } from "@reach/tabs";
-import { min } from "../styles/media";
-import { UnderlineSkewed } from "../Animations/Underline";
-import { btnStyleReset } from "../Buttons";
-export const Tabs = styled(_Tabs) `
-  ${min.sm} {
-    display: flex;
-    ${(p) => p.$vertical && "flex-direction: column;"}
-  }
-`;
-export const TabList = styled(_TabList) `
-  display: flex;
-  flex-direction: column;
-  ${min.sm} {
-    border-right: 1px solid var(--grey800);
-  }
-`;
-export const TabWrap = styled(_Tab) `
-  ${btnStyleReset}
-  position: relative;
-  justify-content: flex-end;
-  padding: 0.7em;
-  margin-bottom: 1em;
-  font-weight: bold;
-  color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-  ${min.sm} {
-    padding-right: var(--gutter-half);
-  }
-
-  &:hover {
-    color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-  }
-`;
-export const TabText = styled.span `
-  position: relative;
-  z-index: 1;
-`;
-export const TabUnderline = styled(UnderlineSkewed) ``;
-export const Tab = ({ children, ...props }) => {
-    const { selectedIndex, focusedIndex } = useTabsContext();
-    const styledProps = {
-        $active: props.idx === selectedIndex,
-        $focused: props.idx === focusedIndex,
-    };
-    return (_jsxs(TabWrap, { ...props, ...styledProps, children: [styledProps.$active && (_jsx(TabUnderline, { ...styledProps, layoutId: "Tab-underline" })), _jsx(TabText, { ...styledProps, children: children })] }));
-};
-export const TabPanels = styled(_TabPanels) `
-  flex: 1;
-`;
-export const TabPanel = styled(_TabPanel) `
-  ${min.sm} {
-    padding-left: var(--gutter-half);
-  }
-`;

package/Tabs/index.d.ts

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

package/Tabs/index.js

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

package/Tabs/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Tabs/index.js",
-  "types": "./index.d.ts"
-}

package/Typography/CopyPasteVisible.d.ts

@@ -1 +0,0 @@
-export declare const CopyPasteVisible: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/Typography/CopyPasteVisible.js

@@ -1,6 +0,0 @@
-import styled from "styled-components";
-export const CopyPasteVisible = styled.span `
-  color: transparent;
-  opacity: 0;
-  font-size: 0;
-`;

package/Typography/Native.d.ts

@@ -1,10 +0,0 @@
-export declare const p = "\n  margin: 0 0 1em 0;\n";
-export declare const h1: string;
-export declare const h2 = "\n  margin: 0 0 1em 0;\n  font-size: 24px;\n  font-weight: 800;\n  line-height: var(--headingsLineHeight);\n";
-export declare const h3 = "\n  margin: 0 0 1em 0;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export declare const h4 = "\n  margin: 0 0 1em 0;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export declare const P: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const H1: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const H2: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const H3: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const H4: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/Typography/Native.js

@@ -1,47 +0,0 @@
-import styled from "styled-components";
-import { min } from "../styles/media";
-export const p = `
-  margin: 0 0 1em 0;
-`;
-export const h1 = `
-  margin: 0 0 10px 0;
-  font-size: 30px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-  ${min.md} {
-    font-size: 50px;
-  }
-`;
-export const h2 = `
-  margin: 0 0 1em 0;
-  font-size: 24px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-`;
-export const h3 = `
-  margin: 0 0 1em 0;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-export const h4 = `
-  margin: 0 0 1em 0;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-export const P = styled.div `
-  ${p}
-`;
-export const H1 = styled.div `
-  ${h1}
-`;
-export const H2 = styled.div `
-  ${h2}
-`;
-export const H3 = styled.div `
-  ${h3}
-`;
-export const H4 = styled.div `
-  ${h4}
-`;

package/Typography/ReadMore.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export declare type ReadMoreProps = React.ComponentPropsWithoutRef<"div"> & {
-    lines?: number;
-    lineHeight?: number;
-    fontSize?: number;
-    bg?: React.CSSProperties["background"];
-    /** @default "Expand" */
-    expand?: string;
-    /** @default "Collapse" */
-    collapse?: string;
-};
-export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => JSX.Element;

package/Typography/ReadMore.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useMemo } from "react";
-import styled from "styled-components";
-import { useIsomorphicLayoutEffect } from "react-use";
-import { m, useSpring } from "framer-motion";
-// import { CgArrowsExpandDownRight as IconExpand } from "react-icons/cg";
-const Root = styled.div ``;
-const Content = styled.div `
-  & p:first-child {
-    margin-top: 0;
-  }
-`;
-const BtnWrap = styled.span `
-  display: flex;
-  justify-content: flex-end;
-  transition: transform 0.18s ease-in-out;
-  text-align: right;
-  transform: translateY(${(p) => (p.$expanded ? "0" : "-100%")});
-  opacity: ${(p) => (p.$expanded ? 0 : 1)};
-`;
-const BtnFader = styled.div `
-  width: 30%;
-  transition: transform 0.18s ease-in-out;
-  background: linear-gradient(45deg, transparent 50%, ${(p) => p.$bg} 70%);
-`;
-const Btn = styled.span `
-  padding: 0 10px 0 10px;
-  line-height: ${(p) => (p.$lineHeight ? p.$lineHeight : "inherit")};
-  background: var(--bodyBg);
-  color: var(--grey600);
-  white-space: nowrap;
-  font-size: ${(p) => p.$fontSize}px;
-  cursor: pointer;
-`;
-const BtnIcon = styled.span `
-  display: inline-block;
-  margin: 0 0 0 4px;
-  transition: transform 0.18s ease-in-out;
-  ${(p) => (p.$expanded ? "transform: rotate(180deg);" : "")};
-  font-size: ${(p) => p.$fontSize}px;
-`;
-export const ReadMore = ({ lines = 3, lineHeight = 1.6, fontSize = 14, bg = "var(--bodyBg)", expand = "Expand", collapse = "Collapse", ...props }) => {
-    const defaultMaxHeight = lines * (lineHeight * fontSize);
-    const [expanded, setExpanded] = useState(false);
-    const [maxHeight, setMaxHeight] = useState(defaultMaxHeight);
-    const [fullHeight, setFullHeight] = useState(0);
-    const [exceeds, setExceeds] = useState(false);
-    const content = useRef(null);
-    const height = useSpring(defaultMaxHeight);
-    const styles = useMemo(() => (exceeds ? { height, overflow: "hidden" } : {}), [exceeds, height]);
-    const handleExpandClick = () => {
-        setExpanded((prevExpanded) => !prevExpanded);
-    };
-    useIsomorphicLayoutEffect(() => {
-        if (content.current) {
-            const elementHeight = content.current.offsetHeight;
-            const newExceeds = elementHeight > maxHeight;
-            if (!newExceeds) {
-                setMaxHeight(elementHeight);
-            }
-            setExceeds(newExceeds);
-            setFullHeight(elementHeight);
-        }
-    }, [content, maxHeight]);
-    useIsomorphicLayoutEffect(() => {
-        height.set(expanded ? fullHeight : maxHeight);
-    }, [expanded, height, fullHeight, maxHeight]);
-    return (_jsxs(Root, { children: [_jsx(m.div, { style: styles, children: _jsx(Content, { ref: content, ...props }) }), exceeds && (_jsxs(BtnWrap, { "$expanded": expanded, children: [_jsx(BtnFader, { "$bg": bg }), _jsxs(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, _jsx(BtnIcon, { "$expanded": expanded })] })] }))] }));
-};

package/Typography/TextLoop.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export declare type TextLoopPieceProps = React.PropsWithChildren<{
-    text: string | number;
-    direction?: "up" | "down";
-    inline?: boolean;
-    noOverflow?: boolean;
-    delay?: number;
-    className?: string;
-    style?: React.CSSProperties;
-}>;
-export declare const TextLoopPiece: ({ text, style, className, direction, inline, noOverflow, delay, }: TextLoopPieceProps) => JSX.Element;
-export declare type TextLoopPrpps = Omit<TextLoopPieceProps, "text"> & {
-    texts: string[];
-    interval?: number;
-};
-export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => JSX.Element;

package/Typography/TextLoop.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { m, AnimatePresence } from "framer-motion";
-export const TextLoopPiece = ({ text = "", style = {}, className = "", direction = "up", inline = true, noOverflow = true, delay = 400, }) => {
-    const placeholderRef = useRef(null);
-    const [content, setContent] = useState({ data: "", key: "" });
-    const [width, setWidth] = useState(inline ? 0 : "auto");
-    useEffect(() => {
-        const timeoutId = setTimeout(() => {
-            if (!placeholderRef.current)
-                return;
-            placeholderRef.current.innerHTML = text + "";
-            if (inline)
-                setWidth(placeholderRef.current.offsetWidth);
-            setContent({ data: text + "", key: new Date() + "" });
-        }, delay);
-        return () => clearTimeout(timeoutId);
-    }, [text, delay, inline]);
-    return (_jsxs("div", { className: className, style: {
-            ...style,
-            position: "relative",
-            display: inline ? "inline-block" : "block",
-            width,
-            whiteSpace: inline ? "nowrap" : "normal",
-        }, children: [_jsx("span", { ref: placeholderRef, style: { visibility: "hidden" } }), _jsx("div", { style: {
-                    overflow: noOverflow ? "hidden" : "visible",
-                    display: "block",
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    height: "100%",
-                    width: "100%",
-                }, children: _jsx(AnimatePresence, { children: _jsx(m.div, { style: { position: "absolute" }, initial: {
-                            opacity: 0,
-                            y: direction === "down" ? "-100%" : "100%",
-                        }, animate: { opacity: 1, y: 0 }, exit: {
-                            opacity: 0,
-                            y: direction === "down" ? "100%" : "-100%",
-                        }, children: content.data }, content.key) }) })] }));
-};
-export const TextLoop = ({ texts, interval = 3000, ...props }) => {
-    const [index, setIndex] = useState(0);
-    useEffect(() => {
-        const intervalId = setInterval(() => setIndex((index) => index + 1), interval // every 3 seconds
-        );
-        return () => clearTimeout(intervalId);
-    }, [interval]);
-    return _jsx(TextLoopPiece, { ...props, text: texts[index % texts.length] });
-};

package/Typography/TypeStairs.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare type TypeStairsProps = {
-    children: string;
-    limit?: number;
-};
-export declare const TypeStairs: import("react").ForwardRefExoticComponent<TypeStairsProps & import("react").RefAttributes<unknown>>;

package/Typography/TypeStairs.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
-export const TypeStairs = forwardRef(({ children, limit }, ref) => {
-    // split in rows or just use one row if there is no limit
-    const rows = limit ? splitTextIntoRows(children, limit) : [children];
-    return rows.length > 1 ? (_jsx(_Fragment, { children: rows.map((row, rowIndex) => {
-            return (_jsxs("span", { children: [renderRow(row, rowIndex, ref), rowIndex !== rows.length - 1 && _jsx("br", {})] }, `row-${rowIndex}`));
-        }) })) : (renderRow(rows[0], 0, ref));
-});
-/**
- * every number chars find a space and break, then restart the gradient weight
- * @see https://stackoverflow.com/a/25770787
- */
-function splitTextIntoRows(input = "", limit = 18) {
-    const rows = [];
-    const arr = input.split(" ");
-    let currow = arr[0];
-    let rowlen = currow.length;
-    for (let i = 1; i < arr.length; i++) {
-        const word = arr[i];
-        rowlen += word.length + 1;
-        if (rowlen <= limit) {
-            currow += " " + word;
-        }
-        else {
-            rows.push(currow);
-            currow = word;
-            rowlen = word.length;
-        }
-    }
-    rows.push(currow);
-    return rows;
-}
-function renderRow(row, rowIndex, ref) {
-    const letters = row.split("");
-    let fontWeightIdx = 1;
-    // const fontWeight = Math.min(fontWeightIdx * 100, 800);
-    return (_jsx(_Fragment, { children: letters.map((letter, letterIndex) => {
-            const fontWeight = Math.min(fontWeightIdx * 100, 800);
-            // don't waste a fontWeight for a white space
-            if (letter !== " ") {
-                fontWeightIdx++;
-            }
-            return (_jsx("span", { style: { fontWeight }, ref: ref, children: letter }, `letter-${rowIndex}-${letterIndex}`));
-        }) }));
-}

package/Typography/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./CopyPasteVisible";
-export * from "./Native";
-export * from "./ReadMore";
-export * from "./TextLoop";
-export * from "./TypeStairs";

package/Typography/index.js

@@ -1,5 +0,0 @@
-export * from "./CopyPasteVisible";
-export * from "./Native";
-export * from "./ReadMore";
-export * from "./TextLoop";
-export * from "./TypeStairs";

package/Typography/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Typography/index.js",
-  "types": "./index.d.ts"
-}

package/css/index.d.ts

@@ -1,2 +0,0 @@
-export * from "../shared";
-export { KoineDialog } from "../Dialog/css/bare";

package/css/index.js

@@ -1,30 +0,0 @@
-export * from "../shared";
-// export * from "../Alert";
-// export * from "../Animations";
-// export * from "../Autocomplete";
-// export * from "../Bg";
-// export * from "../Breadcrumbs";
-// export * from "../Buttons";
-// export * from "../Carousel";
-// export * from "../Collapsable";
-// export * from "../Debug";
-export { KoineDialog } from "../Dialog/css/bare";
-// export * from "../Forms";
-// export * from "../Grid";
-// export * from "../Hamburger";
-// export * from "../Header";
-// export * from "../Hidden";
-// export * from "../Img";
-// export * from "../Link";
-// export * from "../MenuItem";
-// export * from "../Pagination";
-// export * from "../Pill";
-// export * from "../Progress";
-// export * from "../Rating";
-// // export * from "../Select";
-// export * from "../Sidebar";
-// export * from "../Spacing";
-// export * from "../Sticky";
-// export * from "../styles";
-// export * from "../Tabs";
-// export * from "../Typography";

package/css/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/css/index.js",
-  "types": "./index.d.ts"
-}

package/helpers/classed.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-declare type ClassedAugmentedProps<Props> = Props & {
-    className?: string;
-    ref?: React.Ref<any>;
-};
-declare type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? 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 @see:
- *
- * - 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
- */
-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>>;
-export {};

package/helpers/classed.js

@@ -1,64 +0,0 @@
-import { createElement, forwardRef } from "react";
-/**
- * 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 @see:
- *
- * - 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
- */
-export function classed(component) {
-    // @ts-expect-error nevermind for now...
-    const type = component.type || component;
-    return function (strings, ...args) {
-        const WrappedComponent = forwardRef(function (props, ref) {
-            const argResolved = args
-                .map((arg, index) => {
-                let result = "";
-                if (typeof arg === "function") {
-                    result = arg(props);
-                }
-                else if (typeof arg !== "undefined") {
-                    result = arg.toString();
-                }
-                return strings[index] + result;
-            })
-                .join("");
-            const isNativeHtmlElement = typeof type === "string";
-            const propsToForward = isNativeHtmlElement
-                ? {}
-                : props;
-            if (isNativeHtmlElement) {
-                for (const key in props) {
-                    // like styled-components `transient` props
-                    if (!key.startsWith("$")) {
-                        propsToForward[key] = props[key];
-                    }
-                }
-            }
-            // get the tagged function string outcome
-            let className = argResolved || strings[0];
-            // check if we need to clean it or not from the optional structure `< class="..."`
-            className = className.match(/class="([^"]*)/)?.[1] || className;
-            // add the custom classes from props
-            className += props?.className ? " " + props?.className : "";
-            return createElement(type, {
-                // ...props,
-                ...propsToForward,
-                // only add ot props if it is not an empty string
-                className: className || undefined,
-                // add ref to props
-                ref,
-            });
-        });
-        // FIXME: not sure if this is needed
-        // WrappedComponent.displayName = type.toString();
-        return WrappedComponent; // as unknown as React.ReactElement<typeof props>;
-    };
-}

package/helpers/extend-component.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-export declare 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 & {
-    defaultProps: DefaultProps;
-};
-export interface OverridableComponents {
-    [key: string]: {
-        type: React.ElementType;
-        props: any;
-        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 declare 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"]>;
-};
-declare type HtmlAttributesCollidingWithMotionProps = "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd";
-export {};

package/helpers/extend-component.js

@@ -1,12 +0,0 @@
-import { createElement } from "react";
-export const extendComponent = (component, defaultProps) => {
-    // FIXME: check if we need to forwardRef or not
-    const NewComponent = (props) => createElement(component, props);
-    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
-    //   (props, ref) => createElement(component, { ...props, ref })
-    // );
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
-};

package/helpers/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./classed";
-export * from "./extend-component";
-export { type Simplify } from "type-fest";

package/helpers/index.js

@@ -1,2 +0,0 @@
-export * from "./classed";
-export * from "./extend-component";

package/helpers/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/helpers/index.js",
-  "types": "./index.d.ts"
-}

package/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./useDateLocale";
-export * from "./useFocus";
-export * from "./usePrevious";
-export * from "./useScrollPosition";
-export * from "./useTraceUpdate";
-export * from "./useWindowSize";

package/hooks/index.js

@@ -1,7 +0,0 @@
-export * from "./useDateLocale";
-export * from "./useFocus";
-export * from "./usePrevious";
-export * from "./useScrollPosition";
-// export * from "./useScrollTo";
-export * from "./useTraceUpdate";
-export * from "./useWindowSize";