uiconfig-blueprint 0.1.0-dev.2 → 0.1.0-dev.4

package/README.md

@@ -152,3 +152,16 @@ In CSS
 ```css
 @import 'uiconfig-blueprint/lib/css/renderer.css';
 ```
+
+postcss plugin for themes
+```javascript
+{
+  postcssPlugin: 'modify-css-content',
+  Once(root) {
+    // Modify to fix :root.bpx-flat :root twice when imported in renderer.scss
+    root.walkRules(rule => {
+      rule.selector = rule.selector.replace(/:root.bpx-(.*) :root/g, ':root.bpx-$1');
+    });
+  },
+}
+```

package/dist/UiConfigRendererBlueprint.d.ts

@@ -1,13 +1,15 @@
-import { UiConfigRendererBase, 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";
-export declare class UiConfigRendererBlueprint extends UiConfigRendererBase<Root> {
+export declare class UiConfigRendererBlueprint extends UiConfigRenderer {
     constructor(container?: HTMLElement, { autoPostFrame }?: {
         autoPostFrame?: boolean | undefined;
-    });
+    }, undoManager?: JSUndoManager | false);
+    protected _root: Root;
     protected _createUiContainer(): HTMLDivElement;
     protected _refreshUiConfigObject(config: UiObjectConfig): void;
     renderUiConfig(_: UiObjectConfig): void;
     THREE: THREE | undefined;
-    dispose(): void;
+    unmount(): void;
 }

package/dist/allPaths-B8LX_D5a.js

@@ -0,0 +1,23 @@
+import { I as n } from "./index-B3lLOxQd.js";
+import { I as e } from "./index-DzfuAEGU.js";
+import { p as r, I as s } from "./index-CPVHSDA_.js";
+/**
+ * @license
+ * uiconfig-blueprint v0.1.0-dev.4
+ * Copyright 2022-2025 repalash <palash@shaders.app>
+ * Apache-2.0 License
+ */
+function I(o, t) {
+  var a = r(o);
+  return t === s.STANDARD ? n[a] : e[a];
+}
+function p(o) {
+  return r(o);
+}
+export {
+  n as IconSvgPaths16,
+  e as IconSvgPaths20,
+  I as getIconPaths,
+  p as iconNameToPathsRecordKey
+};
+//# sourceMappingURL=allPaths-B8LX_D5a.js.map

