@eyeon/map 2.0.1 → 2.0.2

package/dist/viewer/MapViewer.d.ts

@@ -1,18 +1,29 @@
 import { default as React } from 'react';
-import { PublishedDocument, ThemeDefaults } from '../core';
+import { MapViewerHost, PublishedDocument, ThemeDefaults } from '../core';
 export interface MapViewerProps {
     /** Published (or draft) document. If omitted, fetched from webApiURI. */
     document?: PublishedDocument | null;
     webApiURI?: string;
     /** Prefer fetching /v1/map/document */
     centerId?: number;
-    role?: 'WP_SITE' | 'DISPLAY_APP' | 'PORTAL_PREVIEW' | 'DEMO';
+    /** Public / preview / kiosk surface. Never includes Map options (editor rail). */
+    host?: MapViewerHost;
     kioskId?: number | null;
     selectedRetailerId?: number | null;
-    imageProxyUrl?: string;
+    /**
+     * Media proxy base, appended with the encoded SVG URL (v1 `IMAGE_PROXY_URL`
+     * contract, e.g. `/eyeon-portal/media?url=`). Needed wherever the outdoor
+     * SVG origin sends no CORS headers.
+     */
+    imageProxyUrl?: string | null;
     themeOverrides?: Partial<ThemeDefaults>;
     onExtractedAmenities?: (codes: string[]) => void;
     onSelectShape?: (shapeId: number) => void;
+    /** Controlled floor when embedded (e.g. PORTAL default). */
+    activeLevelId?: number | null;
+    onActiveLevelChange?: (levelId: number) => void;
+    /** Click a store/amenity to route. Off when PORTAL is assigning. Default true. */
+    routeOnSelect?: boolean;
     createRouteRef?: React.MutableRefObject<{
         createRouteToStore: (retailerId: number) => void;
         createRouteToAmenity: (amenityCode: string) => void;

package/dist/viewer/MapViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapViewer.d.ts","sourceRoot":"","sources":["../../src/viewer/MapViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAGV,iBAAiB,EACjB,aAAa,EACd,MAAM,SAAS,CAAC;AAIjB,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,MAAM,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACtC,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;QACjD,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;QACpD,UAAU,EAAE,MAAM,IAAI,CAAC;KACxB,GAAG,IAAI,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAWD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuO9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MapViewer.d.ts","sourceRoot":"","sources":["../../src/viewer/MapViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAEV,aAAa,EAEb,iBAAiB,EACjB,aAAa,EACd,MAAM,SAAS,CAAC;AAajB,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kFAAkF;IAClF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACtC,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;QACjD,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;QACpD,UAAU,EAAE,MAAM,IAAI,CAAC;KACxB,GAAG,IAAI,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAqBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAqR9C;AAED,eAAe,SAAS,CAAC"}

package/dist/viewer/camera.d.ts

@@ -0,0 +1,34 @@
+import { SceneBounds, Vec2 } from '../core';
+/**
+ * Stored geometry is raw SVG user space, where Y grows downward. The scene
+ * mirrors Y once so the camera can keep a conventional `up = [0, 1, 0]`.
+ *
+ * Do not "fix" orientation by setting `up = [0, -1, 0]` instead: three.js
+ * derives the camera's right axis from `up × forward`, so a negative up also
+ * mirrors X and the map renders rotated 180° rather than flipped.
+ */
+export declare const SCENE_FLIP_SCALE: [number, number, number];
+/** Stored SVG-space point → view space, matching `SCENE_FLIP_SCALE`. */
+export declare function dataToViewPoint(point: Vec2): Vec2;
+/** Stored SVG-space bounds → view space, for camera and controls placement. */
+export declare function viewBoundsFromData(bounds: SceneBounds): SceneBounds;
+/**
+ * Fit an orthographic camera so the map fills the canvas on the limiting
+ * axis (width or height) with no extra inset.
+ */
+export declare function fitOrthoZoom(viewWidth: number, viewHeight: number, worldWidth: number, worldHeight: number): number;
+export declare function boundsExtent(bounds: SceneBounds): {
+    width: number;
+    height: number;
+};
+export declare function nextOrthoZoom(current: number, direction: 1 | -1, step: number, min: number, max: number): number;
+export declare function orbitMouseButtons(is3d: boolean): {
+    LEFT: number;
+    MIDDLE: number;
+    RIGHT: number;
+};
+export declare function orbitTouches(is3d: boolean): {
+    ONE: number;
+    TWO: number;
+};
+//# sourceMappingURL=camera.d.ts.map

package/dist/viewer/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../src/viewer/camera.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAc,CAAC;AAErE,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAEjD;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,CAOnE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,MAAM,CAIR;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKnF;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EACjB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,GACV,MAAM,CAIR;AAUD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAKA;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAKxE"}

package/dist/viewer/components/CameraRig.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { OrbitControls } from 'three-stdlib';
+import { SceneBounds, ThemeDefaults } from '../../core';
+export interface MapCameraHandle {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+}
+export interface CameraRigProps {
+    /** View-space bounds — already Y-flipped by the scene, so up is +Y. */
+    bounds: SceneBounds;
+    theme: ThemeDefaults;
+    is3d: boolean;
+    controlsRef: React.RefObject<OrbitControls | null>;
+    cameraRef?: React.Ref<MapCameraHandle | null>;
+}
+export declare function CameraRig({ bounds, theme, is3d, controlsRef, cameraRef, }: CameraRigProps): null;
+//# sourceMappingURL=CameraRig.d.ts.map

package/dist/viewer/components/CameraRig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraRig.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/CameraRig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG7D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,uEAAuE;IACvE,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;CAC/C;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,GACV,EAAE,cAAc,QAuFhB"}

package/dist/viewer/components/LevelMeshes.d.ts

@@ -6,6 +6,11 @@ export interface LevelMeshesProps {
     is3d: boolean;
     selectedRetailerId?: number | null;
     onSelectShape?: (shapeId: number) => void;
+    /**
+     * When true (outdoor with live SVG), only interactive shapes are drawn —
+     * decoration comes from SvgVectorLayer.
+     */
+    interactiveOnly?: boolean;
 }
-export declare function LevelMeshes({ level, theme, is3d, selectedRetailerId, onSelectShape, }: LevelMeshesProps): React.JSX.Element;
+export declare function LevelMeshes({ level, theme, is3d, selectedRetailerId, onSelectShape, interactiveOnly, }: LevelMeshesProps): React.JSX.Element;
 //# sourceMappingURL=LevelMeshes.d.ts.map

package/dist/viewer/components/LevelMeshes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevelMeshes.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/LevelMeshes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAa,MAAM,YAAY,CAAC;AAsC3E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,kBAAkB,EAClB,aAAa,GACd,EAAE,gBAAgB,qBA2FlB"}
+{"version":3,"file":"LevelMeshes.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/LevelMeshes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAa,MAAM,YAAY,CAAC;AAuC3E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,kBAAkB,EAClB,aAAa,EACb,eAAuB,GACxB,EAAE,gBAAgB,qBA8FlB"}

package/dist/viewer/components/MapScene.d.ts

@@ -1,12 +1,17 @@
 import { default as React } from 'react';
 import { PathResult, PublishedDocument, ThemeDefaults } from '../../core';
+import { MapCameraHandle } from './CameraRig';
 export interface MapSceneProps {
     doc: PublishedDocument;
     theme: ThemeDefaults;
     activeLevelId: number | null;
     route: PathResult | null;
     selectedRetailerId?: number | null;
+    cameraRef?: React.Ref<MapCameraHandle | null>;
     onSelectShape?: (shapeId: number, levelId: number) => void;
+    imageProxyUrl?: string | null;
+    /** Keep pointer events inside the map canvas host so header/footer stay clickable. */
+    eventSource?: React.RefObject<HTMLElement | null>;
 }
-export declare function MapScene({ doc, theme, activeLevelId, route, selectedRetailerId, onSelectShape, }: MapSceneProps): React.JSX.Element;
+export declare function MapScene({ doc, theme, activeLevelId, route, selectedRetailerId, cameraRef, onSelectShape, imageProxyUrl, eventSource, }: MapSceneProps): React.JSX.Element;
 //# sourceMappingURL=MapScene.d.ts.map

package/dist/viewer/components/MapScene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapScene.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/MapScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI/E,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,KAAK,EACL,aAAa,EACb,KAAK,EACL,kBAAkB,EAClB,aAAa,GACd,EAAE,aAAa,qBAkFf"}
+{"version":3,"file":"MapScene.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/MapScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAK/E,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9D,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,sFAAsF;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACnD;AAED,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,KAAK,EACL,aAAa,EACb,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,aAAa,EACb,aAAa,EACb,WAAW,GACZ,EAAE,aAAa,qBA0If"}

package/dist/viewer/components/SvgVectorLayer.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+/** Same contract as v1 `getMediaProxyUrl`: proxy base + encoded URL, no query key. */
+export declare function resolveFetchUrl(url: string, imageProxyUrl?: string | null): string;
+export interface SvgVectorLayerProps {
+    url: string;
+    /** sourceSvgId values held in cm_shapes — skip drawing these (DB owns them). */
+    suppressIds?: ReadonlySet<string>;
+    imageProxyUrl?: string | null;
+    is3d?: boolean;
+}
+/**
+ * Live outdoor SVG as real vector geometry (not a raster texture).
+ * Applies house-style colors for reserved layer names; otherwise keeps
+ * Illustrator fills. Skips route-path* and interactive ids owned by the DB.
+ * Coordinates stay in SVG user space — `MapScene` flips the whole scene.
+ */
+export declare function SvgVectorLayer({ url, suppressIds, imageProxyUrl, is3d, }: SvgVectorLayerProps): React.JSX.Element | null;
+//# sourceMappingURL=SvgVectorLayer.d.ts.map

package/dist/viewer/components/SvgVectorLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgVectorLayer.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/SvgVectorLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAoC5D,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAGlF;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAWD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,WAAW,EACX,aAAa,EACb,IAAY,GACb,EAAE,mBAAmB,4BAkHrB"}

package/dist/viewer/index.css

@@ -4,15 +4,28 @@
   height: 100%;
   min-height: 320px;
   overflow: hidden;
-  background: var(--map-bg, #f5f5f5);
-  font-family: system-ui, -apple-system, sans-serif;
+  background: var(--map-bg, #FFFFFF);
+  /* Inherit the host application's font; hosts may override with the variable. */
+  font-family: var(--eyeon-map-font-family, inherit);
   font-size: 13px;
   color: #0f172a;
 }
 
+.eyeon-map-viewer button,
+.eyeon-map-viewer input,
+.eyeon-map-viewer select,
+.eyeon-map-viewer textarea {
+  font-family: inherit;
+}
+
 .eyeon-map-viewer__canvas {
   position: absolute;
   inset: 0;
+  cursor: grab;
+}
+
+.eyeon-map-viewer__canvas:active {
+  cursor: grabbing;
 }
 
 .eyeon-map-viewer__loading,
@@ -29,7 +42,7 @@
   z-index: 2;
   top: 12px;
   left: 12px;
-  width: min(320px, calc(100% - 24px));
+  width: min(320px, calc(100% - 124px));
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -46,16 +59,20 @@
   gap: 8px;
 }
 
-.eyeon-map-chrome__search-toggle {
-  align-self: flex-start;
-  border: 0;
+.eyeon-map-chrome__search-input {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #e2e8f0;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
-  padding: 8px 12px;
-  font-size: 12px;
-  font-weight: 600;
-  cursor: pointer;
+  padding: 10px 12px;
+  font-size: 13px;
+  outline: none;
+}
+
+.eyeon-map-chrome__search-input:focus {
+  border-color: #0763b1;
 }
 
 .eyeon-map-chrome__amenities {
@@ -69,6 +86,7 @@
 }
 
 .eyeon-map-chrome__amenity {
+  position: relative;
   width: 40px;
   height: 40px;
   border: 0;
@@ -103,13 +121,10 @@
   }
 }
 
-.eyeon-map-chrome__search-input {
-  width: 100%;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  padding: 8px 10px;
-  font-size: 13px;
-  margin-bottom: 8px;
+.eyeon-map-chrome__empty {
+  color: #64748b;
+  font-size: 12px;
+  padding: 8px 4px;
 }
 
 .eyeon-map-chrome__group-title {
@@ -133,7 +148,8 @@
   font-size: 13px;
 }
 
-.eyeon-map-chrome__item:hover {
+.eyeon-map-chrome__item:hover,
+.eyeon-map-chrome__item.is-selected {
   background: #f1f5f9;
 }
 
@@ -182,29 +198,102 @@
   font-weight: 500 !important;
 }
 
-.eyeon-map-chrome__floors {
+.eyeon-map-controls {
+  position: absolute;
+  inset: 0;
+  z-index: 3;
+  pointer-events: none;
+}
+
+.eyeon-map-controls__stack {
+  pointer-events: auto;
   position: absolute;
-  right: 12px;
-  bottom: 12px;
-  left: auto;
-  top: auto;
+  top: 10px;
+  right: 10px;
   display: flex;
-  gap: 6px;
-  width: auto;
+  flex-direction: column;
+  gap: 8px;
+  width: 94px;
 }
 
-.eyeon-map-chrome__floor {
+.eyeon-map-controls__floors {
+  display: flex;
+  flex-direction: column;
+}
+
+.eyeon-map-controls__floor,
+.eyeon-map-controls__reset,
+.eyeon-map-controls__zoom-btn {
+  color: #fff;
+  background-color: #0763b1;
   border: 0;
-  border-radius: 8px;
-  background: #fff;
-  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
-  padding: 8px 10px;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.02em;
   cursor: pointer;
+  transition: background-color 200ms;
 }
 
-.eyeon-map-chrome__floor.is-active {
-  background: var(--map-accent, #2563eb);
-  color: #fff;
+.eyeon-map-controls__floor,
+.eyeon-map-controls__reset {
+  width: 100%;
+  min-height: 27px;
+  padding: 6px 10px;
+  text-align: center;
+}
+
+.eyeon-map-controls__floor:hover,
+.eyeon-map-controls__reset:hover,
+.eyeon-map-controls__zoom-btn:hover {
+  background-color: #054983;
+}
+
+.eyeon-map-controls__floor.is-active {
+  background-color: #054983;
+  cursor: default;
+}
+
+.eyeon-map-controls__floor:first-child {
+  border-radius: 5px 5px 0 0;
+}
+
+.eyeon-map-controls__floor:last-child {
+  border-radius: 0 0 5px 5px;
+}
+
+.eyeon-map-controls__floor:only-child {
+  border-radius: 5px;
+}
+
+.eyeon-map-controls__floor:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+
+.eyeon-map-controls__reset {
+  border-radius: 5px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.eyeon-map-controls__zoom {
+  display: flex;
+}
+
+.eyeon-map-controls__zoom-btn {
+  flex: 1;
+  height: 27px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 0;
+}
+
+.eyeon-map-controls__zoom-btn:first-child {
+  border-radius: 5px 0 0 5px;
+}
+
+.eyeon-map-controls__zoom-btn:last-child {
+  border-radius: 0 5px 5px 0;
 }

package/dist/viewer/index.d.ts

@@ -1,4 +1,8 @@
 export { MapViewer, type MapViewerProps } from './MapViewer';
+export type { MapViewerHost, MapHost, ViewerChrome } from '../core';
+export { mapSurface, viewerChrome, isMapViewerHost } from '../core';
 export { MapScene } from './components/MapScene';
 export { RuntimeChrome } from './ui/RuntimeChrome';
+export { MapControls, type MapControlsProps } from './ui/MapControls';
+export type { MapCameraHandle } from './components/CameraRig';
 //# sourceMappingURL=index.d.ts.map

package/dist/viewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,cAAc,CAAC"}

package/dist/viewer/index.js

@@ -1,7 +1,12 @@
-import { M as r, a as m, R as o } from "../chunks/MapViewer.js";
+import { M as r, a as s, b as o, R as m } from "../chunks/MapViewer.js";
+import { i, m as t, v as M } from "../chunks/stacking.js";
 export {
-  r as MapScene,
-  m as MapViewer,
-  o as RuntimeChrome
+  r as MapControls,
+  s as MapScene,
+  o as MapViewer,
+  m as RuntimeChrome,
+  i as isMapViewerHost,
+  t as mapSurface,
+  M as viewerChrome
 };
 //# sourceMappingURL=index.js.map

package/dist/viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/viewer/ui/MapControls.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PublishedLevel } from '../../core';
+export interface MapControlsProps {
+    levels: PublishedLevel[];
+    activeLevelId: number | null;
+    onActiveLevelChange: (id: number) => void;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onReset: () => void;
+    showFloors?: boolean;
+    showZoomReset?: boolean;
+}
+export declare function MapControls({ levels, activeLevelId, onActiveLevelChange, onZoomIn, onZoomOut, onReset, showFloors, showZoomReset, }: MapControlsProps): React.JSX.Element | null;
+//# sourceMappingURL=MapControls.d.ts.map

package/dist/viewer/ui/MapControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapControls.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/MapControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,aAAoB,GACrB,EAAE,gBAAgB,4BAiElB"}

package/dist/viewer/ui/RuntimeChrome.d.ts

@@ -3,8 +3,6 @@ import { CmAmenityCatalogItem, PathResult, PublishedDocument } from '../../core'
 export interface RuntimeChromeProps {
     doc: PublishedDocument;
     amenities: CmAmenityCatalogItem[];
-    searchOpen: boolean;
-    onSearchOpenChange: (open: boolean) => void;
     activeLevelId: number | null;
     onActiveLevelChange: (id: number) => void;
     fromAnchorId: number | null;
@@ -14,6 +12,8 @@ export interface RuntimeChromeProps {
     accessibleOnly: boolean;
     onAccessibleOnlyChange: (v: boolean) => void;
     route: PathResult | null;
+    showSearch?: boolean;
+    showAmenities?: boolean;
 }
-export declare function RuntimeChrome({ doc, amenities, searchOpen, onSearchOpenChange, activeLevelId, onActiveLevelChange, fromAnchorId, toAnchorId, onFromChange, onToChange, accessibleOnly, onAccessibleOnlyChange, route, }: RuntimeChromeProps): React.JSX.Element;
+export declare function RuntimeChrome({ doc, amenities, onActiveLevelChange, fromAnchorId, toAnchorId, onFromChange, onToChange, accessibleOnly, onAccessibleOnlyChange, route, showSearch, showAmenities, }: RuntimeChromeProps): React.JSX.Element | null;
 //# sourceMappingURL=RuntimeChrome.d.ts.map

package/dist/viewer/ui/RuntimeChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeChrome.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/RuntimeChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,oBAAoB,EACpB,UAAU,EACV,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAWD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,KAAK,GACN,EAAE,kBAAkB,qBAgNpB"}
+{"version":3,"file":"RuntimeChrome.d.ts","sourceRoot":"","sources":["../../../src/viewer/ui/RuntimeChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,oBAAoB,EACpB,UAAU,EACV,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAyBD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,KAAK,EACL,UAAiB,EACjB,aAAoB,GACrB,EAAE,kBAAkB,4BAuMpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eyeon/map",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "EyeOn Center Map v2 — core, viewer, and editor",
   "author": "EyeOn LLC",
   "license": "UNLICENSED",
@@ -16,11 +16,15 @@
   "exports": {
     ".": {
       "types": "./dist/core/index.d.ts",
-      "import": "./dist/core/index.js"
+      "require": "./dist/core/index.js",
+      "import": "./dist/core/index.js",
+      "default": "./dist/core/index.js"
     },
     "./core": {
       "types": "./dist/core/index.d.ts",
-      "import": "./dist/core/index.js"
+      "require": "./dist/core/index.js",
+      "import": "./dist/core/index.js",
+      "default": "./dist/core/index.js"
     },
     "./viewer": {
       "types": "./dist/viewer/index.d.ts",

package/dist/chunks/graph-tools.js

@@ -1,153 +0,0 @@
-import { D as x, n as v, d as A, p as k, a as M } from "./pathfinding.js";
-function b(i, l, r, s = x) {
-  const n = i.filter((e) => r.includes(e.id));
-  if (n.length < 2) return null;
-  const d = n.reduce((e, u) => u.id < e.id ? u : e), o = [];
-  for (const e of n)
-    e.id !== d.id && A(e, d) <= s && o.push(e.id);
-  if (o.length === 0) return null;
-  const f = new Set(o), h = [];
-  for (const e of l) {
-    let u = !1;
-    if (f.has(e.fromAnchorId) && (e.fromAnchorId = d.id, u = !0), f.has(e.toAnchorId) && (e.toAnchorId = d.id, u = !0), e.fromAnchorId === e.toAnchorId) {
-      h.push(e.id);
-      continue;
-    }
-    u && h.push(e.id);
-  }
-  return {
-    survivingAnchorId: d.id,
-    removedAnchorIds: o,
-    rewiredEdgeIds: h
-  };
-}
-function E(i, l = x) {
-  const r = [], s = /* @__PURE__ */ new Set();
-  for (let n = 0; n < i.length; n++) {
-    if (s.has(i[n].id)) continue;
-    const d = [i[n].id];
-    for (let o = n + 1; o < i.length; o++)
-      s.has(i[o].id) || i[n].levelId === i[o].levelId && A(i[n], i[o]) <= l && (d.push(i[o].id), s.add(i[o].id));
-    d.length > 1 && (s.add(i[n].id), r.push(d));
-  }
-  return r;
-}
-function T(i, l, r, s = x) {
-  let n = null;
-  for (const o of l) {
-    const f = v(i, o);
-    f && (!n || f.distance < n.distance) && (n = { point: f.point, distance: f.distance });
-  }
-  if (!n) return null;
-  const d = r.find(
-    (o) => o.levelId === i.levelId && A(o, n.point) <= s
-  );
-  return {
-    unitAnchorId: i.id,
-    junctionAnchor: d ? { x: d.x, y: d.y, existingId: d.id } : { x: n.point.x, y: n.point.y },
-    edge: {
-      fromAnchorId: i.id,
-      toAnchorId: d == null ? void 0 : d.id
-    }
-  };
-}
-function C(i, l, r, s) {
-  if (r.length === 0) return null;
-  const n = r.flat();
-  if (n.length === 0) return null;
-  let d = 0, o = 0;
-  for (const e of n)
-    d += e.x, o += e.y;
-  const f = { x: d / n.length, y: o / n.length }, h = k(f, r) ? f : n[0];
-  return {
-    id: s,
-    levelId: l,
-    shapeId: i,
-    kind: "unit",
-    x: h.x,
-    y: h.y,
-    connectorId: null
-  };
-}
-function j(i, l, r = 20) {
-  if (i.length === 0)
-    return { anchors: [], edges: [] };
-  let s = 1 / 0, n = 1 / 0, d = -1 / 0, o = -1 / 0;
-  for (const t of i)
-    for (const c of t)
-      s = Math.min(s, c.x), n = Math.min(n, c.y), d = Math.max(d, c.x), o = Math.max(o, c.y);
-  const f = Math.max(1, Math.ceil((d - s) / r)), h = Math.max(1, Math.ceil((o - n) / r)), e = [];
-  for (let t = 0; t < h; t++)
-    for (let c = 0; c < f; c++) {
-      const g = s + (c + 0.5) * r, I = n + (t + 0.5) * r, m = { x: g, y: I };
-      k(m, i) && (l.length > 0 && k(m, l) || e.push({ key: `${c},${t}`, x: g, y: I, col: c, row: t }));
-    }
-  const u = new Map(e.map((t) => [t.key, t])), y = e.map((t) => ({
-    tempId: t.key,
-    x: t.x,
-    y: t.y,
-    kind: "junction"
-  })), p = [], a = /* @__PURE__ */ new Set();
-  for (const t of e) {
-    const c = [
-      [t.col + 1, t.row],
-      [t.col, t.row + 1]
-    ];
-    for (const [g, I] of c) {
-      const m = `${g},${I}`;
-      if (!u.has(m)) continue;
-      const w = t.key < m ? `${t.key}|${m}` : `${m}|${t.key}`;
-      a.has(w) || (a.add(w), p.push({ fromTempId: t.key, toTempId: m }));
-    }
-  }
-  return { anchors: y, edges: p };
-}
-function D(i, l, r, s, n = x, d) {
-  const o = [], f = [];
-  let h = s;
-  const e = (u, y) => {
-    const p = o.find(
-      (t) => A(t, { x: u, y }) <= n
-    );
-    if (p) return p.id;
-    const a = h++;
-    return o.push({
-      id: a,
-      levelId: l,
-      shapeId: null,
-      kind: "junction",
-      x: u,
-      y,
-      connectorId: null
-    }), a;
-  };
-  for (const u of i) {
-    const y = M(u, d);
-    for (const p of y)
-      for (let a = 0; a < p.length - 1; a++) {
-        const t = e(p[a].x, p[a].y), c = e(p[a + 1].x, p[a + 1].y);
-        t === c || f.some(
-          (I) => I.fromAnchorId === t && I.toAnchorId === c || I.fromAnchorId === c && I.toAnchorId === t
-        ) || f.push({
-          id: h++,
-          mapId: r,
-          fromAnchorId: t,
-          toAnchorId: c,
-          weight: null,
-          directed: !1,
-          accessible: !0,
-          kind: "walk"
-        });
-      }
-  }
-  return { anchors: o, edges: f, nextId: h };
-}
-export {
-  T as a,
-  j as b,
-  E as f,
-  D as i,
-  C as u,
-  b as w
-};
-//# sourceMappingURL=graph-tools.js.map