@osm-editor-kit/street-imagery-react 0.1.0-alpha.5 → 0.1.0-alpha.6

package/dist/mapillary/MapillaryFeatureBar.d.ts

@@ -0,0 +1,13 @@
+import { type MapFeatureImages, type TargetImage } from '@osm-editor-kit/street-imagery';
+export type MapillaryFeatureBarProps = {
+    data: MapFeatureImages;
+    shownImage: TargetImage | null;
+    onShow: (image: TargetImage) => void;
+};
+/**
+ * A Mapillary sign or object above its photo: what it is, when Mapillary saw it, and one button
+ * per capture day (newest first). The shown day is highlighted; clicking it again steps through
+ * that day's photos. Dates show month and year; the tooltip has the full date and the age.
+ * Texts and dates follow the `StreetImageryLocaleProvider`.
+ */
+export declare const MapillaryFeatureBar: ({ data, shownImage, onShow }: MapillaryFeatureBarProps) => import("react").JSX.Element;

package/dist/openers/LocationPickOnMap.d.ts

@@ -0,0 +1,10 @@
+import { type LocationOpener, type OpenTarget } from '@osm-editor-kit/street-imagery';
+export type LocationPickOnMapProps = {
+    /** Called after the place was opened, e.g. to mark it on the map. */
+    onPick?: (target: OpenTarget, opener: LocationOpener) => void;
+};
+/**
+ * Render inside `<Map>`. While a location opener is armed, the next map click opens the clicked
+ * place in a new tab and disarms; Escape disarms. The map's own click handlers still run.
+ */
+export declare const LocationPickOnMap: ({ onPick }: LocationPickOnMapProps) => null;

package/dist/openers/useLocationPickStore.d.ts

@@ -0,0 +1,9 @@
+import type { LocationOpenerId } from '@osm-editor-kit/street-imagery';
+/** The opener waiting for a map click, or `null`. */
+export declare const useArmedLocationOpenerId: () => LocationOpenerId | null;
+export declare const useLocationPickActions: () => {
+    arm: (openerId: LocationOpenerId) => void;
+    disarm: () => void;
+    /** Arm, or disarm when this opener is armed already. */
+    toggle: (openerId: LocationOpenerId) => void;
+};

package/dist/panels/MapillaryPanel.d.ts

@@ -18,6 +18,12 @@ type MapillaryPanelProps = {
     lookAt?: MapillaryLookAt | null;
     /** Outlines to draw in the shown image, e.g. the detections you care about. */
     outlines?: MapillaryViewerOutline[];
+    /**
+     * Hide the viewer's own attribution (creator and year). The host must then show the creator
+     * (`creatorName` of `onViewerPhoto`) and a link to the image on Mapillary itself; the images
+     * are CC BY-SA.
+     */
+    hideAttribution?: boolean;
 };
-export declare const MapillaryPanel: ({ photo, onPhotoSelected, onEaseMapToPoint, onViewerPhoto, lookAtBearing, lookAt, outlines, }: MapillaryPanelProps) => import("react").JSX.Element;
+export declare const MapillaryPanel: ({ photo, onPhotoSelected, onEaseMapToPoint, onViewerPhoto, lookAtBearing, lookAt, outlines, hideAttribution, }: MapillaryPanelProps) => import("react").JSX.Element;
 export {};

package/dist/panels/PanoramaxPanel.d.ts

@@ -6,6 +6,13 @@ type PanoramaxPanelProps = {
     groupPhotos: NormalizedPhoto[];
     onPhotoSelected: (selection: StreetImageryPhotoSelection) => void;
     onEaseMapToPoint: (lng: number, lat: number) => void;
+    /** The shown picture with creator, licence, local capture time and camera. */
+    onViewerPhoto?: (photo: NormalizedPhoto) => void;
+    /**
+     * Hide the viewer's own legend (a bottom drawer in narrow containers). The host must then show
+     * creator and licence itself, from `onViewerPhoto`.
+     */
+    hideLegend?: boolean;
 };
-export declare const PanoramaxPanel: ({ photo, onPhotoSelected, onEaseMapToPoint, }: PanoramaxPanelProps) => import("react").JSX.Element;
+export declare const PanoramaxPanel: ({ photo, onPhotoSelected, onEaseMapToPoint, onViewerPhoto, hideLegend, }: PanoramaxPanelProps) => import("react").JSX.Element;
 export {};

