@koine/react 2.0.0-beta.2 → 2.0.0-beta.20

package/Menu/MenuMui.mjs

@@ -1,165 +0,0 @@
-"use strict";
-// import React, { forwardRef, useId, useMemo, useRef, useState } from "react";
-// import { unstable_useEventCallback as useEventCallback } from "@mui/utils";
-// import {
-//   motion as m,
-//   AnimatePresence,
-//   type HTMLMotionProps,
-// } from "framer-motion";
-// import {
-//   useMenu,
-//   MenuUnstyledContext,
-//   type MenuUnstyledContextType,
-//   type MenuUnstyledActions,
-// } from "@mui/base/MenuUnstyled";
-// import ModalUnstyled from "@mui/base/ModalUnstyled";
-// import ClickAwayListener from "@mui/base/ClickAwayListener";
-// import { usePopper, type PopperChildrenProps } from "react-popper";
-// import clsx from "@koine/utils/clsx";
-// const MenuRoot = m.div;
-// const MenuBackdrop = () => <div className="fixed inset-0" />;
-// /**
-//  * Props we control, cannot be overriden from implementers
-//  */
-// type MenuButtonOwnProps = {
-//   "aria-controls"?: string;
-//   "aria-haspopup": true | "true";
-//   "aria-expanded"?: true | "true";
-//   onClick: (event: React.MouseEvent<HTMLButtonElement>) => unknown;
-//   onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => unknown;
-// };
-// type MenuButtonProps = Omit<
-//   React.ComponentPropsWithRef<"button">,
-//   keyof MenuButtonOwnProps
-// > &
-//   MenuButtonOwnProps;
-// export type MenuItemsProps = {
-//   /**
-//    * Closes the parent menu
-//    */
-//   close: () => unknown;
-// };
-// /**
-//  * Props we control, cannot be overriden from implementers
-//  */
-// type MenuOwnProps = ReturnType<typeof useMenu>["getListboxProps"] & {
-//   onKeyDown: (event: React.KeyboardEvent) => unknown;
-//   style: React.StyleHTMLAttributes<HTMLDivElement>;
-// };
-// export type MenuProps = Omit<
-//   Omit<HTMLMotionProps<"div">, "children"> & {
-//     placement?: PopperChildrenProps["placement"];
-//     Button: (props: MenuButtonProps) => JSX.Element;
-//     children: (props: MenuItemsProps) => React.ReactNode;
-//   },
-//   keyof MenuOwnProps
-// >;
-// export const Menu = forwardRef(function Menu(props: MenuProps, ref) {
-//   const { Button, placement, children, className, ...htmlAttributes } = props;
-//   const id = useId();
-//   const buttonRef = useRef<HTMLButtonElement>(null);
-//   const menuActions = useRef<MenuUnstyledActions>(null);
-//   const [popperElement, setPopperElement] = useState(null);
-//   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
-//   const open = Boolean(anchorEl);
-//   const { styles } = usePopper(anchorEl, popperElement, {
-//     placement,
-//     // strategy: "absolute",
-//   });
-//   const {
-//     registerItem,
-//     unregisterItem,
-//     getListboxProps,
-//     getItemProps,
-//     getItemState,
-//   } = useMenu({
-//     listboxId: id,
-//     listboxRef: setPopperElement,
-//     // these two make the Tab key behaviour correct, closing the menu on Tab
-//     // press and re-focusing the Button trigger element
-//     open,
-//     onClose: () => setAnchorEl(null),
-//   });
-//   const contextValue: MenuUnstyledContextType = {
-//     registerItem,
-//     unregisterItem,
-//     getItemState,
-//     getItemProps,
-//     open,
-//   };
-//   const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-//     if (open) {
-//       setAnchorEl(null);
-//     } else {
-//       setAnchorEl(event.currentTarget);
-//     }
-//   };
-//   const handleButtonKeyDown = (
-//     event: React.KeyboardEvent<HTMLButtonElement>
-//   ) => {
-//     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-//       event.preventDefault();
-//       setAnchorEl(event.currentTarget);
-//       if (event.key === "ArrowUp") {
-//         menuActions.current?.highlightLastItem();
-//       }
-//     }
-//   };
-//   const close = useEventCallback(() => {
-//     setAnchorEl(null);
-//     buttonRef.current?.focus();
-//   });
-//   const renderChildren = useMemo(() => {
-//     const childrenProps: MenuItemsProps = { close };
-//     return children(childrenProps);
-//   }, [children, close]);
-//   return (
-//     <>
-//       <Button
-//         ref={buttonRef}
-//         id={id}
-//         aria-haspopup="true"
-//         aria-controls={open ? id : undefined}
-//         aria-expanded={open ? "true" : undefined}
-//         onClick={handleButtonClick}
-//         onKeyDown={handleButtonKeyDown}
-//       />
-//       <AnimatePresence>
-//         {open && (
-//           <ModalUnstyled
-//             slots={{ backdrop: MenuBackdrop }}
-//             onClose={close}
-//             onBackdropClick={close}
-//             open={open}
-//           >
-//             <div>
-//               <ClickAwayListener onClickAway={close}>
-//                 <MenuRoot
-//                   initial={{
-//                     opacity: 0,
-//                   }}
-//                   animate={{
-//                     opacity: 1,
-//                   }}
-//                   exit={{
-//                     opacity: 0,
-//                   }}
-//                   className={clsx(className)}
-//                   style={styles["popper"]}
-//                   {...htmlAttributes}
-//                   {...getListboxProps()}
-//                   aria-labelledby={id}
-//                 >
-//                   <MenuUnstyledContext.Provider value={contextValue}>
-//                     {renderChildren}
-//                   </MenuUnstyledContext.Provider>
-//                 </MenuRoot>
-//               </ClickAwayListener>
-//             </div>
-//           </ModalUnstyled>
-//         )}
-//       </AnimatePresence>
-//     </>
-//   );
-// });
-// export default Menu;

