@koine/react 1.2.3 → 2.0.0-alpha.2

package/Dialog/sc/bare.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+/// <reference types="react" />
 import * as _ from "../DialogMui";
 export type { KoineDialogProps } from "../DialogMui";
-export declare const Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
     open?: boolean | undefined;
 }>>, import("styled-components").DefaultTheme, {}, never>;
@@ -50,6 +51,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;
@@ -65,11 +67,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;
@@ -88,14 +93,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;
@@ -125,6 +134,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;
@@ -135,7 +145,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;
@@ -311,19 +321,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;
     }>>;
@@ -347,7 +389,7 @@ export declare const KoineDialog: ((props: Omit<{
         children?: import("react").ReactNode;
     }>>;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+    Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
     Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>, import("styled-components").DefaultTheme, {}, never>;
@@ -376,7 +418,7 @@ export declare const KoineDialog: ((props: Omit<{
     }>>, import("styled-components").DefaultTheme, {}, never>;
 } & {
     defaultProps: {
-        Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+        Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
         Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
             open?: boolean | undefined;
         }>>, import("styled-components").DefaultTheme, {}, never>;

package/Dialog/sc/framer.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("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+    Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
     Backdrop: import("framer-motion").CustomDomComponent<{
         [x: string]: any;
         [x: number]: any;
@@ -348,7 +391,7 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper: import("framer-motion").MotionProps;
 } & {
     defaultProps: {
-        Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+        Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
         Backdrop: import("framer-motion").CustomDomComponent<{
             [x: string]: any;
             [x: number]: any;

package/Dialog/sc/framerMaterial.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="react" />
 export declare const KoineDialog: ((props: Omit<{
     key?: import("react").Key | null | undefined;
     id?: string | undefined;
@@ -11,6 +13,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;
@@ -26,11 +29,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;
@@ -49,14 +55,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;
@@ -86,6 +96,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;
@@ -96,7 +107,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;
@@ -272,19 +283,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;
     }>>;
@@ -308,7 +351,7 @@ export declare const KoineDialog: ((props: Omit<{
         children?: import("react").ReactNode;
     }>>;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+    Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
     Backdrop: import("framer-motion").CustomDomComponent<{
         [x: string]: any;
         [x: number]: any;
@@ -347,7 +390,7 @@ export declare const KoineDialog: ((props: Omit<{
     mPaper: import("framer-motion").MotionProps;
 } & {
     defaultProps: {
-        Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+        Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
         Backdrop: import("framer-motion").CustomDomComponent<{
             [x: string]: any;
             [x: number]: any;

package/Dialog/sc/material.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export type { KoineDialogProps } from "./bare";
-export declare const Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
     open?: boolean | undefined;
 }>>, import("styled-components").DefaultTheme, {}, never>;
@@ -40,6 +41,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;
@@ -55,11 +57,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;
@@ -78,14 +83,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;
@@ -115,6 +124,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;
@@ -125,7 +135,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;
@@ -301,19 +311,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;
     }>>;
@@ -337,7 +379,7 @@ export declare const KoineDialog: ((props: Omit<{
         children?: import("react").ReactNode;
     }>>;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+    Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
     Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
         open?: boolean | undefined;
     }>>, import("styled-components").DefaultTheme, {}, never>;
@@ -366,7 +408,7 @@ export declare const KoineDialog: ((props: Omit<{
     }>>, import("styled-components").DefaultTheme, {}, never>;
 } & {
     defaultProps: {
-        Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
+        Root: import("styled-components").StyledComponent<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
         Backdrop: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
             open?: boolean | undefined;
         }>>, import("styled-components").DefaultTheme, {}, never>;