@ubuilder-ai/workspace 0.1.0-alpha.1

package/dist/spatial-workspace-display-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-display-control.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-display-control.tsx"],"names":[],"mappings":"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"}

package/dist/spatial-workspace-display-control.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment } from 'react';
+const SHADING_ACTIONS = [
+    { kind: 'set-shading', value: 'solid' },
+    { kind: 'set-shading', value: 'rendered' },
+];
+const EDGE_ACTIONS = [
+    { kind: 'set-edges', value: 'off' },
+    { kind: 'set-edges', value: 'soft' },
+    { kind: 'set-edges', value: 'strong' },
+];
+export function createSpatialWorkspaceDisplayActionGroups(sceneThemeIds) {
+    return {
+        edges: EDGE_ACTIONS,
+        primary: [
+            { kind: 'toggle-shadows' },
+            { kind: 'toggle-projection' },
+            { kind: 'toggle-textures' },
+        ],
+        sceneThemes: sceneThemeIds.map((value) => ({
+            kind: 'set-scene-theme',
+            value,
+        })),
+        shading: SHADING_ACTIONS,
+    };
+}
+export function createSpatialWorkspaceDisplayActions(sceneThemeIds) {
+    const groups = createSpatialWorkspaceDisplayActionGroups(sceneThemeIds);
+    return [...groups.primary, ...groups.shading, ...groups.sceneThemes, ...groups.edges];
+}
+export function isSpatialWorkspaceDisplayActionActive(state, action) {
+    switch (action.kind) {
+        case 'toggle-shadows':
+            return state.shadows;
+        case 'toggle-projection':
+            return state.projection === 'orthographic';
+        case 'toggle-textures':
+            return state.textures;
+        case 'set-shading':
+            return state.shading === action.value;
+        case 'set-scene-theme':
+            return state.sceneTheme === action.value;
+        case 'set-edges':
+            return state.edges === action.value;
+    }
+}
+export function applySpatialWorkspaceDisplayAction(state, controller, action) {
+    switch (action.kind) {
+        case 'toggle-shadows':
+            controller.setShadows(!state.shadows);
+            return;
+        case 'toggle-projection':
+            controller.setProjection(state.projection === 'perspective' ? 'orthographic' : 'perspective');
+            return;
+        case 'toggle-textures':
+            controller.setTextures(!state.textures);
+            return;
+        case 'set-shading':
+            controller.setShading(action.value);
+            return;
+        case 'set-scene-theme':
+            controller.setSceneTheme(action.value);
+            return;
+        case 'set-edges':
+            controller.setEdges(action.value);
+    }
+}
+function displayActionKey(action) {
+    return 'value' in action ? `${action.kind}:${action.value}` : action.kind;
+}
+export function SpatialWorkspaceDisplayControl({ actions, buttonProps, controller, renderButton, renderContent, sceneThemeIds, state, ...rootProps }) {
+    const resolvedActions = actions ?? createSpatialWorkspaceDisplayActions(sceneThemeIds);
+    return (_jsx("div", { ...rootProps, "data-pascal-spatial-workspace-display-control": "", role: "group", children: resolvedActions.map((action) => {
+            const active = isSpatialWorkspaceDisplayActionActive(state, action);
+            const key = displayActionKey(action);
+            const button = (_createElement("button", { ...buttonProps?.(action, active), "aria-pressed": active, "data-pascal-spatial-workspace-display-action": key, key: key, onClick: () => applySpatialWorkspaceDisplayAction(state, controller, action), type: "button" }, renderContent(action, active)));
+            return renderButton ? (_jsx(Fragment, { children: renderButton(button, action, active) }, key)) : (button);
+        }) }));
+}

package/dist/spatial-workspace-gis-control.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode } from 'react';
+export type SpatialWorkspaceGisMeasurementKind = 'distance' | 'area' | 'perimeter';
+export type SpatialWorkspaceGisAction = {
+    kind: 'toggle-world';
+} | {
+    kind: 'toggle-surface';
+} | {
+    kind: 'toggle-buildings';
+} | {
+    kind: 'toggle-road-network';
+} | {
+    kind: 'start-measurement';
+    value: SpatialWorkspaceGisMeasurementKind;
+} | {
+    kind: 'cancel-measurement';
+};
+export type SpatialWorkspaceGisState = {
+    buildings: boolean;
+    measurement: SpatialWorkspaceGisMeasurementKind | null;
+    roadNetwork: boolean;
+    surface: boolean;
+    world: boolean;
+};
+export type SpatialWorkspaceGisButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-pressed' | 'children' | 'disabled' | 'onClick' | 'type'> & {
+    'data-pascal-spatial-workspace-gis-action'?: never;
+};
+export type SpatialWorkspaceGisControlProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'role'> & {
+    actions?: readonly SpatialWorkspaceGisAction[];
+    buttonProps?: (action: SpatialWorkspaceGisAction, active: boolean) => SpatialWorkspaceGisButtonProps | undefined;
+    onActionRequest: (action: SpatialWorkspaceGisAction) => void;
+    renderButton?: (button: ReactElement, action: SpatialWorkspaceGisAction, active: boolean) => ReactNode;
+    renderContent: (action: SpatialWorkspaceGisAction, active: boolean) => ReactNode;
+    state: SpatialWorkspaceGisState;
+};
+export declare const SPATIAL_WORKSPACE_GIS_ACTIONS: readonly [{
+    readonly kind: "toggle-world";
+}, {
+    readonly kind: "toggle-surface";
+}, {
+    readonly kind: "toggle-buildings";
+}, {
+    readonly kind: "toggle-road-network";
+}, {
+    readonly kind: "start-measurement";
+    readonly value: "distance";
+}, {
+    readonly kind: "start-measurement";
+    readonly value: "area";
+}, {
+    readonly kind: "start-measurement";
+    readonly value: "perimeter";
+}, {
+    readonly kind: "cancel-measurement";
+}];
+export declare function spatialWorkspaceGisActionKey(action: SpatialWorkspaceGisAction): string;
+export declare function isSpatialWorkspaceGisActionActive(state: SpatialWorkspaceGisState, action: SpatialWorkspaceGisAction): boolean;
+export declare function SpatialWorkspaceGisControl({ actions, buttonProps, onActionRequest, renderButton, renderContent, state, ...rootProps }: SpatialWorkspaceGisControlProps): import("react").JSX.Element;
+//# sourceMappingURL=spatial-workspace-gis-control.d.ts.map

