@koine/react 2.0.0-beta.38 → 2.0.0-beta.39

package/Tabs/tw/material.d.ts

@@ -1,118 +0,0 @@
-export type { KoineTabsProps } from "./bare.js";
-export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
-export declare const List: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
-export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref">) & import("react").RefAttributes<any>>;
-export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
-export declare const KoineTabs: ((props: Omit<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-    mTab?: import("framer-motion").MotionProps | undefined;
-    children?: import("react").ReactNode;
-    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-    List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-    Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
-    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
-    List: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
-    Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
-    Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref">) & import("react").RefAttributes<any>>;
-    Panel: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
-} & {
-    defaultProps: {
-        Root: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
-        List: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
-        Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
-        Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref">) & import("react").RefAttributes<any>>;
-        Panel: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
-    };
-};

package/Tabs/tw/material.js

@@ -1,19 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { classed } from "../../classed.js";
-import { extendComponent } from "../../extendComponent.js";
-import { KoineTabs as _ } from "./bare.js";
-export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\""], ["< class=\""])));
-export var List = classed(_.List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"border-b-gray-200 border-b border-solid"], ["< class=\"border-b-gray-200 border-b border-solid"])));
-export var Tab = classed(_.Tab)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["< class=\"flex-col relative py-3 px-4 uppercase"], ["< class=\"flex-col relative py-3 px-4 uppercase"])));
-export var Indicator = classed(_.Indicator)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["< class=\"absolute bottom-0 w-full h-[2px] ", ""], ["< class=\"absolute bottom-0 w-full h-[2px] ", ""])), function (p) {
-    return p.selected ? "bg-current" : "";
-});
-export var Panel = classed(_.Panel)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["< class=\"tabsPanel"], ["< class=\"tabsPanel"])));
-export var KoineTabs = extendComponent(_, {
-    Root: Root,
-    List: List,
-    Tab: Tab,
-    Indicator: Indicator,
-    Panel: Panel,
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Tabs/useTabs.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export interface UseTabsProps {
-    value?: string | number | false;
-    defaultValue?: string | number | false;
-    orientation?: "horizontal" | "vertical";
-    direction?: "ltr" | "rtl";
-    onChange?: (event: React.SyntheticEvent, value: number | string) => void;
-    selectionFollowsFocus?: boolean;
-}
-export declare const useTabs: (props: UseTabsProps) => {
-    getRootProps: () => {};
-    tabsContextValue: {
-        idPrefix: string;
-        value: string | number | false;
-        onSelected: (event: React.SyntheticEvent, value: number | string) => void;
-        orientation: "horizontal" | "vertical" | undefined;
-        direction: "ltr" | "rtl" | undefined;
-        selectionFollowsFocus: boolean | undefined;
-    };
-};
-export default useTabs;

package/Tabs/useTabs.js

@@ -1,44 +0,0 @@
-import { __read } from "tslib";
-import useControlled from "@mui/utils/useControlled";
-import { useCallback, useId, useMemo } from "react";
-export var useTabs = function (props) {
-    var valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, orientation = props.orientation, direction = props.direction, selectionFollowsFocus = props.selectionFollowsFocus;
-    var _a = __read(useControlled({
-        controlled: valueProp,
-        default: defaultValue,
-        name: "Tabs",
-        state: "value",
-    }), 2), value = _a[0], setValue = _a[1];
-    var idPrefix = useId();
-    var onSelected = useCallback(function (e, newValue) {
-        setValue(newValue);
-        if (onChange) {
-            onChange(e, newValue);
-        }
-    }, [onChange, setValue]);
-    var getRootProps = function () {
-        return {};
-    };
-    var tabsContextValue = useMemo(function () {
-        return {
-            idPrefix: idPrefix,
-            value: value,
-            onSelected: onSelected,
-            orientation: orientation,
-            direction: direction,
-            selectionFollowsFocus: selectionFollowsFocus,
-        };
-    }, [
-        idPrefix,
-        value,
-        onSelected,
-        orientation,
-        direction,
-        selectionFollowsFocus,
-    ]);
-    return {
-        getRootProps: getRootProps,
-        tabsContextValue: tabsContextValue,
-    };
-};
-export default useTabs;

package/Typography/CopyPasteVisible.d.ts

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

package/Typography/CopyPasteVisible.js

@@ -1,4 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var CopyPasteVisible = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: transparent;\n  opacity: 0;\n  font-size: 0;\n"], ["\n  color: transparent;\n  opacity: 0;\n  font-size: 0;\n"])));
-var templateObject_1;

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: any;
-export declare const H1: any;
-export declare const H2: any;
-export declare const H3: any;
-export declare const H4: any;

package/Typography/Native.js

@@ -1,14 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-import { min } from "../styles/media.js";
-export var p = "\n  margin: 0 0 1em 0;\n";
-export var h1 = "\n  margin: 0 0 10px 0;\n  font-size: 30px;\n  font-weight: 800;\n  line-height: var(--headingsLineHeight);\n  ".concat(min.md, " {\n    font-size: 50px;\n  }\n");
-export var h2 = "\n  margin: 0 0 1em 0;\n  font-size: 24px;\n  font-weight: 800;\n  line-height: var(--headingsLineHeight);\n";
-export var h3 = "\n  margin: 0 0 1em 0;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export var h4 = "\n  margin: 0 0 1em 0;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export var P = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), p);
-export var H1 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), h1);
-export var H2 = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), h2);
-export var H3 = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), h3);
-export var H4 = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), h4);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Typography/ReadMore.d.ts

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