package/Menu/index.mjs

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

package/Menu/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/MenuItem/MenuItem.mjs

@@ -1,4 +0,0 @@
-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;

package/MenuItem/MenuItemMui.mjs

@@ -1,32 +0,0 @@
-"use strict";
-// import React, { forwardRef } from "react";
-// import { useMenuItem } from "@mui/base/MenuItemUnstyled";
-// // import { useMenuItem } from "./useMenuItem";
-// import clsx from "@koine/utils/clsx";
-// import { type MenuItemsProps } from "../Menu/MenuMui";
-// import { Polymorphic } from "../typings";
-// export type MenuItemProps = React.PropsWithChildren<Partial<MenuItemsProps>>;
-// export const MenuItem = forwardRef(function MenuItem<
-//   T extends React.ElementType = "button"
-// >(props: Polymorphic.Props<T, MenuItemProps>, ref: Polymorphic.Ref<T>) {
-//   const {
-//     as: As = "button",
-//     children,
-//     className,
-//     disabled: disabledProp,
-//     ...other
-//   } = props;
-//   const { getRootProps, disabled, focusVisible } = useMenuItem({
-//     ref,
-//     disabled: disabledProp,
-//   });
-//   return (
-//     <As
-//       className={clsx(focusVisible && "", disabled && "", className)}
-//       {...getRootProps(other)}
-//     >
-//       {children}
-//     </As>
-//   );
-// }) as Polymorphic.ComponentForwarded<"button", MenuItemProps>;
-// export default MenuItem;

package/MenuItem/index.mjs

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

package/MenuItem/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/MenuItem/useMenuItem.mjs

@@ -1,60 +0,0 @@
-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 { 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 { getRootProps } = useMenuItemUnstyled(props);
-    var itemRef = useRef(null);
-    var 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 { 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 () {
-        if (focusRequested && itemRef.current != null) {
-            itemRef.current.focus();
-            requestFocus(false);
-        }
-    }, [focusRequested]);
-    useEffect(function () {
-        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 () {
-        requestFocus(highlighted && open);
-    }, [highlighted, open]);
-    return {
-        getRootProps: function (other) {
-            // const optionProps = menuContext.getItemProps(id, other);
-            return __assign(__assign({}, 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" });
-        },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
-        // focusVisible,
-        ref: handleRef,
-    };
-}
-export default useMenuItem;

package/Meta/Meta.d.ts

@@ -1,15 +0,0 @@
-export type MetaProps = {
-    /**
-     * Determines whether `user-scalable=0` is add to the `meta->viewport` content
-     *
-     * This is an opt in instead of the default browser behaviour as it helps prevent
-     * weird zooming on input fields on iPhone iOS devices.
-     * @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
-     * @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
-     *
-     * @default false
-     */
-    zoom?: boolean;
-};
-export declare const Meta: ({ zoom }: MetaProps) => import("react/jsx-runtime").JSX.Element;
-export default Meta;

package/Meta/Meta.js

@@ -1,10 +0,0 @@
-"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") }));
-};
-exports.Meta = Meta;
-exports.default = exports.Meta;