package/dist/panels/panoramaxLimitPanning.d.ts

@@ -0,0 +1,54 @@
+/** The parts of Photo Sphere Viewer (inside the Panoramax viewer) that limiting the view needs. */
+export type PsvForPanLimit = {
+    state: {
+        hFov: number;
+        vFov: number;
+        textureData?: {
+            panoData?: {
+                baseData?: {
+                    fullWidth: number;
+                    fullHeight: number;
+                    croppedWidth: number;
+                    croppedHeight: number;
+                    croppedX: number;
+                    croppedY: number;
+                };
+            };
+        };
+    };
+    dataHelper: {
+        fovToZoomLevel(fov: number): number;
+    };
+    getZoomLevel(): number;
+    zoom(level: number): void;
+    getPosition(): {
+        yaw: number;
+        pitch: number;
+    };
+    rotate(position: {
+        yaw: number;
+        pitch: number;
+    }): void;
+    addEventListener(type: string, listener: (event: Event) => void): void;
+    removeEventListener(type: string, listener: (event: Event) => void): void;
+};
+type ViewPosition = {
+    yaw: number;
+    pitch: number;
+};
+/**
+ * The view position moved back so the image stays in view. Flat photos are shown as a small
+ * patch of a sphere; outside the patch there is only black. 360° photos have no limit.
+ */
+export declare const limitToImage: (psv: PsvForPanLimit, position: ViewPosition) => ViewPosition;
+/**
+ * The widest zoom level for a flat photo: the image with a small margin around it (in the
+ * tighter direction). `null` when there is no limit.
+ */
+export declare const widestZoomLevel: (psv: PsvForPanLimit) => number | null;
+/**
+ * Keep the view inside the image while the user pans and zooms. Returns a function that removes
+ * the listeners again.
+ */
+export declare const limitPanningToImage: (psv: PsvForPanLimit) => (() => void);
+export {};

package/dist/panels/panoramaxPhotoFromMetadata.d.ts

@@ -0,0 +1,8 @@
+import type { NormalizedPhoto } from '@osm-editor-kit/street-imagery';
+import type { PnxPictureMetadata } from './panoramax-photo-viewer.d';
+/**
+ * The shown picture as a photo with everything the Panoramax viewer knows about it: creator,
+ * licence, local capture time, camera. The viewer's own legend holds the same; hosts show it in
+ * their own layout instead.
+ */
+export declare const panoramaxPhotoFromMetadata: (metadata: PnxPictureMetadata) => NormalizedPhoto;

package/dist/photo-details/PhotoDetailsDialog.d.ts

@@ -0,0 +1,21 @@
+import { type NormalizedPhoto } from '@osm-editor-kit/street-imagery';
+import { type PhotoDetailsLabels } from './labels';
+export type PhotoDetailsDialogProps = {
+    /** The photo with its `details`, as a viewer's `onViewerPhoto` gives it. */
+    photo: NormalizedPhoto;
+    open: boolean;
+    onClose: () => void;
+    /** Link to the photo on the provider's site, shown at the photo id. */
+    externalUrl?: string;
+    /** Replace single texts; the rest follows the `StreetImageryLocaleProvider`'s language. */
+    labels?: Partial<PhotoDetailsLabels>;
+};
+/**
+ * Everything known about a photo, as a modal: capture, camera, position, source and raw EXIF.
+ * Replaces the providers' own legends (Panoramax's drawer), which do not fit a small viewer box.
+ * A native `<dialog>`: Escape and a click on the backdrop close it.
+ *
+ * Lives in its own entry (`@osm-editor-kit/street-imagery-react/photo-details`), so apps that do
+ * not import it do not bundle it.
+ */
+export declare const PhotoDetailsDialog: ({ photo, open, onClose, externalUrl, labels, }: PhotoDetailsDialogProps) => import("react").JSX.Element;

package/dist/photo-details/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Optional entry: the photo details dialog. Import it from
+ * `@osm-editor-kit/street-imagery-react/photo-details`; apps that do not, do not bundle it.
+ */
+export { PhotoDetailsDialog, type PhotoDetailsDialogProps } from './PhotoDetailsDialog';
+export { PHOTO_DETAILS_LABELS, type PhotoDetailsLabels } from './labels';

