@koine/react 1.0.9 → 1.0.10

package/Collapsable/CollapsableReach.js

@@ -1,135 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @file
- *
- * Maybe do a simplified version following this example:
- * https://codesandbox.io/s/framer-motion-accordion-qx958?file=/src/Example.tsx
- */
-import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from "react";
-import styled from "styled-components";
-import { m } from "framer-motion";
-import { Disclosure, DisclosureButton, DisclosurePanel, } from "@reach/disclosure";
-import { BsBoxArrowInDown as IconCollapse } from "react-icons/bs";
-import { btnStyleReset } from "../Buttons";
-import { useWindowSize } from "../hooks/useWindowSize";
-import { InputInvisible } from "../Forms/styles";
-/**
- * `overflow-anchor: none;` keeps the same scrolling position
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Accordion/Accordion.js#L54
- */
-export const CollapsableRoot = styled(Disclosure) `
-  overflow-anchor: none;
-`;
-export const CollapsableHeadRoot = styled(m.label).attrs((props) => ({
-    htmlFor: `${props.id}-input`,
-})) `
-  ${btnStyleReset}
-  width: 100%;
-  padding: 0;
-  text-align: left;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-`;
-export const CollapsableHeadSpace = styled.div `
-  flex: 1;
-  padding-left: 20px;
-`;
-export const CollapsableHeadAction = styled.div `
-  padding-left: 20px;
-`;
-export const CollaspableHeadLine = styled(m.div) `
-  width: 0%;
-  height: 1px;
-  background: #bbb;
-`;
-export const collapsableHeadLineMotion = {
-    hover: {
-        width: "100%",
-        transition: {
-            duration: 0.4,
-        },
-    },
-};
-export const CollapsableHeadText = styled.div ``;
-export const CollapsableHeadIcon = styled(m.div) ``;
-export const CollapsableHead = ({ $expanded, id, onClick, HeadRoot = CollapsableHeadRoot, HeadAction = CollapsableHeadAction, HeadIcon = CollapsableHeadIcon, children, }) => {
-    return (_jsxs(DisclosureButton, { onClick: onClick, 
-        // tabIndex={0}
-        // role="tab"
-        initial: "rest", whileHover: "hover", "$expanded": $expanded, as: HeadRoot, id: id, children: [_jsx(CollapsableHeadText, { children: children }), _jsx(CollapsableHeadSpace, { children: _jsx(CollaspableHeadLine, { variants: collapsableHeadLineMotion, animate: $expanded ? "hover" : "" }) }), HeadAction && (_jsx(HeadAction, { children: HeadIcon && (_jsx(HeadIcon, { animate: { rotate: $expanded ? 180 : 0 }, children: _jsx(IconCollapse, {}) })) }))] }));
-};
-export const CollapsableInput = styled(InputInvisible).attrs({
-    type: "checkbox",
-}) ``;
-export const CollasableBodyWrap = styled(DisclosurePanel) `
-  /* this is because @reach adds the "hidden" attribute */
-
-  &[hidden] {
-    display: block;
-  }
-`;
-export const CollapsableBodyRoot = styled(m.div) `
-  .no-js & {
-    transition: margin-top 0.2s ease;
-  }
-  .no-js ${CollapsableInput}:checked + ${CollasableBodyWrap} & {
-    margin-top: 0 !important;
-    opacity: 1 !important;
-  }
-`;
-export const CollapsableBody = forwardRef(function CollapsableBody(props, ref) {
-    return _jsx(CollapsableBodyRoot, { ref: ref, ...props });
-});
-export const Collapsable = ({ expanded: propExpanded, recalc, onChange, id, head, body, 
-// autoCollapse,
-components = {}, ariaExpand = "Expand", ariaCollapse = "Collapse", ...props }) => {
-    const isControlled = typeof propExpanded !== "undefined";
-    const [stateExpanded, setStateExpanded] = useState(propExpanded);
-    const [height, setHeight] = useState(0);
-    const hash = id ? `#${id}` : "";
-    const winSize = useWindowSize();
-    const expanded = isControlled ? propExpanded : stateExpanded;
-    const [overflow, setOverflow] = useState(expanded ? "unset" : "hidden");
-    const content = useRef(null);
-    const defaultId = useId();
-    id = id || defaultId;
-    const handleClick = useCallback(() => {
-        if (hash) {
-            window.history.replaceState(null, "", expanded ? window.location.pathname + window.location.search : hash);
-        }
-        if (onChange) {
-            onChange();
-        }
-        if (!isControlled) {
-            setStateExpanded((prevExpanded) => !prevExpanded);
-        }
-    }, [expanded, hash, onChange, isControlled]);
-    const handleAnimationStart = useCallback(() => {
-        setOverflow("hidden");
-    }, []);
-    const handleAnimationComplete = useCallback(() => {
-        setOverflow(expanded ? "unset" : "hidden");
-    }, [expanded]);
-    useEffect(() => {
-        if (content.current) {
-            setHeight(Math.ceil(content.current.offsetHeight));
-        }
-    }, [winSize, recalc]);
-    // deeplink on mount
-    useEffect(() => {
-        if (!isControlled && hash && window.location.hash === hash) {
-            setStateExpanded(true);
-        }
-    }, [hash, isControlled]);
-    return (_jsxs(CollapsableRoot, { id: id, ...props, open: expanded || false, children: [head !== null && (_jsx(CollapsableHead, { id: id, "$expanded": expanded, onClick: handleClick, ...components, children: head })), _jsx(CollapsableInput, { id: `${id}-input` }), _jsx(CollasableBodyWrap, { "$expanded": expanded, style: { overflow }, children: _jsx(CollapsableBody, { ref: content, "$expanded": expanded, 
-                    // aria-expanded={expanded}
-                    // aria-label={expanded ? ariaCollapse : ariaExpand}
-                    style: {
-                        pointerEvents: expanded ? "all" : "none",
-                    }, onAnimationStart: handleAnimationStart, onAnimationComplete: handleAnimationComplete, animate: {
-                        marginTop: expanded ? 0 : height ? `-${height}px` : "-100vh",
-                        opacity: expanded ? 1 : 0.4,
-                    }, children: body }) })] }));
-};

