uiconfig-blueprint 0.0.3 → 0.1.0-dev.11

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;
@@ -15,5 +16,5 @@ export declare class DraggableIcon extends React.Component<{
     private removeEvents;
     private mouseUpEvent;
     private mouseMoveEvent;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/ExtendedNumericInput.d.ts

@@ -3,12 +3,21 @@ import type { HTMLInputProps, NumericInputProps } from "@blueprintjs/core";
 export interface IExtendedNumericInputState {
     value?: string;
 }
-export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputProps & NumericInputProps & {
-    onChange2: (v: number, last?: boolean) => void;
-}, IExtendedNumericInputState> {
+type Props = HTMLInputProps & NumericInputProps & {
+    onChange2?: (v: number, last?: boolean) => void;
+    transformValue?: (v: number) => number;
+    invTransformValue?: (v: number) => number;
+    draggableIcon?: boolean;
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+};
+export declare class ExtendedNumericInput extends React.PureComponent<Props, IExtendedNumericInputState> {
+    invTransformValue: (v: number | undefined) => number;
+    transformValue: (v: number | undefined) => number;
     state: IExtendedNumericInputState;
     setValue(val?: number): Promise<void>;
-    render(): React.JSX.Element;
+    componentDidUpdate(prevProps: Props): void;
+    render(): import("react/jsx-runtime").JSX.Element;
     private handleBlur;
     private _lastChangedValue;
     private handleKeyDown;
@@ -23,3 +32,4 @@ export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputP
     private expandScientificNotationNumber;
     private roundValue;
 }
+export {};

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

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

package/dist/components/InspectorStackComponent.d.ts

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

package/dist/components/NumericInput.d.ts

@@ -0,0 +1,79 @@
+import { AbstractPureComponent, type HTMLInputProps, Position } from "@blueprintjs/core";
+import type { InputSharedProps } from "@blueprintjs/core/src/components/forms/inputSharedProps";
+export interface NumericInputProps extends InputSharedProps {
+    allowNumericCharactersOnly?: boolean;
+    asyncControl?: boolean;
+    buttonPosition?: typeof Position.LEFT | typeof Position.RIGHT | "none";
+    clampValueOnBlur?: boolean;
+    defaultValue?: number | string;
+    large?: boolean;
+    locale?: string;
+    majorStepSize?: number | null;
+    max?: number;
+    min?: number;
+    minorStepSize?: number | null;
+    selectAllOnFocus?: boolean;
+    selectAllOnIncrement?: boolean;
+    small?: boolean;
+    stepSize?: number;
+    value?: number | string;
+    onButtonClick?(valueAsNumber: number, valueAsString: string): void;
+    onValueChange?(valueAsNumber: number, valueAsString: string, inputElement: HTMLInputElement | null): void;
+}
+export interface NumericInputState {
+    currentImeInputInvalid: boolean;
+    prevMinProp?: number;
+    prevMaxProp?: number;
+    shouldSelectAfterUpdate: boolean;
+    stepMaxPrecision: number;
+    value: string;
+}
+export declare class NumericInput extends AbstractPureComponent<HTMLInputProps & NumericInputProps, NumericInputState> {
+    static displayName: string;
+    static VALUE_EMPTY: string;
+    static VALUE_ZERO: string;
+    private numericInputId;
+    static defaultProps: NumericInputProps;
+    static getDerivedStateFromProps(props: NumericInputProps, state: NumericInputState): {
+        stepMaxPrecision: number;
+        value: string;
+        prevMaxProp: number | undefined;
+        prevMinProp: number | undefined;
+    };
+    private static CONTINUOUS_CHANGE_DELAY;
+    private static CONTINUOUS_CHANGE_INTERVAL;
+    private static getStepMaxPrecision;
+    private static roundAndClampValue;
+    state: NumericInputState;
+    private didPasteEventJustOccur;
+    private delta;
+    inputElement: HTMLInputElement | null;
+    private inputRef;
+    private intervalId?;
+    private incrementButtonHandlers;
+    private decrementButtonHandlers;
+    private getCurrentValueAsNumber;
+    render(): import("react/jsx-runtime").JSX.Element;
+    componentDidUpdate(prevProps: NumericInputProps, prevState: NumericInputState): void;
+    protected validateProps(nextProps: HTMLInputProps & NumericInputProps): void;
+    private renderButtons;
+    private renderInput;
+    private getButtonEventHandlers;
+    private handleButtonClick;
+    private startContinuousChange;
+    private stopContinuousChange;
+    private handleContinuousChange;
+    private handleInputFocus;
+    private handleInputBlur;
+    private handleInputKeyDown;
+    private handleCompositionEnd;
+    private handleCompositionUpdate;
+    private handleInputKeyPress;
+    private handleInputPaste;
+    private handleInputChange;
+    private handleNextValue;
+    private incrementValue;
+    private getIncrementDelta;
+    private roundAndClampValue;
+    private updateDelta;
+}

package/dist/components/Tree2.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import type { TreeEventHandler } from "@blueprintjs/core";
+import { type Props } from "@blueprintjs/core";
+import { TreeNodeInfo } from "./treeTypes";
+export interface TreeProps<T = {}> extends Props {
+    compact?: boolean;
+    contents: ReadonlyArray<TreeNodeInfo<T>>;
+    onNodeClick?: TreeEventHandler<T>;
+    onNodeCollapse?: TreeEventHandler<T>;
+    onNodeContextMenu?: TreeEventHandler<T>;
+    onNodeDoubleClick?: TreeEventHandler<T>;
+    onNodeExpand?: TreeEventHandler<T>;
+    onNodeMouseEnter?: TreeEventHandler<T>;
+    onNodeMouseLeave?: TreeEventHandler<T>;
+    onNodeDrop?: (source: TreeNodeInfo<T>, sourcePath: number[], target: TreeNodeInfo<T>, targetPath: number[], event: React.DragEvent<HTMLElement>, index?: number) => void;
+    onNodeDragStart?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragOver?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragEnd?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragEnter?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragLeave?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    canDropNode?: (source: TreeNodeInfo<T>, sourcePath: number[], target: TreeNodeInfo<T>, targetPath: number[], index?: number) => boolean;
+}
+export declare class Tree2<T = {}> extends React.Component<TreeProps<T>> {
+    static displayName: string;
+    static ofType<U>(): new (props: TreeProps<U>) => Tree2<U>;
+    static nodeFromPath<U>(path: readonly number[], treeNodes?: ReadonlyArray<TreeNodeInfo<U>>): TreeNodeInfo<U>;
+    private nodeRefs;
+    private dragSource;
+    private draggingNode?;
+    private dragOverNode?;
+    private rootRef;
+    render(): import("react/jsx-runtime").JSX.Element;
+    getNodeContentElement(nodeId: string | number): HTMLElement | undefined;
+    private renderNodeSpacer;
+    private renderNodes;
+    private handleContentRef;
+    private handleNodeCollapse;
+    private handleNodeClick;
+    private handleNodeContextMenu;
+    private handleNodeDoubleClick;
+    private handleNodeExpand;
+    private handleNodeMouseEnter;
+    private handleNodeMouseLeave;
+    private handleNodeDragStart;
+    private handleNodeDragOver;
+    private handleNodeDrop;
+    private handleNodeDragEnd;
+    private handleNodeDragEnter;
+    private handleNodeDragLeave;
+    private addNodeClass;
+    private removeNodeClass;
+}

package/dist/components/TreeNode2.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { TreeEventHandler, TreeNodeInfo } from "@blueprintjs/core";
+export interface TreeNodeProps<T = {}> extends TreeNodeInfo<T> {
+    children?: React.ReactNode;
+    contentRef?: (node: TreeNodeInfo<T>, element: HTMLDivElement | null) => void;
+    depth: number;
+    key?: string | number;
+    onClick?: TreeEventHandler<T>;
+    onCollapse?: TreeEventHandler<T>;
+    onContextMenu?: TreeEventHandler<T>;
+    onDoubleClick?: TreeEventHandler<T>;
+    onExpand?: TreeEventHandler<T>;
+    onMouseEnter?: TreeEventHandler<T>;
+    onMouseLeave?: TreeEventHandler<T>;
+    path: number[];
+    draggable?: boolean;
+    onDragStart?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragOver?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDrop?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragEnd?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragEnter?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragLeave?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+}
+export declare class TreeNode2<T = {}> extends React.Component<TreeNodeProps<T>> {
+    static displayName: string;
+    static ofType<U>(): new (props: TreeNodeProps<U>) => TreeNode2<U>;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private maybeRenderCaret;
+    private maybeRenderSecondaryLabel;
+    private handleCaretClick;
+    private handleClick;
+    private handleContentRef;
+    private handleContextMenu;
+    private handleDoubleClick;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleDragStart;
+    private handleDragOver;
+    private handleDrop;
+    private handleDragEnd;
+    private handleDragEnter;
+    private handleDragLeave;
+}

package/dist/components/VisualStyleContext.d.ts

@@ -107,4 +107,13 @@ export declare const useVisualStyle: () => {
     theme: string;
     setTheme: (_: string) => void;
 };
-export declare function ThemeSettingsMenuComponent(): React.JSX.Element;
+export declare function setupVisualStyle(): {
+    darkMode: boolean;
+    setDarkMode: React.Dispatch<React.SetStateAction<boolean>>;
+    theme: string;
+    setTheme: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare function VisualStyleProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeSettingsMenuComponent(): import("react/jsx-runtime").JSX.Element;

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 React, { ReactNode } from "react";
-export declare const bpIconWrapper: (path: ReactNode, viewbox?: number) => React.JSX.Element;
+import { HTMLAttributes, ReactNode } from "react";
+export declare const bpIconWrapper: (path: ReactNode, viewbox?: number, svgProps?: HTMLAttributes<SVGElement>, className?: string) => 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

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