@koine/react 2.0.0-beta.1 → 2.0.0-beta.10

package/Menu/MenuMui.js

@@ -1,6 +1,5 @@
-"use strict";
 // import React, { forwardRef, useId, useMemo, useRef, useState } from "react";
-// import { unstable_useEventCallback as useEventCallback } from "@mui/utils";
+// import useEventCallback from "@mui/utils/useEventCallback";
 // import {
 //   motion as m,
 //   AnimatePresence,
@@ -163,3 +162,4 @@
 //   );
 // });
 // export default Menu;
+"use strict";

package/Menu/MenuMui.mjs

@@ -1,6 +1,5 @@
-"use strict";
 // import React, { forwardRef, useId, useMemo, useRef, useState } from "react";
-// import { unstable_useEventCallback as useEventCallback } from "@mui/utils";
+// import useEventCallback from "@mui/utils/useEventCallback";
 // import {
 //   motion as m,
 //   AnimatePresence,

package/Menu/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Menu"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Menu"), exports);

package/MenuItem/MenuItem.d.ts

@@ -1,4 +1 @@
-export declare const MenuItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    $active?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, never>;
+export declare const MenuItem: any;

package/MenuItem/MenuItem.js

@@ -1,7 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.MenuItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"], ["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"])));
-var templateObject_1;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuItem", {
+    enumerable: true,
+    get: function() {
+        return MenuItem;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const MenuItem = _styledcomponents.default.li`
+  padding: 8px 16px;
+
+  &[aria-selected="true"] {
+    background: var(--accent400);
+  }
+
+  /** DEP: this is just for MultiselectMui? */
+  &.Mui-focused,
+  &[data-focus="true"] {
+    background: var(--accent300);
+    color: white;
+  }
+
+  &:not([disabled]):hover {
+    cursor: pointer;
+    background: var(--accent300);
+  }
+`;

package/MenuItem/MenuItem.mjs

@@ -1,4 +1,20 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var MenuItem = styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"], ["\n  padding: 8px 16px;\n\n  &[aria-selected=\"true\"] {\n    background: var(--accent400);\n  }\n\n  /** DEP: this is just for MultiselectMui? */\n  &.Mui-focused,\n  &[data-focus=\"true\"] {\n    background: var(--accent300);\n    color: white;\n  }\n\n  &:not([disabled]):hover {\n    cursor: pointer;\n    background: var(--accent300);\n  }\n"])));
-var templateObject_1;
+export const MenuItem = styled.li`
+  padding: 8px 16px;
+
+  &[aria-selected="true"] {
+    background: var(--accent400);
+  }
+
+  /** DEP: this is just for MultiselectMui? */
+  &.Mui-focused,
+  &[data-focus="true"] {
+    background: var(--accent300);
+    color: white;
+  }
+
+  &:not([disabled]):hover {
+    cursor: pointer;
+    background: var(--accent300);
+  }
+`;

package/MenuItem/MenuItemMui.js

@@ -1,4 +1,3 @@
-"use strict";
 // import React, { forwardRef } from "react";
 // import { useMenuItem } from "@mui/base/MenuItemUnstyled";
 // // import { useMenuItem } from "./useMenuItem";
@@ -30,3 +29,4 @@
 //   );
 // }) as Polymorphic.ComponentForwarded<"button", MenuItemProps>;
 // export default MenuItem;
+"use strict";

package/MenuItem/MenuItemMui.mjs

@@ -1,4 +1,3 @@
-"use strict";
 // import React, { forwardRef } from "react";
 // import { useMenuItem } from "@mui/base/MenuItemUnstyled";
 // // import { useMenuItem } from "./useMenuItem";

package/MenuItem/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./MenuItem"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MenuItem"), exports);

package/MenuItem/useMenuItem.js