package/dist/photo-details/labels.d.ts

@@ -0,0 +1,33 @@
+import type { StreetImageryLocale } from '@osm-editor-kit/street-imagery';
+/** Texts of the photo details dialog and of the button that opens it. */
+export type PhotoDetailsLabels = {
+    open: string;
+    title: string;
+    close: string;
+    sectionCapture: string;
+    sectionCamera: string;
+    sectionPosition: string;
+    sectionSource: string;
+    creator: string;
+    contact: string;
+    capturedAt: string;
+    uploadedAt: string;
+    license: string;
+    type: string;
+    pano: string;
+    flat: string;
+    camera: string;
+    focalLength: string;
+    fieldOfView: string;
+    coordinates: string;
+    heading: string;
+    accuracy: string;
+    provider: string;
+    instance: string;
+    photoId: string;
+    sequence: string;
+    rankInSequence: string;
+    file: string;
+    exif: (count: number) => string;
+};
+export declare const PHOTO_DETAILS_LABELS: Record<StreetImageryLocale, PhotoDetailsLabels>;

package/dist/photo-details.js

@@ -0,0 +1,235 @@
+import { useStreetImageryI18n } from './chunk-HA4GJWHI.js';
+import { providerById, formatLocalDateTime, formatDate, formatRelativeDate } from '@osm-editor-kit/street-imagery';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/photo-details/labels.ts
+var PHOTO_DETAILS_LABELS = {
+  en: {
+    open: "Details of this photo",
+    title: "Photo details",
+    close: "Close",
+    sectionCapture: "Capture",
+    sectionCamera: "Camera",
+    sectionPosition: "Position",
+    sectionSource: "Source",
+    creator: "Creator",
+    contact: "Contact",
+    capturedAt: "Captured",
+    uploadedAt: "Uploaded",
+    license: "Licence",
+    type: "Type",
+    pano: "360\xB0 panorama",
+    flat: "Flat photo",
+    camera: "Camera",
+    focalLength: "Focal length",
+    fieldOfView: "Field of view",
+    coordinates: "Coordinates",
+    heading: "Heading",
+    accuracy: "Accuracy",
+    provider: "Provider",
+    instance: "Instance",
+    photoId: "Photo ID",
+    sequence: "Sequence",
+    rankInSequence: "Position in sequence",
+    file: "File",
+    exif: (count) => `EXIF (${count} tags)`
+  },
+  de: {
+    open: "Details zu diesem Foto",
+    title: "Fotodetails",
+    close: "Schlie\xDFen",
+    sectionCapture: "Aufnahme",
+    sectionCamera: "Kamera",
+    sectionPosition: "Position",
+    sectionSource: "Quelle",
+    creator: "Urheber:in",
+    contact: "Kontakt",
+    capturedAt: "Aufgenommen",
+    uploadedAt: "Hochgeladen",
+    license: "Lizenz",
+    type: "Typ",
+    pano: "360\xB0-Panorama",
+    flat: "Normales Foto",
+    camera: "Kamera",
+    focalLength: "Brennweite",
+    fieldOfView: "Bildwinkel",
+    coordinates: "Koordinaten",
+    heading: "Blickrichtung",
+    accuracy: "Genauigkeit",
+    provider: "Anbieter",
+    instance: "Instanz",
+    photoId: "Foto-ID",
+    sequence: "Sequenz",
+    rankInSequence: "Position in der Sequenz",
+    file: "Datei",
+    exif: (count) => `EXIF (${count} Eintr\xE4ge)`
+  }
+};
+var formatBytes = (bytes) => bytes >= 1e6 ? `${(bytes / 1e6).toFixed(1)} MB` : `${Math.round(bytes / 1e3)} kB`;
+var LINK_CLASS = "text-zinc-950 underline decoration-zinc-950/30 hover:decoration-zinc-950";
+var Section = ({ title, rows }) => {
+  const filled = rows.filter(([, value]) => value != null && value !== "");
+  if (filled.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { className: "mt-6 first:mt-0", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xs/5 font-semibold tracking-wide text-zinc-500 uppercase", children: title }),
+    /* @__PURE__ */ jsx("dl", { className: "mt-1 grid grid-cols-[minmax(7rem,35%)_1fr] text-sm/6", children: filled.map(([term, value]) => /* @__PURE__ */ jsxs("div", { className: "col-span-2 grid grid-cols-subgrid border-t border-zinc-950/5", children: [
+      /* @__PURE__ */ jsx("dt", { className: "py-2 pr-3 text-zinc-500", children: term }),
+      /* @__PURE__ */ jsx("dd", { className: "min-w-0 py-2 wrap-break-word text-zinc-950", children: value })
+    ] }, term)) })
+  ] });
+};
+var PhotoDetailsDialog = ({
+  photo,
+  open,
+  onClose,
+  externalUrl,
+  labels
+}) => {
+  const { locale } = useStreetImageryI18n();
+  const t = { ...PHOTO_DETAILS_LABELS[locale], ...labels };
+  const dialogRef = useRef(null);
+  useEffect(
+    function syncOpenState() {
+      const dialog = dialogRef.current;
+      if (!dialog) {
+        return;
+      }
+      if (open && !dialog.open) {
+        dialog.showModal();
+        dialog.firstElementChild?.scrollTo({ top: 0 });
+      } else if (!open && dialog.open) {
+        dialog.close();
+      }
+    },
+    [open]
+  );
+  const details = photo.details ?? {};
+  const provider = providerById[photo.providerId];
+  const capturedAt = (details.capturedAtLocal ? formatLocalDateTime(details.capturedAtLocal, locale) : null) ?? (photo.capturedAt != null ? formatDate(photo.capturedAt, locale) : null);
+  const contact = details.creatorContact?.includes("@") ? /* @__PURE__ */ jsx("a", { className: LINK_CLASS, href: `mailto:${details.creatorContact}`, children: details.creatorContact }) : details.creatorContact;
+  const license = details.license && details.licenseUrl ? /* @__PURE__ */ jsx("a", { className: LINK_CLASS, href: details.licenseUrl, rel: "noreferrer", target: "_blank", children: details.license }) : details.license;
+  const photoId = externalUrl ? /* @__PURE__ */ jsx("a", { className: LINK_CLASS, href: externalUrl, rel: "noreferrer", target: "_blank", children: photo.photoId }) : photo.photoId;
+  const exif = Object.entries(details.exif ?? {}).sort(([a], [b]) => a.localeCompare(b));
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      "aria-labelledby": "photo-details-title",
+      className: "m-auto w-full max-w-lg rounded-2xl bg-white p-0 shadow-lg ring-1 ring-zinc-950/10 backdrop:bg-zinc-950/25",
+      ref: dialogRef,
+      onClick: (event) => {
+        if (event.target === event.currentTarget) {
+          onClose();
+        }
+      },
+      onClose,
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.stopPropagation();
+        }
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "max-h-[85vh] overflow-y-auto p-6 sm:p-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs("h2", { className: "text-base/6 font-semibold text-zinc-950", id: "photo-details-title", children: [
+            t.title,
+            /* @__PURE__ */ jsx("span", { className: "ml-2 font-normal text-zinc-500", children: provider.label })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "-m-1 rounded-md p-1 text-sm/6 font-medium text-zinc-500 hover:bg-zinc-950/5 hover:text-zinc-950",
+              type: "button",
+              onClick: onClose,
+              children: t.close
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
+          /* @__PURE__ */ jsx(
+            Section,
+            {
+              rows: [
+                [t.creator, photo.creatorName],
+                [t.contact, contact],
+                [
+                  t.capturedAt,
+                  capturedAt && photo.capturedAt != null ? `${capturedAt} \xB7 ${formatRelativeDate(photo.capturedAt, locale)}` : capturedAt
+                ],
+                [
+                  t.uploadedAt,
+                  details.uploadedAt != null ? formatDate(details.uploadedAt, locale) : null
+                ],
+                [t.license, license]
+              ],
+              title: t.sectionCapture
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Section,
+            {
+              rows: [
+                [t.type, photo.isPano == null ? null : photo.isPano ? t.pano : t.flat],
+                [t.camera, details.camera],
+                [t.focalLength, details.focalLengthMm != null ? `${details.focalLengthMm} mm` : null],
+                [
+                  t.fieldOfView,
+                  details.fieldOfViewDeg != null ? `${Math.round(details.fieldOfViewDeg)}\xB0` : null
+                ]
+              ],
+              title: t.sectionCamera
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Section,
+            {
+              rows: [
+                [t.coordinates, `${photo.lngLat[1].toFixed(6)}, ${photo.lngLat[0].toFixed(6)}`],
+                [t.heading, photo.heading != null ? `${Math.round(photo.heading)}\xB0` : null],
+                [
+                  t.accuracy,
+                  details.positionAccuracyMeters != null ? `\xB1 ${details.positionAccuracyMeters} m` : null
+                ]
+              ],
+              title: t.sectionPosition
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Section,
+            {
+              rows: [
+                [t.provider, provider.label],
+                [t.instance, details.instance],
+                [t.photoId, photoId],
+                [t.sequence, photo.sequenceId],
+                [t.rankInSequence, details.rankInSequence],
+                [
+                  t.file,
+                  details.originalFileName ? `${details.originalFileName}${details.originalFileSizeBytes != null ? ` (${formatBytes(details.originalFileSizeBytes)})` : ""}` : null
+                ]
+              ],
+              title: t.sectionSource
+            }
+          ),
+          exif.length > 0 ? /* @__PURE__ */ jsxs("details", { className: "mt-6 border-t border-zinc-950/5 pt-3", children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs/5 font-semibold tracking-wide text-zinc-500 uppercase hover:text-zinc-950", children: t.exif(exif.length) }),
+            /* @__PURE__ */ jsx("dl", { className: "mt-2 grid grid-cols-[minmax(7rem,45%)_1fr] text-xs/5", children: exif.map(([key, value]) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "col-span-2 grid grid-cols-subgrid border-t border-zinc-950/5",
+                children: [
+                  /* @__PURE__ */ jsx("dt", { className: "py-1 pr-3 wrap-break-word text-zinc-500", children: key }),
+                  /* @__PURE__ */ jsx("dd", { className: "min-w-0 py-1 wrap-break-word text-zinc-950", children: value })
+                ]
+              },
+              key
+            )) })
+          ] }) : null
+        ] })
+      ] })
+    }
+  );
+};
+
+export { PHOTO_DETAILS_LABELS, PhotoDetailsDialog };