package/Typography/ReadMore.js

@@ -1,42 +0,0 @@
-import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { m, useSpring } from "framer-motion";
-import { useMemo, useRef, useState } from "react";
-import styled from "styled-components";
-import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
-var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var Content = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & p:first-child {\n    margin-top: 0;\n  }\n"], ["\n  & p:first-child {\n    margin-top: 0;\n  }\n"])));
-var BtnWrap = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  transition: transform 0.18s ease-in-out;\n  text-align: right;\n  transform: translateY(", ");\n  opacity: ", ";\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  transition: transform 0.18s ease-in-out;\n  text-align: right;\n  transform: translateY(", ");\n  opacity: ", ";\n"])), function (p) { return (p.$expanded ? "0" : "-100%"); }, function (p) { return (p.$expanded ? 0 : 1); });
-var BtnFader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 30%;\n  transition: transform 0.18s ease-in-out;\n  background: linear-gradient(45deg, transparent 50%, ", " 70%);\n"], ["\n  width: 30%;\n  transition: transform 0.18s ease-in-out;\n  background: linear-gradient(45deg, transparent 50%, ", " 70%);\n"])), function (p) { return p.$bg; });
-var Btn = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0 10px 0 10px;\n  line-height: ", ";\n  background: var(--bodyBg);\n  color: var(--grey600);\n  white-space: nowrap;\n  font-size: ", "px;\n  cursor: pointer;\n"], ["\n  padding: 0 10px 0 10px;\n  line-height: ", ";\n  background: var(--bodyBg);\n  color: var(--grey600);\n  white-space: nowrap;\n  font-size: ", "px;\n  cursor: pointer;\n"])), function (p) { return (p.$lineHeight ? p.$lineHeight : "inherit"); }, function (p) { return p.$fontSize; });
-var BtnIcon = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n  margin: 0 0 0 4px;\n  transition: transform 0.18s ease-in-out;\n  ", ";\n  font-size: ", "px;\n"], ["\n  display: inline-block;\n  margin: 0 0 0 4px;\n  transition: transform 0.18s ease-in-out;\n  ", ";\n  font-size: ", "px;\n"])), function (p) { return (p.$expanded ? "transform: rotate(180deg);" : ""); }, function (p) { return p.$fontSize; });
-export var ReadMore = function (_a) {
-    var _b = _a.lines, lines = _b === void 0 ? 3 : _b, _c = _a.lineHeight, lineHeight = _c === void 0 ? 1.6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 14 : _d, _e = _a.bg, bg = _e === void 0 ? "var(--bodyBg)" : _e, _f = _a.expand, expand = _f === void 0 ? "Expand" : _f, _g = _a.collapse, collapse = _g === void 0 ? "Collapse" : _g, props = __rest(_a, ["lines", "lineHeight", "fontSize", "bg", "expand", "collapse"]);
-    var defaultMaxHeight = lines * (lineHeight * fontSize);
-    var _h = __read(useState(false), 2), expanded = _h[0], setExpanded = _h[1];
-    var _j = __read(useState(defaultMaxHeight), 2), maxHeight = _j[0], setMaxHeight = _j[1];
-    var _k = __read(useState(0), 2), fullHeight = _k[0], setFullHeight = _k[1];
-    var _l = __read(useState(false), 2), exceeds = _l[0], setExceeds = _l[1];
-    var content = useRef(null);
-    var height = useSpring(defaultMaxHeight);
-    var styles = useMemo(function () { return (exceeds ? { height: height, overflow: "hidden" } : {}); }, [exceeds, height]);
-    var handleExpandClick = function () {
-        setExpanded(function (prevExpanded) { return !prevExpanded; });
-    };
-    useIsomorphicLayoutEffect(function () {
-        if (content.current) {
-            var elementHeight = content.current.offsetHeight;
-            var newExceeds = elementHeight > maxHeight;
-            if (!newExceeds) {
-                setMaxHeight(elementHeight);
-            }
-            setExceeds(newExceeds);
-            setFullHeight(elementHeight);
-        }
-    }, [content, maxHeight]);
-    useIsomorphicLayoutEffect(function () {
-        height.set(expanded ? fullHeight : maxHeight);
-    }, [expanded, height, fullHeight, maxHeight]);
-    return (_jsxs(Root, { children: [_jsx(m.div, { style: styles, children: _jsx(Content, __assign({ 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 })] })] }))] }));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Typography/TextLoop.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export 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) => import("react/jsx-runtime").JSX.Element;
-export type TextLoopPrpps = Omit<TextLoopPieceProps, "text"> & {
-    texts: string[];
-    interval?: number;
-};
-export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => import("react/jsx-runtime").JSX.Element;