package/dist/spatial-workspace-gis-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-gis-control.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-gis-control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAY,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAElG,MAAM,MAAM,kCAAkC,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAA;AAElF,MAAM,MAAM,yBAAyB,GACjC;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,kCAAkC,CAAA;CAAE,GACxE;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,CAAA;AAElC,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,kCAAkC,GAAG,IAAI,CAAA;IACtD,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,wBAAwB,CAAC,QAAQ,CAAC,EAClC,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAC9D,GAAG;IACF,0CAA0C,CAAC,EAAE,KAAK,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,yBAAyB,EAAE,CAAA;IAC9C,WAAW,CAAC,EAAE,CACZ,MAAM,EAAE,yBAAyB,EACjC,MAAM,EAAE,OAAO,KACZ,8BAA8B,GAAG,SAAS,CAAA;IAC/C,eAAe,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC5D,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,yBAAyB,EACjC,MAAM,EAAE,OAAO,KACZ,SAAS,CAAA;IACd,aAAa,EAAE,CAAC,MAAM,EAAE,yBAAyB,EAAE,MAAM,EAAE,OAAO,KAAK,SAAS,CAAA;IAChF,KAAK,EAAE,wBAAwB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;EASe,CAAA;AAEzD,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,yBAAyB,GAAG,MAAM,CAEtF;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,wBAAwB,EAC/B,MAAM,EAAE,yBAAyB,GAChC,OAAO,CAOT;AAED,wBAAgB,0BAA0B,CAAC,EACzC,OAAuC,EACvC,WAAW,EACX,eAAe,EACf,YAAY,EACZ,aAAa,EACb,KAAK,EACL,GAAG,SAAS,EACb,EAAE,+BAA+B,+BA0BjC"}

package/dist/spatial-workspace-gis-control.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment } from 'react';
+export const SPATIAL_WORKSPACE_GIS_ACTIONS = [
+    { kind: 'toggle-world' },
+    { kind: 'toggle-surface' },
+    { kind: 'toggle-buildings' },
+    { kind: 'toggle-road-network' },
+    { kind: 'start-measurement', value: 'distance' },
+    { kind: 'start-measurement', value: 'area' },
+    { kind: 'start-measurement', value: 'perimeter' },
+    { kind: 'cancel-measurement' },
+];
+export function spatialWorkspaceGisActionKey(action) {
+    return 'value' in action ? `${action.kind}:${action.value}` : action.kind;
+}
+export function isSpatialWorkspaceGisActionActive(state, action) {
+    if (action.kind === 'toggle-world')
+        return state.world;
+    if (action.kind === 'toggle-surface')
+        return state.surface;
+    if (action.kind === 'toggle-buildings')
+        return state.buildings;
+    if (action.kind === 'toggle-road-network')
+        return state.roadNetwork;
+    if (action.kind === 'start-measurement')
+        return state.measurement === action.value;
+    return state.measurement !== null;
+}
+export function SpatialWorkspaceGisControl({ actions = SPATIAL_WORKSPACE_GIS_ACTIONS, buttonProps, onActionRequest, renderButton, renderContent, state, ...rootProps }) {
+    return (_jsx("div", { ...rootProps, "data-pascal-spatial-workspace-gis-control": "", role: "group", children: actions.map((action) => {
+            const active = isSpatialWorkspaceGisActionActive(state, action);
+            const key = spatialWorkspaceGisActionKey(action);
+            const button = (_createElement("button", { ...buttonProps?.(action, active), "aria-pressed": active, "data-pascal-spatial-workspace-gis-action": key, key: key, onClick: () => onActionRequest(action), type: "button" }, renderContent(action, active)));
+            return renderButton ? (_jsx(Fragment, { children: renderButton(button, action, active) }, key)) : (button);
+        }) }));
+}