package/dist/{allPaths-zMnhJyQa.js.map → allPaths-B8LX_D5a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPaths-zMnhJyQa.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n    var key = pascalCase(name);\n    return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n    return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":["getIconPaths","name","size","key","pascalCase","IconSize","IconSvgPaths16","IconSvgPaths20","iconNameToPathsRecordKey"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAaC,GAAMC,GAAM;AACrC,MAAIC,IAAMC,EAAWH,CAAI;AACzB,SAAOC,MAASG,EAAS,WAAWC,EAAeH,CAAG,IAAII,EAAeJ,CAAG;AAChF;AAOO,SAASK,EAAyBP,GAAM;AAC3C,SAAOG,EAAWH,CAAI;AAC1B;","x_google_ignoreList":[0]}
+{"version":3,"file":"allPaths-B8LX_D5a.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n    var key = pascalCase(name);\n    return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n    return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":["getIconPaths","name","size","key","pascalCase","IconSize","IconSvgPaths16","IconSvgPaths20","iconNameToPathsRecordKey"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAaC,GAAMC,GAAM;AACrC,MAAIC,IAAMC,EAAWH,CAAI;AACzB,SAAOC,MAASG,EAAS,WAAWC,EAAeH,CAAG,IAAII,EAAeJ,CAAG;AAChF;AAOO,SAASK,EAAyBP,GAAM;AAC3C,SAAOG,EAAWH,CAAI;AAC1B;","x_google_ignoreList":[0]}

package/dist/{allPathsLoader-eCsEfMwc.js → allPathsLoader-ChwV6s_m.js}

@@ -1,8 +1,8 @@
-import { _ as n, a as o } from "./index-f-ZwHBj3.js";
+import { _ as n, a as o } from "./index-CPVHSDA_.js";
 /**
  * @license
- * uiconfig-blueprint v0.1.0-dev.2
- * Copyright 2022-2024 repalash <palash@shaders.app>
+ * uiconfig-blueprint v0.1.0-dev.4
+ * Copyright 2022-2025 repalash <palash@shaders.app>
  * Apache-2.0 License
  */
 var s = function(a, e) {
@@ -13,7 +13,7 @@ var s = function(a, e) {
         case 0:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths" */
-            "./allPaths-zMnhJyQa.js"
+            "./allPaths-B8LX_D5a.js"
           )];
         case 1:
           return t = r.sent().getIconPaths, [2, t(a, e)];
@@ -24,4 +24,4 @@ var s = function(a, e) {
 export {
   s as allPathsLoader
 };
-//# sourceMappingURL=allPathsLoader-eCsEfMwc.js.map
+//# sourceMappingURL=allPathsLoader-ChwV6s_m.js.map

package/dist/{allPathsLoader-eCsEfMwc.js.map → allPathsLoader-ChwV6s_m.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPathsLoader-eCsEfMwc.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var getIconPaths;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-all-paths\" */\n                \"../allPaths\")];\n            case 1:\n                getIconPaths = (_a.sent()).getIconPaths;\n                return [2 /*return*/, getIconPaths(name, size)];\n        }\n    });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":["allPathsLoader","name","size","__awaiter","getIconPaths","__generator","_a"],"mappings":";;;;;;;AAmBU,IAACA,IAAiB,SAAUC,GAAMC,GAAM;AAAE,SAAOC,EAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAIC;AACJ,WAAOC,EAAY,MAAM,SAAUC,GAAI;AACnC,cAAQA,EAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,iBAAAF,IAAgBE,EAAG,KAAI,EAAI,cACpB,CAAC,GAAcF,EAAaH,GAAMC,CAAI,CAAC;AAAA,MACrD;AAAA,IACT,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"allPathsLoader-ChwV6s_m.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var getIconPaths;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-all-paths\" */\n                \"../allPaths\")];\n            case 1:\n                getIconPaths = (_a.sent()).getIconPaths;\n                return [2 /*return*/, getIconPaths(name, size)];\n        }\n    });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":["allPathsLoader","name","size","__awaiter","getIconPaths","__generator","_a"],"mappings":";;;;;;;AAmBU,IAACA,IAAiB,SAAUC,GAAMC,GAAM;AAAE,SAAOC,EAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAIC;AACJ,WAAOC,EAAY,MAAM,SAAUC,GAAI;AACnC,cAAQA,EAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,iBAAAF,IAAgBE,EAAG,KAAI,EAAI,cACpB,CAAC,GAAcF,EAAaH,GAAMC,CAAI,CAAC;AAAA,MAC9D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}

package/dist/bpComponents/BPComponent.d.ts

@@ -16,11 +16,12 @@ export interface UiConfigRendererBaseBp extends UiConfigRendererBase {
 }
 export declare const UiConfigRendererContext: React.Context<UiConfigRendererBaseBp>;
 export type UiConfigRendererContextType = React.ContextType<typeof UiConfigRendererContext>;
-export declare abstract class BPComponent<TValue, TState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
+export declare abstract class BPComponent<TValue, TState extends BPComponentState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
     static contextType: React.Context<UiConfigRendererBaseBp>;
     context: UiConfigRendererContextType;
     protected constructor(props: TProps, context: UiConfigRendererContextType, state: TState);
     setStatePromise(state: TState): Promise<void>;
+    keyVersion: number;
     getUpdatedState(state: TState): TState;
     private _refreshing;
     refreshConfigState(state?: TState): Promise<void>;

package/dist/bpComponents/BPFileComponent.d.ts

@@ -4,6 +4,7 @@ type StateValue = string | File | null;
 type FileImportType = any;
 export type BPFileComponentState = BPValueComponentState<StateValue> & {
     mode: 'url' | 'file';
+    preview?: string;
 };
 type BPFileComponentExtras = {
     fileLoader?: {
@@ -14,12 +15,13 @@ type BPFileComponentExtras = {
     };
 };
 type BPFileComponentContextType = UiConfigRendererContextType & BPFileComponentExtras;
-export declare class BPFileComponent extends BPValueComponent<FileImportType | null, BPFileComponentState, StateValue> {
+export declare class BPFileComponent<T extends FileImportType = FileImportType, TP = {}> extends BPValueComponent<T | null, BPFileComponentState, StateValue> {
     context: BPFileComponentContextType;
-    props: BPComponentProps<FileImportType | null> & BPFileComponentExtras;
-    constructor(props: BPComponentProps<FileImportType | null> & BPFileComponentExtras, context: BPFileComponentContextType);
-    convertValueToState(val: FileImportType | null, state: BPFileComponentState): BPFileComponentState;
-    convertStateToValue(state: BPFileComponentState): Promise<FileImportType | null>;
+    props: BPComponentProps<T | null> & BPFileComponentExtras & TP;
+    constructor(props: BPComponentProps<T | null> & BPFileComponentExtras & TP, context: BPFileComponentContextType);
+    convertValueToState(_val: T | null, _state: BPFileComponentState): BPFileComponentState;
+    convertStateToValue(state: BPFileComponentState): Promise<T | null>;
+    renderPreviewSlot(): import("react/jsx-runtime").JSX.Element;
     render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export {};

package/dist/bpComponents/BPFolderComponent.d.ts

@@ -1,4 +1,4 @@
-import React, { DOMAttributes } from "react";
+import React, { ChangeEventHandler, DOMAttributes } from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
 import { BPContainerComponent, BPContainerComponentState } from './BPContainerComponent';
@@ -11,6 +11,9 @@ export declare const FolderHeadCard: React.FC<React.PropsWithChildren<{
     open: boolean;
     label: string;
     minimal: boolean;
+    level: number;
     disabled?: boolean;
+    enabled?: boolean;
+    onEnabledChange?: ChangeEventHandler<HTMLInputElement>;
     onClick: DOMAttributes<HTMLElement>['onClick'];
 }>>;

package/dist/bpComponents/BPInputComponent.d.ts

@@ -1,7 +1,8 @@
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { ReactNode } from "react";
-export declare abstract class BPInputComponent<TStateValue, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>> extends BPValueComponent<TStateValue, TState, TStateValue> {
+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>;

package/dist/bpComponents/BPTreeComponent.d.ts

@@ -1,10 +1,12 @@
+/// <reference types="react" />
 import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from "./BPComponent";
 import { TreeNodeInfo } from "@blueprintjs/core";
+import { PrimitiveVal } from "uiconfig.js";
 export type BPTreeComponentState<T = {}> = BPComponentState & {
     nodes: TreeNodeInfo<T>[];
 };
 type NodePath = number[];
-export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>> {
+export declare abstract class BPTreeComponent<T = {}, TConfigVal extends PrimitiveVal | void = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>> {
     constructor(props: BPComponentProps<TConfigVal>, context: UiConfigRendererContextType);
     protected _infoMap: Map<string | number, TreeNodeInfo<T>>;
     protected _createNodeInfo(id: string, obj: T): {
@@ -18,19 +20,22 @@ export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends
     protected abstract _getNodeId(obj: T): string;
     protected abstract _updateNodeInfo(node: TreeNodeInfo<T>, obj: T): TreeNodeInfo<T>;
     protected abstract _getRootNodes(): T[];
-    protected _onNodeClick(_id: string | number, _path: number[]): Promise<void>;
-    protected _onNodeDoubleClick(_id: string | number, _path: number[]): Promise<void>;
+    protected _onNodeClick(_id: string | number): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number): Promise<void>;
     protected _cloneNodes(callback?: (t: TreeNodeInfo<T>) => void, state?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
-    protected _forEachNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>) => void): TreeNodeInfo<T>[] | undefined;
+    protected _forEachNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>, path: NodePath) => void, path?: NodePath): TreeNodeInfo<T>[] | undefined;
     protected _forNodeAtPath<T>(nodes: TreeNodeInfo<T>[], path: NodePath, callback: (node: TreeNodeInfo<T>) => void): void;
-    protected _onNodeExpandCollapse(_id: string | number, _path: number[]): Promise<void>;
-    protected _onNodeContextMenu(_id: string | number, _path: number[]): Promise<void>;
+    protected _onNodeExpandCollapse(_id: string | number, expanded?: boolean): Promise<void>;
+    protected _onNodeContextMenu(_id: string | number): Promise<void>;
     protected buildData(data: TreeNodeInfo<T>[], obj: T, _?: any, _2?: any): TreeNodeInfo<T>[];
     getUpdatedState(_state: BPTreeComponentState<T>): BPTreeComponentState<T>;
     deselectAll(): Promise<void>;
     setSelected(id?: string): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    findSelectedNode(nodes?: TreeNodeInfo<T>[]): TreeNodeInfo<T> | undefined;
+    getFlatNodes(onlyVisible?: boolean, nodes?: TreeNodeInfo<T>[], res?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
+    protected _handleKeyDown(e: React.KeyboardEvent): void;
     render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export {};

package/dist/bpComponents/BPValueComponent.d.ts

@@ -1,15 +1,18 @@
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+import { PrimitiveVal } from "uiconfig.js";
 export type BPValueComponentState<TStateValue> = BPLabelledComponentState & {
     value: TStateValue;
 };
-export declare abstract class BPValueComponent<TValue, TState extends BPValueComponentState<TStateValue>, TStateValue> extends BPLabelledComponent<TValue, TState> {
+export declare abstract class BPValueComponent<TValue extends PrimitiveVal, TState extends BPValueComponentState<TStateValue>, TStateValue> extends BPLabelledComponent<TValue, TState> {
     protected constructor(props: BPComponentProps<TValue>, context: UiConfigRendererContextType, state: TState);
     abstract convertValueToState(value: TValue, state: TState): TState;
     abstract convertStateToValue(state: TState): Promise<TValue>;
+    private _lastValRef;
     getUpdatedState(state: TState): TState;
     protected _previousLast: boolean;
     doesNeedRefresh(state: TState, _last?: boolean): boolean;
+    setState(state: TState, callback?: () => void): void;
     setValue(value: TStateValue, last?: boolean): Promise<void>;
     forceOnChange: boolean;
     updateStateValue(state: TState, last?: boolean): Promise<void>;

package/dist/components/DialogContext.d.ts

@@ -20,33 +20,41 @@ export declare function setupDialog(): {
     open: (d: Partial<DialogStateType>) => void;
     close: () => void;
     setDialog: Dispatch<SetStateAction<DialogStateType>>;
+    state: any;
+    setState: (state: any) => void;
 };
 export declare const DialogContext: import("react").Context<{
     dialog: DialogStateType;
     open: (d: Partial<DialogStateType>) => void;
     close: () => void;
     setDialog: Dispatch<SetStateAction<DialogStateType>>;
+    setState: Dispatch<SetStateAction<any>>;
+    state: any;
 }>;
 export declare const useDialog: () => {
     dialog: DialogStateType;
     open: (d: Partial<DialogStateType>) => void;
     close: () => void;
     setDialog: Dispatch<SetStateAction<DialogStateType>>;
+    setState: Dispatch<SetStateAction<any>>;
+    state: any;
 };
 export declare function DialogProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
+interface DialogPromptProps extends Partial<DialogStateType> {
+    closeButtonText?: string;
+    submitButtonText?: string;
+    message?: string;
+    placeholder?: string;
+    value?: string;
+    showInput?: boolean;
+    onClose?: (value: string) => boolean | undefined | Promise<boolean | undefined>;
+    onSubmit?: (value: string) => boolean | undefined | any | Promise<boolean | undefined | any>;
+}
 export declare function useDialogPrompt(): {
-    prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, showInput, onClose, onSubmit, ...props }: Partial<DialogStateType> & {
-        closeButtonText?: string | undefined;
-        submitButtonText?: string | undefined;
-        message?: string | undefined;
-        placeholder?: string | undefined;
-        value?: string | undefined;
-        showInput?: boolean | undefined;
-        onClose?: ((value: string) => boolean | undefined | Promise<boolean | undefined>) | undefined;
-        onSubmit?: ((value: string) => boolean | undefined | any | Promise<boolean | undefined | any>) | undefined;
-    }) => Promise<string | null>;
+    prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, showInput, onClose, onSubmit, ...props }: DialogPromptProps) => Promise<string | null>;
     close: () => void;
 };
+export {};

package/dist/components/DraggableIcon.d.ts

@@ -6,6 +6,7 @@ export declare class DraggableIcon extends React.Component<{
     value: number;
     stepSize?: number;
     small?: boolean;
+    disabled?: boolean;
     onChange: (v: number, last?: boolean) => void;
 }> {
     private cursor;

package/dist/components/FileComponent.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { BPFileComponentState } from "../bpComponents/BPFileComponent";
 export interface FileComponentProps {
     state: BPFileComponentState;
-    onChange: (state: Partial<BPFileComponentState>) => void;
+    onChange: (state: Partial<BPFileComponentState>) => Promise<void>;
+    previewSlot?: React.ReactNode;
+    uuid?: string;
 }
 export declare const FileComponent: React.FC<FileComponentProps>;

package/dist/components/axesIcons.d.ts

@@ -0,0 +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;

package/dist/components/bpIconWrapper.d.ts

@@ -1,2 +1,2 @@
-import { ReactNode } from "react";
-export declare const bpIconWrapper: (path: ReactNode, viewbox?: number) => import("react/jsx-runtime").JSX.Element;
+import { HTMLAttributes, ReactNode } from "react";
+export declare const bpIconWrapper: (path: ReactNode, viewbox?: number, svgProps?: HTMLAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/iconMapping.d.ts

@@ -0,0 +1,198 @@
+import { HTMLAttributes, ReactElement } from 'react';
+export declare const bpUiConfigIcons: {
+    readonly 'x-1': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-1': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-1': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-2': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-2': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-2': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'u-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'v-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'w-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'h-3': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-4': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-4': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-4': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-5': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-5': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-5': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-6': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-6': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-6': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-7': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-7': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-7': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-8': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-8': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-8': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-9': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-9': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-9': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-10': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-10': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-10': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-11': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-11': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-11': import("react/jsx-runtime").JSX.Element;
+    readonly 'x-12': import("react/jsx-runtime").JSX.Element;
+    readonly 'y-12': import("react/jsx-runtime").JSX.Element;
+    readonly 'z-12': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-xyz': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-cube': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-tetrahedron': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-sphere': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-cube-filled': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-tetrahedron-filled': import("react/jsx-runtime").JSX.Element;
+    readonly 'axes-sphere-filled': import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cone-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cone-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cone-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cube-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cylinder-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-rhombus-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-rhombus-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-rhombus-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-hexagon-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-hexagon-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-hexagon-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-star-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-star-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-star-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cuboid-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cuboid-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cuboid-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-steps-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-steps-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cylinder-steps-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-trapezium-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-trapezium-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-trapezium-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-cut-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-cut-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-cut-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-trapezium-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-trapezium-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-trapezium-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-mono-3': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-hourglass-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-hourglass-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-hourglass-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-cut-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-cut-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cube-cut-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-torus-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-torus-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-torus': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-abstract-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cylinder-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-pentagon-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-pentagon-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-pentagon-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-horseshoe-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-horseshoe-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-horseshoe-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-steps-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-steps-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-steps': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-hourglass-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-hourglass-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-hourglass-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-abstract-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-mono-1': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-diamond-1': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-diamond-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-dodecahedron-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-dodecahedron-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-dodecahedron': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-plus-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-plus-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-plus': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-diamond-filled-mono-3': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-diamond-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cone-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cone-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cone-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-multiplication-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-multiplication-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-multiplication': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-abstract-filled-mono-3': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-3d-abstract-3': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-skewed-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-skewed-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-skewed': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-skewed-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-skewed-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cylinder-skewed': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-horseshoe-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-horseshoe-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-horseshoe-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-4': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-mono-4': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-4': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-5': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-filled-mono-5': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-5': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-octahedron-transparent-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-octahedron-transparent-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-octahedron-transparent': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-transparent-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-transparent-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cube-transparent': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-transparent-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-pyramid-transparent-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-pyramid-transparent': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-transparent-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-transparent-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-transparent': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-transparent-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cylinder-transparent-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cylinder-transparent': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-cube-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-cube-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-axes-cube': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-pyramid-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-pyramid-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-axes-pyramid': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-sphere-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-axes-sphere-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-axes-sphere': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-3d-shapes': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-cut-filled-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-cube-cut-filled-mono-2': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-cube-cut-2': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-multi-filled': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shape-sphere-multi-filled-mono': (props?: HTMLAttributes<SVGElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    readonly 'shape-sphere-multi': (props?: HTMLAttributes<SVGElement> | undefined) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/loadingState.d.ts

@@ -2,3 +2,7 @@ export declare function useLoadingState(): {
     loadingState: Record<string, boolean>;
     updateLoading: (key: string, promise?: void | Promise<any> | undefined) => Promise<void>;
 };
+export declare function useLoadingStateKey(): {
+    loadingState: boolean;
+    updateLoading: (promise?: void | Promise<any> | undefined) => Promise<void>;
+};