@cleanweb/oore 2.0.0-alpha.21 → 2.0.0-alpha.23

package/build/_cjs/base/index.d.ts

@@ -1,3 +1,3 @@
-export * from './state';
-export * from './methods';
-export * from './merged-state';
+export * from './state/index.js';
+export * from './methods.js';
+export * from './merged-state.js';

package/build/_cjs/base/index.js

@@ -14,6 +14,6 @@ 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);
+__exportStar(require("./state/index.js"), exports);
+__exportStar(require("./methods.js"), exports);
+__exportStar(require("./merged-state.js"), exports);

package/build/_cjs/base/state/class-types.d.ts

@@ -1,5 +1,5 @@
-import { CleanStateBase } from './class';
-import { TCleanState, TStateData } from './hook-types';
+import { CleanStateBase } from './class.js';
+import { TCleanState, TStateData } from './hook-types.js';
 export type TCleanStateBase = typeof CleanStateBase;
 export type TCleanStateBaseKeys = keyof TCleanStateBase;
 export type PutState<TState extends TStateData> = {

package/build/_cjs/base/state/class.d.ts

@@ -1,4 +1,4 @@
-import type { ICleanStateClass, ICleanStateConstructor, PutManyPayload, PutState } from './class-types';
+import type { ICleanStateClass, ICleanStateConstructor, PutManyPayload, PutState } from './class-types.js';
 /** @internal */
 export declare class CleanStateBase<TState extends Record<string, any>> {
     readonly reservedKeys: string[];

package/build/_cjs/base/state/hook-types.d.ts

@@ -1,4 +1,4 @@
-import { CleanStateBase } from './class';
+import { CleanStateBase } from './class.js';
 /**
  * Base type for an `initialState` object.
  * It is a regular object type, with some reserved keys excluded.

package/build/_cjs/base/state/hooks.d.ts

@@ -1,4 +1,4 @@
-import { TUseCleanState } from './hook-types';
+import { TUseCleanState } from './hook-types.js';
 /**
  * Creates a state object, which includes the provided values,
  * as well as helper methods for updating those values and automatically

package/build/_cjs/base/state/hooks.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCleanState = void 0;
 const react_1 = require("react");
-const class_1 = require("./class");
+const class_1 = require("./class.js");
 /**
  * Creates a state object, which includes the provided values,
  * as well as helper methods for updating those values and automatically

package/build/_cjs/base/state/index.d.ts

@@ -1,8 +1,8 @@
 /**
  * @module CleanState
  */
-export { CleanState } from './class';
-export { useCleanState } from './hooks';
-export type { TCleanState, TStateData, ExtractCleanStateData } from './hook-types';
-export type { SF, StateFragment } from './class-types';
-export * as MergedState from '../../base/merged-state';
+export { CleanState } from './class.js';
+export { useCleanState } from './hooks.js';
+export type { TCleanState, TStateData, ExtractCleanStateData } from './hook-types.js';
+export type { SF, StateFragment } from './class-types.js';
+export * as MergedState from '../../base/merged-state.js';

package/build/_cjs/base/state/index.js

@@ -27,8 +27,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MergedState = exports.useCleanState = exports.CleanState = void 0;
-var class_1 = require("./class");
+var class_1 = require("./class.js");
 Object.defineProperty(exports, "CleanState", { enumerable: true, get: function () { return class_1.CleanState; } });
-var hooks_1 = require("./hooks");
+var hooks_1 = require("./hooks.js");
 Object.defineProperty(exports, "useCleanState", { enumerable: true, get: function () { return hooks_1.useCleanState; } });
-exports.MergedState = __importStar(require("../../base/merged-state"));
+exports.MergedState = __importStar(require("../../base/merged-state.js"));

package/build/_cjs/classy/class/index.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { TPropsBase } from '../logic';
-import type { Extractor } from './types/extractor';
-import { ComponentInstance } from '../instance';
+import type { TPropsBase } from '../logic/index.js';
+import type { Extractor } from './types/extractor.js';
+import { ComponentInstance } from '../instance/index.js';
 /**
  * @summary
  * A modern class component for React that is fully compatible with

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

@@ -3,9 +3,9 @@ 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");
+const instance_1 = require("../instance/index.js");
+const function_name_1 = require("./utils/function-name.js");
+const rerender_1 = require("../../helpers/rerender.js");
 /**
  * @summary
  * A modern class component for React that is fully compatible with

package/build/_cjs/classy/class/types/extractor.d.ts

@@ -1,5 +1,5 @@
 import type { VoidFunctionComponent } from 'react';
-import type { ClassComponent } from '..';
+import type { ClassComponent } from '../index.js';
 type BaseCCConstructor = typeof ClassComponent<object>;
 export type Extractor = <TComponentClass extends BaseCCConstructor, TProperties extends {} = {}>(this: TComponentClass, Component?: TComponentClass | null, properties?: TProperties) => NonNullable<TProperties> & VoidFunctionComponent<InstanceType<TComponentClass>['props']>;
 export {};

package/build/_cjs/classy/index.d.ts

@@ -1,3 +1,3 @@
-export * from './logic';
-export * from './instance';
-export * from './class';
+export * from './logic/index.js';
+export * from './instance/index.js';
+export * from './class/index.js';

package/build/_cjs/classy/index.js

@@ -14,6 +14,6 @@ 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);
+__exportStar(require("./logic/index.js"), exports);
+__exportStar(require("./instance/index.js"), exports);
+__exportStar(require("./class/index.js"), exports);

package/build/_cjs/classy/instance/index.d.ts

@@ -1,6 +1,6 @@
-import type { UseInstance } from './types/hook';
-import type { TPropsBase } from '../../classy/logic';
-import { ComponentLogic } from '../../classy/logic';
+import type { UseInstance } from './types/hook.js';
+import type { TPropsBase } from '../../classy/logic/index.js';
+import { ComponentLogic } from '../../classy/logic/index.js';
 type AsyncAllowedEffectCallback = () => Awaitable<IVoidFunction | void>;
 /**
  * A superset of {@link ComponentLogic} that adds support for lifecycle methods.

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

@@ -2,9 +2,9 @@
 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");
+const logic_1 = require("../../classy/logic/index.js");
+const mount_callbacks_1 = require("./mount-callbacks.js");
+const helpers_1 = require("../../helpers/index.js");
 /**
  * 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,

package/build/_cjs/classy/instance/mount-callbacks.d.ts

@@ -1,4 +1,4 @@
-import { ComponentInstance } from '.';
+import { ComponentInstance } from './index.js';
 type UseMountCallbacks = <TInstance extends ComponentInstance>(instance: TInstance) => void;
 /** @internal */
 export declare const useMountCallbacks: UseMountCallbacks;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMountCallbacks = void 0;
 const react_1 = require("react");
-const mount_state_1 = require("../../helpers/mount-state");
+const mount_state_1 = require("../../helpers/mount-state.js");
 /** @internal */
 const useMountCallbacks = (instance) => {
     var _a;

package/build/_cjs/classy/instance/types/hook.d.ts

@@ -1,4 +1,4 @@
-import { ComponentInstance } from '..';
+import { ComponentInstance } from '../index.js';
 type UIClassParam = typeof ComponentInstance<NonNullable<any>>;
 type UIProplessClassParam = typeof ComponentInstance<null>;
 export type UseInstance = {

package/build/_cjs/classy/logic/index.d.ts

@@ -1,5 +1,5 @@
-import type { TCleanState } from '../../base/state';
-import type { UseLogic } from './types/hook';
+import type { TCleanState } from '../../base/state/index.js';
+import type { UseLogic } from './types/hook.js';
 /**
  * The base type for the `props` type argument.
  *

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = exports.ComponentLogic = void 0;
 const react_1 = require("react");
-const state_1 = require("../../base/state");
+const state_1 = require("../../base/state/index.js");
 /**
  * Base class for a class that holds methods to be used in a function component.
  *

package/build/_cjs/classy/logic/types/hook.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentLogic } from '..';
+import type { ComponentLogic } from '../index.js';
 /*************************************
  *        # Hooks                    *
 **************************************/

package/build/_cjs/docs-src/api/base-classes.d.ts

@@ -1,3 +1,3 @@
-export { ComponentMethods } from '../../base/methods';
-export { ComponentLogic } from '../../classy/logic';
-export { ComponentInstance } from '../../classy/instance';
+export { ComponentMethods } from '../../base/methods.js';
+export { ComponentLogic } from '../../classy/logic/index.js';
+export { ComponentInstance } from '../../classy/instance/index.js';

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

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

package/build/_cjs/docs-src/api/index.d.ts

@@ -2,12 +2,12 @@
  * API Reference
  * @module API
  */
-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';
+export { useCleanState } from '../../base/state/index.js';
+export { useMethods } from '../../base/methods.js';
+export { useLogic } from '../../classy/logic/index.js';
+export { useInstance } from '../../classy/instance/index.js';
+export { ClassComponent } from '../../classy/class/index.js';
 /** @namespace */
-export * as BaseClasses from './base-classes';
-export * as Helpers from '../../helpers';
-export * as References from './references';
+export * as BaseClasses from './base-classes.js';
+export * as Helpers from '../../helpers/index.js';
+export * as References from './references.js';

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

@@ -28,17 +28,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 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");
+var state_1 = require("../../base/state/index.js");
 Object.defineProperty(exports, "useCleanState", { enumerable: true, get: function () { return state_1.useCleanState; } });
-var methods_1 = require("../../base/methods");
+var methods_1 = require("../../base/methods.js");
 Object.defineProperty(exports, "useMethods", { enumerable: true, get: function () { return methods_1.useMethods; } });
-var logic_1 = require("../../classy/logic");
+var logic_1 = require("../../classy/logic/index.js");
 Object.defineProperty(exports, "useLogic", { enumerable: true, get: function () { return logic_1.useLogic; } });
-var instance_1 = require("../../classy/instance");
+var instance_1 = require("../../classy/instance/index.js");
 Object.defineProperty(exports, "useInstance", { enumerable: true, get: function () { return instance_1.useInstance; } });
-var class_1 = require("../../classy/class");
+var class_1 = require("../../classy/class/index.js");
 Object.defineProperty(exports, "ClassComponent", { enumerable: true, get: function () { return class_1.ClassComponent; } });
 /** @namespace */
-exports.BaseClasses = __importStar(require("./base-classes"));
-exports.Helpers = __importStar(require("../../helpers"));
-exports.References = __importStar(require("./references"));
+exports.BaseClasses = __importStar(require("./base-classes.js"));
+exports.Helpers = __importStar(require("../../helpers/index.js"));
+exports.References = __importStar(require("./references.js"));

package/build/_cjs/docs-src/api/references.d.ts

@@ -1,5 +1,5 @@
-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';
+export * as $CleanState from '../../base/state/index.js';
+export * as $ComponentMethods from '../../base/methods.js';
+export * as ComponentLogic from '../../classy/logic/index.js';
+export * as ComponentInstance from '../../classy/instance/index.js';
+export * as ClassComponent from '../../classy/class/index.js';

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

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 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"));
+exports.$CleanState = __importStar(require("../../base/state/index.js"));
+exports.$ComponentMethods = __importStar(require("../../base/methods.js"));
+exports.ComponentLogic = __importStar(require("../../classy/logic/index.js"));
+exports.ComponentInstance = __importStar(require("../../classy/instance/index.js"));
+exports.ClassComponent = __importStar(require("../../classy/class/index.js"));

package/build/_cjs/helpers/index.d.ts

@@ -2,10 +2,10 @@
  * <!-- @ mergeModuleWith API -->
  * @module Helpers
  */
-export * from './mount-state';
-export * from './rerender';
-export * from './use-component';
-export * from './type-guards';
+export * from './mount-state.js';
+export * from './rerender.js';
+export * from './use-component/index.js';
+export * from './type-guards.js';
 /**
  * An empty function.
  * It returns (void) without performing any operations.

package/build/_cjs/helpers/index.js

@@ -19,10 +19,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 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);
+__exportStar(require("./mount-state.js"), exports);
+__exportStar(require("./rerender.js"), exports);
+__exportStar(require("./use-component/index.js"), exports);
+__exportStar(require("./type-guards.js"), exports);
 /**
  * An empty function.
  * It returns (void) without performing any operations.

package/build/_cjs/helpers/rerender.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRerender = void 0;
 const react_1 = require("react");
-const mount_state_1 = require("../helpers/mount-state");
+const mount_state_1 = require("../helpers/mount-state.js");
 ;
 /**
  * Returns a function that can be called to manually trigger

package/build/_cjs/helpers/use-component/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassComponentHookWrapper } from './types';
+import type { ClassComponentHookWrapper } from './types.js';
 /**
  * A component you can use to consume React hooks
  * in a {@link Component | React.Component} class.

package/build/_cjs/index.d.ts

@@ -1,3 +1,3 @@
-export * from './classy';
-export * from './base';
-export * from './helpers';
+export * from './classy/index.js';
+export * from './base/index.js';
+export * from './helpers/index.js';

package/build/_cjs/index.js

@@ -14,6 +14,6 @@ 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);
+__exportStar(require("./classy/index.js"), exports);
+__exportStar(require("./base/index.js"), exports);
+__exportStar(require("./helpers/index.js"), exports);

package/build/_cjs/slots/hook.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode, ReactPortal } from 'react';
-import type { IUseSlots, PotentialSlotComponent } from './types';
+import type { IUseSlots, PotentialSlotComponent } from './types.js';
 export declare const isElementChild: (child: ReactNode) => child is ReactElement<any, any>;
 interface IGetSlotName {
     (TargetComponent: PotentialSlotComponent, child?: ReactElement): string | undefined;
@@ -17,4 +17,4 @@ export declare const isPortalChild: (child: ReactNode) => child is ReactPortal;
  * @see {@link SlotComponent} for more on how to use the returned slot nodes.
  */
 export declare const useSlots: IUseSlots;
-export type { SlottedComponent, TSlotsRecord, SlotComponent, PotentialSlotComponent, } from './types';
+export type { SlottedComponent, TSlotsRecord, SlotComponent, PotentialSlotComponent, } from './types.js';

package/build/_cjs/slots/hook.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSlots = exports.isPortalChild = exports.getComponentSlotName = exports.isElementChild = void 0;
-const errors_1 = require("../helpers/errors");
+const errors_1 = require("../helpers/errors.js");
 const react_1 = __importStar(require("react"));
 const isElementChild = (child) => {
     if (child && typeof child === 'object' && 'type' in child) {

package/build/_cjs/slots/index.d.ts

@@ -1 +1 @@
-export * from './hook';
+export * from './hook.js';

package/build/_cjs/slots/index.js

@@ -14,4 +14,4 @@ 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);
+__exportStar(require("./hook.js"), exports);

package/build/base/index.d.ts

@@ -1,3 +1,3 @@
-export * from './state';
-export * from './methods';
-export * from './merged-state';
+export * from './state/index.js';
+export * from './methods.js';
+export * from './merged-state.js';

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/index.js';
+export * from './methods.js';
+export * from './merged-state.js';

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.d.ts

@@ -1,5 +1,5 @@
-import { CleanStateBase } from './class';
-import { TCleanState, TStateData } from './hook-types';
+import { CleanStateBase } from './class.js';
+import { TCleanState, TStateData } from './hook-types.js';
 export type TCleanStateBase = typeof CleanStateBase;
 export type TCleanStateBaseKeys = keyof TCleanStateBase;
 export type PutState<TState extends TStateData> = {

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

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

package/build/base/state/class.d.ts

@@ -1,4 +1,4 @@
-import type { ICleanStateClass, ICleanStateConstructor, PutManyPayload, PutState } from './class-types';
+import type { ICleanStateClass, ICleanStateConstructor, PutManyPayload, PutState } from './class-types.js';
 /** @internal */
 export declare class CleanStateBase<TState extends Record<string, any>> {
     readonly reservedKeys: string[];

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.d.ts

@@ -1,4 +1,4 @@
-import { CleanStateBase } from './class';
+import { CleanStateBase } from './class.js';
 /**
  * Base type for an `initialState` object.
  * It is a regular object type, with some reserved keys excluded.

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

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

package/build/base/state/hooks.d.ts

@@ -1,4 +1,4 @@
-import { TUseCleanState } from './hook-types';
+import { TUseCleanState } from './hook-types.js';
 /**
  * Creates a state object, which includes the provided values,
  * as well as helper methods for updating those values and automatically