package/dist/spatial-workspace-instance.d.ts

@@ -0,0 +1,2 @@
+export declare function acquireSpatialWorkspaceInstance(): () => void;
+//# sourceMappingURL=spatial-workspace-instance.d.ts.map

package/dist/spatial-workspace-instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-instance.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-instance.ts"],"names":[],"mappings":"AAEA,wBAAgB,+BAA+B,IAAI,MAAM,IAAI,CAc5D"}

package/dist/spatial-workspace-instance.js

@@ -0,0 +1,14 @@
+let activeSpatialWorkspaceInstances = 0;
+export function acquireSpatialWorkspaceInstance() {
+    if (activeSpatialWorkspaceInstances > 0) {
+        throw new Error('Only one @ubuilder-ai/workspace instance may be mounted on a page in workspace v1.');
+    }
+    activeSpatialWorkspaceInstances += 1;
+    let released = false;
+    return () => {
+        if (released)
+            return;
+        released = true;
+        activeSpatialWorkspaceInstances -= 1;
+    };
+}

package/dist/spatial-workspace-level-selector.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentPropsWithoutRef, type MouseEvent, type ReactElement, type ReactNode } from 'react';
+type SpatialWorkspaceDataAttributes = {
+    [attribute: `data-${string}`]: boolean | number | string | undefined;
+};
+export type SpatialWorkspaceLevelSelectorButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-selected' | 'children' | 'disabled' | 'onClick' | 'type'> & SpatialWorkspaceDataAttributes & {
+    'data-pascal-spatial-workspace-level-id'?: never;
+};
+export type SpatialWorkspaceLevelSelectorItem = {
+    buttonProps?: SpatialWorkspaceLevelSelectorButtonProps;
+    content: ReactNode;
+    id: string;
+    renderButton?: (button: ReactElement, item: SpatialWorkspaceLevelSelectorItem, active: boolean) => ReactNode;
+};
+export type SpatialWorkspaceLevelSelectorProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'role'> & {
+    activeLevelId?: string | null;
+    items: readonly SpatialWorkspaceLevelSelectorItem[];
+    onLevelRequest: (levelId: string, event: MouseEvent<HTMLButtonElement>) => void;
+};
+export declare function SpatialWorkspaceLevelSelector({ activeLevelId, items, onLevelRequest, ...rootProps }: SpatialWorkspaceLevelSelectorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=spatial-workspace-level-selector.d.ts.map

package/dist/spatial-workspace-level-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-level-selector.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-level-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,KAAK,8BAA8B,GAAG;IACpC,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACrE,CAAA;AAED,MAAM,MAAM,wCAAwC,GAAG,IAAI,CACzD,wBAAwB,CAAC,QAAQ,CAAC,EAClC,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAC/D,GACC,8BAA8B,GAAG;IAC/B,wCAAwC,CAAC,EAAE,KAAK,CAAA;CACjD,CAAA;AAEH,MAAM,MAAM,iCAAiC,GAAG;IAC9C,WAAW,CAAC,EAAE,wCAAwC,CAAA;IACtD,OAAO,EAAE,SAAS,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,iCAAiC,EACvC,MAAM,EAAE,OAAO,KACZ,SAAS,CAAA;CACf,CAAA;AAED,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACnD,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,KAAK,EAAE,SAAS,iCAAiC,EAAE,CAAA;IACnD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAChF,CAAA;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,aAAa,EACb,KAAK,EACL,cAAc,EACd,GAAG,SAAS,EACb,EAAE,kCAAkC,+BA2BpC"}

package/dist/spatial-workspace-level-selector.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment, } from 'react';
+export function SpatialWorkspaceLevelSelector({ activeLevelId, items, onLevelRequest, ...rootProps }) {
+    return (_jsx("div", { ...rootProps, "data-pascal-spatial-workspace-level-selector": "", role: "listbox", children: items.map((item) => {
+            const active = item.id === activeLevelId;
+            const button = (_createElement("button", { ...item.buttonProps, "aria-selected": active, "data-pascal-spatial-workspace-level-id": item.id, key: item.id, onClick: (event) => onLevelRequest(item.id, event), role: "option", type: "button" }, item.content));
+            return item.renderButton ? (_jsx(Fragment, { children: item.renderButton(button, item, active) }, item.id)) : (button);
+        }) }));
+}

