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

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;