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

package/Dialog/tw/material.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export type { KoineDialogProps } from "./bare";
 export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
@@ -6,7 +7,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
 }, "ref"> & import("react").RefAttributes<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;
@@ -90,6 +91,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;
@@ -105,11 +107,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;
@@ -128,14 +133,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;
@@ -165,6 +174,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;
@@ -175,7 +185,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;
@@ -351,19 +361,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;
     }>>;
@@ -393,7 +435,7 @@ export declare const KoineDialog: ((props: Omit<{
     }, "ref"> & import("react").RefAttributes<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;
@@ -472,7 +514,7 @@ export declare const KoineDialog: ((props: Omit<{
         }, "ref"> & import("react").RefAttributes<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/Editor/Editor--tiptap.d.ts

@@ -2,8 +2,8 @@ import type { Editor as EditorType, EditorOptions } from "@tiptap/react";
 export type EditorBarProps = {
     editor: null | EditorType;
 };
-export declare const EditorBar: ({ editor }: EditorBarProps) => JSX.Element | null;
+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) => JSX.Element;
+export declare const Editor: ({ options, ...props }: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/Editor/Editor--tiptap.js

@@ -16,11 +16,11 @@ var EditorBar = function (_a) {
     if (!editor) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(components_1.EditorBarRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, tslib_1.__assign({ onClick: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(components_1.EditorBarRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: function (e) {
                     return handleClick(e, "Bold");
-                }, className: editor.isActive("bold") ? "is-active" : "" }, { children: (0, jsx_runtime_1.jsx)(components_1.EditorIconBold, {}) })), (0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, tslib_1.__assign({ onClick: function (e) {
+                }, className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconBold, {}) }), (0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: function (e) {
                     return handleClick(e, "Italic");
-                }, className: editor.isActive("bold") ? "is-active" : "" }, { children: (0, jsx_runtime_1.jsx)(components_1.EditorIconItalic, {}) }))] }));
+                }, className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconItalic, {}) })] }));
 };
 exports.EditorBar = EditorBar;
 var Editor = function (_a) {

package/Editor/Editor--tiptap.mjs

@@ -13,11 +13,11 @@ export var EditorBar = function (_a) {
     if (!editor) {
         return null;
     }
-    return (_jsxs(EditorBarRoot, { children: [_jsx(EditorBarBtn, __assign({ onClick: function (e) {
+    return (_jsxs(EditorBarRoot, { children: [_jsx(EditorBarBtn, { onClick: function (e) {
                     return handleClick(e, "Bold");
-                }, className: editor.isActive("bold") ? "is-active" : "" }, { children: _jsx(EditorIconBold, {}) })), _jsx(EditorBarBtn, __assign({ onClick: function (e) {
+                }, className: editor.isActive("bold") ? "is-active" : "", children: _jsx(EditorIconBold, {}) }), _jsx(EditorBarBtn, { onClick: function (e) {
                     return handleClick(e, "Italic");
-                }, className: editor.isActive("bold") ? "is-active" : "" }, { children: _jsx(EditorIconItalic, {}) }))] }));
+                }, className: editor.isActive("bold") ? "is-active" : "", children: _jsx(EditorIconItalic, {}) })] }));
 };
 export var Editor = function (_a) {
     var options = _a.options, props = __rest(_a, ["options"]);

package/FaviconTags/FaviconTags.d.ts

@@ -15,5 +15,5 @@ export type FaviconTagsProps = {
  *
  * @see https://realfavicongenerator.net/
  */
-export declare const FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => JSX.Element;
+export declare const FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
 export default FaviconTags;

package/FaviconTags/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./FaviconTags";
+export { FaviconTags, FaviconTagsProps } from "./FaviconTags";
 export { FaviconTags as default } from "./FaviconTags";

package/FaviconTags/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FaviconTags"), exports);
+exports.default = exports.FaviconTags = void 0;
 var FaviconTags_1 = require("./FaviconTags");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return FaviconTags_1.FaviconTags; } });
+Object.defineProperty(exports, "FaviconTags", { enumerable: true, get: function () { return FaviconTags_1.FaviconTags; } });
+var FaviconTags_2 = require("./FaviconTags");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return FaviconTags_2.FaviconTags; } });

package/FaviconTags/index.mjs

@@ -1,2 +1,2 @@
-export * from "./FaviconTags";
+export { FaviconTags } from "./FaviconTags";
 export { FaviconTags as default } from "./FaviconTags";

package/Form/Form.d.ts