package/Collapsable/index.d.ts

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

package/Collapsable/index.js

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

package/Collapsable/package.json

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

package/Debug/Debug.d.ts

@@ -1,4 +0,0 @@
-export declare type DebugProps = {
-    data: object;
-};
-export declare const Debug: ({ data }: DebugProps) => JSX.Element;

package/Debug/Debug.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-const Root = styled.div `
-  background: #f4f4f4;
-  border: 1px solid #ddd;
-  border-left: 3px solid #f36d33;
-  color: #666;
-  page-break-inside: avoid;
-  font-family: monospace;
-  font-size: small;
-  line-height: 1.6;
-  margin-bottom: 1.6em;
-  max-width: 100%;
-  overflow: auto;
-  padding: 1em 1.5em;
-  display: block;
-  word-wrap: break-word;
-`;
-export const Debug = ({ data }) => {
-    return _jsx(Root, { children: JSON.stringify(data, undefined, 2) });
-};

package/Debug/index.d.ts

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

package/Debug/index.js

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

package/Debug/package.json

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

package/Dialog/DialogMui.d.ts

@@ -1,139 +0,0 @@
-import React from "react";
-import ModalUnstyled, { type ModalUnstyledProps } from "@mui/base/ModalUnstyled";
-import { type MotionProps } from "framer-motion";
-import { type WithComponents, type Simplify } from "../helpers";
-declare type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "components" | "componentsProps">;
-export declare type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps & {
-    onClose: (event: object, reason?: string) => any;
-    title?: string;
-    /** @default true */
-    /** @default false */
-    $scrollPaper?: boolean;
-    mBackdrop?: MotionProps;
-    mPaper?: MotionProps;
-}>;
-export declare type Components = {
-    Root: {
-        type: typeof ModalUnstyled;
-        props: React.PropsWithChildren<ReducedModalUnstyledProps>;
-    };
-    Backdrop: {
-        type: "div";
-        props: ModalUnstyledProps["BackdropProps"] & {
-            open?: OwnProps["open"];
-        };
-        motionable: true;
-    };
-    Container: {
-        type: "div";
-        props: React.PropsWithChildren<Pick<OwnProps, "$scrollPaper">>;
-    };
-    Paper: {
-        type: "div";
-        props: React.PropsWithChildren<{
-            "aria-label": string;
-        } & Pick<OwnProps, "$scrollPaper">>;
-        motionable: true;
-    };
-    Close: {
-        type: "button";
-        props: React.PropsWithChildren<{
-            onClick: OwnProps["onClose"];
-        }>;
-    };
-    Header: {
-        type: "div";
-        props: React.PropsWithChildren<{}>;
-    };
-    Body: {
-        type: "div";
-        props: React.PropsWithChildren<{}>;
-    };
-};
-export declare type ComponentsProps = {
-    [Name in keyof Components]: Components[Name]["props"];
-};
-export declare type Props = Simplify<WithComponents<OwnProps, Components>>;
-export declare type DialogProps = Props;
-export declare type KoineDialogProps = Props;
-export declare const Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
-export declare const Backdrop: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-} & {
-    open?: boolean | undefined;
-}>;
-export declare const Container: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & Pick<OwnProps, "$scrollPaper"> & {
-    children?: React.ReactNode;
-}>;
-export declare const Paper: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-    "aria-label": string;
-} & Pick<OwnProps, "$scrollPaper"> & {
-    children?: React.ReactNode;
-}>;
-export declare const Close: React.ElementType<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
-    onClick: OwnProps["onClose"];
-} & {
-    children?: React.ReactNode;
-}>;
-export declare const Header: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    children?: React.ReactNode;
-}>;
-export declare const Body: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    children?: React.ReactNode;
-}>;
-export declare const KoineDialog: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
-    Backdrop: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    } & {
-        open?: boolean | undefined;
-    }>;
-    Container: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & Pick<OwnProps, "$scrollPaper"> & {
-        children?: React.ReactNode;
-    }>;
-    Paper: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-        "aria-label": string;
-    } & Pick<OwnProps, "$scrollPaper"> & {
-        children?: React.ReactNode;
-    }>;
-    Close: React.ElementType<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
-        onClick: OwnProps["onClose"];
-    } & {
-        children?: React.ReactNode;
-    }>;
-    Header: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        children?: React.ReactNode;
-    }>;
-    Body: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        children?: React.ReactNode;
-    }>;
-} & {
-    defaultProps: {
-        Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
-        Backdrop: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        } & {
-            open?: boolean | undefined;
-        }>;
-        Container: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & Pick<OwnProps, "$scrollPaper"> & {
-            children?: React.ReactNode;
-        }>;
-        Paper: React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-            "aria-label": string;
-        } & Pick<OwnProps, "$scrollPaper"> & {
-            children?: React.ReactNode;
-        }>;
-        Close: React.ElementType<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
-            onClick: OwnProps["onClose"];
-        } & {
-            children?: React.ReactNode;
-        }>;
-        Header: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-            children?: React.ReactNode;
-        }>;
-        Body: React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-            children?: React.ReactNode;
-        }>;
-    };
-};
-export {};

