vim-web 0.3.44-dev.2 → 0.3.44-dev.21

package/dist/style.css

@@ -165,7 +165,17 @@
     transform: translateX(0%);
   }
 }
-*, ::before, ::after {
+body {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden;
+}
+canvas:focus {
+  outline: none;
+}*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -779,6 +789,10 @@ video:where(.vim-component,.vim-component *) {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.vc-my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .vc-my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -819,6 +833,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-block {
   display: block;
 }
+.vc-inline {
+  display: inline;
+}
 .vc-flex {
   display: flex;
 }
@@ -858,6 +875,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-min-h-0 {
   min-height: 0px;
 }
+.vc-w-1\/2 {
+  width: 50%;
+}
 .vc-w-1\/3 {
   width: 33.333333%;
 }
@@ -1048,6 +1068,9 @@ video:where(.vim-component,.vim-component *) {
 .\!vc-border-solid {
   border-style: solid !important;
 }
+.vc-border-none {
+  border-style: none;
+}
 .\!vc-border-gray-medium {
   border-color: var(--c-medium-gray) !important;
 }
@@ -1115,6 +1138,10 @@ video:where(.vim-component,.vim-component *) {
 .vc-p-6 {
   padding: 1.5rem;
 }
+.vc-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .vc-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1401,6 +1428,16 @@ video:where(.vim-component,.vim-component *) {
 }
 
 @container (width > 0px){
+  .vim-sectionbox-offsets .vc-text-xs{
+    font-size: min(5.5cqmin, 0.8rem);
+    line-height: min(6.5cqmin, 1rem);
+  }
+
+  .vim-sectionbox-offsets .vim-sectionbox-offsets-entry{
+    margin-top: min(3.0cqmin, 0.5rem);
+    margin-bottom: min(3.0cqmin, 0.5rem);
+  }
+
   .vim-message-box .vc-text-xs{
     font-size: min(5.5cqmin, 0.8rem);
     line-height: min(6.5cqmin, 1rem);

package/dist/types/core-viewers/ultra/index.d.ts

@@ -1,7 +1,7 @@
+import "./style.css";
 export * from './viewer/viewer';
 export * as utils from './utils/promise';
 export * from './viewer/vim';
-export * from './viewer/vim';
 export * from './utils/math3d';
 export * from './viewer/color';
 export type { ILoadRequest, VimRequestErrorType } from './viewer/loadRequest';

package/dist/types/core-viewers/ultra/viewer/camera.d.ts

@@ -1,4 +1,4 @@
-import { Box3, Segment } from '../utils/math3d';
+import { Box3, Segment, Vector3 } from '../utils/math3d';
 import { RpcSafeClient } from './rpcSafeClient';
 import { Vim } from './vim';
 /**
@@ -78,6 +78,7 @@ export declare class Camera implements ICamera {
      */
     onConnect(): void;
     onCameraPose(pose: Segment): void;
+    set(position: Vector3, target: Vector3, blendTime?: number): void;
     /**
      * Pauses or resumes rendering
      * @param value - True to pause rendering, false to resume

package/dist/types/core-viewers/ultra/viewer/inputs/inputMouse.d.ts

@@ -8,14 +8,15 @@ export declare class InputMouse extends InputHandler {
     private _lastMouseDownPosition;
     private _selection;
     private _camera;
+    private _capture;
     constructor(canvas: HTMLCanvasElement, rpc: RpcSafeClient, selection: ViewerSelection, camera: ICamera);
     register(): void;
     dispose(): void;
-    private handlePointerDown;
-    private handlePointerUp;
+    private onPointerDown;
+    private onPointerUp;
     private handleMouseClick;
-    private handlePointerMove;
-    private handleDoubleClick;
-    private handleMouseScroll;
+    private onPointerMove;
+    private onDoubleClick;
+    private onMouseScroll;
     private relativePosition;
 }

package/dist/types/core-viewers/ultra/viewer/marshal.d.ts

@@ -13,7 +13,6 @@ export type VimStatus = {
     progress: number;
 };
 export type SectionBoxState = {
-    enabled: boolean;
     visible: boolean;
     interactible: boolean;
     clip: boolean;

package/dist/types/core-viewers/ultra/viewer/rpcClient.d.ts

@@ -28,6 +28,7 @@ export declare class RpcClient {
     RPCCreateText(position: Vector3, color: RGBA32, text: string): Promise<number>;
     RPCDestroyMaterialInstances(materialInstanceHandle: number[]): void;
     RPCDestroyText(componentHandle: number): void;
+    RPCEnableSectionBox(value: boolean): void;
     RPCFrameAll(blendTime: number): Promise<Segment>;
     RPCFrameBox(box: Box3, blendTime: number): Promise<Segment>;
     RPCFrameInstances(componentHandle: number, nodes: number[], blendTime: number): Promise<Segment>;

package/dist/types/core-viewers/ultra/viewer/rpcSafeClient.d.ts

@@ -142,6 +142,7 @@ export declare class RpcSafeClient {
      * SECTION BOX METHODS
      * Methods for controlling section box visibility and position.
      ******************************************************************************/
+    RPCEnableSectionBox(enable: boolean): void;
     RPCSetSectionBox(state: SectionBoxState): void;
     RPCGetSectionBox(): Promise<SectionBoxState | undefined>;
     /*******************************************************************************

package/dist/types/core-viewers/ultra/viewer/sectionBox.d.ts

@@ -1,7 +1,6 @@
 import { Box3 } from "../utils/math3d";
 import { RpcSafeClient } from "./rpcSafeClient";
 export declare class SectionBox {
-    private _enabled;
     private _visible;
     private _interactible;
     private _clip;
@@ -17,12 +16,10 @@ export declare class SectionBox {
     scheduleUpdate(): void;
     private pull;
     private push;
-    get enabled(): boolean;
-    set enabled(value: boolean);
     get visible(): boolean;
     set visible(value: boolean);
-    get interactible(): boolean;
-    set interactible(value: boolean);
+    get interactive(): boolean;
+    set interactive(value: boolean);
     get clip(): boolean;
     set clip(value: boolean);
     fitBox(box: Box3): void;

package/dist/types/core-viewers/ultra/viewer/selection.d.ts

@@ -30,6 +30,8 @@ export declare class ViewerSelection implements IViewerSelection {
     private _rpc;
     private _vims;
     private _selectedNodes;
+    private _onValueChanged;
+    get onValueChanged(): import("ste-signals").ISignal;
     /**
      * Creates a new ViewerSelection instance.
      * @param rpc - RPC client for communication with the viewer.

package/dist/types/core-viewers/ultra/viewer/viewer.d.ts

@@ -9,6 +9,7 @@ import { ColorManager } from './colorManager';
 import { ICamera } from './camera';
 import { RpcSafeClient, VimSource } from './rpcSafeClient';
 import { ISimpleEvent } from 'ste-simple-events';
+import { ViewerSelection } from './selection';
 import { IReadonlyVimCollection } from './vimCollection';
 import { IRenderer } from './renderer';
 import { SectionBox } from './sectionBox';
@@ -48,6 +49,7 @@ export declare class Viewer {
     get viewport(): IViewport;
     get renderer(): IRenderer;
     get decoder(): IDecoder;
+    get selection(): ViewerSelection;
     /**
      * API to create, manage, and destroy colors.
      */

package/dist/types/core-viewers/ultra/viewer/vimCollection.d.ts

@@ -1,12 +1,16 @@
+import { ISignal } from "ste-signals";
 import { Vim } from "./vim";
 export interface IReadonlyVimCollection {
     getFromHandle(handle: number): Vim | undefined;
     getAll(): ReadonlyArray<Vim>;
     getAt(index: number): Vim | undefined;
     count: number;
+    onChanged: ISignal;
 }
 export declare class VimCollection implements IReadonlyVimCollection {
     private _vims;
+    private _onChanged;
+    get onChanged(): ISignal;
     constructor();
     get count(): number;
     /**

package/dist/types/core-viewers/webgl/utils/threeUtils.d.ts

@@ -0,0 +1,3 @@
+import * as THREE from 'three';
+export declare function addBox(b1: THREE.Box3, b2: THREE.Box3): THREE.Box3;
+export declare function subBox(b1: THREE.Box3, b2: THREE.Box3): THREE.Box3;

package/dist/types/core-viewers/webgl/viewer/gizmos/gizmos.d.ts

@@ -20,7 +20,7 @@ export declare class Gizmos {
     /**
      * The section box gizmo.
      */
-    readonly section: SectionBox;
+    readonly sectionBox: SectionBox;
     /**
      * The loading indicator gizmo.
      */

package/dist/types/core-viewers/webgl/viewer/gizmos/sectionBox/sectionBox.d.ts

@@ -88,7 +88,7 @@ export declare class SectionBox {
      * @param box - The bounding box to match (required).
      * @param padding - The scalar amount by which to expand the bounding box. Default is `1`.
      */
-    fitBox(box: THREE.Box3, padding?: number): void;
+    fitBox(box: THREE.Box3): void;
     /**
      * Updates the section box to match the current size of `this.section.box`.
      *

package/dist/types/core-viewers/webgl/viewer/gizmos/sectionBox/sectionBoxHandle.d.ts

@@ -8,9 +8,11 @@ export declare class SectionBoxHandle extends THREE.Mesh {
     private _color;
     private _highlightColor;
     private _materials;
+    private _camera;
     private _camSub;
     constructor(axes: Axis, sign: number, size: number, color?: THREE.Color);
     trackCamera(camera: ICamera): void;
+    update(): void;
     setPosition(position: THREE.Vector3): void;
     get forward(): THREE.Vector3;
     highlight(value: boolean): void;

package/dist/types/react-viewers/bim/bimPanel.d.ts

@@ -5,13 +5,13 @@ import React from 'react';
 import * as VIM from '../../core-viewers/webgl/index';
 import { TreeActionRef } from './bimTree';
 import { Isolation } from '../helpers/isolation';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { ViewerState } from '../webgl/viewerState';
 import { ComponentSettings } from '../settings/settings';
 import { BimInfoPanelRef } from './bimInfoData';
 export declare function OptionalBimPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     viewerState: ViewerState;
     isolation: Isolation;
     visible: boolean;
@@ -30,7 +30,7 @@ export declare function OptionalBimPanel(props: {
  */
 export declare function BimPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     viewerState: ViewerState;
     isolation: Isolation;
     visible: boolean;

package/dist/types/react-viewers/bim/bimTree.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import 'react-complex-tree/lib/style.css';
 import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera as CameraHelpers } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { Isolation } from '../helpers/isolation';
 import { BimTreeData } from './bimTreeData';
 export type TreeActionRef = {
@@ -23,7 +23,7 @@ export type TreeActionRef = {
 export declare function BimTree(props: {
     actionRef: React.MutableRefObject<TreeActionRef>;
     viewer: VIM.Viewer;
-    camera: CameraHelpers;
+    camera: CameraRef;
     objects: VIM.Object3D[];
     isolation: Isolation;
     treeData: BimTreeData;

package/dist/types/react-viewers/controlbar/controlBar.d.ts

@@ -1,57 +1,19 @@
 /**
  * @module viw-webgl-react
  */
-import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera } from '../helpers/camera';
-import { CursorManager } from '../helpers/cursor';
-import { Isolation } from '../helpers/isolation';
-import { ComponentSettings } from '../settings/settings';
-import { SideState } from '../sidePanel/sideState';
 import { IControlBarSection } from './controlBarSection';
-import { ModalRef } from '../panels/modal';
-export { buttonDefaultStyle, buttonBlueStyle } from './controlBarButton';
-export { sectionDefaultStyle, sectionBlueStyle } from './controlBarSection';
+export * from './controlBarSection';
+export * from './controlBarButton';
+export * from './controlBarSection';
+export * from './controlBarIds';
 /**
  * A map function that changes the context menu.
  */
 export type ControlBarCustomization = (e: IControlBarSection[]) => IControlBarSection[];
-export declare const elementIds: {
-    sectionCamera: string;
-    sectionTools: string;
-    sectionSettings: string;
-    sectionMeasure: string;
-    sectionSectionBox: string;
-    buttonCameraOrbit: string;
-    buttonCameraLook: string;
-    buttonCameraPan: string;
-    buttonCameraZoom: string;
-    buttonCameraZoomWindow: string;
-    buttonCameraZoomToFit: string;
-    buttonProjectInspector: string;
-    buttonSettings: string;
-    buttonHelp: string;
-    buttonMaximize: string;
-    buttonSectionBox: string;
-    buttonMeasure: string;
-    buttonToggleIsolation: string;
-    buttonMeasureDelete: string;
-    buttonMeasureDone: string;
-    buttonSectionBoxReset: string;
-    buttonSectionBoxShrinkToSelection: string;
-    buttonSectionBoxClip: string;
-    buttonSectionBoxIgnore: string;
-    buttonSectionBoxDone: string;
-};
 /**
  * JSX Component for the control bar.
  */
 export declare function ControlBar(props: {
-    viewer: VIM.Viewer;
-    camera: ComponentCamera;
-    modal: ModalRef;
-    side: SideState;
-    isolation: Isolation;
-    cursor: CursorManager;
-    settings: ComponentSettings;
-    customization: ControlBarCustomization | undefined;
+    content: IControlBarSection[];
+    show: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/controlbar/controlBarButton.d.ts

@@ -1,4 +1,6 @@
 export declare function buttonDefaultStyle(on: boolean): string;
+export declare function buttonExpandStyle(on: boolean): string;
+export declare function buttonDisableStyle(on: boolean): string;
 export declare function buttonBlueStyle(on: boolean): string;
 export interface IControlBarButtonItem {
     id: string;
@@ -12,6 +14,6 @@ export interface IControlBarButtonItem {
         className: any;
     }) => JSX.Element;
     isOn?: () => boolean;
-    style: (on: boolean) => string;
+    style?: (on: boolean) => string;
 }
 export declare function createButton(button: IControlBarButtonItem): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/controlbar/controlBarIds.d.ts

@@ -0,0 +1,29 @@
+export declare const ids: {
+    sectionCamera: string;
+    sectionInputs: string;
+    sectionActions: string;
+    sectionTools: string;
+    sectionSettings: string;
+    sectionMeasure: string;
+    sectionSectionBox: string;
+    buttonCameraAuto: string;
+    buttonCameraOrbit: string;
+    buttonCameraLook: string;
+    buttonCameraPan: string;
+    buttonCameraZoom: string;
+    buttonCameraZoomWindow: string;
+    buttonProjectInspector: string;
+    buttonSettings: string;
+    buttonHelp: string;
+    buttonMaximize: string;
+    buttonToggleIsolation: string;
+    buttonZoomToFit: string;
+    buttonSectionBox: string;
+    buttonMeasure: string;
+    buttonSectionBoxEnable: string;
+    buttonSectionBoxVisible: string;
+    buttonSectionBoxShrinkToSelection: string;
+    buttonSectionBoxAuto: string;
+    buttonSectionBoxReset: string;
+    buttonSectionBoxSettings: string;
+};

package/dist/types/react-viewers/controlbar/controlBarSection.d.ts

@@ -1,10 +1,11 @@
 import { IControlBarButtonItem } from './controlBarButton';
 export declare const sectionDefaultStyle: string;
 export declare const sectionBlueStyle: string;
+export declare const sectionNoPadStyle: string;
 export interface IControlBarSection {
     id: string;
     enable?: (() => boolean) | undefined;
     buttons: IControlBarButtonItem[];
-    style: string;
+    style?: string;
 }
 export declare function createSection(section: IControlBarSection): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/helpers/inputs.d.ts

@@ -3,7 +3,7 @@
  */
 import * as VIM from '../../core-viewers/webgl/index';
 import { SideState } from '../sidePanel/sideState';
-import { ComponentCamera } from './camera';
+import { CameraRef } from '../state/cameraState';
 import { Isolation } from './isolation';
 /**
  * Custom viewer input scheme for the vim component
@@ -14,7 +14,7 @@ export declare class ComponentInputs implements VIM.InputScheme {
     private _default;
     private _isolation;
     private _sideState;
-    constructor(viewer: VIM.Viewer, camera: ComponentCamera, isolation: Isolation, sideState: SideState);
+    constructor(viewer: VIM.Viewer, camera: CameraRef, isolation: Isolation, sideState: SideState);
     private _getSelection;
     onMainAction(hit: VIM.InputAction): void;
     onIdleAction(hit: VIM.InputAction): void;

package/dist/types/react-viewers/helpers/isolation.d.ts

@@ -1,6 +1,6 @@
 import * as VIM from '../../core-viewers/webgl/index';
 import { ComponentSettings } from '../settings/settings';
-import { ComponentCamera } from './camera';
+import { CameraRef } from '../state/cameraState';
 import { ISimpleEvent } from 'ste-simple-events';
 /**
  * Manages the isolation mechanic in the VIM component.
@@ -32,7 +32,7 @@ export declare class Isolation {
      * @param camera - A component that handles camera control and framing.
      * @param settings - The settings that control isolation and material usage.
      */
-    constructor(viewer: VIM.Viewer, camera: ComponentCamera, settings: ComponentSettings);
+    constructor(viewer: VIM.Viewer, camera: CameraRef, settings: ComponentSettings);
     /**
      * Applies relevant settings to the isolation behavior.
      *

package/dist/types/react-viewers/helpers/reactUtils.d.ts

@@ -0,0 +1,39 @@
+export interface StateRef<T> {
+    get(): T;
+    set(value: T): void;
+    confirm(): void;
+}
+export declare function useStateRef<T>(initialValue: T): {
+    get(): T;
+    set: (value: T) => void;
+    confirm(): void;
+    useOnChange(on: (value: T) => (void | (() => void))): void;
+    useMemo<TOut>(on: (value: T) => TOut, deps?: any[]): TOut;
+    useValidate(on: (value: T) => T): void;
+    useConfirm(on: (value: T) => T): void;
+};
+export interface ActionRef {
+    call(): void;
+    set(func: () => void): void;
+}
+export declare function useActionRef(action: () => void): ActionRef;
+export interface ArgActionRef<T> {
+    call(arg: T): void;
+    set(func: (arg: T) => void): void;
+}
+export declare function useArgActionRef<T>(action: (arg: T) => void): ArgActionRef<T>;
+export interface FuncRef<T> {
+    call(): T;
+    set(func: () => T): void;
+}
+export declare function useFuncRef<T>(func: () => T): FuncRef<T>;
+export interface AsyncFuncRef<T> {
+    call(): Promise<T>;
+    set(func: () => Promise<T>): void;
+}
+export declare function useAsyncFuncRef<T>(func: () => Promise<T>): AsyncFuncRef<T>;
+export interface ArgFuncRef<TArg, TResult> {
+    call(arg: TArg): TResult;
+    set(func: (arg: TArg) => TResult): void;
+}
+export declare function useArgFuncRef<TArg, TResult>(func: (arg: TArg) => TResult): ArgFuncRef<TArg, TResult>;

package/dist/types/react-viewers/index.d.ts

@@ -5,5 +5,9 @@ export * as ErrorStyle from './errors/errorStyle';
 export * as Errors from './errors/errors';
 export * as Urls from './urls';
 export * as Icons from './panels/icons';
+export type { ActionRef, ArgActionRef, ArgFuncRef, AsyncFuncRef, FuncRef, StateRef } from './helpers/reactUtils';
 export type { MessageBoxProps } from './panels/messageBox';
 export * from './container';
+export { type CameraRef } from './state/cameraState';
+export { type SectionBoxRef } from './state/sectionBoxState';
+export * as ControlBar from './controlbar/controlBar';

package/dist/types/react-viewers/panels/axesPanel.d.ts

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { SettingsState } from '../settings/settingsState';
 /**
  * Memoized version of the AxesPanelMemo.
@@ -14,7 +14,7 @@ export declare const AxesPanelMemo: React.MemoExoticComponent<typeof AxesPanel>;
  */
 declare function AxesPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     settings: SettingsState;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/react-viewers/panels/contextMenu.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import { WebglViewer } from '../..';
 import { Isolation } from '../helpers/isolation';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { TreeActionRef } from '../bim/bimTree';
 import { ModalRef } from './modal';
 type ClickCallback = React.MouseEvent<HTMLDivElement, MouseEvent>;
@@ -65,7 +65,7 @@ export declare const VimContextMenuMemo: React.MemoExoticComponent<typeof VimCon
  */
 export declare function VimContextMenu(props: {
     viewer: WebglViewer.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     modal: ModalRef;
     isolation: Isolation;
     selection: WebglViewer.Object3D[];

package/dist/types/react-viewers/panels/icons.d.ts

@@ -10,6 +10,7 @@ export type IconOptions = {
     fill: string;
     className?: string;
 };
+export declare function slidersHoriz({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function settings({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function help({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function trash({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
@@ -26,6 +27,7 @@ export declare function arrowLeft({ height, width, fill, className }: IconOption
 export declare function fullArrowLeft({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function visible({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function hidden({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function autoCamera({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function orbit({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function look({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function perspective({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
@@ -37,10 +39,15 @@ export declare function frameRect({ height, width, fill, className }: IconOption
 export declare function frameSelection({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function toggleIsolation({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function measure({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxSettings({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxAuto({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxVisible({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBox({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxDisable({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxClip({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxIgnore({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxReset({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxShrink({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxShrink2({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function ghost({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function ghostDead({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/panels/sectionBoxPanel.d.ts

@@ -0,0 +1,4 @@
+import { SectionBoxRef } from "../state/sectionBoxState";
+export declare function SectionBoxPanel(props: {
+    state: SectionBoxRef;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/state/cameraState.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @module viw-webgl-react
+ */
+import { THREE } from '../../index';
+import { ActionRef, AsyncFuncRef, StateRef } from '../helpers/reactUtils';
+import { ISignal } from 'ste-signals';
+export interface CameraRef {
+    autoCamera: StateRef<boolean>;
+    reset: ActionRef;
+    frameSelection: AsyncFuncRef<void>;
+    frameScene: AsyncFuncRef<void>;
+}
+interface ICameraAdapter {
+    onSelectionChanged: ISignal;
+    frameCamera: (box: THREE.Box3, duration: number) => void;
+    resetCamera: (duration: number) => void;
+    frameAll: (duration: number) => void;
+    hasSelection: () => boolean;
+    getSelectionBox: () => Promise<THREE.Box3>;
+}
+export declare function useCamera(adapter: ICameraAdapter): CameraRef;
+export {};