@koine/react 2.0.0-beta.14 → 2.0.0-beta.140

package/Dialog/tw/framer.d.ts

@@ -1,109 +0,0 @@
-/// <reference types="react" />
-export type { KoineDialogProps } from "../DialogMui";
-export declare const KoineDialog: ((props: unknown) => import("react").FunctionComponentElement<any>) & {
-    Root: 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/Modal").ModalTypeMap<{}, "div">>>>;
-    Backdrop: import("framer-motion").CustomDomComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-        open?: any;
-    }>>>>;
-    Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref">) & import("react").RefAttributes<any>>;
-    Paper: import("framer-motion").CustomDomComponent<Omit<{
-        "aria-label": string;
-    } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    Close: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        onClick: (event: object, reason?: string | undefined) => any;
-    } & {
-        children?: import("react").ReactNode;
-    }>>>>;
-    Header: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>>>;
-    Body: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>>>;
-    mBackdrop: import("framer-motion").MotionProps;
-    mPaper: import("framer-motion").MotionProps;
-} & {
-    defaultProps: {
-        Root: 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/Modal").ModalTypeMap<{}, "div">>>>;
-        Backdrop: import("framer-motion").CustomDomComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-            open?: any;
-        }>>>>;
-        Container: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref">) & import("react").RefAttributes<any>>;
-        Paper: import("framer-motion").CustomDomComponent<Omit<{
-            "aria-label": string;
-        } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<any>>;
-        Close: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            onClick: (event: object, reason?: string | undefined) => any;
-        } & {
-            children?: import("react").ReactNode;
-        }>>>>;
-        Header: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>>>;
-        Body: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>>>;
-        mBackdrop: import("framer-motion").MotionProps;
-        mPaper: import("framer-motion").MotionProps;
-    };
-};

package/Dialog/tw/framer.mjs

@@ -1,16 +0,0 @@
-import { m } from "framer-motion";
-import { extendComponent } from "../../helpers";
-import { KoineDialog as _ } from "../m/bare";
-import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
-import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare";
-export const KoineDialog = extendComponent(_, {
-    Root,
-    Backdrop: m(Backdrop),
-    Container,
-    Paper: m(Paper),
-    Close,
-    Header,
-    Body,
-    mBackdrop: dialogBackdropMotion,
-    mPaper: dialogPaperMotion
-});

package/Dialog/tw/framerMaterial.d.ts

@@ -1,164 +0,0 @@
-/// <reference types="react" />
-export declare const KoineDialog: ((props: unknown) => 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/Modal").ModalTypeMap<{}, "div">>>>>>;
-    Backdrop: import("framer-motion").CustomDomComponent<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<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-        open?: any;
-    }>>>>>>;
-    Container: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref">) & import("react").RefAttributes<any>>>>;
-    Paper: import("framer-motion").CustomDomComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & {
-        "aria-label": string;
-    } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<{
-        "aria-label": string;
-    } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref">) & import("react").RefAttributes<any>>>>;
-    Close: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        onClick: (event: object, reason?: string | undefined) => any;
-    } & {
-        children?: import("react").ReactNode;
-    }>>>>>>;
-    Header: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>>>>>;
-    Body: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>>>>>;
-    mBackdrop: import("framer-motion").MotionProps;
-    mPaper: import("framer-motion").MotionProps;
-} & {
-    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/Modal").ModalTypeMap<{}, "div">>>>>>;
-        Backdrop: import("framer-motion").CustomDomComponent<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<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
-            open?: any;
-        }>>>>>>;
-        Container: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref">) & import("react").RefAttributes<any>>>>;
-        Paper: import("framer-motion").CustomDomComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & {
-            "aria-label": string;
-        } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<{
-            "aria-label": string;
-        } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref">) & import("react").RefAttributes<any>>>>;
-        Close: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            onClick: (event: object, reason?: string | undefined) => any;
-        } & {
-            children?: import("react").ReactNode;
-        }>>>>>>;
-        Header: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>>>>>;
-        Body: 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<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>>>>>;
-        mBackdrop: import("framer-motion").MotionProps;
-        mPaper: import("framer-motion").MotionProps;
-    };
-};

package/Dialog/tw/framerMaterial.mjs

@@ -1,16 +0,0 @@
-import { m } from "framer-motion";
-import { extendComponent } from "../../helpers";
-import { KoineDialog as _ } from "../m/bare";
-import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
-import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./material";
-export const KoineDialog = extendComponent(_, {
-    Root,
-    Backdrop: m(Backdrop),
-    Container,
-    Paper: m(Paper),
-    Close,
-    Header,
-    Body,
-    mBackdrop: dialogBackdropMotion,
-    mPaper: dialogPaperMotion
-});

package/Dialog/tw/index.stories.mjs

@@ -1,83 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StoryDialog, decoratorFramer, storyDialogArgs, storyDialogMeta } from "@koine/stories";
-import { classed } from "../../helpers";
-import { KoineDialog as bareComp } from "./bare";
-import { KoineDialog as framerComp } from "./framer";
-import { KoineDialog as framerMaterialComp } from "./framerMaterial";
-import { KoineDialog as materialComp } from "./material";
-// import { KoineDialog as elegantComp } from "./elegant";
-export default {
-    title: "Base/Dialog/Tailwind",
-    ...storyDialogMeta
-};
-const bareTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryDialog, {
-        ...args,
-        Dialog: bareComp
-    });
-};
-export const bare = bareTemplate.bind({});
-bare.args = storyDialogArgs;
-const materialTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryDialog, {
-        ...args,
-        Dialog: materialComp
-    });
-};
-export const material = materialTemplate.bind({});
-material.args = storyDialogArgs;
-const framerTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryDialog, {
-        ...args,
-        Dialog: framerComp
-    });
-};
-export const framer = framerTemplate.bind({});
-framer.decorators = [
-    decoratorFramer
-];
-framer.args = storyDialogArgs;
-const framerMaterialTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryDialog, {
-        ...args,
-        Dialog: framerMaterialComp
-    });
-};
-export const framerMaterial = framerMaterialTemplate.bind({});
-framerMaterial.decorators = [
-    decoratorFramer
-];
-framerMaterial.args = storyDialogArgs;
-const customisedTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryDialog, {
-        ...args,
-        Dialog: framerComp
-    });
-};
-export const customised = customisedTemplate.bind({});
-customised.decorators = [
-    decoratorFramer
-];
-customised.args = {
-    ...storyDialogArgs,
-    $scrollPaper: true,
-    Backdrop: classed(framerComp.Backdrop)`< class="bg-sky-100/[.5]"`,
-    Paper: classed(framerComp.Paper)`< class="shadow-2xl m-8 max-w-screen-sm bg-blue-500 text-white rounded-3xl"`,
-    Close: classed(framerComp.Close)`< class="absolute lg:-right-8 lg:-top-8 p-4 text-4xl rounded-full bg-blue-300 hover:bg-blue-700 text-blue-800 hover:text-white"`,
-    Header: classed(framerComp.Header)`< class="font-mono font-bold text-3xl p-12 pb-6`,
-    Body: classed(framerComp.Body)`< class="px-12 pb-12 border-none"`,
-    mPaper: {
-        initial: {
-            scale: 0.9,
-            scaleX: 0
-        },
-        animate: {
-            scale: 1,
-            scaleX: 1
-        },
-        exit: {
-            scale: 0.9,
-            scaleX: 0
-        }
-    }
-};