package/Dialog/DialogMui.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef } from "react";
-import ModalUnstyled from "@mui/base/ModalUnstyled";
-import { MdClear as IconClose } from "react-icons/md";
-import { extendComponent, } from "../helpers";
-export const Root = ModalUnstyled;
-export const Backdrop = "div";
-export const Container = "div";
-export const Paper = "div";
-export const Close = "button";
-export const Header = "div";
-export const Body = "div";
-// const Dialog = ({
-//   children,
-//   title,
-//   $scrollPaper,
-//   Root: _Root,
-//   Backdrop: _Backdrop,
-//   Container: _Container,
-//   Paper: _Paper,
-//   Close: _Close,
-//   Header: _Header,
-//   Body: _Body,
-//   ...props
-// }: KoineDialogProps) => (
-//   <Root BackdropComponent={Backdrop} onBackdropClick={props.onClose} {...props}>
-//     <Container $scrollPaper={$scrollPaper}>
-//       <Paper aria-label={title || ""} $scrollPaper={$scrollPaper}>
-//         {title && <Header>{title}</Header>}
-//         <Close onClick={props.onClose}>
-//           <IconClose />
-//         </Close>
-//         <Body>{children}</Body>
-//       </Paper>
-//     </Container>
-//   </Root>
-// );
-/**
- *
- * Main differences from [Mui Dialog](https://mui.com/material-ui/react-dialog):
- *
- * - By default uses `scroll="body"` instead of paper.
- * - Optionally uses `framer-motion` for animations
- * - Uses backdrop blur by default
- *
- * FIXME: it actually works even without forwardRef, check if we do need it
- */
-const DialogWithRef = forwardRef(function Dialog({ children, title, $scrollPaper, Root: _Root, Backdrop: _Backdrop, Container: _Container, Paper: _Paper, Close: _Close, Header: _Header, Body: _Body, onClose, ...props }, ref) {
-    // click handling is taken from
-    // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
-    const backdropClick = useRef();
-    const handleMouseDown = (event) => {
-        // We don't want to close the dialog when clicking the dialog content.
-        // Make sure the event starts and ends on the same DOM element.
-        backdropClick.current = event.target === event.currentTarget;
-    };
-    const handleBackdropClick = (event) => {
-        // Ignore the events not coming from the "backdrop".
-        if (!backdropClick.current) {
-            return;
-        }
-        backdropClick.current = null;
-        // if (onBackdropClick) onBackdropClick(event);
-        if (onClose) {
-            onClose(event, "backdropClick");
-        }
-    };
-    return (_jsx(Root, { BackdropComponent: Backdrop, onClick: handleBackdropClick, onClose: onClose, ref: ref, ...props, children: _jsx(Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: _jsxs(Paper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && _jsx(Header, { children: title }), _jsx(Close, { onClick: onClose, children: _jsx(IconClose, {}) }), _jsx(Body, { children: children })] }) }) }));
-});
-export const KoineDialog = extendComponent(DialogWithRef, {
-    Root,
-    Backdrop,
-    Container,
-    Paper,
-    Close,
-    Header,
-    Body,
-});

