@eyeon/map 2.0.0 → 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.0",
+  "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",
@@ -58,9 +62,15 @@
     "three": "^0.180.0"
   },
   "peerDependenciesMeta": {
-    "@react-three/drei": { "optional": true },
-    "@react-three/fiber": { "optional": true },
-    "three": { "optional": true }
+    "@react-three/drei": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@react-three/drei": "10.7.6",
@@ -78,4 +88,4 @@
     "vite-plugin-dts": "^4.2.3",
     "vitest": "^2.1.0"
   }
-}
+}