package/Typography/TextLoop.js

@@ -1,45 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatePresence, m } from "framer-motion";
-import { useEffect, useRef, useState } from "react";
-export var TextLoopPiece = function (_a) {
-    var _b = _a.text, text = _b === void 0 ? "" : _b, _c = _a.style, style = _c === void 0 ? {} : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.direction, direction = _e === void 0 ? "up" : _e, _f = _a.inline, inline = _f === void 0 ? true : _f, _g = _a.noOverflow, noOverflow = _g === void 0 ? true : _g, _h = _a.delay, delay = _h === void 0 ? 400 : _h;
-    var placeholderRef = useRef(null);
-    var _j = __read(useState({ data: "", key: "" }), 2), content = _j[0], setContent = _j[1];
-    var _k = __read(useState(inline ? 0 : "auto"), 2), width = _k[0], setWidth = _k[1];
-    useEffect(function () {
-        var timeoutId = setTimeout(function () {
-            if (!placeholderRef.current)
-                return;
-            placeholderRef.current.innerHTML = text + "";
-            if (inline)
-                setWidth(placeholderRef.current.offsetWidth);
-            setContent({ data: text + "", key: new Date() + "" });
-        }, delay);
-        return function () { return clearTimeout(timeoutId); };
-    }, [text, delay, inline]);
-    return (_jsxs("div", { className: className, style: __assign(__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: 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 var TextLoop = function (_a) {
-    var texts = _a.texts, _b = _a.interval, interval = _b === void 0 ? 3000 : _b, props = __rest(_a, ["texts", "interval"]);
-    var _c = __read(useState(0), 2), index = _c[0], setIndex = _c[1];
-    useEffect(function () {
-        var intervalId = setInterval(function () { return setIndex(function (index) { return index + 1; }); }, interval);
-        return function () { return clearTimeout(intervalId); };
-    }, [interval]);
-    return _jsx(TextLoopPiece, __assign({}, props, { text: texts[index % texts.length] }));
-};

package/Typography/TypeStairs.d.ts

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

package/Typography/TypeStairs.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
-export var TypeStairs = forwardRef(function (_a, ref) {
-    var children = _a.children, limit = _a.limit;
-    var rows = limit ? splitTextIntoRows(children, limit) : [children];
-    return rows.length > 1 ? (_jsx(_Fragment, { children: rows.map(function (row, rowIndex) {
-            return (_jsxs("span", { children: [renderRow(row, rowIndex, ref), rowIndex !== rows.length - 1 && _jsx("br", {})] }, "row-".concat(rowIndex)));
-        }) })) : (renderRow(rows[0], 0, ref));
-});
-function splitTextIntoRows(input, limit) {
-    if (input === void 0) { input = ""; }
-    if (limit === void 0) { limit = 18; }
-    var rows = [];
-    var arr = input.split(" ");
-    var currow = arr[0];
-    var rowlen = currow.length;
-    for (var i = 1; i < arr.length; i++) {
-        var 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) {
-    var letters = row.split("");
-    var fontWeightIdx = 1;
-    return (_jsx(_Fragment, { children: letters.map(function (letter, letterIndex) {
-            var fontWeight = Math.min(fontWeightIdx * 100, 800);
-            if (letter !== " ") {
-                fontWeightIdx++;
-            }
-            return (_jsx("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
-        }) }));
-}

package/Typography/index.d.ts

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

package/Typography/index.js

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

package/calendar/CalendarDaygridCell.js

@@ -1,48 +0,0 @@
-import { __assign, __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, useState } from "react";
-import { getDisplayTime } from "./utils.js";
-var IconExpand = function (props) {
-    return (_jsxs("svg", __assign({ viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, props, { children: [_jsx("path", { d: "M0 0h24v24H0z" }), _jsx("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })] })));
-};
-var styleBtn = {
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    textOverflow: "ellipsis",
-};
-export var CalendarDaygridCell = function (_a) {
-    var eventClicked = _a.eventClicked, setEventClicked = _a.setEventClicked, setEventHovered = _a.setEventHovered, view = _a.view, maxEvents = _a.maxEvents, events = _a.events, calendarsMap = _a.calendarsMap, _b = _a.Cell, Cell = _b === void 0 ? "div" : _b, _c = _a.CellOverflow, CellOverflow = _c === void 0 ? "div" : _c, _d = _a.CellEvent, CellEvent = _d === void 0 ? "div" : _d, _e = _a.CellEventBtn, CellEventBtn = _e === void 0 ? "div" : _e, _f = _a.CellEventTitle, CellEventTitle = _f === void 0 ? "span" : _f, _g = _a.CellEventStart, CellEventStart = _g === void 0 ? "span" : _g;
-    var _h = __read(useState(false), 2), isExpanded = _h[0], expand = _h[1];
-    var eventsWithoutPlaceholders = events.filter(function (event) { return !event.placeholder; });
-    return (_jsx(Cell, { children: events.map(function (event, i) {
-            if (i === maxEvents && !isExpanded) {
-                return (_jsxs(CellOverflow, { onClick: function () { return expand(true); }, children: [_jsx(IconExpand, {}), eventsWithoutPlaceholders.length - maxEvents] }, "overflowMessage" + i));
-            }
-            if (i > maxEvents && !isExpanded)
-                return null;
-            if (event.placeholder) {
-                return (_jsx(Fragment, { children: _jsx(CellEvent, { "$placeholder": true, children: _jsx(CellEventBtn, { "aria-hidden": "true", style: { visibility: "hidden" }, "$placeholder": true, children: _jsx(CellEventTitle, { children: "\u00A0" }) }) }) }, event.key));
-            }
-            var styleEvent = {
-                zIndex: event.firstOfMulti ? 1 : 0,
-                position: "relative",
-                width: event.firstOfMulti ? "".concat(100 * event.width, "%") : "100%",
-            };
-            if (!calendarsMap[event.calendar.id].on) {
-                styleBtn.display = "none";
-            }
-            var styledProps = {
-                $view: view,
-                $selected: (eventClicked === null || eventClicked === void 0 ? void 0 : eventClicked.uid) === event.uid,
-                $past: event.isPast,
-                $color: event.color,
-                $isOutOfRange: event.$isOutOfRange,
-                $isToday: event.$isToday,
-            };
-            return (_jsx(Fragment, { children: _jsx(CellEvent, __assign({ style: styleEvent }, styledProps, { children: _jsx(CellEventBtn, __assign({ role: "button", style: styleBtn }, styledProps, { onClick: function () {
-                            return setEventClicked(function (prev) {
-                                return (prev === null || prev === void 0 ? void 0 : prev.uid) === event.uid ? null : event;
-                            });
-                        }, onMouseEnter: function () { return setEventHovered(event); }, onMouseLeave: function () { return setEventHovered(null); }, children: event.allDay ? (_jsx(CellEventTitle, { children: event.title })) : (_jsxs(_Fragment, { children: [_jsx(CellEventStart, { children: getDisplayTime(event.start) }), _jsx(CellEventTitle, { children: event.title })] })) })) })) }, event.key));
-        }) }));
-};

package/calendar/CalendarDaygridNav.js

@@ -1,24 +0,0 @@
-import { __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { format } from "date-fns/format";
-import { useDateLocale } from "../useDateLocale.js";
-export var KoineCalendarDaygridNav = function (_a) {
-    var range = _a.range, view = _a.view, todayInView = _a.todayInView, handlePrev = _a.handlePrev, handleNext = _a.handleNext, handleToday = _a.handleToday, handleView = _a.handleView, localeCode = _a.locale, _b = _a.NavRoot, NavRoot = _b === void 0 ? "nav" : _b, _c = _a.NavTitle, NavTitle = _c === void 0 ? "div" : _c, _d = _a.NavBtns, NavBtns = _d === void 0 ? "div" : _d, _e = _a.NavBtnPrev, NavBtnPrev = _e === void 0 ? "button" : _e, _f = _a.NavBtnNext, NavBtnNext = _f === void 0 ? "button" : _f, _g = _a.NavBtnToday, NavBtnToday = _g === void 0 ? "button" : _g, _h = _a.NavBtnViewMonth, NavBtnViewMonth = _h === void 0 ? "button" : _h, _j = _a.NavBtnViewWeek, NavBtnViewWeek = _j === void 0 ? "button" : _j;
-    var _k = __read(range, 2), start = _k[0], end = _k[1];
-    var locale = useDateLocale(localeCode);
-    var opts = { locale: locale };
-    var formatted = "";
-    if (view === "month") {
-        formatted = format(start, "MMMM yyyy", opts);
-    }
-    if (view === "week") {
-        var inSameMonth = start.getMonth() === end.getMonth();
-        if (inSameMonth) {
-            formatted = format(start, "# MMMM yyyy", opts).replace("#", "".concat(start.getDate(), "-").concat(end.getDate()));
-        }
-        else {
-            formatted = "".concat(format(start, "d MMMM", opts), " - ").concat(format(end, "d MMMM yyyy", opts));
-        }
-    }
-    return (_jsxs(NavRoot, { children: [_jsxs(NavBtns, { children: [_jsx(NavBtnPrev, { onClick: handlePrev }), _jsx(NavBtnNext, { onClick: handleNext }), _jsx(NavBtnToday, { onClick: handleToday, disabled: todayInView }), _jsx(NavBtnViewMonth, { onClick: function () { return handleView("month"); }, disabled: view === "month" }), _jsx(NavBtnViewWeek, { onClick: function () { return handleView("week"); }, disabled: view === "week" })] }), _jsx(NavTitle, { range: range, formatted: formatted })] }));
-};

package/calendar/CalendarDaygridTable.js

@@ -1,45 +0,0 @@
-import { __assign, __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { eachWeekOfInterval } from "date-fns/eachWeekOfInterval";
-import { useEffect, useMemo, useState } from "react";
-import { useSwipeable } from "react-swipeable";
-import { useDateLocale } from "../useDateLocale.js";
-import { CalendarDaygridCell, } from "./CalendarDaygridCell.js";
-import { processEventsInView } from "./utils.js";
-function getView(range) {
-    var _a = __read(range, 2), start = _a[0], end = _a[1];
-    var weeks = eachWeekOfInterval({ start: start, end: end }, { weekStartsOn: 1 });
-    return {
-        month: start.getMonth(),
-        weeks: weeks,
-    };
-}
-export var KoineCalendarDaygridTable = function (_a) {
-    var localeCode = _a.locale, handlePrev = _a.handlePrev, handleNext = _a.handleNext, events = _a.events, dayLabels = _a.dayLabels, view = _a.view, range = _a.range, eventClicked = _a.eventClicked, setEventClicked = _a.setEventClicked, eventHovered = _a.eventHovered, setEventHovered = _a.setEventHovered, _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, _c = _a.maxEvents, maxEvents = _c === void 0 ? 5 : _c, _d = _a.Table, Table = _d === void 0 ? "table" : _d, _e = _a.TableHead, TableHead = _e === void 0 ? "thead" : _e, _f = _a.TableHeadCell, TableHeadCell = _f === void 0 ? "th" : _f, _g = _a.TableBody, TableBody = _g === void 0 ? "tbody" : _g, _h = _a.TableBodyRow, TableBodyRow = _h === void 0 ? "tr" : _h, _j = _a.TableBodyCell, TableBodyCell = _j === void 0 ? "td" : _j, _k = _a.TableBodyCellDate, TableBodyCellDate = _k === void 0 ? "div" : _k, Cell = _a.Cell, CellOverflow = _a.CellOverflow, CellEvent = _a.CellEvent, CellEventBtn = _a.CellEventBtn, CellEventTitle = _a.CellEventTitle, CellEventStart = _a.CellEventStart;
-    var restKoine = {
-        Cell: Cell,
-        CellOverflow: CellOverflow,
-        CellEvent: CellEvent,
-        CellEventBtn: CellEventBtn,
-        CellEventTitle: CellEventTitle,
-        CellEventStart: CellEventStart,
-    };
-    var _l = __read(useState(dayLabels || [0, 1, 2, 3, 4, 5, 6]), 2), days = _l[0], setDays = _l[1];
-    var _m = __read(useState([]), 2), weeksEvents = _m[0], setWeeksEvents = _m[1];
-    var locale = useDateLocale(localeCode);
-    var _o = useMemo(function () { return getView(range); }, [range]), month = _o.month, weeks = _o.weeks;
-    var swipeableHandlers = useSwipeable({
-        onSwipedLeft: handleNext,
-        onSwipedRight: handlePrev,
-    });
-    useEffect(function () {
-        setWeeksEvents(processEventsInView(events, view, month, weeks));
-    }, [events, view, month, weeks]);
-    useEffect(function () {
-        if (locale && locale.localize && !dayLabels) {
-            setDays([1, 2, 3, 4, 5, 6, 0].map(function (i) { return locale.localize.day(i, { width: "abbreviated" }); }));
-        }
-    }, [locale, dayLabels]);
-    return (_jsxs(Table, __assign({}, swipeableHandlers, { children: [_jsx(TableHead, { children: _jsx("tr", { children: days.map(function (day) { return (_jsx(TableHeadCell, { scope: "column", children: day }, day)); }) }) }), _jsx(TableBody, { children: weeksEvents.map(function (week, i) { return (_jsx(TableBodyRow, __assign({}, week.props, { children: week.days.map(function (day) { return (_jsxs(TableBodyCell, __assign({}, day.props, { children: [_jsx(TableBodyCellDate, __assign({}, day.props, { children: day.label })), day.events.length > 0 && (_jsx(CalendarDaygridCell, __assign({ eventClicked: eventClicked, setEventClicked: setEventClicked, eventHovered: eventHovered, setEventHovered: setEventHovered, view: view, maxEvents: maxEvents, events: day.events,
-                                timestamp: day.timestamp, calendarsMap: calendarsMap }, restKoine)))] }))); }) }))); }) })] })));
-};

package/calendar/CalendarLegend.js

@@ -1,9 +0,0 @@
-import { __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export var KoineCalendarLegend = function (_a) {
-    var _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, toggleCalendarVisibility = _a.toggleCalendarVisibility, _c = _a.LegendItem, LegendItem = _c === void 0 ? "div" : _c, _d = _a.LegendItemStatus, LegendItemStatus = _d === void 0 ? "span" : _d, _e = _a.LegendItemLabel, LegendItemLabel = _e === void 0 ? "span" : _e, _f = _a.LegendItemEvents, LegendItemEvents = _f === void 0 ? "span" : _f;
-    return (_jsx(_Fragment, { children: Object.entries(calendarsMap).map(function (_a) {
-            var _b = __read(_a, 2), id = _b[0], calendar = _b[1];
-            return (_jsxs(LegendItem, { onClick: function () { return toggleCalendarVisibility(id); }, "$color": calendar.color, "$empty": calendar.events === 0, disabled: calendar.events === 0, children: [_jsx(LegendItemStatus, { children: calendar.on ? "\u2b24" : "\u2b58" }), _jsx(LegendItemLabel, { children: calendar.name }), _jsx(LegendItemEvents, { children: calendar.events })] }, "CalendarLegend." + id));
-        }) }));
-};