package/Meta/index.d.ts

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

package/Meta/index.js

@@ -1,7 +0,0 @@
-"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; } });

package/Meta/index.mjs

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

package/Meta/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/NoJs/NoJs.js

@@ -1,11 +0,0 @@
-"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\";",
-        } }));
-};
-exports.NoJs = NoJs;
-exports.default = exports.NoJs;

package/NoJs/index.d.ts

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

package/NoJs/index.js

@@ -1,7 +0,0 @@
-"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; } });

package/NoJs/index.mjs

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

package/NoJs/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/Pagination/PaginationNav.mjs

@@ -1,61 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-import { CgArrowRightR as IconArrowRight, CgArrowLeftR as IconArrowLeft, } from "react-icons/cg";
-import ensureInt from "@koine/utils/ensureInt";
-var Root = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"])));
-var item = "\n  display: block;\n  padding: 5px 10px;\n";
-var ItemCurrent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"], ["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"])), item);
-var ItemLink = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), item, function (props) { return (props.prev ? "color: var(--grey100);" : ""); });
-var DotsSeparator = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: var(--grey100);\n"], ["\n  color: var(--grey100);\n"])));
-var arrow = "display: flex; font-size: 20px;";
-var ItemPrev = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-var ItemNext = styled.a(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-/*
- * Possible outcomes:
- * [1] 2 3 ... 78 >
- * < 1 2 [3] 4 5 ... 78 >
- * < 1 ... 6 7 [8] 9 10 ... 78 >
- * < 1 ... 75 76 [77] 78 >
- * < 1 ... 76 77 [78]
- */
-export var KoinePaginationNav = function (_a) {
-    var total = _a.total, perPage = _a.perPage, _currentPage = _a.currentPage, baseUrl = _a.baseUrl, _b = _a.showOffset, showOffset = _b === void 0 ? 2 : _b, _c = _a.currentUrl, currentUrl = _c === void 0 ? "/" : _c, _d = _a.Link, Link = _d === void 0 ? "a" : _d;
-    var currentPage = ensureInt(_currentPage);
-    total = ensureInt(total);
-    perPage = ensureInt(perPage);
-    // page 0 means 1
-    currentPage = currentPage || 1;
-    baseUrl = baseUrl || currentUrl;
-    // don't output anything if pagination is not needed
-    if (total < perPage) {
-        return null;
-    }
-    var firstPage = 1;
-    var lastPage = Math.ceil(total / perPage);
-    var prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
-    var nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
-    var prevArrow = currentPage > firstPage;
-    var nextArrow = currentPage < lastPage;
-    var pages = [];
-    // fill the pages before the current
-    for (var i = currentPage - showOffset; i < currentPage; i++) {
-        if (i > 1) {
-            pages.push(i);
-        }
-    }
-    // add the current
-    pages.push(currentPage);
-    // fill the pages after the current
-    for (var i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
-        if (i < lastPage) {
-            pages.push(i);
-        }
-    }
-    var prevDots = pages[0] > firstPage + 1;
-    var nextDots = pages[pages.length - 1] < lastPage - 1;
-    return (_jsxs(Root, { children: [prevArrow && (_jsx(ItemPrev, { as: Link, href: "".concat(baseUrl, "/").concat(prevPage), children: _jsx(IconArrowLeft, {}) })), firstPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl), prev: true, children: firstPage })), prevDots && _jsx(DotsSeparator, { children: "..." }), pages.map(function (page) {
-                return page === currentPage ? (_jsx(ItemCurrent, { children: page }, page)) : (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(page), prev: page < currentPage, next: page > currentPage, children: page }, "pagination-".concat(page)));
-            }), nextDots && _jsx(DotsSeparator, { children: "..." }), lastPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(lastPage), next: true, children: lastPage })), nextArrow && (_jsx(ItemNext, { as: Link, href: "".concat(baseUrl, "/").concat(nextPage), children: _jsx(IconArrowRight, {}) }))] }));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Pagination/PaginationResults.mjs