@@ -76,7 +76,7 @@ export declare const Fail: NonNullable<import("react").ElementType<Omit<import("
     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) => JSX.Element;
+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;

package/Form/sc/bare.d.ts

@@ -2,7 +2,7 @@
 export type { KoineFormProps } from "../Form";
 export declare const Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const Feedback: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Feedback: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const KoineForm: ((props: {
     action: string;
     ok?: boolean | undefined;
@@ -37,10 +37,10 @@ export declare const KoineForm: ((props: {
         size?: string | undefined;
         thickness?: number | undefined;
         color?: string | undefined;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     Collapsable: null;
-    Ok: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-    Fail: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+    Ok: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+    Fail: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 } & {
     defaultProps: {
         Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
@@ -50,9 +50,9 @@ export declare const KoineForm: ((props: {
             size?: string | undefined;
             thickness?: number | undefined;
             color?: string | undefined;
-        }) => JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         Collapsable: null;
-        Ok: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-        Fail: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+        Ok: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+        Fail: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
     };
 };

package/Forms/Checkbox/Checkbox.d.ts

@@ -2,7 +2,7 @@
 import { UseToggleProps } from "../Toggle/useToggle";
 export declare const CheckboxRoot: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const CheckboxToggle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const CheckboxIndicator: import("styled-components").StyledComponent<(props: unknown) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const CheckboxIndicator: import("styled-components").StyledComponent<(props: unknown) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const CheckboxLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export type CheckboxProps = UseToggleProps;
 /**

package/Forms/Feedback/Feedback.d.ts

@@ -2,4 +2,4 @@
 export type FeedbackProps = React.ComponentPropsWithoutRef<"div"> & {
     $danger?: boolean;
 };
-export declare const Feedback: ({ $danger, children }: FeedbackProps) => JSX.Element;
+export declare const Feedback: ({ $danger, children }: FeedbackProps) => import("react/jsx-runtime").JSX.Element;

package/Forms/Feedback/Feedback.js

@@ -7,7 +7,7 @@ var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 var Root = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  margin-top: 0.2em;\n  font-size: 12px;\n  ", "\n"], ["\n  margin-top: 0.2em;\n  font-size: 12px;\n  ", "\n"])), function (p) { return (p.$danger ? "color: var(--danger);" : ""); });
 var Feedback = function (_a) {
     var $danger = _a.$danger, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ role: "alert", "$danger": $danger }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(Root, { role: "alert", "$danger": $danger, children: children }));
 };
 exports.Feedback = Feedback;
 var templateObject_1;

package/Forms/Feedback/Feedback.mjs

@@ -1,9 +1,9 @@
-import { __assign, __makeTemplateObject } from "tslib";
+import { __makeTemplateObject } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 0.2em;\n  font-size: 12px;\n  ", "\n"], ["\n  margin-top: 0.2em;\n  font-size: 12px;\n  ", "\n"])), function (p) { return (p.$danger ? "color: var(--danger);" : ""); });
 export var Feedback = function (_a) {
     var $danger = _a.$danger, children = _a.children;
-    return (_jsx(Root, __assign({ role: "alert", "$danger": $danger }, { children: children })));
+    return (_jsx(Root, { role: "alert", "$danger": $danger, children: children }));
 };
 var templateObject_1;

package/Forms/Field/Field.d.ts

@@ -34,5 +34,5 @@ export type FieldProps = React.ComponentPropsWithoutRef<"div"> & {
     error?: null | RHF_FieldError;
     errors?: RHF_FieldErrors;
 };
-export declare const Field: ({ name, t, error, errors, children, ...props }: FieldProps) => JSX.Element;
+export declare const Field: ({ name, t, error, errors, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/Forms/Field/Field.js

@@ -29,7 +29,7 @@ var Field = function (_a) {
     // useEffect(() => {
     //   i18n.addResourceBundle(locale, "core.Forms", null);
     // }, []);
-    return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, tslib_1.__assign({ "$danger": !!err }, props, { children: [children, msg && (0, jsx_runtime_1.jsx)(Feedback_1.Feedback, tslib_1.__assign({ "$danger": true }, { children: msg }))] })));
+    return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, tslib_1.__assign({ "$danger": !!err }, props, { children: [children, msg && (0, jsx_runtime_1.jsx)(Feedback_1.Feedback, { "$danger": true, children: msg })] })));
 };
 exports.Field = Field;
 var templateObject_1, templateObject_2, templateObject_3;

package/Forms/Field/Field.mjs

@@ -26,6 +26,6 @@ export var Field = function (_a) {
     // useEffect(() => {
     //   i18n.addResourceBundle(locale, "core.Forms", null);
     // }, []);
-    return (_jsxs(FieldRoot, __assign({ "$danger": !!err }, props, { children: [children, msg && _jsx(Feedback, __assign({ "$danger": true }, { children: msg }))] })));
+    return (_jsxs(FieldRoot, __assign({ "$danger": !!err }, props, { children: [children, msg && _jsx(Feedback, { "$danger": true, children: msg })] })));
 };
 var templateObject_1, templateObject_2, templateObject_3;

package/Forms/Field/FieldControl.d.ts

@@ -22,5 +22,5 @@ export type FieldControlProps = FieldControlRenderProps & {
  * ```json
  * ```
  */
-export declare const FieldControl: ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError, children, encode, ...props }: FieldControlProps) => JSX.Element;
+export declare const FieldControl: ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError, children, encode, ...props }: FieldControlProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/Forms/InputGroup/InputGroup.d.ts

@@ -10,4 +10,4 @@ export type InputGroupProps = React.ComponentPropsWithoutRef<"div"> & {
     Button?: typeof KoineButton;
     btnProps?: KoineButtonProps;
 };
-export declare const InputGroup: ({ pre, post, Button, btnProps, children, ...props }: InputGroupProps) => JSX.Element;
+export declare const InputGroup: ({ pre, post, Button, btnProps, children, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;

package/Forms/Password/Password.js

@@ -15,6 +15,6 @@ var PasswordIcon = styled_components_1.default.span(templateObject_3 || (templat
 exports.Password = (0, react_1.forwardRef)(function Password(_a, ref) {
     var register = _a.register, name = _a.name, label = _a.label, props = tslib_1.__rest(_a, ["register", "name", "label"]);
     var _b = (0, react_1.useState)(false), visible = _b[0], setVisible = _b[1];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { children: label }), (0, jsx_runtime_1.jsxs)(PasswordInputWrap, { children: [(0, jsx_runtime_1.jsx)(exports.PasswordInputNative, tslib_1.__assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), (0, jsx_runtime_1.jsx)(PasswordIcon, tslib_1.__assign({ onClick: function () { return setVisible(function (prev) { return !prev; }); } }, { children: visible ? (0, jsx_runtime_1.jsx)(im_1.ImEyeBlocked, {}) : (0, jsx_runtime_1.jsx)(im_1.ImEye, {}) }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { children: label }), (0, jsx_runtime_1.jsxs)(PasswordInputWrap, { children: [(0, jsx_runtime_1.jsx)(exports.PasswordInputNative, tslib_1.__assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), (0, jsx_runtime_1.jsx)(PasswordIcon, { onClick: function () { return setVisible(function (prev) { return !prev; }); }, children: visible ? (0, jsx_runtime_1.jsx)(im_1.ImEyeBlocked, {}) : (0, jsx_runtime_1.jsx)(im_1.ImEye, {}) })] })] }));
 });
 var templateObject_1, templateObject_2, templateObject_3;

package/Forms/Password/Password.mjs

@@ -12,6 +12,6 @@ var PasswordIcon = styled.span(templateObject_3 || (templateObject_3 = __makeTem
 export var Password = forwardRef(function Password(_a, ref) {
     var register = _a.register, name = _a.name, label = _a.label, props = __rest(_a, ["register", "name", "label"]);
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
-    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsxs(PasswordInputWrap, { children: [_jsx(PasswordInputNative, __assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), _jsx(PasswordIcon, __assign({ onClick: function () { return setVisible(function (prev) { return !prev; }); } }, { children: visible ? _jsx(IconInvisible, {}) : _jsx(IconVisible, {}) }))] })] }));
+    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsxs(PasswordInputWrap, { children: [_jsx(PasswordInputNative, __assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), _jsx(PasswordIcon, { onClick: function () { return setVisible(function (prev) { return !prev; }); }, children: visible ? _jsx(IconInvisible, {}) : _jsx(IconVisible, {}) })] })] }));
 });
 var templateObject_1, templateObject_2, templateObject_3;