package/dist/spatial-workspace-level-wall-control.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentPropsWithoutRef, MouseEvent, ReactElement, ReactNode } from 'react';
+export type SpatialWorkspaceLevelMode = 'stacked' | 'exploded' | 'solo' | 'manual';
+export type SpatialWorkspaceWallMode = 'cutaway' | 'up' | 'down' | 'translucent';
+export type SpatialWorkspaceCanonicalWallMode = Exclude<SpatialWorkspaceWallMode, 'translucent'>;
+type SpatialWorkspaceDataAttributes = {
+    [attribute: `data-${string}`]: boolean | number | string | undefined;
+};
+export type SpatialWorkspaceLevelModeButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-disabled' | 'children' | 'disabled' | 'onClick' | 'type'> & SpatialWorkspaceDataAttributes & {
+    'data-pascal-spatial-workspace-level-mode'?: never;
+    'data-pascal-spatial-workspace-level-mode-control'?: never;
+};
+export type SpatialWorkspaceWallModeButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-disabled' | 'children' | 'disabled' | 'onClick' | 'type'> & SpatialWorkspaceDataAttributes & {
+    'data-pascal-spatial-workspace-wall-mode'?: never;
+    'data-pascal-spatial-workspace-wall-mode-control'?: never;
+};
+export type SpatialWorkspaceLevelModeControlProps = {
+    buttonProps?: SpatialWorkspaceLevelModeButtonProps;
+    content: ReactNode;
+    disabled?: boolean;
+    mode: SpatialWorkspaceLevelMode;
+    onModeRequest: (mode: SpatialWorkspaceLevelMode, event: MouseEvent<HTMLButtonElement>) => void;
+    renderButton?: (button: ReactElement, mode: SpatialWorkspaceLevelMode) => ReactNode;
+};
+export type SpatialWorkspaceWallModeControlProps = {
+    buttonProps?: SpatialWorkspaceWallModeButtonProps;
+    content: ReactNode;
+    disabled?: boolean;
+    mode: SpatialWorkspaceWallMode;
+    onModeRequest: (mode: SpatialWorkspaceCanonicalWallMode, event: MouseEvent<HTMLButtonElement>) => void;
+    renderButton?: (button: ReactElement, mode: SpatialWorkspaceCanonicalWallMode) => ReactNode;
+};
+export declare function resolveNextSpatialWorkspaceLevelMode(mode: SpatialWorkspaceLevelMode): SpatialWorkspaceLevelMode;
+export declare function normalizeSpatialWorkspaceWallMode(mode: SpatialWorkspaceWallMode): SpatialWorkspaceCanonicalWallMode;
+export declare function resolveNextSpatialWorkspaceWallMode(mode: SpatialWorkspaceWallMode): SpatialWorkspaceCanonicalWallMode;
+export declare function SpatialWorkspaceLevelModeControl({ buttonProps, content, disabled, mode, onModeRequest, renderButton, }: SpatialWorkspaceLevelModeControlProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare function SpatialWorkspaceWallModeControl({ buttonProps, content, disabled, mode, onModeRequest, renderButton, }: SpatialWorkspaceWallModeControlProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export {};
+//# sourceMappingURL=spatial-workspace-level-wall-control.d.ts.map

package/dist/spatial-workspace-level-wall-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-level-wall-control.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-level-wall-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClF,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,aAAa,CAAA;AAChF,MAAM,MAAM,iCAAiC,GAAG,OAAO,CAAC,wBAAwB,EAAE,aAAa,CAAC,CAAA;AAEhG,KAAK,8BAA8B,GAAG;IACpC,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACrE,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,wBAAwB,CAAC,QAAQ,CAAC,EAClC,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAC/D,GACC,8BAA8B,GAAG;IAC/B,0CAA0C,CAAC,EAAE,KAAK,CAAA;IAClD,kDAAkD,CAAC,EAAE,KAAK,CAAA;CAC3D,CAAA;AAEH,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,wBAAwB,CAAC,QAAQ,CAAC,EAClC,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAC/D,GACC,8BAA8B,GAAG;IAC/B,yCAAyC,CAAC,EAAE,KAAK,CAAA;IACjD,iDAAiD,CAAC,EAAE,KAAK,CAAA;CAC1D,CAAA;AAEH,MAAM,MAAM,qCAAqC,GAAG;IAClD,WAAW,CAAC,EAAE,oCAAoC,CAAA;IAClD,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,yBAAyB,CAAA;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,yBAAyB,KAAK,SAAS,CAAA;CACpF,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG;IACjD,WAAW,CAAC,EAAE,mCAAmC,CAAA;IACjD,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,wBAAwB,CAAA;IAC9B,aAAa,EAAE,CACb,IAAI,EAAE,iCAAiC,EACvC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KACjC,IAAI,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,iCAAiC,KAAK,SAAS,CAAA;CAC5F,CAAA;AAED,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,yBAAyB,GAC9B,yBAAyB,CAK3B;AAED,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,wBAAwB,GAC7B,iCAAiC,CAEnC;AAED,wBAAgB,mCAAmC,CACjD,IAAI,EAAE,wBAAwB,GAC7B,iCAAiC,CAMnC;AAED,wBAAgB,gCAAgC,CAAC,EAC/C,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,aAAa,EACb,YAAY,GACb,EAAE,qCAAqC,+SAkBvC;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,aAAa,EACb,YAAY,GACb,EAAE,oCAAoC,+SAmBtC"}

package/dist/spatial-workspace-level-wall-control.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function resolveNextSpatialWorkspaceLevelMode(mode) {
+    if (mode === 'manual')
+        return 'stacked';
+    if (mode === 'stacked')
+        return 'exploded';
+    if (mode === 'exploded')
+        return 'solo';
+    return 'stacked';
+}
+export function normalizeSpatialWorkspaceWallMode(mode) {
+    return mode === 'translucent' ? 'cutaway' : mode;
+}
+export function resolveNextSpatialWorkspaceWallMode(mode) {
+    if (mode === 'translucent')
+        return 'cutaway';
+    const canonicalMode = normalizeSpatialWorkspaceWallMode(mode);
+    if (canonicalMode === 'cutaway')
+        return 'up';
+    if (canonicalMode === 'up')
+        return 'down';
+    return 'cutaway';
+}
+export function SpatialWorkspaceLevelModeControl({ buttonProps, content, disabled = false, mode, onModeRequest, renderButton, }) {
+    const button = (_jsx("button", { ...buttonProps, "aria-disabled": disabled, "data-pascal-spatial-workspace-level-mode": mode, "data-pascal-spatial-workspace-level-mode-control": "", onClick: (event) => {
+            if (disabled)
+                return;
+            onModeRequest(resolveNextSpatialWorkspaceLevelMode(mode), event);
+        }, type: "button", children: content }));
+    return renderButton ? renderButton(button, mode) : button;
+}
+export function SpatialWorkspaceWallModeControl({ buttonProps, content, disabled = false, mode, onModeRequest, renderButton, }) {
+    const canonicalMode = normalizeSpatialWorkspaceWallMode(mode);
+    const button = (_jsx("button", { ...buttonProps, "aria-disabled": disabled, "data-pascal-spatial-workspace-wall-mode": canonicalMode, "data-pascal-spatial-workspace-wall-mode-control": "", onClick: (event) => {
+            if (disabled)
+                return;
+            onModeRequest(resolveNextSpatialWorkspaceWallMode(mode), event);
+        }, type: "button", children: content }));
+    return renderButton ? renderButton(button, canonicalMode) : button;
+}

package/dist/spatial-workspace-mode.d.ts

@@ -0,0 +1,11 @@
+import type { SpatialWorkspaceViewMode } from './spatial-workspace-viewport';
+export type SpatialWorkspaceKind = 'building' | 'site';
+export type SpatialWorkspaceViewPlan = {
+    cameraAction: 'set-top-view' | null;
+    disabled: boolean;
+    nextSiteTopViewActive: boolean;
+    viewMode: SpatialWorkspaceViewMode;
+};
+export declare function isBuildingSpatialWorkspace(workspaceKind: SpatialWorkspaceKind): workspaceKind is 'building';
+export declare function resolveSpatialWorkspaceViewPlan(requestedMode: SpatialWorkspaceViewMode, workspaceKind: SpatialWorkspaceKind, siteTopViewActive: boolean): SpatialWorkspaceViewPlan;
+//# sourceMappingURL=spatial-workspace-mode.d.ts.map

package/dist/spatial-workspace-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-mode.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAE5E,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,cAAc,GAAG,IAAI,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,wBAAwB,CAAA;CACnC,CAAA;AAED,wBAAgB,0BAA0B,CACxC,aAAa,EAAE,oBAAoB,GAClC,aAAa,IAAI,UAAU,CAE7B;AAED,wBAAgB,+BAA+B,CAC7C,aAAa,EAAE,wBAAwB,EACvC,aAAa,EAAE,oBAAoB,EACnC,iBAAiB,EAAE,OAAO,GACzB,wBAAwB,CA2B1B"}

package/dist/spatial-workspace-mode.js

@@ -0,0 +1,29 @@
+export function isBuildingSpatialWorkspace(workspaceKind) {
+    return workspaceKind === 'building';
+}
+export function resolveSpatialWorkspaceViewPlan(requestedMode, workspaceKind, siteTopViewActive) {
+    if (isBuildingSpatialWorkspace(workspaceKind)) {
+        return {
+            cameraAction: null,
+            disabled: false,
+            nextSiteTopViewActive: false,
+            viewMode: requestedMode,
+        };
+    }
+    if (requestedMode === 'split') {
+        return {
+            cameraAction: null,
+            disabled: true,
+            nextSiteTopViewActive: siteTopViewActive,
+            viewMode: '3d',
+        };
+    }
+    return {
+        // Site plan presentation stays on the GIS canvas, so each request carries
+        // an idempotent camera target rather than toggling the current state.
+        cameraAction: 'set-top-view',
+        disabled: false,
+        nextSiteTopViewActive: requestedMode === '2d',
+        viewMode: '3d',
+    };
+}

package/dist/spatial-workspace-styles.d.ts

@@ -0,0 +1,3 @@
+export declare const SPATIAL_WORKSPACE_STYLE_TEXT = "\n:where(\n  [data-pascal-spatial-workspace-view-mode-control],\n  [data-pascal-spatial-workspace-level-selector],\n  [data-pascal-spatial-workspace-display-control],\n  [data-pascal-spatial-workspace-camera-action-control],\n  [data-pascal-spatial-workspace-gis-control]\n) {\n  --pascal-workspace-accent: #2563eb;\n  --pascal-workspace-accent-contrast: #ffffff;\n  --pascal-workspace-border: color-mix(in srgb, currentColor 22%, transparent);\n  --pascal-workspace-focus: color-mix(in srgb, var(--pascal-workspace-accent) 72%, white);\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n}\n\n:where(\n  [data-pascal-spatial-workspace-view-mode-control],\n  [data-pascal-spatial-workspace-level-selector],\n  [data-pascal-spatial-workspace-display-control],\n  [data-pascal-spatial-workspace-camera-action-control],\n  [data-pascal-spatial-workspace-gis-control]\n) > button,\n:where(\n  [data-pascal-spatial-workspace-level-mode-control],\n  [data-pascal-spatial-workspace-wall-mode-control]\n) {\n  border-color: var(--pascal-workspace-border, currentColor);\n  border-radius: 0.5rem;\n  font: inherit;\n}\n\n:where(\n  [data-pascal-spatial-workspace-view-mode-control],\n  [data-pascal-spatial-workspace-level-selector],\n  [data-pascal-spatial-workspace-display-control],\n  [data-pascal-spatial-workspace-camera-action-control],\n  [data-pascal-spatial-workspace-gis-control]\n) > button[aria-pressed='true'],\n:where([data-pascal-spatial-workspace-level-selector]) > button[aria-selected='true'] {\n  box-shadow: inset 0 0 0 1px var(--pascal-workspace-accent, #2563eb);\n}\n\n:where(\n  [data-pascal-spatial-workspace-view-mode-control],\n  [data-pascal-spatial-workspace-level-selector],\n  [data-pascal-spatial-workspace-display-control],\n  [data-pascal-spatial-workspace-camera-action-control],\n  [data-pascal-spatial-workspace-gis-control]\n) > button:focus-visible,\n:where(\n  [data-pascal-spatial-workspace-level-mode-control],\n  [data-pascal-spatial-workspace-wall-mode-control]\n):focus-visible {\n  outline: 2px solid var(--pascal-workspace-focus, #60a5fa);\n  outline-offset: 2px;\n}\n\n:where([data-pascal-spatial-workspace]) {\n  isolation: isolate;\n}\n\n:where([data-pascal-workspace-divider]) {\n  touch-action: none;\n}\n";
+export declare function SpatialWorkspaceStyles(): import("react").JSX.Element;
+//# sourceMappingURL=spatial-workspace-styles.d.ts.map

package/dist/spatial-workspace-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-styles.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,stEAkExC,CAAA;AAED,wBAAgB,sBAAsB,gCAErC"}

package/dist/spatial-workspace-styles.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SPATIAL_WORKSPACE_STYLE_TEXT = `
+:where(
+  [data-pascal-spatial-workspace-view-mode-control],
+  [data-pascal-spatial-workspace-level-selector],
+  [data-pascal-spatial-workspace-display-control],
+  [data-pascal-spatial-workspace-camera-action-control],
+  [data-pascal-spatial-workspace-gis-control]
+) {
+  --pascal-workspace-accent: #2563eb;
+  --pascal-workspace-accent-contrast: #ffffff;
+  --pascal-workspace-border: color-mix(in srgb, currentColor 22%, transparent);
+  --pascal-workspace-focus: color-mix(in srgb, var(--pascal-workspace-accent) 72%, white);
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+:where(
+  [data-pascal-spatial-workspace-view-mode-control],
+  [data-pascal-spatial-workspace-level-selector],
+  [data-pascal-spatial-workspace-display-control],
+  [data-pascal-spatial-workspace-camera-action-control],
+  [data-pascal-spatial-workspace-gis-control]
+) > button,
+:where(
+  [data-pascal-spatial-workspace-level-mode-control],
+  [data-pascal-spatial-workspace-wall-mode-control]
+) {
+  border-color: var(--pascal-workspace-border, currentColor);
+  border-radius: 0.5rem;
+  font: inherit;
+}
+
+:where(
+  [data-pascal-spatial-workspace-view-mode-control],
+  [data-pascal-spatial-workspace-level-selector],
+  [data-pascal-spatial-workspace-display-control],
+  [data-pascal-spatial-workspace-camera-action-control],
+  [data-pascal-spatial-workspace-gis-control]
+) > button[aria-pressed='true'],
+:where([data-pascal-spatial-workspace-level-selector]) > button[aria-selected='true'] {
+  box-shadow: inset 0 0 0 1px var(--pascal-workspace-accent, #2563eb);
+}
+
+:where(
+  [data-pascal-spatial-workspace-view-mode-control],
+  [data-pascal-spatial-workspace-level-selector],
+  [data-pascal-spatial-workspace-display-control],
+  [data-pascal-spatial-workspace-camera-action-control],
+  [data-pascal-spatial-workspace-gis-control]
+) > button:focus-visible,
+:where(
+  [data-pascal-spatial-workspace-level-mode-control],
+  [data-pascal-spatial-workspace-wall-mode-control]
+):focus-visible {
+  outline: 2px solid var(--pascal-workspace-focus, #60a5fa);
+  outline-offset: 2px;
+}
+
+:where([data-pascal-spatial-workspace]) {
+  isolation: isolate;
+}
+
+:where([data-pascal-workspace-divider]) {
+  touch-action: none;
+}
+`;
+export function SpatialWorkspaceStyles() {
+    return _jsx("style", { "data-pascal-spatial-workspace-styles": "", children: SPATIAL_WORKSPACE_STYLE_TEXT });
+}

package/dist/spatial-workspace-view-mode-control.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type MouseEvent, type ReactElement, type ReactNode } from 'react';
+import type { SpatialWorkspaceViewMode } from './spatial-workspace-viewport';
+export type SpatialWorkspaceViewModeButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-disabled' | 'aria-pressed' | 'children' | 'disabled' | 'onClick' | 'type'> & {
+    'data-pascal-spatial-workspace-view-mode'?: never;
+};
+export type SpatialWorkspaceViewModeControlItem = {
+    buttonProps?: SpatialWorkspaceViewModeButtonProps;
+    content: ReactNode;
+    disabled?: boolean;
+    mode: SpatialWorkspaceViewMode;
+    renderButton?: (button: ReactElement, item: SpatialWorkspaceViewModeControlItem) => ReactNode;
+};
+export interface SpatialWorkspaceViewModeControlProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'role'> {
+    activeMode: SpatialWorkspaceViewMode;
+    items: readonly SpatialWorkspaceViewModeControlItem[];
+    onModeRequest: (mode: SpatialWorkspaceViewMode, event: MouseEvent<HTMLButtonElement>) => void;
+}
+export declare function SpatialWorkspaceViewModeControl({ activeMode, items, onModeRequest, ...rootProps }: SpatialWorkspaceViewModeControlProps): import("react").JSX.Element;
+//# sourceMappingURL=spatial-workspace-view-mode-control.d.ts.map