package/Dialog/css/bare.d.ts

@@ -1,145 +0,0 @@
-/// <reference types="react" />
-import * as _ from "../DialogMui";
-export declare const Root: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
-export declare const Backdrop: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & {
-    open?: boolean | undefined;
-}>>>;
-export declare const Container: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
-    children?: import("react").ReactNode;
-}>>>;
-export declare const Paper: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-    "aria-label": string;
-} & Pick<_.OwnProps, "$scrollPaper"> & {
-    children?: import("react").ReactNode;
-}>>>;
-export declare const Close: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    onClick: (event: object, reason?: string | undefined) => any;
-} & {
-    children?: import("react").ReactNode;
-}>>>;
-export declare const Header: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    children?: import("react").ReactNode;
-}>>>;
-export declare const Body: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    children?: import("react").ReactNode;
-}>>>;
-export declare const KoineDialog: ((props: Pick<import("type-fest/source/simplify").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
-    Backdrop: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    } & {
-        open?: boolean | undefined;
-    }>>>;
-    Container: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    }>>>;
-    Paper: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-        "aria-label": string;
-    } & Pick<_.OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    }>>>;
-    Close: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-        onClick: (event: object, reason?: string | undefined) => any;
-    } & {
-        children?: import("react").ReactNode;
-    }>>>;
-    Header: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-        children?: import("react").ReactNode;
-    }>>>;
-    Body: import("react").ForwardRefExoticComponent<Pick<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-        children?: import("react").ReactNode;
-    }>>>;
-} & {
-    defaultProps: {
-        Root: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
-        Backdrop: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        } & {
-            open?: boolean | undefined;
-        }>>>;
-        Container: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        }>>>;
-        Paper: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-            "aria-label": string;
-        } & Pick<_.OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        }>>>;
-        Close: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-            onClick: (event: object, reason?: string | undefined) => any;
-        } & {
-            children?: import("react").ReactNode;
-        }>>>;
-        Header: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-            children?: import("react").ReactNode;
-        }>>>;
-        Body: import("react").ForwardRefExoticComponent<Pick<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-            children?: import("react").ReactNode;
-        }>>>;
-    };
-};

package/Dialog/css/bare.js

@@ -1,19 +0,0 @@
-import { classed, extendComponent } from "../../helpers";
-import * as _ from "../DialogMui";
-// export type { KoineDialogProps } from "../DialogMui";
-export const Root = classed(_.Root) `dialog`;
-export const Backdrop = classed(_.Backdrop) `dialogBackdrop`;
-export const Container = classed(_.Container) `dialogContainer`;
-export const Paper = classed(_.Paper) `dialogPaper`;
-export const Close = classed(_.Close) `"dialogClose`;
-export const Header = classed(_.Header) `dialogHeader`;
-export const Body = classed(_.Body) `dialogBody`;
-export const KoineDialog = extendComponent(_.KoineDialog, {
-    Root,
-    Backdrop,
-    Container,
-    Paper,
-    Close,
-    Header,
-    Body,
-});

package/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-export type { KoineDialogProps } from "./DialogMui";
-export { KoineDialog } from "./DialogMui";

package/Dialog/index.js

@@ -1 +0,0 @@
-export { KoineDialog } from "./DialogMui";