@koine/react 1.2.3 → 2.0.0-alpha.2

package/hooks/useAsyncFn.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { FunctionReturningPromise, PromiseType } from "./types";
-export type AsyncState<T> = {
+export type UseAsyncState<T> = {
     loading: boolean;
     error?: undefined;
     value?: undefined;
@@ -17,10 +17,10 @@ export type AsyncState<T> = {
     error?: undefined;
     value: T;
 };
-type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;
-export type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
+type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = UseAsyncState<PromiseType<ReturnType<T>>>;
+export type UseAsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useAsyncFn.ts)
  */
-export declare function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>): AsyncFnReturn<T>;
+export declare function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>): UseAsyncFnReturn<T>;
 export default useAsyncFn;

package/hooks/useFocus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @see https://stackoverflow.com/a/54159564/1938970
  */

package/m/MotionProvider.d.ts

@@ -34,5 +34,5 @@ export type MotionProviderProps = LazyProps & React.PropsWithChildren<{}>;
  * </MotionProvider>
  * ```
  */
-export declare const MotionProvider: ({ features, children }: MotionProviderProps) => JSX.Element;
+export declare const MotionProvider: ({ features, children }: MotionProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default MotionProvider;

package/m/MotionProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MotionProvider = void 0;
-var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var framer_motion_1 = require("framer-motion");
 /**
@@ -38,7 +37,7 @@ var framer_motion_1 = require("framer-motion");
  */
 var MotionProvider = function (_a) {
     var features = _a.features, children = _a.children;
-    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, tslib_1.__assign({ features: features }, { children: children }));
+    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, { features: features, children: children });
 };
 exports.MotionProvider = MotionProvider;
 exports.default = exports.MotionProvider;

package/m/MotionProvider.mjs

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LazyMotion } from "framer-motion";
 /**
@@ -35,6 +34,6 @@ import { LazyMotion } from "framer-motion";
  */
 export var MotionProvider = function (_a) {
     var features = _a.features, children = _a.children;
-    return _jsx(LazyMotion, __assign({ features: features }, { children: children }));
+    return _jsx(LazyMotion, { features: features, children: children });
 };
 export default MotionProvider;

package/package.json

@@ -47,31 +47,27 @@
   },
   "dependencies": {
     "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-alpha.118",
-    "@mui/utils": "5.11.9",
-    "@tiptap/react": "2.0.0-beta.218",
-    "@tiptap/starter-kit": "2.0.0-beta.218",
+    "@mui/base": "5.0.0-beta.4",
+    "@mui/utils": "5.13.1",
+    "@tiptap/react": "2.0.3",
+    "@tiptap/starter-kit": "2.0.3",
     "clsx": "1.2.1",
-    "date-fns": "^2.29.3",
-    "framer-motion": "^10.0.0",
-    "next": "^13.2.1",
+    "date-fns": "^2.30.0",
+    "framer-motion": "^10.12.16",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.2",
-    "react-icons": "^4.7.1",
-    "react-is": "^18.2.0",
-    "react-swipeable": "^7.0.0",
-    "styled-components": "^5.3.6",
+    "react-hook-form": "^7.44.3",
+    "react-icons": "^4.9.0",
+    "react-swipeable": "^7.0.1",
+    "styled-components": "^5.3.11",
     "ts-debounce": "^4.0.0",
-    "tslib": "^2.5.0",
-    "type-fest": "^3.6.0"
+    "tslib": "^2.5.3",
+    "type-fest": "^3.11.1"
   },
   "peerDependencies": {
-    "@koine/dom": "1.2.3",
-    "@koine/utils": "1.2.3"
+    "@koine/utils": "2.0.0-alpha.2"
   },
   "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "1.2.3",
+  "version": "2.0.0-alpha.2",
   "module": "./index.mjs"
 }

package/styles/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./Body";
-export * from "./Global";
-export * from "./media";
-export * from "./spacing";
-export * from "./styled";
-export * from "./theme";
-export * from "./theme--vanilla";
+export { BodyMain, BodyRoot } from "./Body";
+export { StylesGlobal, stylesGlobal } from "./Global";
+export { MediaDirection, MediaQuery, MediaQueryFunction, between, down, generateMediaQueries, max, min, only, up, useMedia, } from "./media";
+export { SpacingArgs, SpacingDevices, SpacingDirection, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize, spacing, spacingBottom, spacingTop, spacingVertical, } from "./spacing";
+export { colStretch, centered, ellipsis, inset0, invisible, overlay, stateFocus, } from "./styled";
+export { breakpoints, createTheme, useTheme, type Breakpoint, type Breakpoints, type Theme, type ThemeOptions, } from "./theme";
+export { THEME_DEFAULT, THEME_KEY, type ThemeCookie, ThemeVanillaContext, type ThemeVanillaContextType, ThemeVanillaProvider, type ThemeVanillaProviderProps, type ThemeVanillaValue, getInitialThemeFromClient, } from "./theme--vanilla";

package/styles/index.js

@@ -1,10 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Body"), exports);
-tslib_1.__exportStar(require("./Global"), exports);
-tslib_1.__exportStar(require("./media"), exports);
-tslib_1.__exportStar(require("./spacing"), exports);
-tslib_1.__exportStar(require("./styled"), exports);
-tslib_1.__exportStar(require("./theme"), exports);
-tslib_1.__exportStar(require("./theme--vanilla"), exports);
+exports.getInitialThemeFromClient = exports.ThemeVanillaProvider = exports.ThemeVanillaContext = exports.THEME_KEY = exports.THEME_DEFAULT = exports.useTheme = exports.createTheme = exports.breakpoints = exports.stateFocus = exports.overlay = exports.invisible = exports.inset0 = exports.ellipsis = exports.centered = exports.colStretch = exports.spacingVertical = exports.spacingTop = exports.spacingBottom = exports.spacing = exports.useMedia = exports.up = exports.only = exports.min = exports.max = exports.generateMediaQueries = exports.down = exports.between = exports.stylesGlobal = exports.StylesGlobal = exports.BodyRoot = exports.BodyMain = void 0;
+var Body_1 = require("./Body");
+Object.defineProperty(exports, "BodyMain", { enumerable: true, get: function () { return Body_1.BodyMain; } });
+Object.defineProperty(exports, "BodyRoot", { enumerable: true, get: function () { return Body_1.BodyRoot; } });
+var Global_1 = require("./Global");
+Object.defineProperty(exports, "StylesGlobal", { enumerable: true, get: function () { return Global_1.StylesGlobal; } });
+Object.defineProperty(exports, "stylesGlobal", { enumerable: true, get: function () { return Global_1.stylesGlobal; } });
+var media_1 = require("./media");
+Object.defineProperty(exports, "between", { enumerable: true, get: function () { return media_1.between; } });
+Object.defineProperty(exports, "down", { enumerable: true, get: function () { return media_1.down; } });
+Object.defineProperty(exports, "generateMediaQueries", { enumerable: true, get: function () { return media_1.generateMediaQueries; } });
+Object.defineProperty(exports, "max", { enumerable: true, get: function () { return media_1.max; } });
+Object.defineProperty(exports, "min", { enumerable: true, get: function () { return media_1.min; } });
+Object.defineProperty(exports, "only", { enumerable: true, get: function () { return media_1.only; } });
+Object.defineProperty(exports, "up", { enumerable: true, get: function () { return media_1.up; } });
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return media_1.useMedia; } });
+var spacing_1 = require("./spacing");
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return spacing_1.spacing; } });
+Object.defineProperty(exports, "spacingBottom", { enumerable: true, get: function () { return spacing_1.spacingBottom; } });
+Object.defineProperty(exports, "spacingTop", { enumerable: true, get: function () { return spacing_1.spacingTop; } });
+Object.defineProperty(exports, "spacingVertical", { enumerable: true, get: function () { return spacing_1.spacingVertical; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "colStretch", { enumerable: true, get: function () { return styled_1.colStretch; } });
+Object.defineProperty(exports, "centered", { enumerable: true, get: function () { return styled_1.centered; } });
+Object.defineProperty(exports, "ellipsis", { enumerable: true, get: function () { return styled_1.ellipsis; } });
+Object.defineProperty(exports, "inset0", { enumerable: true, get: function () { return styled_1.inset0; } });
+Object.defineProperty(exports, "invisible", { enumerable: true, get: function () { return styled_1.invisible; } });
+Object.defineProperty(exports, "overlay", { enumerable: true, get: function () { return styled_1.overlay; } });
+Object.defineProperty(exports, "stateFocus", { enumerable: true, get: function () { return styled_1.stateFocus; } });
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return theme_1.breakpoints; } });
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return theme_1.createTheme; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
+var theme__vanilla_1 = require("./theme--vanilla");
+Object.defineProperty(exports, "THEME_DEFAULT", { enumerable: true, get: function () { return theme__vanilla_1.THEME_DEFAULT; } });
+Object.defineProperty(exports, "THEME_KEY", { enumerable: true, get: function () { return theme__vanilla_1.THEME_KEY; } });
+Object.defineProperty(exports, "ThemeVanillaContext", { enumerable: true, get: function () { return theme__vanilla_1.ThemeVanillaContext; } });
+Object.defineProperty(exports, "ThemeVanillaProvider", { enumerable: true, get: function () { return theme__vanilla_1.ThemeVanillaProvider; } });
+Object.defineProperty(exports, "getInitialThemeFromClient", { enumerable: true, get: function () { return theme__vanilla_1.getInitialThemeFromClient; } });

package/styles/index.mjs

@@ -1,7 +1,7 @@
-export * from "./Body";
-export * from "./Global";
-export * from "./media";
-export * from "./spacing";
-export * from "./styled";
-export * from "./theme";
-export * from "./theme--vanilla";
+export { BodyMain, BodyRoot } from "./Body";
+export { StylesGlobal, stylesGlobal } from "./Global";
+export { between, down, generateMediaQueries, max, min, only, up, useMedia, } from "./media";
+export { spacing, spacingBottom, spacingTop, spacingVertical, } from "./spacing";
+export { colStretch, centered, ellipsis, inset0, invisible, overlay, stateFocus, } from "./styled";
+export { breakpoints, createTheme, useTheme, } from "./theme";
+export { THEME_DEFAULT, THEME_KEY, ThemeVanillaContext, ThemeVanillaProvider, getInitialThemeFromClient, } from "./theme--vanilla";

package/styles/styled.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare function colStretch(direction: "left" | "right", bg: React.CSSProperties["background"]): string;
+export declare const colStretch: (direction: "left" | "right", bg: React.CSSProperties["background"]) => string;
 /** @see https://caniuse.com/?search=inset */
 export declare const inset0 = "top:0;left:0;right:0;bottom:0;";
 export declare const overlay: string;

package/styles/styled.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stateFocus = exports.invisible = exports.ellipsis = exports.centered = exports.overlay = exports.inset0 = exports.colStretch = void 0;
-function colStretch(direction, bg) {
+var colStretch = function (direction, bg) {
     return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
-}
+};
 exports.colStretch = colStretch;
 /** @see https://caniuse.com/?search=inset */
 exports.inset0 = "top:0;left:0;right:0;bottom:0;";

package/styles/styled.mjs

@@ -1,6 +1,6 @@
-export function colStretch(direction, bg) {
+export var colStretch = function (direction, bg) {
     return "\n    background: ".concat(bg, ";\n    position: relative;\n\n    &:before{\n      z-index: -1;\n      content: '';\n      position: absolute;\n      right: ").concat(direction === "left" ? "100%" : "-100vw", ";\n      left: ").concat(direction === "right" ? "100%" : "-100vw", ";\n      top: 0;\n      bottom: 0;\n      background: ").concat(bg, ";\n    }\n  ");
-}
+};
 /** @see https://caniuse.com/?search=inset */
 export var inset0 = "top:0;left:0;right:0;bottom:0;";
 export var overlay = "position: absolute;".concat(inset0);

package/styles/theme--vanilla.d.ts

@@ -14,4 +14,4 @@ export declare const ThemeVanillaContext: import("react").Context<ThemeVanillaCo
 export type ThemeVanillaProviderProps = React.PropsWithChildren<{
     initialTheme: ThemeVanillaValue;
 }>;
-export declare const ThemeVanillaProvider: ({ initialTheme, children, }: ThemeVanillaProviderProps) => JSX.Element;
+export declare const ThemeVanillaProvider: ({ initialTheme, children, }: ThemeVanillaProviderProps) => import("react/jsx-runtime").JSX.Element;

package/styles/theme--vanilla.js

@@ -59,6 +59,6 @@ var ThemeVanillaProvider = function (_a) {
     (0, useUpdateEffect_1.default)(function () {
         rawSetTheme(theme);
     }, [theme]);
-    return ((0, jsx_runtime_1.jsx)(exports.ThemeVanillaContext.Provider, tslib_1.__assign({ value: { theme: theme, setTheme: setTheme } }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.ThemeVanillaContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: children }));
 };
 exports.ThemeVanillaProvider = ThemeVanillaProvider;

package/styles/theme--vanilla.mjs

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
 import isBrowser from "@koine/utils/isBrowser";
@@ -55,5 +54,5 @@ export var ThemeVanillaProvider = function (_a) {
     useUpdateEffect(function () {
         rawSetTheme(theme);
     }, [theme]);
-    return (_jsx(ThemeVanillaContext.Provider, __assign({ value: { theme: theme, setTheme: setTheme } }, { children: children })));
+    return (_jsx(ThemeVanillaContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: children }));
 };

package/typings.d.ts

@@ -56,12 +56,12 @@ declare namespace Polymorphic {
     >;
 
   type InferProps<TComponent extends ComponentTypes> =
-    TComponent extends React.ComponentClass<infer IProps>
-      ? IProps
-      : TComponent extends React.FunctionComponent<infer IProps>
-      ? IProps
-      : TComponent extends React.ForwardRefExoticComponent<infer IProps>
-      ? IProps
+    TComponent extends React.ComponentClass<infer Props>
+      ? Props
+      : TComponent extends React.FunctionComponent<infer Props>
+      ? Props
+      : TComponent extends React.ForwardRefExoticComponent<infer Props>
+      ? Props
       : TComponent extends keyof JSX.IntrinsicElements
       ? React.ComponentPropsWithoutRef<TComponent>
       : never;

package/hooks/useEffectOnce.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useEffectOnce.ts)
- */
-export declare const useEffectOnce: (effect: React.EffectCallback) => void;
-export default useEffectOnce;

package/hooks/useEffectOnce.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEffectOnce = void 0;
-var react_1 = require("react");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useEffectOnce.ts)
- */
-var useEffectOnce = function (effect) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(effect, []);
-};
-exports.useEffectOnce = useEffectOnce;
-exports.default = exports.useEffectOnce;

package/hooks/useEffectOnce.mjs

@@ -1,9 +0,0 @@
-import { useEffect } from "react";
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useEffectOnce.ts)
- */
-export var useEffectOnce = function (effect) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(effect, []);
-};
-export default useEffectOnce;

package/hooks/useMount.d.ts

@@ -1,5 +0,0 @@
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMount.ts)
- */
-export declare const useMount: (fn: () => void) => void;
-export default useMount;

package/hooks/useMount.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMount = void 0;
-var useEffectOnce_1 = require("./useEffectOnce");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMount.ts)
- */
-var useMount = function (fn) {
-    (0, useEffectOnce_1.useEffectOnce)(function () {
-        fn();
-    });
-};
-exports.useMount = useMount;
-exports.default = exports.useMount;

package/hooks/useMount.mjs

@@ -1,10 +0,0 @@
-import { useEffectOnce } from "./useEffectOnce";
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMount.ts)
- */
-export var useMount = function (fn) {
-    useEffectOnce(function () {
-        fn();
-    });
-};
-export default useMount;