package/dist/spatial-workspace-view-mode-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-view-mode-control.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-view-mode-control.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAE5E,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,wBAAwB,CAAC,QAAQ,CAAC,EAClC,eAAe,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAChF,GAAG;IACF,yCAAyC,CAAC,EAAE,KAAK,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,mCAAmC,GAAG;IAChD,WAAW,CAAC,EAAE,mCAAmC,CAAA;IACjD,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,wBAAwB,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,mCAAmC,KAAK,SAAS,CAAA;CAC9F,CAAA;AAED,MAAM,WAAW,oCACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAClE,UAAU,EAAE,wBAAwB,CAAA;IACpC,KAAK,EAAE,SAAS,mCAAmC,EAAE,CAAA;IACrD,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC9F;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,UAAU,EACV,KAAK,EACL,aAAa,EACb,GAAG,SAAS,EACb,EAAE,oCAAoC,+BA6BtC"}

package/dist/spatial-workspace-view-mode-control.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment, } from 'react';
+export function SpatialWorkspaceViewModeControl({ activeMode, items, onModeRequest, ...rootProps }) {
+    return (_jsx("div", { ...rootProps, "data-pascal-spatial-workspace-view-mode-control": "", role: "group", children: items.map((item) => {
+            const button = (_createElement("button", { ...item.buttonProps, "aria-disabled": item.disabled ?? false, "aria-pressed": activeMode === item.mode, "data-pascal-spatial-workspace-view-mode": item.mode, key: item.mode, onClick: (event) => {
+                    if (item.disabled)
+                        return;
+                    onModeRequest(item.mode, event);
+                }, type: "button" }, item.content));
+            return item.renderButton ? (_jsx(Fragment, { children: item.renderButton(button, item) }, item.mode)) : (button);
+        }) }));
+}