package/Forms/Toggle/Toggle.d.ts

@@ -11,9 +11,9 @@ export declare const ToggleIndicatorBgCircle: import("styled-components").Styled
 export declare const ToggleIndicatorFg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
 export type ToggleIndicatorProps = unknown;
 export type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-export declare const ToggleIndicatorSquared: (props: ToggleIndicatorSquaredProps) => JSX.Element;
+export declare const ToggleIndicatorSquared: (props: ToggleIndicatorSquaredProps) => import("react/jsx-runtime").JSX.Element;
 export type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
     /** @default 6 */
     r?: number;
 };
-export declare const ToggleIndicatorRounded: ({ r, }: ToggleIndicatorRoundedProps) => JSX.Element;
+export declare const ToggleIndicatorRounded: ({ r, }: ToggleIndicatorRoundedProps) => import("react/jsx-runtime").JSX.Element;

package/Forms/Toggle/Toggle.js

@@ -24,13 +24,13 @@ exports.ToggleIndicatorBgSquare = styled_components_1.default.svg(templateObject
 exports.ToggleIndicatorBgCircle = styled_components_1.default.svg(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.toggleIndicatorBgShape);
 exports.ToggleIndicatorFg = styled_components_1.default.svg(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"], ["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"])), exports.toggleIndicatorFg, exports.ToggleIndicatorHolder);
 var ToggleIndicatorSquared = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorHolder, { children: [(0, jsx_runtime_1.jsx)(exports.ToggleIndicatorBgSquare, tslib_1.__assign({ viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24" }) })), (0, jsx_runtime_1.jsx)(exports.ToggleIndicatorFg, tslib_1.__assign({ viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorHolder, { children: [(0, jsx_runtime_1.jsx)(exports.ToggleIndicatorBgSquare, { viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24" }) }), (0, jsx_runtime_1.jsx)(exports.ToggleIndicatorFg, { viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) })] }));
 };
 exports.ToggleIndicatorSquared = ToggleIndicatorSquared;
 var ToggleIndicatorRounded = function (_a) {
     var _b = _a.r, r = _b === void 0 ? 6 : _b;
     var id = (0, react_1.useId)();
-    return ((0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorHolder, { children: [(0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorBgCircle, tslib_1.__assign({ viewBox: "0 0 24 24" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cy: "12", cx: "12", r: "12", id: "r_".concat(id), clipPath: "url(#c_".concat(id, ")") }), (0, jsx_runtime_1.jsx)("clipPath", tslib_1.__assign({ id: "c_".concat(id) }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#r_".concat(id) }) }))] })), (0, jsx_runtime_1.jsx)(exports.ToggleIndicatorFg, tslib_1.__assign({ viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("circle", { r: r, cx: "12", cy: "12" }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorHolder, { children: [(0, jsx_runtime_1.jsxs)(exports.ToggleIndicatorBgCircle, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { cy: "12", cx: "12", r: "12", id: "r_".concat(id), clipPath: "url(#c_".concat(id, ")") }), (0, jsx_runtime_1.jsx)("clipPath", { id: "c_".concat(id), children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#r_".concat(id) }) })] }), (0, jsx_runtime_1.jsx)(exports.ToggleIndicatorFg, { viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("circle", { r: r, cx: "12", cy: "12" }) })] }));
 };
 exports.ToggleIndicatorRounded = ToggleIndicatorRounded;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Forms/Toggle/Toggle.mjs

@@ -1,4 +1,4 @@
-import { __assign, __makeTemplateObject } from "tslib";
+import { __makeTemplateObject } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @file
@@ -21,11 +21,11 @@ export var ToggleIndicatorBgSquare = styled.svg(templateObject_5 || (templateObj
 export var ToggleIndicatorBgCircle = styled.svg(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), toggleIndicatorBgShape);
 export var ToggleIndicatorFg = styled.svg(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"], ["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"])), toggleIndicatorFg, ToggleIndicatorHolder);
 export var ToggleIndicatorSquared = function (props) {
-    return (_jsxs(ToggleIndicatorHolder, { children: [_jsx(ToggleIndicatorBgSquare, __assign({ viewBox: "0 0 24 24" }, { children: _jsx("rect", { width: "24", height: "24" }) })), _jsx(ToggleIndicatorFg, __assign({ viewBox: "0 0 24 24" }, { children: _jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }))] }));
+    return (_jsxs(ToggleIndicatorHolder, { children: [_jsx(ToggleIndicatorBgSquare, { viewBox: "0 0 24 24", children: _jsx("rect", { width: "24", height: "24" }) }), _jsx(ToggleIndicatorFg, { viewBox: "0 0 24 24", children: _jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) })] }));
 };
 export var ToggleIndicatorRounded = function (_a) {
     var _b = _a.r, r = _b === void 0 ? 6 : _b;
     var id = useId();
-    return (_jsxs(ToggleIndicatorHolder, { children: [_jsxs(ToggleIndicatorBgCircle, __assign({ viewBox: "0 0 24 24" }, { children: [_jsx("circle", { cy: "12", cx: "12", r: "12", id: "r_".concat(id), clipPath: "url(#c_".concat(id, ")") }), _jsx("clipPath", __assign({ id: "c_".concat(id) }, { children: _jsx("use", { xlinkHref: "#r_".concat(id) }) }))] })), _jsx(ToggleIndicatorFg, __assign({ viewBox: "0 0 24 24" }, { children: _jsx("circle", { r: r, cx: "12", cy: "12" }) }))] }));
+    return (_jsxs(ToggleIndicatorHolder, { children: [_jsxs(ToggleIndicatorBgCircle, { viewBox: "0 0 24 24", children: [_jsx("circle", { cy: "12", cx: "12", r: "12", id: "r_".concat(id), clipPath: "url(#c_".concat(id, ")") }), _jsx("clipPath", { id: "c_".concat(id), children: _jsx("use", { xlinkHref: "#r_".concat(id) }) })] }), _jsx(ToggleIndicatorFg, { viewBox: "0 0 24 24", children: _jsx("circle", { r: r, cx: "12", cy: "12" }) })] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Forms/Toggle/useToggle.d.ts

@@ -37,7 +37,7 @@ export type UseToggleProps = Omit<FormControl, "value"> & {
  * an array of options with the shape of `Option`
  */
 export declare function useToggle(props: UseToggleProps, ref: React.ForwardedRef<HTMLInputElement>): {
-    Inputs: JSX.Element;
+    Inputs: import("react/jsx-runtime").JSX.Element;
     rootProps: {
         htmlFor: string | undefined;
     };

package/Forms/antispam.d.ts

@@ -19,17 +19,17 @@ export declare function encodeForm<T extends ObjectShape = {}>(validationRules:
             readonly isSibling: boolean;
             readonly path: any;
             readonly getter: (data: unknown) => unknown;
-            readonly map?: ((value: unknown) => infer T_1) | undefined;
+            readonly map?: ((value: unknown) => infer T) | undefined;
             readonly __isYupRef: boolean;
-            getValue(value: any, parent?: {} | undefined, context?: {} | undefined): infer T_1;
+            getValue(value: any, parent?: {} | undefined, context?: {} | undefined): infer T;
             cast(value: any, options?: {
                 parent?: {} | undefined;
                 context?: {} | undefined;
-            } | undefined): infer T_1;
+            } | undefined): infer T;
             resolve(): any;
             describe(): import("@kuus/yup").SchemaRefDescription;
             toString(): string;
-        } ? T_1 : unknown;
+        } ? T : unknown;
     }, import("@kuus/yup").AnyObject, {
         [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, import("@kuus/yup").AnyObject, any, any> ? T[keyof T]["__default"] : undefined;
     }, "">;

package/Forms/styles.d.ts

@@ -4,7 +4,7 @@ export declare const InputHoneypot: import("styled-components").StyledComponent<
     autoComplete: "new-password";
     tabIndex: -1;
 }, "tabIndex" | "type" | "autoComplete">;
-export declare const InputProgress: import("styled-components").StyledComponent<(p: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const InputProgress: import("styled-components").StyledComponent<(p: any) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 /**
  * Remove the default light blue background on autofilled inputs. To be used as
  * a function that outputs a CSS string.

package/Hamburger/Hamburger.d.ts

@@ -3,4 +3,4 @@ export type HamburgerProps = React.ComponentProps<"div"> & {
     /** A way to provide your own state value. Can be used together with a state action (the `toggle` prop). */
     toggled?: boolean;
 };
-export declare const Hamburger: ({ toggled, ...props }: HamburgerProps) => JSX.Element;
+export declare const Hamburger: ({ toggled, ...props }: HamburgerProps) => import("react/jsx-runtime").JSX.Element;

package/Hamburger/Hamburger.js

@@ -50,7 +50,7 @@ var barStyles = {
 };
 var Hamburger = function (_a) {
     var toggled = _a.toggled, props = tslib_1.__rest(_a, ["toggled"]);
-    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: tslib_1.__assign(tslib_1.__assign({}, burgerStyles), { transform: "".concat(toggled ? "rotate(90deg)" : "none") }), tabIndex: 0 }, props, { children: [(0, jsx_runtime_1.jsx)("div", { style: tslib_1.__assign(tslib_1.__assign({}, barStyles), { top: "".concat(topOffset, "px"), transform: "".concat(toggled ? "rotate(-45deg) translate(0px, ".concat(move, "px)") : "none") }) }), (0, jsx_runtime_1.jsx)("div", { style: tslib_1.__assign(tslib_1.__assign({}, barStyles), { top: "".concat(topOffset + barHeight + margin, "px"), transform: "".concat(toggled ? "rotate(45deg) translate(0, -".concat(move, "px)") : "none") }) }), (0, jsx_runtime_1.jsx)(HamburgerLabel, tslib_1.__assign({ "$toggled": toggled }, { children: "Menu" }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: tslib_1.__assign(tslib_1.__assign({}, burgerStyles), { transform: "".concat(toggled ? "rotate(90deg)" : "none") }), tabIndex: 0 }, props, { children: [(0, jsx_runtime_1.jsx)("div", { style: tslib_1.__assign(tslib_1.__assign({}, barStyles), { top: "".concat(topOffset, "px"), transform: "".concat(toggled ? "rotate(-45deg) translate(0px, ".concat(move, "px)") : "none") }) }), (0, jsx_runtime_1.jsx)("div", { style: tslib_1.__assign(tslib_1.__assign({}, barStyles), { top: "".concat(topOffset + barHeight + margin, "px"), transform: "".concat(toggled ? "rotate(45deg) translate(0, -".concat(move, "px)") : "none") }) }), (0, jsx_runtime_1.jsx)(HamburgerLabel, { "$toggled": toggled, children: "Menu" })] })));
 };
 exports.Hamburger = Hamburger;
 var templateObject_1;

package/Hamburger/Hamburger.mjs

@@ -47,6 +47,6 @@ var barStyles = {
 };
 export var Hamburger = function (_a) {
     var toggled = _a.toggled, props = __rest(_a, ["toggled"]);
-    return (_jsxs("div", __assign({ style: __assign(__assign({}, burgerStyles), { transform: "".concat(toggled ? "rotate(90deg)" : "none") }), tabIndex: 0 }, props, { children: [_jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset, "px"), transform: "".concat(toggled ? "rotate(-45deg) translate(0px, ".concat(move, "px)") : "none") }) }), _jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset + barHeight + margin, "px"), transform: "".concat(toggled ? "rotate(45deg) translate(0, -".concat(move, "px)") : "none") }) }), _jsx(HamburgerLabel, __assign({ "$toggled": toggled }, { children: "Menu" }))] })));
+    return (_jsxs("div", __assign({ style: __assign(__assign({}, burgerStyles), { transform: "".concat(toggled ? "rotate(90deg)" : "none") }), tabIndex: 0 }, props, { children: [_jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset, "px"), transform: "".concat(toggled ? "rotate(-45deg) translate(0px, ".concat(move, "px)") : "none") }) }), _jsx("div", { style: __assign(__assign({}, barStyles), { top: "".concat(topOffset + barHeight + margin, "px"), transform: "".concat(toggled ? "rotate(45deg) translate(0, -".concat(move, "px)") : "none") }) }), _jsx(HamburgerLabel, { "$toggled": toggled, children: "Menu" })] })));
 };
 var templateObject_1;

package/Link/LinkBlank.d.ts

@@ -3,6 +3,6 @@ export type LinkBlankProps = React.ComponentPropsWithRef<"a">;
 export declare const LinkBlankA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     target: "_blank";
     rel: "noopener";
-}, "target" | "rel">;
+}, "rel" | "target">;
 export declare const LinkBlankIcon: import("styled-components").StyledComponent<import("react-icons/lib").IconType, import("styled-components").DefaultTheme, {}, never>;
-export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => JSX.Element;
+export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => import("react/jsx-runtime").JSX.Element;

package/MenuItem/useMenuItem.d.ts

@@ -1,11 +1,9 @@
-import { UseMenuItemParameters } from "@mui/base/MenuItemUnstyled";
+import { UseMenuItemParameters } from "@mui/base/useMenuItem/useMenuItem.types";
 export declare function useMenuItem(props: UseMenuItemParameters): {
     getRootProps: (other?: Record<string, any>) => {
-        tabIndex: any;
-        id: any;
         role: string;
     };
     disabled: boolean;
-    ref: ((instance: any) => void) | null;
+    ref: ((instance: Element | null) => void) | null;
 };
 export default useMenuItem;