@cleanweb/oore 2.0.0-alpha.20 → 2.0.0-alpha.22

package/build/_cjs/classy/class/index.js

@@ -123,9 +123,11 @@ _a = ClassComponent;
  */
 ClassComponent.extract = function FC(_Component, properties) {
     const Component = _Component !== null && _Component !== void 0 ? _Component : this;
-    const isClassComponentType = Component.prototype instanceof _a;
+    const isClassComponentType = (Component === _a
+        || Component.prototype instanceof _a
+        || _a.isPrototypeOf(Component));
     if (!isClassComponentType)
-        throw new Error('Attempted to initialize ClassComponent with invalid Class type. Either pass, as an argument to FC(), a class that extends ClassComponent (e.g `export FC(MyComponent);`), or ensure FC() is called as a method on a ClassComponent constructor type (e.g `export MyComponent.FC()`).');
+        throw new Error('Attempted to initialize `ClassComponent` with an invalid Class type. Either call `extract()` with a class argument that extends ClassComponent (e.g `export default extract(MyComponent);`), or ensure `extract()` is called as a method on a ClassComponent constructor type (e.g `export default MyComponent.extract();`).');
     /*************************************
      *    Begin Function Component       *
     **************************************/

package/build/base/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./state"), exports);
-__exportStar(require("./methods"), exports);
-__exportStar(require("./merged-state"), exports);
+export * from './state';
+export * from './methods';
+export * from './merged-state';

package/build/base/merged-state.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedState = void 0;
-const react_1 = require("react");
+import { useMemo, useRef, useState } from 'react';
 class MergedState {
     static useRefresh() {
-        [this._values_, this.setState] = (0, react_1.useState)(this.initialState);
+        [this._values_, this.setState] = useState(this.initialState);
     }
     get put() {
         return Object.assign({}, this._setters_);
@@ -50,11 +47,10 @@ class MergedState {
  * Similar to {@link useCleanState},
  * but uses a single `useState` call for the entire state object.
  */
-const useMergedState = (initialState) => {
-    const cleanState = (0, react_1.useRef)((0, react_1.useMemo)(() => {
+export const useMergedState = (initialState) => {
+    const cleanState = useRef(useMemo(() => {
         return new MergedState(initialState);
     }, [])).current;
     MergedState.useRefresh.call(cleanState);
     return cleanState;
 };
-exports.useMergedState = useMergedState;

package/build/base/methods.js

@@ -1,11 +1,8 @@
-"use strict";
 /**
  * @module ComponentMethods
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMethods = exports.ComponentMethods = void 0;
 // Values
-const react_1 = require("react");
+import { useMemo, useRef } from 'react';
 /**
  * @summary
  * Base class for a class that holds methods for a function component.
@@ -16,7 +13,7 @@ const react_1 = require("react");
  *
  * Call the {@link useMethods} hook inside your function component to instantiate the class.
  */
-class ComponentMethods {
+export class ComponentMethods {
     constructor() {
         /**
          * Persist class members during HMR. {@include ../classy/logic/hrm-preserve-keys.md}
@@ -26,7 +23,6 @@ class ComponentMethods {
         this._hmrPreserveKeys = []; // @todo Keep undefined. Update to empty array after instantiation in dev env.
     }
 }
-exports.ComponentMethods = ComponentMethods;
 ;
 /**
  * Returns an instance of the provided class,
@@ -44,8 +40,8 @@ const useMethods = (...args) => {
     // In production, we only use the latestInstance the first time, and it's ignored every other time.
     // This means changing the class at runtime will have no effect in production.
     // latestInstance is only extracted into a separate variable for use in dev mode during HMR.
-    const latestInstance = (0, react_1.useMemo)(() => new Methods(), [Methods]);
-    const instanceRef = (0, react_1.useRef)(latestInstance);
+    const latestInstance = useMemo(() => new Methods(), [Methods]);
+    const instanceRef = useRef(latestInstance);
     const refreshState = () => {
         // @ts-expect-error
         instanceRef.current.props = props;
@@ -76,7 +72,7 @@ const useMethods = (...args) => {
         refreshState();
     return instanceRef.current;
 };
-exports.useMethods = useMethods;
+export { useMethods };
 /** /type_testing: {
     let a = async () => {
         const a: object = {b: ''};

package/build/base/state/class-types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/base/state/class.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CleanState = exports.CleanStateBase = void 0;
-const react_1 = require("react");
+import { useState } from 'react';
 /** @internal */
-class CleanStateBase {
+export class CleanStateBase {
     constructor(initialState) {
         this._values_ = {};
         this._setters_ = {};
@@ -100,9 +97,8 @@ class CleanStateBase {
         return Object.assign({}, this._initialValues_);
     }
 }
-exports.CleanStateBase = CleanStateBase;
 CleanStateBase.update = function update() {
-    if (!(this instanceof exports.CleanState))
+    if (!(this instanceof CleanState))
         throw new Error('CleanState.update must be called with `this` value set to a CleanState instance. Did you forget to use `.call` or `.apply`? Example: CleanState.update.call(cleanState);');
     /**
      * Linters complain about the use of a React hook within a loop because:
@@ -113,7 +109,7 @@ CleanStateBase.update = function update() {
      * and it guarantees that the same useState calls will be made on every render in the exact same order.
      * Therefore, it is safe to silence the linters, and required for this implementation to work smoothly.
      */
-    const retrieveState = react_1.useState;
+    const retrieveState = useState;
     this.valueKeys.forEach((key) => {
         // @todo Make state updates accessible immediately. Use state.staged to access the scheduled updates.
         let setter;
@@ -126,4 +122,4 @@ CleanStateBase.update = function update() {
 };
 ;
 /** @internal */
-exports.CleanState = (CleanStateBase);
+export const CleanState = (CleanStateBase);

package/build/base/state/hook-types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/base/state/hooks.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCleanState = void 0;
-const react_1 = require("react");
-const class_1 = require("./class");
+import { useMemo, useRef } from 'react';
+import { CleanState } from './class';
 /**
  * Creates a state object, which includes the provided values,
  * as well as helper methods for updating those values and automatically
@@ -13,18 +10,17 @@ const class_1 = require("./class");
  *
  * Discussion: [When to `useCleanState`](https://cleanjsweb.github.io/neat-react/documents/Clean_State.html).
  */
-const useCleanState = (_initialState, ...props) => {
+export const useCleanState = (_initialState, ...props) => {
     const initialState = typeof _initialState === 'function'
-        ? (0, react_1.useMemo)(() => _initialState(...props), [])
+        ? useMemo(() => _initialState(...props), [])
         : _initialState;
     ;
-    const cleanState = (0, react_1.useRef)((0, react_1.useMemo)(() => {
-        return new class_1.CleanState(initialState);
+    const cleanState = useRef(useMemo(() => {
+        return new CleanState(initialState);
     }, [])).current;
-    class_1.CleanState.update.call(cleanState);
+    CleanState.update.call(cleanState);
     return cleanState;
 };
-exports.useCleanState = useCleanState;
 // Should be valid.
 // useCleanState((a: number) => ({b: a.toString(), q: 1}), 6);
 // useCleanState((a: boolean) => ({b: a.toString()}), true);

package/build/base/state/index.js

@@ -1,34 +1,6 @@
-"use strict";
 /**
  * @module CleanState
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MergedState = exports.useCleanState = exports.CleanState = void 0;
-var class_1 = require("./class");
-Object.defineProperty(exports, "CleanState", { enumerable: true, get: function () { return class_1.CleanState; } });
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useCleanState", { enumerable: true, get: function () { return hooks_1.useCleanState; } });
-exports.MergedState = __importStar(require("../../base/merged-state"));
+export { CleanState } from './class';
+export { useCleanState } from './hooks';
+export * as MergedState from '../../base/merged-state';

package/build/classy/class/index.js

@@ -1,11 +1,8 @@
-"use strict";
 var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Component = exports.ClassComponent = void 0;
-const react_1 = require("react");
-const instance_1 = require("../instance");
-const function_name_1 = require("./utils/function-name");
-const rerender_1 = require("../../helpers/rerender");
+import { useMemo } from 'react';
+import { ComponentInstance, useInstance } from '../instance';
+import { setFunctionName } from './utils/function-name';
+import { useRerender } from '../../helpers/rerender';
 /**
  * @summary
  * A modern class component for React that is fully compatible with
@@ -23,7 +20,7 @@ const rerender_1 = require("../../helpers/rerender");
  * making it easier to migrate older class components to the newer hooks-based system
  * with little to no changes to their existing semantics/implementation.
  */
-class ClassComponent extends instance_1.ComponentInstance {
+export class ClassComponent extends ComponentInstance {
     constructor() {
         super(...arguments);
         /**
@@ -70,15 +67,15 @@ class ClassComponent extends instance_1.ComponentInstance {
      * \`<MyComponent.FC />\`
      */
     static _FC(props) {
-        const instance = (0, instance_1.useInstance)(this, props);
+        const instance = useInstance(this, props);
         const { template, templateContext } = instance;
         let _forceUpdate;
         // @ts-expect-error (Cannot assign to 'forceUpdate' because it is a read-only property.ts(2540))
-        instance.forceUpdate = (_forceUpdate = (0, rerender_1.useRerender)() // Moved this to separate line to allow TS errors. Use proxy local variable to regain some type checking for the assignment to `instance.forceUpdate`.
+        instance.forceUpdate = (_forceUpdate = useRerender() // Moved this to separate line to allow TS errors. Use proxy local variable to regain some type checking for the assignment to `instance.forceUpdate`.
         );
         // Add calling component name to template function name in stack traces.
-        (0, react_1.useMemo)(() => {
-            (0, function_name_1.setFunctionName)(template, `${this.name}.template`);
+        useMemo(() => {
+            setFunctionName(template, `${this.name}.template`);
         }, [template]);
         return template(templateContext);
     }
@@ -89,11 +86,9 @@ class ClassComponent extends instance_1.ComponentInstance {
         return this._BoundFC = this._FC.bind(this);
     }
 }
-exports.ClassComponent = ClassComponent;
-exports.Component = ClassComponent;
 _a = ClassComponent;
 (() => {
-    (0, function_name_1.setFunctionName)(_a._FC, `$${_a.name}$`);
+    setFunctionName(_a._FC, `$${_a.name}$`);
 })();
 /*************************************
  *   Function Component Extractor    *
@@ -123,30 +118,32 @@ _a = ClassComponent;
  */
 ClassComponent.extract = function FC(_Component, properties) {
     const Component = _Component !== null && _Component !== void 0 ? _Component : this;
-    const isClassComponentType = Component.prototype instanceof _a;
+    const isClassComponentType = (Component === _a
+        || Component.prototype instanceof _a
+        || _a.isPrototypeOf(Component));
     if (!isClassComponentType)
-        throw new Error('Attempted to initialize ClassComponent with invalid Class type. Either pass, as an argument to FC(), a class that extends ClassComponent (e.g `export FC(MyComponent);`), or ensure FC() is called as a method on a ClassComponent constructor type (e.g `export MyComponent.FC()`).');
+        throw new Error('Attempted to initialize `ClassComponent` with an invalid Class type. Either call `extract()` with a class argument that extends ClassComponent (e.g `export default extract(MyComponent);`), or ensure `extract()` is called as a method on a ClassComponent constructor type (e.g `export default MyComponent.extract();`).');
     /*************************************
      *    Begin Function Component       *
     **************************************/
     /** A class-based, React function component created with `@cleanweb/oore`. {@link ClassComponent} */
     const Wrapper = (props) => {
-        const instance = (0, instance_1.useInstance)(Component, props);
+        const instance = useInstance(Component, props);
         const { template, templateContext } = instance;
         let _forceUpdate;
         // @ts-expect-error (Cannot assign to 'forceUpdate' because it is a read-only property.ts(2540))
-        instance.forceUpdate = (_forceUpdate = (0, rerender_1.useRerender)() // Moved this to separate line to allow TS errors. Use proxy local variable to regain some type checking for the assignment to `instance.forceUpdate`.
+        instance.forceUpdate = (_forceUpdate = useRerender() // Moved this to separate line to allow TS errors. Use proxy local variable to regain some type checking for the assignment to `instance.forceUpdate`.
         );
         // Add calling component name to template function name in stack traces.
-        (0, react_1.useMemo)(() => {
-            (0, function_name_1.setFunctionName)(template, `${Component.name}.template`);
+        useMemo(() => {
+            setFunctionName(template, `${Component.name}.template`);
         }, [template]);
         return template(templateContext);
     };
     /**************************************
     *   👆🏼 End Function Component         *
     **************************************/
-    (0, function_name_1.setFunctionName)(Wrapper, `$${Component.name}$`);
+    setFunctionName(Wrapper, `$${Component.name}$`);
     return Object.assign(Wrapper, properties);
 };
 /**
@@ -155,6 +152,7 @@ ClassComponent.extract = function FC(_Component, properties) {
  * \`<MyComponent.RC />\`
  */
 ClassComponent.RC = _a.extract();
+export { ClassComponent as Component };
 /** /
 testing: {
     const a: object = {b: ''};

package/build/classy/class/types/extractor.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/classy/class/utils/function-name.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setFunctionName = void 0;
 /** Provide more useful stack traces for otherwise non-specific function names. */
-const setFunctionName = (func, newName) => {
+export const setFunctionName = (func, newName) => {
     try {
         // Must use try block, as `name` is not configurable on older browsers, and may yield a TypeError.
         Object.defineProperty(func, 'name', {
@@ -14,4 +11,3 @@ const setFunctionName = (func, newName) => {
         console.warn(error);
     }
 };
-exports.setFunctionName = setFunctionName;

package/build/classy/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./logic"), exports);
-__exportStar(require("./instance"), exports);
-__exportStar(require("./class"), exports);
+export * from './logic';
+export * from './instance';
+export * from './class';

package/build/classy/instance/index.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInstance = exports.ComponentInstance = void 0;
-const react_1 = require("react");
-const logic_1 = require("../../classy/logic");
-const mount_callbacks_1 = require("./mount-callbacks");
-const helpers_1 = require("../../helpers");
+import { useEffect } from 'react';
+import { ComponentLogic, useLogic } from '../../classy/logic';
+import { useMountCallbacks } from './mount-callbacks';
+import { noOp } from '../../helpers';
 /**
  * A superset of {@link ComponentLogic} that adds support for lifecycle methods.
  * This provides a declarative API for working with your React function component's lifecycle,
@@ -12,7 +9,7 @@ const helpers_1 = require("../../helpers");
  *
  * @see https://github.com/cleanjsweb/neat-react#lifecycle-useinstance
  */
-class ComponentInstance extends logic_1.ComponentLogic {
+export class ComponentInstance extends ComponentLogic {
     constructor() {
         super(...arguments);
         /**
@@ -37,7 +34,7 @@ class ComponentInstance extends logic_1.ComponentLogic {
          *
          * Uses `useEffect()` under the hood.
          */
-        this.onMount = () => helpers_1.noOp;
+        this.onMount = () => noOp;
         /**
          * Runs _before_ every render cycle, including the first.
          * Useful for logic that is involved in determining what to render.
@@ -64,7 +61,7 @@ class ComponentInstance extends logic_1.ComponentLogic {
          *
          * @returns A cleanup function.
          */
-        this.onRender = () => helpers_1.noOp;
+        this.onRender = () => noOp;
         /**
          * Runs when the component is unmounted.
          * It is called _after_ the cleanup function returned by onMount.
@@ -107,7 +104,6 @@ class ComponentInstance extends logic_1.ComponentLogic {
         return this._templateContext;
     }
 }
-exports.ComponentInstance = ComponentInstance;
 ;
 /**
  * Enables full separation of concerns between a React component's template
@@ -122,13 +118,13 @@ exports.ComponentInstance = ComponentInstance;
  *
  * The provided class should be a subclass of {@link ComponentInstance}.
  */
-const useInstance = (...args) => {
+export const useInstance = (...args) => {
     var _a;
     const [Component, props = {}] = args;
     // useHooks.
-    const instance = (0, logic_1.useLogic)(Component, props);
+    const instance = useLogic(Component, props);
     // beforeMount, onMount, cleanUp.
-    (0, mount_callbacks_1.useMountCallbacks)(instance);
+    useMountCallbacks(instance);
     // beforeRender.
     /**
      * A proxy variable to allow typechecking of the assignment
@@ -138,7 +134,7 @@ const useInstance = (...args) => {
     // @ts-expect-error Assigning to a readonly property.
     instance._templateContext = (_templateContextProxy_ = (_a = instance.beforeRender) === null || _a === void 0 ? void 0 : _a.call(instance));
     // onRender.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         var _a;
         const cleanupAfterRerender = (_a = instance.onRender) === null || _a === void 0 ? void 0 : _a.call(instance);
         return () => {
@@ -151,7 +147,6 @@ const useInstance = (...args) => {
     // class FormValues<TValues> extends BrowserMemStore<TValues> {}
     return instance;
 };
-exports.useInstance = useInstance;
 /** /
 testing: {
     class A extends ComponentInstance<EmptyObject> {

package/build/classy/instance/mount-callbacks.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMountCallbacks = void 0;
-const react_1 = require("react");
-const mount_state_1 = require("../../helpers/mount-state");
+import { useEffect } from 'react';
+import { useMountState } from '../../helpers/mount-state';
 /** @internal */
-const useMountCallbacks = (instance) => {
+export const useMountCallbacks = (instance) => {
     var _a;
-    const isMounted = (0, mount_state_1.useMountState)();
+    const isMounted = useMountState();
     if (!isMounted())
         (_a = instance.beforeMount) === null || _a === void 0 ? void 0 : _a.call(instance);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         var _a;
         const mountHandlerCleanUp = (_a = instance.onMount) === null || _a === void 0 ? void 0 : _a.call(instance);
         return () => {
@@ -27,4 +24,3 @@ const useMountCallbacks = (instance) => {
         };
     }, []);
 };
-exports.useMountCallbacks = useMountCallbacks;

package/build/classy/instance/types/hook.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/classy/logic/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = exports.ComponentLogic = void 0;
-const react_1 = require("react");
-const state_1 = require("../../base/state");
+import { useMemo, useRef } from 'react';
+import { useCleanState } from '../../base/state';
 /**
  * Base class for a class that holds methods to be used in a function component.
  *
@@ -16,7 +13,7 @@ const state_1 = require("../../base/state");
  *
  * @typeParam TProps - {@include ./types/tprops.md}
  */
-class ComponentLogic {
+export class ComponentLogic {
     constructor() {
         /**
          * Called before each instance of your component is mounted.
@@ -41,7 +38,6 @@ class ComponentLogic {
         this._hmrPreserveKeys = [];
     }
 }
-exports.ComponentLogic = ComponentLogic;
 ;
 /**
  * Returns an instance of the provided class, which holds methods for your component and
@@ -51,21 +47,21 @@ exports.ComponentLogic = ComponentLogic;
  *
  * @see https://cleanjsweb.github.io/neat-react/functions/API.useLogic.html
  */
-const useLogic = (...args) => {
+export const useLogic = (...args) => {
     var _a;
     const [Logic, props = {}] = args;
     // In production, we only use the latestInstance the first time, and it's ignored every other time.
     // This means changing the class at runtime will have no effect in production.
     // latestInstance is only extracted into a separate variable for use in dev mode during HMR.
-    const latestInstance = (0, react_1.useMemo)(() => new Logic(), [Logic]);
+    const latestInstance = useMemo(() => new Logic(), [Logic]);
     // const latestInstance = useMemo(() => new Logic(), []);
-    const instanceRef = (0, react_1.useRef)(latestInstance);
+    const instanceRef = useRef(latestInstance);
     const refreshState = () => {
         var _a;
         // @ts-expect-error
         instanceRef.current.props = props;
         // @ts-expect-error
-        instanceRef.current.state = (0, state_1.useCleanState)(instanceRef.current.getInitialState, props);
+        instanceRef.current.state = useCleanState(instanceRef.current.getInitialState, props);
         // @ts-expect-error
         instanceRef.current.hooks = (_a = instanceRef.current.useHooks()) !== null && _a !== void 0 ? _a : {};
     };
@@ -90,7 +86,6 @@ const useLogic = (...args) => {
     return instanceRef.current;
     ;
 };
-exports.useLogic = useLogic;
 /** /
 testing: {
     const a: object = {b: ''};

package/build/classy/logic/types/hook.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/docs-src/api/base-classes.js

@@ -1,9 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentInstance = exports.ComponentLogic = exports.ComponentMethods = void 0;
-var methods_1 = require("../../base/methods");
-Object.defineProperty(exports, "ComponentMethods", { enumerable: true, get: function () { return methods_1.ComponentMethods; } });
-var logic_1 = require("../../classy/logic");
-Object.defineProperty(exports, "ComponentLogic", { enumerable: true, get: function () { return logic_1.ComponentLogic; } });
-var instance_1 = require("../../classy/instance");
-Object.defineProperty(exports, "ComponentInstance", { enumerable: true, get: function () { return instance_1.ComponentInstance; } });
+export { ComponentMethods } from '../../base/methods';
+export { ComponentLogic } from '../../classy/logic';
+export { ComponentInstance } from '../../classy/instance';

package/build/docs-src/api/index.js

@@ -1,44 +1,13 @@
-"use strict";
 /**
  * API Reference
  * @module API
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.References = exports.Helpers = exports.BaseClasses = exports.ClassComponent = exports.useInstance = exports.useLogic = exports.useMethods = exports.useCleanState = void 0;
-var state_1 = require("../../base/state");
-Object.defineProperty(exports, "useCleanState", { enumerable: true, get: function () { return state_1.useCleanState; } });
-var methods_1 = require("../../base/methods");
-Object.defineProperty(exports, "useMethods", { enumerable: true, get: function () { return methods_1.useMethods; } });
-var logic_1 = require("../../classy/logic");
-Object.defineProperty(exports, "useLogic", { enumerable: true, get: function () { return logic_1.useLogic; } });
-var instance_1 = require("../../classy/instance");
-Object.defineProperty(exports, "useInstance", { enumerable: true, get: function () { return instance_1.useInstance; } });
-var class_1 = require("../../classy/class");
-Object.defineProperty(exports, "ClassComponent", { enumerable: true, get: function () { return class_1.ClassComponent; } });
+export { useCleanState } from '../../base/state';
+export { useMethods } from '../../base/methods';
+export { useLogic } from '../../classy/logic';
+export { useInstance } from '../../classy/instance';
+export { ClassComponent } from '../../classy/class';
 /** @namespace */
-exports.BaseClasses = __importStar(require("./base-classes"));
-exports.Helpers = __importStar(require("../../helpers"));
-exports.References = __importStar(require("./references"));
+export * as BaseClasses from './base-classes';
+export * as Helpers from '../../helpers';
+export * as References from './references';

package/build/docs-src/api/references.js

@@ -1,31 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassComponent = exports.ComponentInstance = exports.ComponentLogic = exports.$ComponentMethods = exports.$CleanState = void 0;
-exports.$CleanState = __importStar(require("../../base/state"));
-exports.$ComponentMethods = __importStar(require("../../base/methods"));
-exports.ComponentLogic = __importStar(require("../../classy/logic"));
-exports.ComponentInstance = __importStar(require("../../classy/instance"));
-exports.ClassComponent = __importStar(require("../../classy/class"));
+export * as $CleanState from '../../base/state';
+export * as $ComponentMethods from '../../base/methods';
+export * as ComponentLogic from '../../classy/logic';
+export * as ComponentInstance from '../../classy/instance';
+export * as ClassComponent from '../../classy/class';

package/build/helpers/errors.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.throwDevError = void 0;
 /**
  * Throw an error with the provided message
  * only when `NODE_ENV` is *not* 'production'.
@@ -10,7 +7,7 @@ exports.throwDevError = void 0;
  * Useful for enforcing certain conditions in development
  * while failing more gracefully in production.
  */
-const throwDevError = (message) => {
+export const throwDevError = (message) => {
     if (process.env.NODE_ENV === 'production') {
         console.warn(message);
     }
@@ -18,4 +15,3 @@ const throwDevError = (message) => {
         throw new Error(message);
     }
 };
-exports.throwDevError = throwDevError;

package/build/helpers/index.js

@@ -1,31 +1,13 @@
-"use strict";
 /**
  * <!-- @ mergeModuleWith API -->
  * @module Helpers
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.noOp = void 0;
-__exportStar(require("./mount-state"), exports);
-__exportStar(require("./rerender"), exports);
-__exportStar(require("./use-component"), exports);
-__exportStar(require("./type-guards"), exports);
+export * from './mount-state';
+export * from './rerender';
+export * from './use-component';
+export * from './type-guards';
 /**
  * An empty function.
  * It returns (void) without performing any operations.
  */
-const noOp = () => { };
-exports.noOp = noOp;
+export const noOp = () => { };

package/build/helpers/mount-state.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMountState = void 0;
-const react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Returns a value that is false before the component has been mounted,
  * then true during all subsequent rerenders.
  */
-const useMountState = () => {
+export const useMountState = () => {
     /**
      * This must not be a state value. It should not be the cause of a rerender.
      * It merely provides information about the render count,
      * without influencing that count itself.
      * So `mounted` should never be created with `useState`.
      */
-    const mounted = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
+    const mounted = useRef(false);
+    useEffect(() => {
         mounted.current = true;
         return () => {
             mounted.current = false;
@@ -22,4 +19,3 @@ const useMountState = () => {
     }, []);
     return () => mounted.current;
 };
-exports.useMountState = useMountState;

package/build/helpers/rerender.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRerender = void 0;
-const react_1 = require("react");
-const mount_state_1 = require("../helpers/mount-state");
+import { useCallback, useRef, useState } from 'react';
+import { useMountState } from '../helpers/mount-state';
 ;
 /**
  * Returns a function that can be called to manually trigger
  * a rerender of your component.
  */
-const useRerender = () => {
-    const isMounted = (0, mount_state_1.useMountState)();
-    const renderCount = (0, react_1.useRef)(0);
-    const [, forceRerender] = (0, react_1.useState)(renderCount.current);
+export const useRerender = () => {
+    const isMounted = useMountState();
+    const renderCount = useRef(0);
+    const [, forceRerender] = useState(renderCount.current);
     renderCount.current++;
-    const rerender = (0, react_1.useCallback)(() => {
+    const rerender = useCallback(() => {
         let resolve;
         const promise = new Promise((_r) => resolve = _r);
         const execute = () => {
@@ -39,4 +36,3 @@ const useRerender = () => {
     refresher.currentCount = renderCount.current;
     return refresher;
 };
-exports.useRerender = useRerender;

package/build/helpers/type-guards.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.canIndex = void 0;
-const canIndex = (key, targetObject) => {
+export const canIndex = (key, targetObject) => {
     const test = typeof key === 'number' ? `${key}` : key;
     return Reflect.ownKeys(targetObject).includes(test);
 };
-exports.canIndex = canIndex;

package/build/helpers/use-component/index.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Use = void 0;
-const react_1 = require("react");
+import { useEffect } from 'react';
 /**
  * A component you can use to consume React hooks
  * in a {@link Component | React.Component} class.
  */
-const Use = (params) => {
+export const Use = (params) => {
     const { hook: useGenericHook, argumentsList, onUpdate } = params;
     const output = useGenericHook(...argumentsList);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         onUpdate(output);
     }, [output]);
     return null;
 };
-exports.Use = Use;

package/build/helpers/use-component/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./classy"), exports);
-__exportStar(require("./base"), exports);
-__exportStar(require("./helpers"), exports);
+export * from './classy';
+export * from './base';
+export * from './helpers';

package/build/slots/hook.js

@@ -1,39 +1,12 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSlots = exports.isPortalChild = exports.getComponentSlotName = exports.isElementChild = void 0;
-const errors_1 = require("../helpers/errors");
-const react_1 = __importStar(require("react"));
-const isElementChild = (child) => {
+import { throwDevError } from '../helpers/errors';
+import React, { useMemo } from 'react';
+export const isElementChild = (child) => {
     if (child && typeof child === 'object' && 'type' in child) {
         return true;
     }
     return false;
 };
-exports.isElementChild = isElementChild;
-const getComponentSlotName = (TargetComponent, child) => {
+export const getComponentSlotName = (TargetComponent, child) => {
     if (child) {
         const keyTypes = ['string', 'number', 'symbol'];
         const slotName = child.props['data-slot-name'];
@@ -52,13 +25,11 @@ const getComponentSlotName = (TargetComponent, child) => {
     }
     return undefined;
 };
-exports.getComponentSlotName = getComponentSlotName;
-const isPortalChild = (child) => {
+export const isPortalChild = (child) => {
     return (!!child
         && typeof child === 'object'
         && 'children' in child);
 };
-exports.isPortalChild = isPortalChild;
 /**
  * Groups `children` prop into predefined slots.
  *
@@ -69,14 +40,14 @@ exports.isPortalChild = isPortalChild;
  *
  * @see {@link SlotComponent} for more on how to use the returned slot nodes.
  */
-const useSlots = (children, Caller) => {
-    const slotsAliasLookup = (0, react_1.useMemo)(() => {
+export const useSlots = (children, Caller) => {
+    const slotsAliasLookup = useMemo(() => {
         const entries = Object.entries(Caller.Slots);
         const aliasLookup = {};
         entries.forEach(([alias, RegisteredSlotComponent]) => {
-            const slotName = (0, exports.getComponentSlotName)(RegisteredSlotComponent);
+            const slotName = getComponentSlotName(RegisteredSlotComponent);
             if (!slotName) {
-                (0, errors_1.throwDevError)(`A registered slot component did not have a slot name. All components registered as slots must either be a string tag-name or a React component with either "slotName" or "displayName". The affected component was: ${RegisteredSlotComponent}`);
+                throwDevError(`A registered slot component did not have a slot name. All components registered as slots must either be a string tag-name or a React component with either "slotName" or "displayName". The affected component was: ${RegisteredSlotComponent}`);
                 return;
             }
             aliasLookup[slotName] = alias;
@@ -84,7 +55,7 @@ const useSlots = (children, Caller) => {
         return aliasLookup;
     }, [Caller.Slots]);
     // @todo Expose original source order of `children` with respect to slot aliases.
-    const result = (0, react_1.useMemo)(() => {
+    const result = useMemo(() => {
         var _a;
         const slotNodes = {};
         const unmatchedChildren = [];
@@ -92,27 +63,27 @@ const useSlots = (children, Caller) => {
         const requiredSlotAliases = [
             ...((_a = Caller.requiredSlotAliases) !== null && _a !== void 0 ? _a : [])
         ];
-        react_1.default.Children.forEach(children, (_child) => {
+        React.Children.forEach(children, (_child) => {
             var _a;
             const child = _child;
             if (!child) {
                 invalidChildren.push(child);
                 return;
             }
-            if (!react_1.default.isValidElement(child)) {
+            if (!React.isValidElement(child)) {
                 console.warn(`Invalid node found in JSX children while parsing slots. Got: "${child}".`);
                 invalidChildren.push(child);
                 return;
             }
             ;
             // @todo Check for fragment
-            if (!(0, exports.isElementChild)(child)) {
+            if (!isElementChild(child)) {
                 unmatchedChildren.push(child);
                 return;
             }
             const slotAlias = (() => {
                 var _a;
-                const slotName = (0, exports.getComponentSlotName)(child.type, child);
+                const slotName = getComponentSlotName(child.type, child);
                 return slotName ? (_a = slotsAliasLookup[slotName]) !== null && _a !== void 0 ? _a : null : null;
             })();
             if (slotAlias) {
@@ -133,11 +104,10 @@ const useSlots = (children, Caller) => {
         });
         requiredSlotAliases.forEach((slotAlias) => {
             if (!slotNodes[slotAlias]) {
-                (0, errors_1.throwDevError)(`Missing required slot "${String(slotAlias)}".`);
+                throwDevError(`Missing required slot "${String(slotAlias)}".`);
             }
         });
         return [slotNodes, unmatchedChildren, invalidChildren];
     }, [children]);
     return result;
 };
-exports.useSlots = useSlots;

package/build/slots/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./hook"), exports);
+export * from './hook';

package/build/slots/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/tsconfig.json

@@ -23,8 +23,8 @@
 		"forceConsistentCasingInFileNames": true,
 		"incremental": false,
 		"esModuleInterop": true,
-		"module": "nodenext",
-		"moduleResolution": "nodenext",
+		"module": "esnext",
+		"moduleResolution": "bundler",
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"jsx": "react-jsx",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cleanweb/oore",
-	"version": "2.0.0-alpha.20",
+	"version": "2.0.0-alpha.22",
 	"description": "A library of helpers for writing cleaner React function components with object-oriented patterns.",
 	"engines": {
 		"node": ">=22"