package/dist/spatial-workspace-viewport.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentPropsWithoutRef, type ReactNode, type RefObject } from 'react';
+export type SpatialWorkspaceViewMode = '3d' | '2d' | 'split';
+export type SpatialWorkspaceRenderContext = {
+    show2d: boolean;
+    show3d: boolean;
+    viewerPaneRef: RefObject<HTMLDivElement | null>;
+    workspaceElement: HTMLDivElement | null;
+};
+type SpatialWorkspaceSurface = ReactNode | ((context: SpatialWorkspaceRenderContext) => ReactNode);
+export interface SpatialWorkspaceViewportProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    children?: ReactNode;
+    floorplan: SpatialWorkspaceSurface;
+    floorplanPaneRatio: number;
+    onFloorplanPaneRatioChange: (ratio: number) => void;
+    viewMode: SpatialWorkspaceViewMode;
+    viewer: SpatialWorkspaceSurface;
+}
+export declare function clampSpatialWorkspacePaneRatio(ratio: number): number;
+export declare function resolveSpatialWorkspacePaneVisibility(viewMode: SpatialWorkspaceViewMode): {
+    show2d: boolean;
+    show3d: boolean;
+};
+export declare function SpatialWorkspaceViewport({ children, className, floorplan, floorplanPaneRatio, onFloorplanPaneRatioChange, viewMode, viewer, ...rootProps }: SpatialWorkspaceViewportProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=spatial-workspace-viewport.d.ts.map

package/dist/spatial-workspace-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spatial-workspace-viewport.d.ts","sourceRoot":"","sources":["../src/spatial-workspace-viewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,wBAAwB,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC/C,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,KAAK,uBAAuB,GAAG,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,6BAA6B,KAAK,SAAS,CAAC,CAAA;AAElG,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,uBAAuB,CAAA;IAClC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,QAAQ,EAAE,wBAAwB,CAAA;IAClC,MAAM,EAAE,uBAAuB,CAAA;CAChC;AAKD,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,qCAAqC,CAAC,QAAQ,EAAE,wBAAwB;;;EAKvF;AASD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,QAAQ,EACR,MAAM,EACN,GAAG,SAAS,EACb,EAAE,6BAA6B,+BAoG/B"}

package/dist/spatial-workspace-viewport.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, } from 'react';
+import { acquireSpatialWorkspaceInstance } from './spatial-workspace-instance';
+import { SpatialWorkspaceStyles } from './spatial-workspace-styles';
+const MIN_FLOORPLAN_PANE_RATIO = 0.15;
+const MAX_FLOORPLAN_PANE_RATIO = 0.85;
+export function clampSpatialWorkspacePaneRatio(ratio) {
+    return Math.max(MIN_FLOORPLAN_PANE_RATIO, Math.min(MAX_FLOORPLAN_PANE_RATIO, ratio));
+}
+export function resolveSpatialWorkspacePaneVisibility(viewMode) {
+    return {
+        show2d: viewMode === '2d' || viewMode === 'split',
+        show3d: viewMode === '3d' || viewMode === 'split',
+    };
+}
+function renderSurface(surface, context) {
+    return typeof surface === 'function' ? surface(context) : surface;
+}
+export function SpatialWorkspaceViewport({ children, className, floorplan, floorplanPaneRatio, onFloorplanPaneRatioChange, viewMode, viewer, ...rootProps }) {
+    const workspaceRef = useRef(null);
+    const viewerPaneRef = useRef(null);
+    const [workspaceElement, setWorkspaceElement] = useState(null);
+    const isResizingFloorplan = useRef(false);
+    const setWorkspaceNode = useCallback((element) => {
+        workspaceRef.current = element;
+        setWorkspaceElement(element);
+    }, []);
+    const stopFloorplanResize = useCallback(() => {
+        isResizingFloorplan.current = false;
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+    }, []);
+    const handleFloorplanDividerDown = useCallback((event) => {
+        event.preventDefault();
+        isResizingFloorplan.current = true;
+        document.body.style.cursor = 'col-resize';
+        document.body.style.userSelect = 'none';
+    }, []);
+    useEffect(() => acquireSpatialWorkspaceInstance(), []);
+    useEffect(() => {
+        const handlePointerMove = (event) => {
+            if (!isResizingFloorplan.current)
+                return;
+            const workspace = workspaceRef.current;
+            if (!workspace)
+                return;
+            const rect = workspace.getBoundingClientRect();
+            if (rect.width <= 0)
+                return;
+            const ratio = (event.clientX - rect.left) / rect.width;
+            onFloorplanPaneRatioChange(clampSpatialWorkspacePaneRatio(ratio));
+        };
+        window.addEventListener('pointermove', handlePointerMove);
+        window.addEventListener('pointerup', stopFloorplanResize);
+        return () => {
+            window.removeEventListener('pointermove', handlePointerMove);
+            window.removeEventListener('pointerup', stopFloorplanResize);
+            stopFloorplanResize();
+        };
+    }, [onFloorplanPaneRatioChange, stopFloorplanResize]);
+    const { show2d, show3d } = resolveSpatialWorkspacePaneVisibility(viewMode);
+    const renderContext = { show2d, show3d, viewerPaneRef, workspaceElement };
+    return (_jsxs("div", { ...rootProps, className: `relative flex h-full${className ? ` ${className}` : ''}`, "data-pascal-spatial-workspace": "", ref: setWorkspaceNode, children: [_jsx(SpatialWorkspaceStyles, {}), children, _jsxs("div", { className: "relative h-full flex-shrink-0", "data-pascal-workspace-pane": "2d", style: {
+                    width: viewMode === '2d' ? '100%' : `${floorplanPaneRatio * 100}%`,
+                    display: show2d ? undefined : 'none',
+                }, children: [_jsx("div", { className: "h-full w-full overflow-hidden", children: renderSurface(floorplan, renderContext) }), viewMode === 'split' ? (_jsx("div", { className: "absolute inset-y-0 -right-3 z-10 flex w-6 cursor-col-resize items-center justify-center", "data-pascal-workspace-divider": "", onPointerDown: handleFloorplanDividerDown, children: _jsx("div", { className: "h-8 w-1 rounded-full bg-neutral-400" }) })) : null] }), _jsx("div", { "aria-hidden": !show3d || undefined, className: "relative min-w-0 flex-1 overflow-hidden", "data-pascal-workspace-pane": "3d", "data-viewer-3d-pane": "", ref: viewerPaneRef, style: show3d
+                    ? undefined
+                    : {
+                        inset: 0,
+                        pointerEvents: 'none',
+                        position: 'absolute',
+                        visibility: 'hidden',
+                    }, children: renderSurface(viewer, renderContext) })] }));
+}