@koine/react 2.0.0-alpha.1 → 2.0.0-alpha.3

package/Details/Details.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 import type { Simplify } from "@koine/utils";
 import { type WithComponents } from "../helpers";
 export type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
@@ -78,6 +79,7 @@ export declare const KoineDetails: ((props: {
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
@@ -93,11 +95,14 @@ export declare const KoineDetails: ((props: {
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -116,14 +121,18 @@ export declare const KoineDetails: ((props: {
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -153,6 +162,7 @@ export declare const KoineDetails: ((props: {
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -163,7 +173,7 @@ export declare const KoineDetails: ((props: {
     'aria-valuetext'?: string | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;

package/Details/Details.js

@@ -49,14 +49,14 @@ var DetailsWithRef = (0, react_1.forwardRef)(function Details(_a, ref) {
             setStateOpen(true);
         }
     }, [hash, isControlled]);
-    return ((0, jsx_runtime_1.jsxs)(exports.Root, tslib_1.__assign({}, props, { open: open || false }, { children: [(0, jsx_runtime_1.jsx)(exports.Summary, tslib_1.__assign({ "$open": open, onClick: handleClick }, { children: summary || " " })), (0, jsx_runtime_1.jsx)(exports.Body, tslib_1.__assign({ "$open": open, style: { overflow: overflow } }, { children: (0, jsx_runtime_1.jsx)(exports.Content
+    return ((0, jsx_runtime_1.jsxs)(exports.Root, tslib_1.__assign({}, props, { open: open || false, children: [(0, jsx_runtime_1.jsx)(exports.Summary, { "$open": open, onClick: handleClick, children: summary || " " }), (0, jsx_runtime_1.jsx)(exports.Body, { "$open": open, style: { overflow: overflow }, children: (0, jsx_runtime_1.jsx)(exports.Content
                 // ref={content}
-                , tslib_1.__assign({ "$open": open, 
+                , { "$open": open, 
                     // aria-expanded={open}
                     // aria-label={open ? ariaCollapse : ariaExpand}
                     style: {
                         pointerEvents: open ? "all" : "none",
-                    } }, { children: children })) }))] })));
+                    }, children: children }) })] })));
 });
 exports.KoineDetails = (0, helpers_1.extendComponent)(DetailsWithRef, {
     Root: exports.Root,

package/Details/Details.mjs

@@ -46,14 +46,14 @@ var DetailsWithRef = forwardRef(function Details(_a, ref) {
             setStateOpen(true);
         }
     }, [hash, isControlled]);
-    return (_jsxs(Root, __assign({}, props, { open: open || false }, { children: [_jsx(Summary, __assign({ "$open": open, onClick: handleClick }, { children: summary || " " })), _jsx(Body, __assign({ "$open": open, style: { overflow: overflow } }, { children: _jsx(Content
+    return (_jsxs(Root, __assign({}, props, { open: open || false, children: [_jsx(Summary, { "$open": open, onClick: handleClick, children: summary || " " }), _jsx(Body, { "$open": open, style: { overflow: overflow }, children: _jsx(Content
                 // ref={content}
-                , __assign({ "$open": open, 
+                , { "$open": open, 
                     // aria-expanded={open}
                     // aria-label={open ? ariaCollapse : ariaExpand}
                     style: {
                         pointerEvents: open ? "all" : "none",
-                    } }, { children: children })) }))] })));
+                    }, children: children }) })] })));
 });
 export var KoineDetails = extendComponent(DetailsWithRef, {
     Root: Root,

package/Dialog/DialogMui.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import ModalUnstyled, { type ModalUnstyledProps } from "@mui/base/ModalUnstyled";
+import ModalUnstyled, { type ModalProps as ModalUnstyledProps } from "@mui/base/Modal";
 import type { MotionProps } from "framer-motion";
 import type { Simplify } from "@koine/utils";
 import { type WithComponents } from "../helpers";
@@ -57,7 +57,7 @@ export type ComponentsProps = {
 export type Props = Simplify<WithComponents<OwnProps, Components>>;
 export type DialogProps = Props;
 export type KoineDialogProps = Props;
-export declare const Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+export declare const Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
 export declare const Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
     open?: boolean | undefined;
 }>>;
@@ -93,6 +93,7 @@ export declare const KoineDialog: ((props: Omit<{
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
@@ -108,11 +109,14 @@ export declare const KoineDialog: ((props: Omit<{
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -131,14 +135,18 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -168,6 +176,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -178,7 +187,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-valuetext'?: string | undefined;
     children: React.ReactElement<any, string | React.JSXElementConstructor<any>> & React.ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -354,19 +363,51 @@ export declare const KoineDialog: ((props: Omit<{
     onBackdropClick?: React.ReactEventHandler<{}> | undefined;
     open: boolean;
     slotProps?: {
-        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledRootSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
-        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledBackdropSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
+        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalRootSlotPropsOverrides, {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: React.ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
+        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalBackdropSlotPropsOverrides, {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: React.ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
     } | undefined;
-    slots?: {
-        root?: React.ElementType<any> | undefined;
-        backdrop?: React.ElementType<any> | undefined;
-    } | undefined;
-    focusVisible?: boolean | undefined;
+    slots?: import("@mui/base/Modal").ModalSlots | undefined;
     onClose: (event: object, reason?: string) => any;
     $scrollPaper?: boolean | undefined;
     mBackdrop?: MotionProps | undefined;
     mPaper?: MotionProps | undefined;
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
     Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>;
@@ -390,7 +431,7 @@ export declare const KoineDialog: ((props: Omit<{
         children?: React.ReactNode;
     }>>;
 }, "ref"> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
     Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>;
@@ -415,7 +456,7 @@ export declare const KoineDialog: ((props: Omit<{
     }>>;
 } & {
     defaultProps: {
-        Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+        Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
         Backdrop: NonNullable<React.ElementType<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
             open?: boolean | undefined;
         }>>;

package/Dialog/DialogMui.js

@@ -4,10 +4,10 @@ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Pa
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var ModalUnstyled_1 = tslib_1.__importDefault(require("@mui/base/ModalUnstyled"));
+var Modal_1 = tslib_1.__importDefault(require("@mui/base/Modal"));
 var md_1 = require("react-icons/md");
 var helpers_1 = require("../helpers");
-exports.Root = ModalUnstyled_1.default;
+exports.Root = Modal_1.default;
 exports.Backdrop = "div";
 exports.Container = "div";
 exports.Paper = "div";
@@ -70,7 +70,7 @@ var DialogWithRef = (0, react_1.forwardRef)(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsx)(exports.Root, tslib_1.__assign({ slots: { backdrop: exports.Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(exports.Container, tslib_1.__assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsxs)(exports.Paper, tslib_1.__assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && (0, jsx_runtime_1.jsx)(exports.Header, { children: title }), (0, jsx_runtime_1.jsx)(exports.Close, tslib_1.__assign({ onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) })), (0, jsx_runtime_1.jsx)(exports.Body, { children: children })] })) })) })));
+    return ((0, jsx_runtime_1.jsx)(exports.Root, tslib_1.__assign({ slots: { backdrop: exports.Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(exports.Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsxs)(exports.Paper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && (0, jsx_runtime_1.jsx)(exports.Header, { children: title }), (0, jsx_runtime_1.jsx)(exports.Close, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) }), (0, jsx_runtime_1.jsx)(exports.Body, { children: children })] }) }) })));
 });
 exports.KoineDialog = (0, helpers_1.extendComponent)(DialogWithRef, {
     Root: exports.Root,

package/Dialog/DialogMui.mjs

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
-import ModalUnstyled from "@mui/base/ModalUnstyled";
+import ModalUnstyled from "@mui/base/Modal";
 import { MdClear as IconClose } from "react-icons/md";
 import { extendComponent } from "../helpers";
 export var Root = ModalUnstyled;
@@ -67,7 +67,7 @@ var DialogWithRef = forwardRef(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return (_jsx(Root, __assign({ slots: { backdrop: Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsxs(Paper, __assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] })) })) })));
+    return (_jsx(Root, __assign({ slots: { backdrop: 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 var KoineDialog = extendComponent(DialogWithRef, {
     Root: Root,

package/Dialog/css/bare.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react" />
 import * as _ from "../DialogMui";
 export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
+}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>>>;
 export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
@@ -57,6 +58,7 @@ export declare const KoineDialog: ((props: Omit<{
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
@@ -72,11 +74,14 @@ export declare const KoineDialog: ((props: Omit<{
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -95,14 +100,18 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -132,6 +141,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -142,7 +152,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-valuetext'?: string | undefined;
     children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -318,19 +328,51 @@ export declare const KoineDialog: ((props: Omit<{
     onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
     open: boolean;
     slotProps?: {
-        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledRootSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
-        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledBackdropSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
-    } | undefined;
-    slots?: {
-        root?: import("react").ElementType<any> | undefined;
-        backdrop?: import("react").ElementType<any> | undefined;
+        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalRootSlotPropsOverrides, {
+            children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
+        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalBackdropSlotPropsOverrides, {
+            children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
     } | undefined;
-    focusVisible?: boolean | undefined;
+    slots?: import("@mui/base/Modal").ModalSlots | undefined;
     onClose: (event: object, reason?: string | undefined) => any;
     $scrollPaper?: boolean | undefined;
     mBackdrop?: import("framer-motion").MotionProps | undefined;
     mPaper?: import("framer-motion").MotionProps | undefined;
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
     Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>;
@@ -357,7 +399,7 @@ export declare const KoineDialog: ((props: Omit<{
     Root: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
+    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>>>;
     Backdrop: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
@@ -403,7 +445,7 @@ export declare const KoineDialog: ((props: Omit<{
         Root: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
+        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>>>;
         Backdrop: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;

package/Dialog/m/bare.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="react" />
 export type { KoineDialogProps } from "../DialogMui";
 export declare const KoineDialog: ((props: Omit<{
     key?: import("react").Key | null | undefined;
@@ -12,6 +14,7 @@ export declare const KoineDialog: ((props: Omit<{
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
@@ -27,11 +30,14 @@ export declare const KoineDialog: ((props: Omit<{
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -50,14 +56,18 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -87,6 +97,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -97,7 +108,7 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-valuetext'?: string | undefined;
     children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -273,19 +284,51 @@ export declare const KoineDialog: ((props: Omit<{
     onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
     open: boolean;
     slotProps?: {
-        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledRootSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
-        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/ModalUnstyled").ModalUnstyledBackdropSlotPropsOverrides, import("@mui/base/ModalUnstyled").ModalUnstyledOwnerState> | undefined;
+        root?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalRootSlotPropsOverrides, {
+            children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
+        backdrop?: import("@mui/base/utils").SlotComponentProps<"div", import("@mui/base/Modal").ModalBackdropSlotPropsOverrides, {
+            children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            closeAfterTransition: boolean;
+            container?: Element | (() => Element | null) | null | undefined;
+            disableAutoFocus: boolean;
+            disableEnforceFocus: boolean;
+            disableEscapeKeyDown: boolean;
+            disablePortal: boolean;
+            disableRestoreFocus: boolean;
+            disableScrollLock: boolean;
+            hideBackdrop: boolean;
+            keepMounted: boolean;
+            onBackdropClick?: import("react").ReactEventHandler<{}> | undefined;
+            onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+            open: boolean;
+            slotProps?: any | undefined;
+            slots?: import("@mui/base/Modal").ModalSlots | undefined;
+            exited: boolean;
+        }> | undefined;
     } | undefined;
-    slots?: {
-        root?: import("react").ElementType<any> | undefined;
-        backdrop?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    focusVisible?: boolean | undefined;
+    slots?: import("@mui/base/Modal").ModalSlots | undefined;
     onClose: (event: object, reason?: string | undefined) => any;
     $scrollPaper?: boolean | undefined;
     mBackdrop?: import("framer-motion").MotionProps | undefined;
     mPaper?: import("framer-motion").MotionProps | undefined;
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
     Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>;
@@ -309,7 +352,7 @@ export declare const KoineDialog: ((props: Omit<{
         children?: import("react").ReactNode;
     }>>;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
     Backdrop: import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>;
@@ -332,7 +375,7 @@ export declare const KoineDialog: ((props: Omit<{
     }>>;
 } & {
     defaultProps: {
-        Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
+        Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
         Backdrop: import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
             open?: boolean | undefined;
         }>;

package/Dialog/m/bare.js

@@ -40,9 +40,9 @@ var Dialog = (0, react_1.forwardRef)(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ keepMounted: true, slots: { backdrop: BackdropMotion }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { style: (0, index_1.mRootStyle)(props) }, { children: (0, jsx_runtime_1.jsx)(Container, tslib_1.__assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: props.open && (
+    return ((0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ keepMounted: true, slots: { backdrop: BackdropMotion }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { style: (0, index_1.mRootStyle)(props), children: (0, jsx_runtime_1.jsx)(Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: props.open && (
                 // @ts-expect-error framer props collision...
-                (0, jsx_runtime_1.jsxs)(Paper, tslib_1.__assign({}, mPaper, { "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && (0, jsx_runtime_1.jsx)(Header, { children: title }), (0, jsx_runtime_1.jsx)(Close, tslib_1.__assign({ onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) })), (0, jsx_runtime_1.jsx)(Body, { children: children })] }))) }) })) })));
+                (0, jsx_runtime_1.jsxs)(Paper, tslib_1.__assign({}, mPaper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && (0, jsx_runtime_1.jsx)(Header, { children: title }), (0, jsx_runtime_1.jsx)(Close, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) }), (0, jsx_runtime_1.jsx)(Body, { children: children })] }))) }) }) })));
 });
 exports.KoineDialog = (0, helpers_1.extendComponent)(Dialog, {
     Root: DialogMui_1.Root,

package/Dialog/m/bare.mjs

@@ -37,9 +37,9 @@ var Dialog = forwardRef(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return (_jsx(Root, __assign({ keepMounted: true, slots: { backdrop: BackdropMotion }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { style: mRootStyle(props) }, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsx(AnimatePresence, { children: props.open && (
+    return (_jsx(Root, __assign({ keepMounted: true, slots: { backdrop: BackdropMotion }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { style: mRootStyle(props), children: _jsx(Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: _jsx(AnimatePresence, { children: props.open && (
                 // @ts-expect-error framer props collision...
-                _jsxs(Paper, __assign({}, mPaper, { "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] }))) }) })) })));
+                _jsxs(Paper, __assign({}, mPaper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && _jsx(Header, { children: title }), _jsx(Close, { onClick: onClose, children: _jsx(IconClose, {}) }), _jsx(Body, { children: children })] }))) }) }) })));
 });
 export var KoineDialog = extendComponent(Dialog, {
     Root: Root,

package/Dialog/m/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { KoineDialogProps } from "../DialogMui";
 export declare const mRootStyle: (props: Pick<KoineDialogProps, "open" | "style">) => import("react").CSSProperties;