@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

package/Dialog/tw/material.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Root: function() {
-        return Root;
-    },
-    Backdrop: function() {
-        return Backdrop;
-    },
-    Container: function() {
-        return Container;
-    },
-    Paper: function() {
-        return Paper;
-    },
-    Close: function() {
-        return Close;
-    },
-    Header: function() {
-        return Header;
-    },
-    Body: function() {
-        return Body;
-    },
-    KoineDialog: function() {
-        return KoineDialog;
-    }
-});
-const _helpers = require("../../helpers");
-const _bare = require("./bare");
-const Root = (0, _helpers.classed)(_bare.KoineDialog.Root)``;
-const Backdrop = (0, _helpers.classed)(_bare.KoineDialog.Backdrop)`< class="bg-black/[.5] backdrop-blur-sm`;
-const Container = (0, _helpers.classed)(_bare.KoineDialog.Container)``;
-const Paper = (0, _helpers.classed)(_bare.KoineDialog.Paper)`< class="rounded bg-white shadow-xl m-8 max-w-screen-sm`;
-const Close = (0, _helpers.classed)(_bare.KoineDialog.Close)`< class="absolute top-0 right-0 p-4 text-2xl opacity-50`;
-const Header = (0, _helpers.classed)(_bare.KoineDialog.Header)`< class="p-4 text-xl`;
-const Body = (0, _helpers.classed)(_bare.KoineDialog.Body)`< class="p-4 border-t border-gray-200`;
-const KoineDialog = (0, _helpers.extendComponent)(_bare.KoineDialog, {
-    Root,
-    Backdrop,
-    Container,
-    Paper,
-    Close,
-    Header,
-    Body
-});

package/Dialog/tw/material.mjs

@@ -1,18 +0,0 @@
-import { classed, extendComponent } from "../../helpers";
-import { KoineDialog as _ } from "./bare";
-export const Root = classed(_.Root)``;
-export const Backdrop = classed(_.Backdrop)`< class="bg-black/[.5] backdrop-blur-sm`;
-export const Container = classed(_.Container)``;
-export const Paper = classed(_.Paper)`< class="rounded bg-white shadow-xl m-8 max-w-screen-sm`;
-export const Close = classed(_.Close)`< class="absolute top-0 right-0 p-4 text-2xl opacity-50`;
-export const Header = classed(_.Header)`< class="p-4 text-xl`;
-export const Body = classed(_.Body)`< class="p-4 border-t border-gray-200`;
-export const KoineDialog = extendComponent(_, {
-    Root,
-    Backdrop,
-    Container,
-    Paper,
-    Close,
-    Header,
-    Body
-});

package/Editor/Editor--tiptap.d.ts