@@ -1,11 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { AnimatePresence, m } from "framer-motion";
-var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // overflow: hidden;\n"], ["\n  // overflow: hidden;\n"])));
-var Inner = styled(m.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-export var PaginationResults = function (_a) {
-    var children = _a.children;
-    return (_jsx(AnimatePresence, { exitBeforeEnter: true, initial: true, children: _jsx(Root, { children: _jsx(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
-};
-var templateObject_1, templateObject_2;

package/Pagination/index.mjs

@@ -1,2 +0,0 @@
-export * from "./PaginationNav";
-export * from "./PaginationResults";

package/Pagination/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/Pill/Pill.mjs

@@ -1,7 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var Pill = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  padding: 5px 10px;\n  margin: 0 0.5em 0.5em 0;\n  border-radius: 2px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n"], ["\n  display: inline-block;\n  padding: 5px 10px;\n  margin: 0 0.5em 0.5em 0;\n  border-radius: 2px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n"])));
-export var PillGreyLight = styled(Pill)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: var(--grey800);\n  color: var(--grey100);\n\n  &:hover {\n    color: white;\n    background: var(--grey300);\n  }\n"], ["\n  background: var(--grey800);\n  color: var(--grey100);\n\n  &:hover {\n    color: white;\n    background: var(--grey300);\n  }\n"])));
-export var PillAccentLight = styled(Pill)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: var(--accent400);\n  color: var(--grey100);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"], ["\n  background: var(--accent400);\n  color: var(--grey100);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"])));
-export var PillAccentLightOutlined = styled(Pill)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: 1px solid var(--accent300);\n  color: var(--accent200);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"], ["\n  border: 1px solid var(--accent300);\n  color: var(--accent200);\n\n  &:hover {\n    color: #fff;\n    background: var(--accent300);\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Pill/index.mjs

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

package/Pill/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/Progress/ProgressCircular.mjs

@@ -1,15 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { keyframes } from "styled-components";
-var animationRotation = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var animationCircle = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var ProgressCircularSvg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationRotation);
-var ProgressCircularCircle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationCircle);
-/**
- * @see https://mui.com/components/progress/
- */
-export var ProgressCircular = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "1em" : _b, _c = _a.thickness, thickness = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? "currentColor" : _d, props = __rest(_a, ["size", "thickness", "color"]);
-    return (_jsx(ProgressCircularSvg, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size } }, props, { children: _jsx(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) })));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Progress/ProgressLinear.mjs

@@ -1,24 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { m } from "framer-motion";
-var ProgressLinearBg = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"], ["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"])));
-var ProgressLinearFg = styled(m.span)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-/**
- * @see https://mui.com/components/progress/#linear
- */
-export var ProgressLinear = function (_a) {
-    var _b = _a.done, done = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? "2px" : _c, _d = _a.bg, bg = _d === void 0 ? "transparent" : _d, _e = _a.fg, fg = _e === void 0 ? "currentColor" : _e, props = __rest(_a, ["done", "height", "bg", "fg"]);
-    return (_jsx(ProgressLinearBg, __assign({ style: { height: height, background: bg } }, props, { children: _jsx(ProgressLinearFg, { style: { height: height, background: fg }, initial: {
-                x: "-100%",
-            }, animate: {
-                x: done ? "-100%" : "0%",
-            }, transition: done
-                ? {}
-                : {
-                    repeat: Infinity,
-                    repeatType: "reverse",
-                    duration: 2,
-                } }) })));
-};
-var templateObject_1, templateObject_2;

package/Progress/ProgressOverlay.mjs

@@ -1,24 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import styled from "styled-components";
-import { m } from "framer-motion";
-import { ProgressCircular } from "./ProgressCircular";
-import { ProgressLinear } from "./ProgressLinear";
-import { useHeader } from "../Header";
-var ProgressOverlayWrap = styled(m.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"], ["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"])));
-var ProgressOverlayCenterer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"])));
-export var ProgressOverlay = function (_a) {
-    var running = _a.running;
-    var _b = useHeader(), headerHeight = _b[2];
-    // const [progress, setProgress] = useState(0);
-    useEffect(function () {
-        document.body.style.cursor = running ? "wait" : "";
-    }, [running]);
-    return (_jsxs(ProgressOverlayWrap, { animate: {
-            opacity: running ? 1 : 0,
-        }, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [_jsx(ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), _jsx(ProgressOverlayCenterer, { style: {
-                    top: headerHeight + "px",
-                }, children: _jsx(ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
-};
-var templateObject_1, templateObject_2;

package/Progress/index.mjs

@@ -1,3 +0,0 @@
-export * from "./ProgressCircular";
-export * from "./ProgressLinear";
-export * from "./ProgressOverlay";

package/Progress/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/README.md

@@ -1 +0,0 @@
-# @koine/react