package/dist/viewpoints/FloatingPhotoViewer.d.ts

@@ -1,7 +1,14 @@
 import type { ViewSuggestion } from '@osm-editor-kit/street-imagery';
 import { type ReactNode } from 'react';
+/** Info button for `titleActions`; `label` is its tooltip and accessible name. */
+export declare const FloatingViewerInfoButton: ({ label, onClick, }: {
+    label: string;
+    onClick: () => void;
+}) => import("react").JSX.Element;
 export type FloatingPhotoViewerProps = {
     title: ReactNode;
+    /** Buttons right after the title, e.g. `<FloatingViewerInfoButton>` for the photo's details. */
+    titleActions?: ReactNode;
     /** Suggested views (viewpoint × direction); shown as chips. Empty hides the strip. */
     suggestions: ViewSuggestion[];
     activeDirectionKey: string | null;
@@ -11,6 +18,21 @@ export type FloatingPhotoViewerProps = {
     onBack: () => void;
     onForward: () => void;
     onClose: () => void;
+    /**
+     * Step to the neighbouring photo, e.g. along the clicked street: the `<` `>` buttons at the
+     * left of the header. A missing handler disables its button.
+     */
+    step?: {
+        onPrevious?: () => void;
+        onNext?: () => void;
+        previousLabel: string;
+        nextLabel: string;
+    };
+    /**
+     * Bar below the header, in place of the suggested-view chips; e.g. the map feature the photos
+     * belong to, with a button per capture day.
+     */
+    toolbar?: ReactNode;
     /** Short status line, e.g. "Loading…" or "No photos from the last 2 years". */
     status?: ReactNode;
     /** Viewer body (provider panel). */
@@ -26,6 +48,7 @@ export type FloatingPhotoViewerProps = {
 };
 /**
  * Photo viewer box floating over the map. Render inside a positioned (relative) map container.
- * Drag the header to move, drag the left edge to resize. Keys: Esc closes, [ and ] step history.
+ * Drag the header to move, drag the left edge to resize. Keys: Esc closes, [ and ] step history,
+ * Alt + arrow left/right step along (`step`).
  */
-export declare const FloatingPhotoViewer: ({ title, suggestions, activeDirectionKey, onSelectSuggestion, canGoBack, canGoForward, onBack, onForward, onClose, status, children, footer, drawer, storageKey, }: FloatingPhotoViewerProps) => import("react").JSX.Element;
+export declare const FloatingPhotoViewer: ({ title, titleActions, suggestions, activeDirectionKey, onSelectSuggestion, canGoBack, canGoForward, onBack, onForward, onClose, step, toolbar, status, children, footer, drawer, storageKey, }: FloatingPhotoViewerProps) => import("react").JSX.Element;

package/dist/viewpoints/useViewpointSessionStore.d.ts

@@ -9,21 +9,12 @@ type OpenInput = {
     /** Clicked line, drawn as context on the map. */
     line?: LngLat[] | null;
 };
-export declare const useViewpointSessionId: () => number;
 export declare const useViewpoints: () => Viewpoint[];
 export declare const useViewpointLine: () => LngLat[] | null;
 export declare const useActiveDirectionKey: () => string | null;
 export declare const useCurrentHistoryEntry: () => ViewpointHistoryEntry;
 export declare const useCanGoBack: () => boolean;
 export declare const useCanGoForward: () => boolean;
-export declare const useViewpointSessionActions: () => {
-    open: (input: OpenInput) => void;
-    /** Show a photo; truncates forward history. No-op when it is already the current photo. */
-    showPhoto: (entry: ViewpointHistoryEntry) => void;
-    back: () => ViewpointHistoryEntry | null;
-    forward: () => ViewpointHistoryEntry | null;
-    close: () => void;
-};
 /** Actions + current entry outside React (event handlers, tests). */
 export declare const getViewpointSession: () => {
     actions: {
@@ -33,6 +24,8 @@ export declare const getViewpointSession: () => {
         back: () => ViewpointHistoryEntry | null;
         forward: () => ViewpointHistoryEntry | null;
         close: () => void;
+        /** Like `close`, and forget the history too: the viewer was closed. */
+        reset: () => void;
     };
     current: ViewpointHistoryEntry;
 };

package/dist/viewpoints/viewDirectionLabels.d.ts

@@ -1,4 +1,4 @@
-import type { ViewSuggestion, ViewpointRole } from '@osm-editor-kit/street-imagery';
-export declare const viewpointRoleLabel: (role: ViewpointRole) => string;
-/** Short human label, e.g. "Start → forward", "Here · N", "Junction · in". */
-export declare const viewSuggestionLabel: ({ viewpoint, direction }: ViewSuggestion) => string;
+import type { ViewSuggestion } from '@osm-editor-kit/street-imagery';
+import type { StreetImageryMessages } from '../i18n/messages';
+/** Label of a suggested view, e.g. "Start, looking along the street". */
+export declare const viewSuggestionLabel: ({ viewpoint, direction }: ViewSuggestion, messages: StreetImageryMessages) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osm-editor-kit/street-imagery-react",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.6",
   "description": "React MapLibre layers and photo viewers for street-level imagery providers.",
   "homepage": "https://github.com/osmberlin/street-space-editor/tree/main/packages/street-imagery-react",
   "license": "MIT",
@@ -19,6 +19,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./photo-details": {
+      "types": "./dist/photo-details/index.d.ts",
+      "import": "./dist/photo-details.js"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -51,7 +55,7 @@
     "zustand": "^5.0.7"
   },
   "peerDependencies": {
-    "@osm-editor-kit/street-imagery": "^0.1.0-alpha.4",
+    "@osm-editor-kit/street-imagery": "^0.1.0-alpha.5",
     "@panoramax/web-viewer": "^5",
     "@tanstack/react-query": "^5",
     "mapillary-js": "^4",
@@ -66,6 +70,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./photo-details": {
+      "types": "./dist/photo-details/index.d.ts",
+      "import": "./dist/photo-details.js"
+    },
     "./package.json": "./package.json"
   }
 }

package/dist/MapillaryPanel-I5GKT6YT.js

@@ -1,2 +0,0 @@
-export { MapillaryPanel } from './chunk-72HJV6II.js';
-import './chunk-25UGGXIE.js';

package/dist/PanoramaxPanel-J6ANR6LB.js

@@ -1,2 +0,0 @@
-export { PanoramaxPanel } from './chunk-ZH3TPW4D.js';
-import './chunk-25UGGXIE.js';