@@ -1,64 +1,96 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuItem = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var utils_1 = require("@mui/utils");
-var useMenu_1 = tslib_1.__importDefault(require("@mui/base/useMenu"));
-// import { unstable_useIsFocusVisible as useIsFocusVisible } from "@mui/utils";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useMenuItem: function() {
+        return useMenuItem;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _useMenu = /*#__PURE__*/ _interop_require_default._(require("@mui/base/useMenu"));
+const _useForkRef = /*#__PURE__*/ _interop_require_default._(require("@mui/utils/useForkRef"));
+const _react = require("react");
 function useMenuItem(props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
-    var id = (0, react_1.useId)();
-    var _c = (0, useMenu_1.default)(), contextValue = _c.contextValue, open = _c.open;
+    const { disabled = false, rootRef: ref, label } = props;
+    const id = (0, _react.useId)();
+    const { contextValue, open } = (0, _useMenu.default)();
     // const { getRootProps } = useMenuItemUnstyled(props);
-    var itemRef = (0, react_1.useRef)(null);
-    var handleRef = (0, utils_1.unstable_useForkRef)(itemRef, ref);
+    const itemRef = (0, _react.useRef)(null);
+    const handleRef = (0, _useForkRef.default)(itemRef, ref);
     if (contextValue === null) {
         throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
     }
-    var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
-    (0, react_1.useEffect)(function () {
-        registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
-        // return () => unregisterItem(id);
-    }, [id, registerItem, /* unregisterItem,  */ disabled, ref, label]);
+    const { registerItem, getItemState } = contextValue;
+    (0, _react.useEffect)(()=>{
+        registerItem(id, {
+            disabled,
+            id,
+            ref: itemRef,
+            label
+        });
+    // return () => unregisterItem(id);
+    }, [
+        id,
+        registerItem,
+        /* unregisterItem,  */ disabled,
+        ref,
+        label
+    ]);
     // const { getRootProps: getButtonProps, focusVisible } = useButton({
     //   disabled,
     //   focusableWhenDisabled: true,
     //   ref: handleRef,
     // });
     // Ensure the menu item is focused when highlighted
-    var _d = (0, react_1.useState)(false), focusRequested = _d[0], requestFocus = _d[1];
-    var focusIfRequested = (0, react_1.useCallback)(function () {
+    const [focusRequested, requestFocus] = (0, _react.useState)(false);
+    const focusIfRequested = (0, _react.useCallback)(()=>{
         if (focusRequested && itemRef.current != null) {
             itemRef.current.focus();
             requestFocus(false);
         }
-    }, [focusRequested]);
-    (0, react_1.useEffect)(function () {
+    }, [
+        focusRequested
+    ]);
+    (0, _react.useEffect)(()=>{
         focusIfRequested();
     });
     // useDebugValue({ id, disabled, label });
-    var itemState = getItemState(id !== null && id !== void 0 ? id : "");
-    var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
-    (0, react_1.useEffect)(function () {
+    const itemState = getItemState(id ?? "");
+    const { highlighted } = itemState ?? {
+        highlighted: false
+    };
+    (0, _react.useEffect)(()=>{
         requestFocus(highlighted && open);
-    }, [highlighted, open]);
+    }, [
+        highlighted,
+        open
+    ]);
     return {
-        getRootProps: function (other) {
+        getRootProps: (other)=>{
             // const optionProps = menuContext.getItemProps(id, other);
-            return tslib_1.__assign(tslib_1.__assign({}, other), { 
+            return {
+                ...other,
                 // ...getButtonProps(other),
                 // @ ts-expect-error type from @mui/base is not specific
                 // tabIndex: optionProps.tabIndex,
                 // @ ts-expect-error type from @mui/base is not specific
                 // id: optionProps.id,
-                role: "menuitem" });
+                role: "menuitem"
+            };
         },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
+        disabled: itemState?.disabled ?? false,
         // focusVisible,
-        ref: handleRef,
+        ref: handleRef
     };
 }
-exports.useMenuItem = useMenuItem;
-exports.default = useMenuItem;
+const _default = useMenuItem;

package/MenuItem/useMenuItem.mjs

@@ -1,60 +1,78 @@
-import { __assign } from "tslib";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { unstable_useForkRef as useForkRef } from "@mui/utils";
 import useMenu from "@mui/base/useMenu";
+import useForkRef from "@mui/utils/useForkRef";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 // import { unstable_useIsFocusVisible as useIsFocusVisible } from "@mui/utils";
 export function useMenuItem(props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
-    var id = useId();
-    var _c = useMenu(), contextValue = _c.contextValue, open = _c.open;
+    const { disabled = false, rootRef: ref, label } = props;
+    const id = useId();
+    const { contextValue, open } = useMenu();
     // const { getRootProps } = useMenuItemUnstyled(props);
-    var itemRef = useRef(null);
-    var handleRef = useForkRef(itemRef, ref);
+    const itemRef = useRef(null);
+    const handleRef = useForkRef(itemRef, ref);
     if (contextValue === null) {
         throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
     }
-    var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
-    useEffect(function () {
-        registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
-        // return () => unregisterItem(id);
-    }, [id, registerItem, /* unregisterItem,  */ disabled, ref, label]);
+    const { registerItem, getItemState } = contextValue;
+    useEffect(()=>{
+        registerItem(id, {
+            disabled,
+            id,
+            ref: itemRef,
+            label
+        });
+    // return () => unregisterItem(id);
+    }, [
+        id,
+        registerItem,
+        /* unregisterItem,  */ disabled,
+        ref,
+        label
+    ]);
     // const { getRootProps: getButtonProps, focusVisible } = useButton({
     //   disabled,
     //   focusableWhenDisabled: true,
     //   ref: handleRef,
     // });
     // Ensure the menu item is focused when highlighted
-    var _d = useState(false), focusRequested = _d[0], requestFocus = _d[1];
-    var focusIfRequested = useCallback(function () {
+    const [focusRequested, requestFocus] = useState(false);
+    const focusIfRequested = useCallback(()=>{
         if (focusRequested && itemRef.current != null) {
             itemRef.current.focus();
             requestFocus(false);
         }
-    }, [focusRequested]);
-    useEffect(function () {
+    }, [
+        focusRequested
+    ]);
+    useEffect(()=>{
         focusIfRequested();
     });
     // useDebugValue({ id, disabled, label });
-    var itemState = getItemState(id !== null && id !== void 0 ? id : "");
-    var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
-    useEffect(function () {
+    const itemState = getItemState(id ?? "");
+    const { highlighted } = itemState ?? {
+        highlighted: false
+    };
+    useEffect(()=>{
         requestFocus(highlighted && open);
-    }, [highlighted, open]);
+    }, [
+        highlighted,
+        open
+    ]);
     return {
-        getRootProps: function (other) {
+        getRootProps: (other)=>{
             // const optionProps = menuContext.getItemProps(id, other);
-            return __assign(__assign({}, other), { 
+            return {
+                ...other,
                 // ...getButtonProps(other),
                 // @ ts-expect-error type from @mui/base is not specific
                 // tabIndex: optionProps.tabIndex,
                 // @ ts-expect-error type from @mui/base is not specific
                 // id: optionProps.id,
-                role: "menuitem" });
+                role: "menuitem"
+            };
         },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
+        disabled: itemState?.disabled ?? false,
         // focusVisible,
-        ref: handleRef,
+        ref: handleRef
     };
 }
 export default useMenuItem;

package/Meta/Meta.js

@@ -1,10 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Meta = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Meta = function (_a) {
-    var zoom = _a.zoom;
-    return ((0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1".concat(zoom ? "" : ", user-scalable=0") }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Meta: function() {
+        return Meta;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const Meta = ({ zoom })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
+        name: "viewport",
+        content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}`
+    });
 };
-exports.Meta = Meta;
-exports.default = exports.Meta;
+const _default = Meta;

package/Meta/Meta.mjs

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Meta = function (_a) {
-    var zoom = _a.zoom;
-    return (_jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1".concat(zoom ? "" : ", user-scalable=0") }));
+export const Meta = ({ zoom })=>{
+    return /*#__PURE__*/ _jsx("meta", {
+        name: "viewport",
+        content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}`
+    });
 };
 export default Meta;

package/Meta/index.js

@@ -1,7 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Meta"), exports);
-var Meta_1 = require("./Meta");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Meta_1.Meta; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _Meta.Meta;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+const _Meta = _export_star._(require("./Meta"), exports);

package/NoJs/NoJs.js

@@ -1,11 +1,28 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoJs = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var NoJs = function (_props) {
-    return ((0, jsx_runtime_1.jsx)("script", { id: "no-js", dangerouslySetInnerHTML: {
-            __html: "document.querySelector(\"html\").className=document.querySelector(\"html\").className.replace(/no-js/,\"\") + \"js\";",
-        } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NoJs: function() {
+        return NoJs;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const NoJs = (_props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("script", {
+        id: "no-js",
+        dangerouslySetInnerHTML: {
+            __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`
+        }
+    });
 };
-exports.NoJs = NoJs;
-exports.default = exports.NoJs;
+const _default = NoJs;

package/NoJs/NoJs.mjs

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export var NoJs = function (_props) {
-    return (_jsx("script", { id: "no-js", dangerouslySetInnerHTML: {
-            __html: "document.querySelector(\"html\").className=document.querySelector(\"html\").className.replace(/no-js/,\"\") + \"js\";",
-        } }));
+export const NoJs = (_props)=>{
+    return /*#__PURE__*/ _jsx("script", {
+        id: "no-js",
+        dangerouslySetInnerHTML: {
+            __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`
+        }
+    });
 };
 export default NoJs;

package/NoJs/index.js

@@ -1,7 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./NoJs"), exports);
-var NoJs_1 = require("./NoJs");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return NoJs_1.NoJs; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _NoJs.NoJs;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+const _NoJs = _export_star._(require("./NoJs"), exports);

package/Pagination/PaginationNav.d.ts

@@ -1,4 +1,4 @@
-import { KoineComponentProps, KoineComponent } from "../types";
+import { KoineComponent, KoineComponentProps } from "../types";
 export type KoinePaginationNavProps = {
     /** The total number of elements to paginate */
     total: string | number;