uiconfig-blueprint 0.1.0-dev.15 → 0.1.0-dev.17

package/NOTICE

@@ -0,0 +1,13 @@
+Copyright 2023 Palash Bansal <palash@shaders.app>
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+   https://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -1,7 +1,7 @@
 # UiConfig Blueprint.js
 
 [![NPM Package](https://img.shields.io/npm/v/uiconfig-blueprint.svg)](https://www.npmjs.com/package/uiconfig-blueprint)
-[![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-green.svg)](https://opensource.org/license/apache-2-0/)
+[![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-green.svg)](./LICENSE)
 
 Blueprint.js theme/wrapper library for [uiconfig.js](https://github.com/repalash/uiconfig.js): A UI renderer framework to dynamically generate website/configuration UIs from a JSON-like configurations and/or typescript decorators. 
 
@@ -11,7 +11,9 @@ The UI components are bound to javascript/typescript    objects and properties t
 
 ### Examples
 
-Basic Examples: https://repalash.com/uiconfig-blueprint/examples/index.html
+Examples: https://repalash.com/uiconfig.js/examples/ (pick Blueprint on an example page)
+
+API docs: https://repalash.com/uiconfig.js/docs/modules/uiconfig-blueprint.html
 
 Threepipe Basic UI: https://threepipe.org/examples/#blueprintjs-ui-plugin/
 
@@ -29,8 +31,7 @@ npm install uiconfig-blueprint
 Use in any javascript/typescript file.
 ```typescript
 import { UI } from 'uiconfig-blueprint';
-// or for the browser
-// import { UI } from 'https://unpkg.com/uiconfig-blueprint/dist/index.mjs';
+// in a browser without a bundler, use the CDN link below
 
 const config = {
     type: "slider",
@@ -72,6 +73,15 @@ The module can be accessed with the short-form `bpui`
 </script>
 ```
 
+### Builds
+
+- `dist/index.mjs` (`import`, `module`): ES module. It imports its dependencies `uiconfig.js`, `ts-browser-helpers`, `react`, `react-dom`, `@blueprintjs/core`, `@blueprintjs/icons`, `@blueprintjs/select`, `react-colorful` and `classnames` instead of bundling them, so the bundler of the app keeps one copy of each. The styles and a few internal modules of `@blueprintjs/core` stay in the bundle. `react`, `react-dom` and `@blueprintjs/core` are peer dependencies: npm 7 and later install them, other package managers can need them in the app's `package.json`.
+- `lib/esm`: the TypeScript output, one file per source module.
+- `dist/index.js` (`browser`, the CDN link): UMD bundle with all dependencies included, for a `<script>` tag.
+- `dist/index.cjs` (`main`, `require`): the same bundle as CommonJS, for `require()`.
+
+The UMD and CommonJS builds are legacy and will be removed in the next major version.
+
 ## Configuration
 
 Check the documentation at [uiconfig.js](https://github.com/repalash/uiconfig.js) on how to create a configuration for the UI.
@@ -105,30 +115,31 @@ ui.THREE = {Color, Vector4, Vector3, Vector2}
 
 ## Development
 
-Clone the project and install dependencies.
+This package lives in the [uiconfig monorepo](https://github.com/repalash/uiconfig.js). Clone it and install the dependencies at the root.
 ```bash
-git clone git://github.com/repalash/uiconfig-blueprint.git
+git clone https://github.com/repalash/uiconfig.js.git
+cd uiconfig.js
 npm install
+npm run build -w uiconfig.js
 ```
 
-Run the development server.
+The examples are pages of the website ([website/README.md](https://github.com/repalash/uiconfig.js/blob/master/website/README.md)), which uses the built `dist` of this
+package: build it, then run the website's dev server and open its examples.
 ```bash
-npm run dev
+npm run build -w uiconfig-blueprint
+npm run dev -w uiconfig-website
 ```
-Navigate to the given URL to view the examples. Make changes in the `src` folder and the page will automatically reload.
+After a change in `src`, build the package again.
 
 Build the project.
 ```bash
-npm run build
+npm run build -w uiconfig-blueprint
 ```
 
-Publish the project to npm.
-```bash
-npm publish
-```
+Releases are published to npm from GitHub Actions: see the root README.
 
 ## License
-All code is licensed under [Apache 2.0](LICENSE).
+Apache 2.0, see [LICENSE](LICENSE) and [NOTICE](NOTICE). 0.1.0-dev.16 was published with an MIT license field; it contains the same Apache 2.0 code.
 
 ## Library usage in react
 

package/dist/ConfigObject.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { Class, PartialRecord } from "ts-browser-helpers";
-import { BPComponentProps, BPComponentState, UiConfigRendererContext } from "./bpComponents/BPComponent";
-import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
+import { default as React } from 'react';
+import { Class, PartialRecord } from 'ts-browser-helpers';
+import { BPComponentProps, BPComponentState, UiConfigRendererContext } from './bpComponents/BPComponent.js';
+import { PanelActions } from '@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes';
 import { UiObjectConfig } from 'uiconfig.js';
-import { IconName, MaybeElement } from "@blueprintjs/core";
+import { IconName, MaybeElement } from '@blueprintjs/core';
 export type UiConfigTypes = 'input' | 'button' | 'folder' | 'checkbox' | 'toggle' | 'dropdown' | 'slider' | 'color' | 'image' | 'number' | 'panel' | 'tree' | 'hierarchy' | 'materials' | 'textures' | 'vec' | 'vec2' | 'vec3' | 'vec4' | 'monitor' | 'vector' | 'select' | 'textarea' | 'tabs';
 export interface ConfigProps extends PanelActions {
     config: UiObjectConfig;
@@ -14,8 +14,8 @@ export interface ConfigProps extends PanelActions {
 }
 export declare const ConfigObjectGenerators: PartialRecord<UiConfigTypes, Class<React.Component<BPComponentProps<any>, BPComponentState>>>;
 export declare class ConfigObject extends React.Component<ConfigProps, {}> {
-    static contextType: React.Context<import("./bpComponents/BPComponent").UiConfigRendererBaseBp>;
+    static contextType: React.Context<import('./bpComponents/BPComponent.js').UiConfigRendererBaseBp>;
     context: React.ContextType<typeof UiConfigRendererContext>;
     state: {};
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/UiConfigRendererBlueprint.d.ts

@@ -1,7 +1,7 @@
-import { JSUndoManager } from "ts-browser-helpers";
-import { UiConfigRenderer, UiObjectConfig } from "uiconfig.js";
+import { JSUndoManager } from 'ts-browser-helpers';
+import { UiConfigRenderer, UiObjectConfig } from 'uiconfig.js';
 import { Root } from 'react-dom/client';
-import { THREE } from "./threejs";
+import { THREE } from './threejs.js';
 export declare class UiConfigRendererBlueprint extends UiConfigRenderer {
     constructor(container?: HTMLElement, { autoPostFrame }?: {
         autoPostFrame?: boolean | undefined;

package/dist/bpComponents/BPButtonComponent.d.ts

@@ -1,9 +1,9 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import React from "react";
-import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { default as React } from 'react';
+import { BPLabelledComponent, BPLabelledComponentState } from './BPLabelledComponent.js';
 export declare class BPButtonComponent extends BPLabelledComponent<() => void, BPLabelledComponentState> {
     constructor(props: BPComponentProps<() => void>, context: UiConfigRendererContextType);
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     protected flexBasis: string;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/bpComponents/BPColorInputComponent.d.ts

@@ -1,6 +1,6 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
-import type { ColorRepresentation } from "three";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPValueComponent, BPValueComponentState } from './BPValueComponent.js';
+import { ColorRepresentation } from 'three';
 export type BPColorComponentState = BPValueComponentState<string> & {
     mode: 'number' | 'string' | 'Color';
     lastValue?: ColorRepresentation;
@@ -22,5 +22,5 @@ export declare class BPColorInputComponent extends BPValueComponent<ColorReprese
     private _mouseUp;
     refreshConfigState(state?: BPColorComponentState): Promise<void>;
     protected flexBasis: string;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }

package/dist/bpComponents/BPComponent.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
-import type { UiConfigRendererBase } from 'uiconfig.js';
-import { UiObjectConfig } from 'uiconfig.js';
+import { default as React } from 'react';
+import { UiConfigRendererBase, UiObjectConfig } from 'uiconfig.js';
 import { ValOrFunc } from 'ts-browser-helpers';
-import { THREE } from "../threejs";
+import { THREE } from '../threejs.js';
 export type BPComponentProps<T> = {
     config: UiObjectConfig<T>;
     level?: number;
@@ -27,6 +26,7 @@ export declare abstract class BPComponent<TValue, TState extends BPComponentStat
     keyVersion: number;
     getUpdatedState(state: TState): TState;
     private _refreshing;
+    private _refreshAgain;
     refreshConfigState(state?: TState): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/bpComponents/BPContainerComponent.d.ts

@@ -1,8 +1,8 @@
-import { BPLabelledComponent, BPLabelledComponentState } from './BPLabelledComponent';
-import { BPComponentProps, UiConfigRendererContextType } from './BPComponent';
+import { BPLabelledComponent, BPLabelledComponentState } from './BPLabelledComponent.js';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
 import { PanelActions } from '@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes';
 import { UiObjectConfig } from 'uiconfig.js';
-declare module '../ConfigObject' {
+declare module '../ConfigObject.js' {
     interface ConfigProps {
         filter?: (child: UiObjectConfig) => boolean;
     }
@@ -19,7 +19,7 @@ export declare class BPContainerComponent<TState extends BPContainerComponentSta
     protected _registerChild(child: UiObjectConfig): void;
     protected _unregisterChild(child: UiObjectConfig): void;
     constructor(props: BPComponentProps<void> & PanelActions & TProps, context: UiConfigRendererContextType, state: TState);
-    getUpdatedState(state: TState): TState & import("./BPComponent").BPComponentState & {
+    getUpdatedState(state: TState): TState & import('./BPComponent.js').BPComponentState & {
         children: any[];
         expanded: boolean;
         label: string;

package/dist/bpComponents/BPDropdownInputComponent.d.ts

@@ -1,6 +1,6 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
-import { BPValueComponentState } from "./BPValueComponent";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
+import { BPValueComponentState } from './BPValueComponent.js';
 export interface DropdownItem {
     label: string;
     value: string | number;
@@ -12,5 +12,5 @@ export type BPDropdownComponentState = BPValueComponentState<string | number> &
 export declare class BPDropdownInputComponent extends BPInputComponent<string | number, BPDropdownComponentState> {
     constructor(props: BPComponentProps<string | number>, context: UiConfigRendererContextType);
     getUpdatedState(state: BPDropdownComponentState): BPDropdownComponentState;
-    renderInput(): import("react/jsx-runtime").JSX.Element;
+    renderInput(): import("react").JSX.Element;
 }

package/dist/bpComponents/BPFileComponent.d.ts

@@ -1,6 +1,6 @@
-import { FileComponentProps } from "../components/FileComponent";
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
+import { FileComponentProps } from '../components/FileComponent.js';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPValueComponent, BPValueComponentState } from './BPValueComponent.js';
 type StateValue = string | File | null;
 type FileImportType = any;
 export type BPFileComponentState<TSV = never> = BPValueComponentState<TSV | StateValue> & {
@@ -23,8 +23,8 @@ export declare class BPFileComponent<T extends FileImportType = FileImportType,
     constructor(props: BPComponentProps<T | null> & BPFileComponentProps<TSV> & TP, context: BPFileComponentContextType<TSV>);
     convertValueToState(_val: T | null, _state: BPFileComponentState<TSV>): BPFileComponentState<TSV>;
     convertStateToValue(state: BPFileComponentState<TSV>): Promise<T | null>;
-    renderPreviewSlot(): import("react/jsx-runtime").JSX.Element;
+    renderPreviewSlot(): import("react").JSX.Element;
     protected flexBasis: string;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }
 export {};

package/dist/bpComponents/BPFolderComponent.d.ts

@@ -1,15 +1,15 @@
-import React, { ChangeEventHandler, DOMAttributes } from "react";
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { Collapse, IconName, MaybeElement } from "@blueprintjs/core";
-import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
-import { BPContainerComponent, BPContainerComponentState, BPContainerComponentProps } from './BPContainerComponent';
+import { default as React, ChangeEventHandler, DOMAttributes } from 'react';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { Collapse, IconName, MaybeElement } from '@blueprintjs/core';
+import { PanelActions } from '@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes';
+import { BPContainerComponent, BPContainerComponentState, BPContainerComponentProps } from './BPContainerComponent.js';
 export type BPFolderComponentState = BPContainerComponentState & {};
 export type BPFolderComponentProps = BPContainerComponentProps & {
     icon?: IconName | MaybeElement;
 };
 export declare class BPFolderComponent extends BPContainerComponent<BPFolderComponentState, BPFolderComponentProps> {
     constructor(props: BPComponentProps<void> & PanelActions & BPFolderComponentProps, context: UiConfigRendererContextType);
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare const FolderHeadCard: React.FC<React.PropsWithChildren<{
     open: boolean;

package/dist/bpComponents/BPInputComponent.d.ts

@@ -1,12 +1,12 @@
-import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { ReactNode } from "react";
-import { PrimitiveVal } from "uiconfig.js";
+import { BPValueComponent, BPValueComponentState } from './BPValueComponent.js';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { ReactNode } from 'react';
+import { PrimitiveVal } from 'uiconfig.js';
 export declare abstract class BPInputComponent<TStateValue extends PrimitiveVal, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>> extends BPValueComponent<TStateValue, TState, TStateValue> {
     protected constructor(props: BPComponentProps<TStateValue>, context: UiConfigRendererContextType, state: TState);
     convertValueToState(value: TStateValue, state: TState): TState;
     convertStateToValue(state: TState): Promise<TStateValue>;
     abstract renderInput(): ReactNode;
     protected flexBasis: string;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }

package/dist/bpComponents/BPLabelledComponent.d.ts

@@ -1,4 +1,4 @@
-import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from "./BPComponent";
+import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from './BPComponent.js';
 export type BPLabelledComponentState = BPComponentState & {
     label: string;
 };

package/dist/bpComponents/BPNumberInputComponent.d.ts

@@ -1,6 +1,7 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
-import { BPValueComponentState } from "./BPValueComponent";
+import { default as React } from 'react';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
+import { BPValueComponentState } from './BPValueComponent.js';
 export declare class BPNumberInputComponent extends BPInputComponent<number, BPValueComponentState<number> & {
     unit?: string;
 }> {
@@ -8,5 +9,5 @@ export declare class BPNumberInputComponent extends BPInputComponent<number, BPV
     private _inputs;
     refreshConfigState(state?: BPValueComponentState<number>): Promise<void>;
     private _onChange;
-    renderInput(): import("react/jsx-runtime").JSX.Element;
+    renderInput(): React.JSX.Element;
 }

package/dist/bpComponents/BPPanelComponent.d.ts

@@ -1,8 +1,8 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPLabelledComponentState } from "./BPLabelledComponent";
-import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPLabelledComponentState } from './BPLabelledComponent.js';
+import { PanelActions } from '@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes';
 import { UiObjectConfig } from 'uiconfig.js';
-import { BPContainerComponent, BPContainerComponentProps } from './BPContainerComponent';
+import { BPContainerComponent, BPContainerComponentProps } from './BPContainerComponent.js';
 export type BPPanelComponentState = BPLabelledComponentState & {
     children: UiObjectConfig[];
     expanded: boolean;
@@ -12,5 +12,5 @@ export declare class BPPanelComponent extends BPContainerComponent<BPPanelCompon
     setExpanded: (e: boolean) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }

package/dist/bpComponents/BPSliderInputComponent.d.ts

@@ -1,6 +1,6 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
-import { BPValueComponentState } from "./BPValueComponent";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
+import { BPValueComponentState } from './BPValueComponent.js';
 export type BPSliderComponentState = BPValueComponentState<number> & {
     min: number;
     max: number;
@@ -11,5 +11,5 @@ export declare class BPSliderInputComponent extends BPInputComponent<number, BPS
     constructor(props: BPComponentProps<number>, context: UiConfigRendererContextType);
     getUpdatedState(state: BPSliderComponentState): BPSliderComponentState;
     flexBasis: string;
-    renderInput(): import("react/jsx-runtime").JSX.Element[];
+    renderInput(): import("react").JSX.Element[];
 }

package/dist/bpComponents/BPTextInputComponent.d.ts

@@ -1,11 +1,14 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
-import { BPValueComponentState } from "./BPValueComponent";
+import { default as React } from 'react';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
+import { BPValueComponentState } from './BPValueComponent.js';
 export declare class BPTextInputComponent extends BPInputComponent<string> {
     constructor(props: BPComponentProps<string>, context: UiConfigRendererContextType);
     private _inputRef;
     private _iv;
     refreshConfigState(state?: BPValueComponentState<string>): Promise<void>;
+    private _edited;
     private _onChange;
-    renderInput(): import("react/jsx-runtime").JSX.Element;
+    private _onBlur;
+    renderInput(): React.JSX.Element;
 }

package/dist/bpComponents/BPToggleInputComponent.d.ts

@@ -1,8 +1,8 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
 export declare class BPToggleInputComponent extends BPInputComponent<boolean> {
     constructor(props: BPComponentProps<boolean>, context: UiConfigRendererContextType);
     private _onChange;
-    renderInput(): import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    renderInput(): import("react").JSX.Element;
+    render(): import("react").JSX.Element | null;
 }

package/dist/bpComponents/BPValueComponent.d.ts

@@ -1,6 +1,6 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
-import { PrimitiveVal } from "uiconfig.js";
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPLabelledComponent, BPLabelledComponentState } from './BPLabelledComponent.js';
+import { PrimitiveVal } from 'uiconfig.js';
 export type BPValueComponentState<TStateValue> = BPLabelledComponentState & {
     value: TStateValue;
 };

package/dist/bpComponents/BPVectorInputComponent.d.ts

@@ -1,7 +1,8 @@
-import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import { BPInputComponent } from "./BPInputComponent";
-import { BPValueComponentState } from "./BPValueComponent";
-import type { Vector2, Vector3, Euler, Vector4 } from "three";
+import { default as React } from 'react';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent.js';
+import { BPInputComponent } from './BPInputComponent.js';
+import { BPValueComponentState } from './BPValueComponent.js';
+import { Vector2, Vector3, Euler, Vector4 } from 'three';
 export type BPVectorComponentState = BPValueComponentState<Vector2 | Vector3 | Euler | Vector4> & {
     min: number;
     max: number;
@@ -22,5 +23,5 @@ export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | V
     private _resizeObserver;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    renderInput(): import("react/jsx-runtime").JSX.Element;
+    renderInput(): React.JSX.Element;
 }

package/dist/bpComponents/InputGroup2.d.ts

@@ -1,5 +1,5 @@
-import { AbstractPureComponent, InputGroupProps } from "@blueprintjs/core";
-import { InputGroupState } from "@blueprintjs/core/lib/esnext/components/forms/inputGroup";
+import { AbstractPureComponent, InputGroupProps } from '@blueprintjs/core';
+import { InputGroupState } from '@blueprintjs/core/lib/esnext/components/forms/inputGroup';
 import * as React from "react";
 export interface InputGroup2Props extends InputGroupProps {
     leftElementWidth?: number | string;

package/dist/components/AppToaster.d.ts

@@ -1,6 +1,6 @@
-import { Toaster } from "@blueprintjs/core";
+import { Toaster } from '@blueprintjs/core';
 export declare const AppToasterRef: {
     ref: Toaster | null;
 };
 export declare const AppToaster: () => Toaster;
-export declare function AppToasterOverlay(): import("react/jsx-runtime").JSX.Element;
+export declare function AppToasterOverlay(): import("react").JSX.Element;

package/dist/components/ConfigurationPanelComponent.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { UiObjectConfig } from 'uiconfig.js';
 export declare function ConfigurationPanelComponent({ config }: {
     config: UiObjectConfig<any, 'panel'>;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/DialogContext.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { Intent } from '@blueprintjs/core/src/common/intent';
+import { Intent } from '@blueprintjs/core';
 export type DialogStateType = {
     isOpen: boolean;
     title: string;
@@ -24,7 +24,7 @@ export declare function setupDialog(): {
     state: any;
     setState: (state: any) => void;
 };
-export declare const DialogContext: import("react").Context<{
+export declare const DialogContext: import('react').Context<{
     dialog: DialogStateType;
     open: (d: Partial<DialogStateType>) => void;
     close: () => void;
@@ -42,8 +42,8 @@ export declare const useDialog: () => {
 };
 export declare function DialogProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function DialogComponent(): import("react").JSX.Element;
 interface DialogPromptState {
     value: string;
     intent: Intent;

package/dist/components/DraggableIcon.d.ts

@@ -1,5 +1,5 @@
+import { IconName, MaybeElement } from '@blueprintjs/core';
 import * as React from "react";
-import { IconName, MaybeElement } from "@blueprintjs/core";
 export declare class DraggableIcon extends React.Component<{
     icon: IconName | MaybeElement;
     size?: number;
@@ -17,5 +17,5 @@ export declare class DraggableIcon extends React.Component<{
     private removeEvents;
     private handlePointerMove;
     private accumulatedOffset;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/components/ExtendedNumericInput.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { HTMLInputProps, NumericInputProps } from "@blueprintjs/core";
+import { default as React } from 'react';
+import { HTMLInputProps, NumericInputProps } from '@blueprintjs/core';
 export interface IExtendedNumericInputState {
     value?: string;
 }
@@ -17,7 +17,7 @@ export declare class ExtendedNumericInput extends React.PureComponent<Props, IEx
     state: IExtendedNumericInputState;
     setValue(val?: number): Promise<void>;
     componentDidUpdate(prevProps: Props): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
     private handleBlur;
     private _lastChangedValue;
     private handleKeyDown;

package/dist/components/FileComponent.d.ts

@@ -1,5 +1,5 @@
-import React, { JSX, ReactNode } from "react";
-import { BPFileComponentState } from "../bpComponents/BPFileComponent";
+import { default as React, JSX, ReactNode } from 'react';
+import { BPFileComponentState } from '../bpComponents/BPFileComponent.js';
 export interface FileComponentProps<TSV = never> {
     state: BPFileComponentState<TSV>;
     onChange: (state: Partial<BPFileComponentState<TSV>>) => Promise<void>;
@@ -13,4 +13,4 @@ export interface FileComponentProps<TSV = never> {
     }) => JSX.Element;
     disableFileInput?: boolean;
 }
-export declare const FileComponent: <TSV>({ state, onChange, previewSlot, AssetPicker }: FileComponentProps<TSV>) => import("react/jsx-runtime").JSX.Element;
+export declare const FileComponent: <TSV>({ state, onChange, previewSlot, AssetPicker }: FileComponentProps<TSV>) => JSX.Element;

package/dist/components/FormGroupComponent.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties, PropsWithChildren, ReactNode } from "react";
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 export declare function FormGroupComponent(props: PropsWithChildren<{
     label: string | ReactNode;
     flexBasis?: string;
     disabled?: boolean;
     style?: CSSProperties;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/components/InspectorStackComponent.d.ts

@@ -1,7 +1,8 @@
-import { Panel } from "@blueprintjs/core";
+import { default as React } from 'react';
+import { Panel } from '@blueprintjs/core';
 import { UiObjectConfig } from 'uiconfig.js';
-import { UiConfigRendererBaseBp } from '../bpComponents/BPComponent';
-import { ValOrFunc } from "ts-browser-helpers";
+import { UiConfigRendererBaseBp } from '../bpComponents/BPComponent.js';
+import { ValOrFunc } from 'ts-browser-helpers';
 export declare function useConfigToStackItem(config: UiObjectConfig<any, 'panel'>, renderer?: UiConfigRendererBaseBp): () => Panel<{
     config: UiObjectConfig;
 }>;
@@ -11,4 +12,4 @@ export type InspectorStackItem = ValOrFunc<Panel<{
 export declare function InspectorStackComponent({ stackItem, className }: {
     stackItem: InspectorStackItem;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/NumericInput.d.ts

@@ -1,5 +1,6 @@
-import { AbstractPureComponent, type HTMLInputProps, Position } from "@blueprintjs/core";
-import type { InputSharedProps } from "@blueprintjs/core/src/components/forms/inputSharedProps";
+import { AbstractPureComponent, HTMLInputProps, Position } from '@blueprintjs/core';
+import { InputSharedProps } from '@blueprintjs/core/src/components/forms/inputSharedProps';
+import * as React from "react";
 export interface NumericInputProps extends InputSharedProps {
     allowNumericCharactersOnly?: boolean;
     asyncControl?: boolean;
@@ -50,7 +51,7 @@ export declare class NumericInput extends AbstractPureComponent<HTMLInputProps &
     private incrementButtonHandlers;
     private decrementButtonHandlers;
     private getCurrentValueAsNumber;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
     componentDidUpdate(prevProps: NumericInputProps, prevState: NumericInputState): void;
     protected validateProps(nextProps: HTMLInputProps & NumericInputProps): void;
     private renderButtons;

package/dist/components/VisualStyleContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const defaultVisualStyle: {
     darkMode: boolean;
     setDarkMode: (_: boolean) => void;
@@ -115,5 +115,5 @@ export declare function setupVisualStyle(): {
 };
 export declare function VisualStyleProvider({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ThemeSettingsMenuComponent(): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+export declare function ThemeSettingsMenuComponent(): React.JSX.Element;

package/dist/components/axesIcons.d.ts

@@ -1,7 +1,7 @@
-export declare const axesXYZIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesCubeIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesTetrahedronIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesSphereIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesCubeFilledIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesTetrahedronFilledIcon: import("react/jsx-runtime").JSX.Element;
-export declare const axesSphereFilledIcon: import("react/jsx-runtime").JSX.Element;
+export declare const axesXYZIcon: import("react").JSX.Element;
+export declare const axesCubeIcon: import("react").JSX.Element;
+export declare const axesTetrahedronIcon: import("react").JSX.Element;
+export declare const axesSphereIcon: import("react").JSX.Element;
+export declare const axesCubeFilledIcon: import("react").JSX.Element;
+export declare const axesTetrahedronFilledIcon: import("react").JSX.Element;
+export declare const axesSphereFilledIcon: import("react").JSX.Element;