@@ -1,9 +0,0 @@
-import type { EditorOptions, Editor as EditorType } from "@tiptap/react";
-export type EditorBarProps = {
-    editor: null | EditorType;
-};
-export declare const EditorBar: ({ editor }: EditorBarProps) => import("react/jsx-runtime").JSX.Element | null;
-export type EditorProps = {
-    options?: Partial<EditorOptions>;
-};
-export declare const Editor: ({ options, ...props }: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/Editor/Editor--tiptap.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    EditorBar: function() {
-        return EditorBar;
-    },
-    Editor: function() {
-        return Editor;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("@tiptap/react");
-const _starterkit = /*#__PURE__*/ _interop_require_default._(require("@tiptap/starter-kit"));
-const _react1 = require("react");
-const _components = require("./components");
-const EditorBar = ({ editor })=>{
-    const handleClick = (0, _react1.useCallback)((e, type)=>{
-        e.preventDefault();
-        editor?.chain().focus()[`toggle${type}`]().run();
-    }, [
-        editor
-    ]);
-    if (!editor) {
-        return null;
-    }
-    return /*#__PURE__*/ React.createElement(_components.EditorBarRoot, null, /*#__PURE__*/ React.createElement(_components.EditorBarBtn, {
-        onClick: (e)=>handleClick(e, "Bold"),
-        className: editor.isActive("bold") ? "is-active" : ""
-    }, /*#__PURE__*/ React.createElement(_components.EditorIconBold, null)), /*#__PURE__*/ React.createElement(_components.EditorBarBtn, {
-        onClick: (e)=>handleClick(e, "Italic"),
-        className: editor.isActive("bold") ? "is-active" : ""
-    }, /*#__PURE__*/ React.createElement(_components.EditorIconItalic, null)));
-};
-const Editor = ({ options, ...props })=>{
-    const editor = (0, _react.useEditor)({
-        extensions: [
-            _starterkit.default
-        ],
-        content: "",
-        ...options || {}
-    });
-    return /*#__PURE__*/ React.createElement(_components.EditorRoot, null, /*#__PURE__*/ React.createElement(_components.EditorGlobalStyles, null), /*#__PURE__*/ React.createElement(EditorBar, {
-        editor: editor
-    }), /*#__PURE__*/ React.createElement(_react.EditorContent, {
-        className: "EditorContent",
-        editor: editor,
-        ...props
-    }));
-};

package/Editor/Editor--tiptap.mjs

@@ -1,38 +0,0 @@
-import { EditorContent, useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import { useCallback } from "react";
-import { EditorBarBtn, EditorBarRoot, EditorGlobalStyles, EditorIconBold, EditorIconItalic, EditorRoot } from "./components";
-export const EditorBar = ({ editor })=>{
-    const handleClick = useCallback((e, type)=>{
-        e.preventDefault();
-        editor?.chain().focus()[`toggle${type}`]().run();
-    }, [
-        editor
-    ]);
-    if (!editor) {
-        return null;
-    }
-    return /*#__PURE__*/ React.createElement(EditorBarRoot, null, /*#__PURE__*/ React.createElement(EditorBarBtn, {
-        onClick: (e)=>handleClick(e, "Bold"),
-        className: editor.isActive("bold") ? "is-active" : ""
-    }, /*#__PURE__*/ React.createElement(EditorIconBold, null)), /*#__PURE__*/ React.createElement(EditorBarBtn, {
-        onClick: (e)=>handleClick(e, "Italic"),
-        className: editor.isActive("bold") ? "is-active" : ""
-    }, /*#__PURE__*/ React.createElement(EditorIconItalic, null)));
-};
-export const Editor = ({ options, ...props })=>{
-    const editor = useEditor({
-        extensions: [
-            StarterKit
-        ],
-        content: "",
-        ...options || {}
-    });
-    return /*#__PURE__*/ React.createElement(EditorRoot, null, /*#__PURE__*/ React.createElement(EditorGlobalStyles, null), /*#__PURE__*/ React.createElement(EditorBar, {
-        editor: editor
-    }), /*#__PURE__*/ React.createElement(EditorContent, {
-        className: "EditorContent",
-        editor: editor,
-        ...props
-    }));
-};

package/Editor/components.d.ts

@@ -1,7 +0,0 @@
-export { MdFormatBold as EditorIconBold, MdFormatItalic as EditorIconItalic, } from "react-icons/md";
-export declare const EditorRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const EditorBarRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const EditorBarBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../Buttons").KoineButtonUiProps & {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const EditorGlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/Editor/components.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    EditorIconBold: function() {
-        return _md.MdFormatBold;
-    },
-    EditorIconItalic: function() {
-        return _md.MdFormatItalic;
-    },
-    EditorRoot: function() {
-        return EditorRoot;
-    },
-    EditorBarRoot: function() {
-        return EditorBarRoot;
-    },
-    EditorBarBtn: function() {
-        return EditorBarBtn;
-    },
-    EditorGlobalStyles: function() {
-        return EditorGlobalStyles;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard._(require("styled-components"));
-const _IconButton = require("../Buttons/IconButton");
-const _styles = require("../Forms/styles");
-const _md = require("react-icons/md");
-const EditorRoot = _styledcomponents.default.div`
-  ${_styles.inputBorder}
-  ${_styles.inputFocus}
-`;
-const EditorBarRoot = _styledcomponents.default.div`
-  display: flex;
-  justify-content: flex-end;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  /* background: var(--grey900); */
-`;
-const EditorBarBtn = (0, _styledcomponents.default)(_IconButton.IconButton)``;
-const EditorGlobalStyles = (0, _styledcomponents.createGlobalStyle)`
-  .ProseMirror {
-    ${_styles.inputPadding}
-    
-    &:focus {
-      outline:none;
-    }
-
-    > *:first-child {
-      margin-top: 0;
-    }
-  }
-`;

package/Editor/components.mjs

@@ -1,28 +0,0 @@
-import styled, { createGlobalStyle } from "styled-components";
-import { IconButton } from "../Buttons/IconButton";
-import { inputBorder, inputFocus, inputPadding } from "../Forms/styles";
-export { MdFormatBold as EditorIconBold, MdFormatItalic as EditorIconItalic } from "react-icons/md";
-export const EditorRoot = styled.div`
-  ${inputBorder}
-  ${inputFocus}
-`;
-export const EditorBarRoot = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  /* background: var(--grey900); */
-`;
-export const EditorBarBtn = styled(IconButton)``;
-export const EditorGlobalStyles = createGlobalStyle`
-  .ProseMirror {
-    ${inputPadding}
-    
-    &:focus {
-      outline:none;
-    }
-
-    > *:first-child {
-      margin-top: 0;
-    }
-  }
-`;

package/Editor/index.d.ts

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

package/Editor/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Editor--tiptap"), exports);

package/Editor/index.mjs

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

package/FaviconTags.d.ts

@@ -1,19 +0,0 @@
-export type FaviconTagsProps = {
-    name: string;
-    color?: string;
-    safariTabColor?: string;
-    tileColor?: string;
-    themeColor?: string;
-};
-/**
- * Favicon tags.
- *
- * This component is meant to be wrapped in a `<head>` manager component.
- *
- * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
- * on _**16 Feb 2022**_.
- *
- * @see https://realfavicongenerator.net/
- */
-export declare const FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
-export default FaviconTags;

package/FaviconTags.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    FaviconTags: function() {
-        return FaviconTags;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor })=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", {
-        rel: "shortcut icon",
-        href: "/favicon.ico",
-        type: "image/x-icon"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "apple-touch-icon",
-        sizes: "180x180",
-        href: "/apple-touch-icon.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "icon",
-        type: "image/png",
-        sizes: "32x32",
-        href: "/favicon-32x32.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "icon",
-        type: "image/png",
-        sizes: "16x16",
-        href: "/favicon-16x16.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "manifest",
-        href: "/site.webmanifest"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "mask-icon",
-        href: "/safari-pinned-tab.svg",
-        color: safariTabColor || color
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "apple-mobile-web-app-title",
-        content: name
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "application-name",
-        content: name
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "msapplication-TileColor",
-        content: tileColor || color
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "theme-color",
-        content: themeColor || color
-    }));
-};
-const _default = FaviconTags;

package/FaviconTags.mjs

@@ -1,50 +0,0 @@
-/**
- * Favicon tags.
- *
- * This component is meant to be wrapped in a `<head>` manager component.
- *
- * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
- * on _**16 Feb 2022**_.
- *
- * @see https://realfavicongenerator.net/
- */ export const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor })=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", {
-        rel: "shortcut icon",
-        href: "/favicon.ico",
-        type: "image/x-icon"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "apple-touch-icon",
-        sizes: "180x180",
-        href: "/apple-touch-icon.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "icon",
-        type: "image/png",
-        sizes: "32x32",
-        href: "/favicon-32x32.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "icon",
-        type: "image/png",
-        sizes: "16x16",
-        href: "/favicon-16x16.png"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "manifest",
-        href: "/site.webmanifest"
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "mask-icon",
-        href: "/safari-pinned-tab.svg",
-        color: safariTabColor || color
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "apple-mobile-web-app-title",
-        content: name
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "application-name",
-        content: name
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "msapplication-TileColor",
-        content: tileColor || color
-    }), /*#__PURE__*/ React.createElement("meta", {
-        name: "theme-color",
-        content: themeColor || color
-    }));
-};
-export default FaviconTags;

package/Form/Form.d.ts

@@ -1,138 +0,0 @@
-/// <reference types="react" />
-import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers";
-export type OwnProps = React.PropsWithChildren<{
-    action: string;
-    ok?: boolean;
-    okProps?: object;
-    fail?: boolean;
-    failProps?: object;
-    loading?: boolean;
-    /** Whether the form should collapse on `ok` */
-    collapseOnOk?: boolean;
-    /** Whether the form should collapse on `fail` */
-    collapseOnFail?: boolean;
-    /**
-     * Determines the time (in ms) that the `Ok` component wait before collapsing
-     * When <= 0 the `Ok` component will persist
-     *
-     * @default 3000 */
-    okTimeout?: number;
-    /**
-     * Determines the time (in ms) that the `Fail` component wait before collapsing
-     * When <= 0 the `Fail` component will persist
-     *
-     * @default 3000 */
-    failTimeout?: number;
-}>;
-export type Components = {
-    Root: {
-        type: "form";
-        props: {};
-    };
-    Overlay: {
-        type: "div";
-        props: {};
-    };
-    Progress: {
-        type: "div";
-        props: {};
-    };
-    Collapsable: {
-        type: "div";
-        props: {
-            $open?: boolean;
-            recalc?: boolean;
-            body?: React.ReactNode;
-        };
-    };
-    Ok: {
-        type: "div";
-        props: React.PropsWithChildren<{}>;
-    };
-    Fail: {
-        type: "div";
-        props: React.PropsWithChildren<{}>;
-    };
-};
-export type ComponentsProps = {
-    [Name in keyof Components]: Components[Name]["props"];
-};
-export type Props = Simplify<WithComponents<OwnProps, Components>>;
-export type FormProps = Props;
-export type KoineFormProps = Props;
-export declare const Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
-export declare const Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-export declare const Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-export declare const Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    $open?: boolean | undefined;
-    recalc?: boolean | undefined;
-    body?: React.ReactNode;
-}>>;
-export declare const Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    children?: import("react").ReactNode;
-}>>;
-export declare const Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    children?: import("react").ReactNode;
-}>>;
-export type FormFeedbackView = "" | "ok" | "fail";
-export declare const Form: ({ Root: _Root, Overlay: _Overlay, Progress: _Progress, Collapsable: _Collapsable, ok, fail, loading, Ok: _Ok, okProps, Fail: _Fail, failProps, collapseOnOk, collapseOnFail, okTimeout, failTimeout, children, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
-export declare const KoineForm: ((props: {
-    action: string;
-    ok?: boolean | undefined;
-    okProps?: object | undefined;
-    fail?: boolean | undefined;
-    failProps?: object | undefined;
-    loading?: boolean | undefined;
-    collapseOnOk?: boolean | undefined;
-    collapseOnFail?: boolean | undefined;
-    okTimeout?: number | undefined;
-    failTimeout?: number | undefined;
-    children?: import("react").ReactNode;
-    Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
-    Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-    Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-    Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        $open?: boolean | undefined;
-        recalc?: boolean | undefined;
-        body?: React.ReactNode;
-    }>>;
-    Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>;
-}) => import("react").FunctionComponentElement<any>) & {
-    Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
-    Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-    Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-    Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        $open?: boolean | undefined;
-        recalc?: boolean | undefined;
-        body?: React.ReactNode;
-    }>>;
-    Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        children?: import("react").ReactNode;
-    }>>;
-} & {
-    defaultProps: {
-        Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
-        Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-        Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
-        Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            $open?: boolean | undefined;
-            recalc?: boolean | undefined;
-            body?: React.ReactNode;
-        }>>;
-        Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>;
-        Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            children?: import("react").ReactNode;
-        }>>;
-    };
-};