@accelint/map-toolkit 0.4.1 → 0.6.0

package/dist/deckgl/shapes/shared/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["DEFAULT_STYLE_PROPERTIES: StyleProperties","DASH_ARRAYS: Record<\n  'solid' | 'dashed' | 'dotted',\n  [number, number] | null\n>"],"sources":["../../../../src/deckgl/shapes/shared/constants.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { Color } from '@deck.gl/core';\nimport type { StyleProperties } from './types';\n\n/**\n * Layer IDs for shape layers\n */\nexport const SHAPE_LAYER_IDS = {\n  DISPLAY: 'DISPLAY_SHAPES',\n  DISPLAY_HIGHLIGHT: 'DISPLAY_SHAPES::Highlight',\n  DISPLAY_LABELS: 'DISPLAY_SHAPES::Labels',\n} as const;\n\n/**\n * Base fill opacity multiplier (60%) for standard semi-transparent look\n */\nexport const BASE_FILL_OPACITY = 0.2;\n\n/**\n * Default stroke width in pixels when not specified in styleProperties\n */\nexport const DEFAULT_STROKE_WIDTH = 2;\n\n/**\n * Additional pixels added to stroke width on hover\n */\nexport const HOVER_WIDTH_INCREASE = 2;\n\n/**\n * Additional pixels added to stroke width for selection highlight\n */\nexport const HIGHLIGHT_WIDTH_INCREASE = 5;\n\n/**\n * Fixed opacity for label background (0-255)\n */\nexport const LABEL_BACKGROUND_OPACITY = 200;\n\n/**\n * Fixed opacity for label border (0-255)\n */\nexport const LABEL_BORDER_OPACITY = 255;\n\n/**\n * Default colors as RGBA arrays for DeckGL layers\n */\nexport const DEFAULT_COLORS = {\n  /** Default fill color (background-surface-muted gray at full alpha) */\n  fill: [255, 255, 255, 255] as Color,\n  /** Default stroke color (outline-interactive-hover gray at full alpha) */\n  stroke: [136, 138, 143, 255] as Color,\n  /** Highlight/selection color (turquoise at ~39% alpha) */\n  highlight: [40, 245, 190, 100] as Color,\n} as const;\n\n/**\n * Default style properties for new shapes\n */\nexport const DEFAULT_STYLE_PROPERTIES: StyleProperties = {\n  fillColor: DEFAULT_COLORS.fill,\n  strokeColor: DEFAULT_COLORS.stroke,\n  strokeWidth: 2,\n  strokePattern: 'solid',\n};\n\n/**\n * Stroke width options\n */\nexport const STROKE_WIDTHS = [1, 2, 4, 8] as const;\n\n/**\n * Stroke pattern options\n */\nexport const STROKE_PATTERNS = ['solid', 'dashed', 'dotted'] as const;\n\n/**\n * Dash array patterns for stroke rendering\n */\nexport const DASH_ARRAYS: Record<\n  'solid' | 'dashed' | 'dotted',\n  [number, number] | null\n> = {\n  solid: null,\n  dashed: [8, 4],\n  dotted: [2, 4],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAa,kBAAkB;CAC7B,SAAS;CACT,mBAAmB;CACnB,gBAAgB;CACjB;;;;AAKD,MAAa,oBAAoB;;;;AAKjC,MAAa,uBAAuB;;;;AAKpC,MAAa,uBAAuB;;;;AAKpC,MAAa,2BAA2B;;;;AAKxC,MAAa,2BAA2B;;;;AAKxC,MAAa,uBAAuB;;;;AAKpC,MAAa,iBAAiB;CAE5B,MAAM;EAAC;EAAK;EAAK;EAAK;EAAI;CAE1B,QAAQ;EAAC;EAAK;EAAK;EAAK;EAAI;CAE5B,WAAW;EAAC;EAAI;EAAK;EAAK;EAAI;CAC/B;;;;AAKD,MAAaA,2BAA4C;CACvD,WAAW,eAAe;CAC1B,aAAa,eAAe;CAC5B,aAAa;CACb,eAAe;CAChB;;;;AAKD,MAAa,gBAAgB;CAAC;CAAG;CAAG;CAAG;CAAE;;;;AAKzC,MAAa,kBAAkB;CAAC;CAAS;CAAU;CAAS;;;;AAK5D,MAAaC,cAGT;CACF,OAAO;CACP,QAAQ,CAAC,GAAG,EAAE;CACd,QAAQ,CAAC,GAAG,EAAE;CACf"}

package/dist/deckgl/shapes/shared/events.d.ts

@@ -0,0 +1,73 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { ShapeId } from "./types.js";
+import { Payload } from "@accelint/bus";
+import { UniqueId } from "@accelint/core";
+
+//#region src/deckgl/shapes/shared/events.d.ts
+/**
+ * Shape interaction events for DisplayShapeLayer
+ */
+declare const ShapeEvents: {
+  /** Shape selected */
+  readonly selected: "shapes:selected";
+  /** Selection cleared */
+  readonly deselected: "shapes:deselected";
+  /** Shape hovered (for cursor changes) */
+  readonly hovered: "shapes:hovered";
+};
+type ShapeEventType = (typeof ShapeEvents)[keyof typeof ShapeEvents];
+/**
+ * Event payload types (all payloads are serializable)
+ */
+type ShapeSelectedEvent = Payload<'shapes:selected', {
+  shapeId: ShapeId;
+  /** Map instance ID for multi-map event isolation */
+  mapId: UniqueId;
+}>;
+type ShapeDeselectedEvent = Payload<'shapes:deselected', {
+  /** Map instance ID for multi-map event isolation */
+  mapId: UniqueId;
+}>;
+type ShapeHoveredEvent = Payload<'shapes:hovered', {
+  /** Shape ID being hovered, or null when hover ends */
+  shapeId: ShapeId | null;
+  /** Map instance ID for multi-map event isolation */
+  mapId: UniqueId;
+}>;
+/**
+ * Union of all shape event types
+ */
+type ShapeEvent = ShapeSelectedEvent | ShapeDeselectedEvent | ShapeHoveredEvent;
+/**
+ * Aliases for backward compatibility
+ */
+declare const SHAPE_EVENTS: {
+  /** Shape selected */
+  readonly selected: "shapes:selected";
+  /** Selection cleared */
+  readonly deselected: "shapes:deselected";
+  /** Shape hovered (for cursor changes) */
+  readonly hovered: "shapes:hovered";
+};
+type ShapeEventPayload = ShapeEvent;
+type ShapeEventHandler<T extends ShapeEventType = ShapeEventType> = (event: Extract<ShapeEvent, {
+  type: T;
+}>) => void;
+/**
+ * Shape events namespace for bus integration
+ */
+declare const ShapeEventsNamespace = "shapes";
+//#endregion
+export { SHAPE_EVENTS, ShapeDeselectedEvent, ShapeEvent, ShapeEventHandler, ShapeEventPayload, ShapeEventType, ShapeEvents, ShapeEventsNamespace, ShapeHoveredEvent, ShapeSelectedEvent };
+//# sourceMappingURL=events.d.ts.map

package/dist/deckgl/shapes/shared/events.js

@@ -0,0 +1,58 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+'use client';
+
+//#region src/deckgl/shapes/shared/events.ts
+/**
+* Shape interaction events for DisplayShapeLayer
+*/
+const ShapeEvents = {
+	selected: "shapes:selected",
+	deselected: "shapes:deselected",
+	hovered: "shapes:hovered"
+};
+/**
+* Aliases for backward compatibility
+*/
+const SHAPE_EVENTS = ShapeEvents;
+/**
+* Shape events namespace for bus integration
+*/
+const ShapeEventsNamespace = "shapes";
+/**
+* Note: These utility functions are deprecated in favor of direct bus usage.
+* Use `useEmit` and `useOn` from '@accelint/bus/react' in React components instead.
+*
+* @example
+* ```tsx
+* import { useEmit, useOn } from '@accelint/bus/react';
+* import { ShapeEvents } from '@accelint/map-toolkit/deckgl/shapes';
+*
+* function MyComponent() {
+*   const emit = useEmit();
+*
+*   // Emit shape selected event
+*   emit(ShapeEvents.selected, { shapeId: 'some-id' });
+*
+*   // Listen to shape events
+*   useOn(ShapeEvents.selected, (event) => {
+*     console.log('Shape selected:', event.data.shapeId);
+*   });
+* }
+* ```
+*/
+
+//#endregion
+export { SHAPE_EVENTS, ShapeEvents, ShapeEventsNamespace };
+//# sourceMappingURL=events.js.map

package/dist/deckgl/shapes/shared/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","names":[],"sources":["../../../../src/deckgl/shapes/shared/events.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { Payload } from '@accelint/bus';\nimport type { UniqueId } from '@accelint/core';\nimport type { ShapeId } from './types';\n\n/**\n * Shape interaction events for DisplayShapeLayer\n */\nexport const ShapeEvents = {\n  /** Shape selected */\n  selected: 'shapes:selected',\n  /** Selection cleared */\n  deselected: 'shapes:deselected',\n  /** Shape hovered (for cursor changes) */\n  hovered: 'shapes:hovered',\n} as const;\n\nexport type ShapeEventType = (typeof ShapeEvents)[keyof typeof ShapeEvents];\n\n/**\n * Event payload types (all payloads are serializable)\n */\n\nexport type ShapeSelectedEvent = Payload<\n  'shapes:selected',\n  {\n    shapeId: ShapeId;\n    /** Map instance ID for multi-map event isolation */\n    mapId: UniqueId;\n  }\n>;\n\nexport type ShapeDeselectedEvent = Payload<\n  'shapes:deselected',\n  {\n    /** Map instance ID for multi-map event isolation */\n    mapId: UniqueId;\n  }\n>;\n\nexport type ShapeHoveredEvent = Payload<\n  'shapes:hovered',\n  {\n    /** Shape ID being hovered, or null when hover ends */\n    shapeId: ShapeId | null;\n    /** Map instance ID for multi-map event isolation */\n    mapId: UniqueId;\n  }\n>;\n\n/**\n * Union of all shape event types\n */\nexport type ShapeEvent =\n  | ShapeSelectedEvent\n  | ShapeDeselectedEvent\n  | ShapeHoveredEvent;\n\n/**\n * Aliases for backward compatibility\n */\nexport const SHAPE_EVENTS = ShapeEvents;\nexport type ShapeEventPayload = ShapeEvent;\nexport type ShapeEventHandler<T extends ShapeEventType = ShapeEventType> = (\n  event: Extract<ShapeEvent, { type: T }>,\n) => void;\n\n/**\n * Shape events namespace for bus integration\n */\nexport const ShapeEventsNamespace = 'shapes';\n\n/**\n * Note: These utility functions are deprecated in favor of direct bus usage.\n * Use `useEmit` and `useOn` from '@accelint/bus/react' in React components instead.\n *\n * @example\n * ```tsx\n * import { useEmit, useOn } from '@accelint/bus/react';\n * import { ShapeEvents } from '@accelint/map-toolkit/deckgl/shapes';\n *\n * function MyComponent() {\n *   const emit = useEmit();\n *\n *   // Emit shape selected event\n *   emit(ShapeEvents.selected, { shapeId: 'some-id' });\n *\n *   // Listen to shape events\n *   useOn(ShapeEvents.selected, (event) => {\n *     console.log('Shape selected:', event.data.shapeId);\n *   });\n * }\n * ```\n */\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cAAc;CAEzB,UAAU;CAEV,YAAY;CAEZ,SAAS;CACV;;;;AA8CD,MAAa,eAAe;;;;AAS5B,MAAa,uBAAuB"}

package/dist/deckgl/shapes/shared/types.d.ts

@@ -0,0 +1,158 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { UniqueId } from "@accelint/core";
+import { Color } from "@deck.gl/core";
+import { Feature, LineString, Point, Polygon } from "geojson";
+
+//#region src/deckgl/shapes/shared/types.d.ts
+/**
+ * Supported shape types
+ */
+declare const ShapeFeatureType: {
+  readonly Circle: "Circle";
+  readonly Polygon: "Polygon";
+  readonly LineString: "LineString";
+  readonly Point: "Point";
+};
+type ShapeFeatureType = (typeof ShapeFeatureType)[keyof typeof ShapeFeatureType];
+/**
+ * Shape ID type - uses UniqueId from core
+ */
+type ShapeId = UniqueId;
+/**
+ * Stroke width options (in pixels)
+ */
+type StrokeWidth = 1 | 2 | 4 | 8;
+/**
+ * Stroke pattern options
+ */
+type StrokePattern = 'solid' | 'dashed' | 'dotted';
+/**
+ * Style properties for rendering shapes
+ */
+interface StyleProperties {
+  /** Fill color as RGBA array [r, g, b, a] where each value is 0-255 */
+  fillColor: Color;
+  /** Stroke color as RGBA array [r, g, b, a] where each value is 0-255 */
+  strokeColor: Color;
+  /** Stroke width in pixels */
+  strokeWidth: StrokeWidth;
+  /** Stroke pattern */
+  strokePattern: StrokePattern;
+  /** Optional icon properties for Point geometries */
+  icon?: {
+    /** Icon atlas URL or data */
+    atlas?: string;
+    /** Icon mapping (name to position in atlas) */
+    mapping?: Record<string, {
+      x: number;
+      y: number;
+      width: number;
+      height: number;
+      mask?: boolean;
+    }>;
+    /** Icon name to use from mapping */
+    name?: string;
+    /** Icon size in pixels */
+    size?: number;
+  };
+  /** Optional custom label pixel offset [x, y] */
+  labelOffset?: [number, number];
+  /** Optional custom label vertical anchor */
+  labelVerticalAnchor?: 'top' | 'middle' | 'bottom';
+  /** Optional custom label horizontal anchor */
+  labelHorizontalAnchor?: 'left' | 'center' | 'right';
+  /** Optional custom label coordinate anchor (position along geometry) */
+  labelCoordinateAnchor?: 'center' | 'start' | 'middle' | 'end' | 'top' | 'right' | 'bottom' | 'left';
+}
+/**
+ * Circle-specific properties for precise rendering
+ * Stored alongside the polygon approximation
+ */
+interface CircleProperties {
+  /** Center point as [longitude, latitude] */
+  center: [number, number];
+  /** Radius with value and units */
+  radius: {
+    /** Radius value */
+    value: number;
+    /** Units (hardcoded to kilometers for v1) */
+    units: 'kilometers';
+  };
+}
+/**
+ * Custom geometry types supported
+ */
+type CustomGeometry = Point | LineString | Polygon;
+/**
+ * GeoJSON Feature with style properties
+ */
+interface StyledFeature extends Feature {
+  properties: {
+    /** Style properties for rendering */
+    styleProperties: StyleProperties;
+    /** Circle properties (only for Circle type shapes) */
+    circleProperties?: CircleProperties;
+    /** Shape ID for correlation */
+    shapeId?: ShapeId;
+  };
+}
+/**
+ * Shape data structure for DisplayShapeLayer
+ */
+interface DisplayShape {
+  /** Unique identifier */
+  id: ShapeId;
+  /** Full shape name used internally and in UI */
+  name: string;
+  /**
+   * Optional short display label shown on the map
+   * If not provided, the `name` property will be used instead
+   * Useful for showing abbreviated text on the map (e.g., "NYC" vs "New York City Office")
+   */
+  label?: string;
+  /** Shape type */
+  shapeType: ShapeFeatureTypeValues;
+  /** GeoJSON feature with geometry and style properties */
+  feature: ShapeFeature;
+  /** UTC timestamp (only set when saved) */
+  lastUpdated?: number;
+}
+/**
+ * Alias for backward compatibility
+ * @deprecated Use DisplayShape instead
+ */
+type EditableShape = DisplayShape;
+/**
+ * Alias for ShapeFeatureType values
+ */
+type ShapeFeatureTypeValues = ShapeFeatureType;
+/**
+ * Alias for StyledFeature (shape feature)
+ */
+type ShapeFeature = StyledFeature;
+/**
+ * Alias for StyledFeature properties
+ */
+type ShapeFeatureProperties = StyledFeature['properties'];
+/**
+ * Circle radius type
+ */
+type CircleRadius = CircleProperties['radius'];
+/**
+ * Coordinate as [longitude, latitude]
+ */
+type Coordinate = [number, number];
+//#endregion
+export { CircleProperties, CircleRadius, Coordinate, CustomGeometry, DisplayShape, EditableShape, ShapeFeature, ShapeFeatureProperties, ShapeFeatureType, ShapeFeatureTypeValues, ShapeId, StrokePattern, StrokeWidth, StyleProperties, StyledFeature };
+//# sourceMappingURL=types.d.ts.map

package/dist/{decorators/deckgl.js → deckgl/shapes/shared/types.js}

@@ -11,22 +11,19 @@
  */
 
 
-import { BaseMap } from "../deckgl/base-map/index.js";
-import { uuid } from "@accelint/core";
-import { jsx } from "react/jsx-runtime";
+'use client';
 
-//#region src/decorators/deckgl.tsx
-const STORYBOOK_MAP_ID = uuid();
-const withDeckGL = () => {
-	return (Story) => {
-		return /* @__PURE__ */ jsx(BaseMap, {
-			className: "h-dvh w-dvw",
-			id: STORYBOOK_MAP_ID,
-			children: /* @__PURE__ */ jsx(Story, {})
-		});
-	};
+//#region src/deckgl/shapes/shared/types.ts
+/**
+* Supported shape types
+*/
+const ShapeFeatureType = {
+	Circle: "Circle",
+	Polygon: "Polygon",
+	LineString: "LineString",
+	Point: "Point"
 };
 
 //#endregion
-export { withDeckGL };
-//# sourceMappingURL=deckgl.js.map
+export { ShapeFeatureType };
+//# sourceMappingURL=types.js.map

package/dist/deckgl/shapes/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/deckgl/shapes/shared/types.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { UniqueId } from '@accelint/core';\nimport type { Color } from '@deck.gl/core';\nimport type { Feature, LineString, Point, Polygon } from 'geojson';\n\n/**\n * Supported shape types\n */\nexport const ShapeFeatureType = {\n  Circle: 'Circle',\n  Polygon: 'Polygon',\n  LineString: 'LineString',\n  Point: 'Point',\n} as const;\n\nexport type ShapeFeatureType =\n  (typeof ShapeFeatureType)[keyof typeof ShapeFeatureType];\n\n/**\n * Shape ID type - uses UniqueId from core\n */\nexport type ShapeId = UniqueId;\n\n/**\n * Stroke width options (in pixels)\n */\nexport type StrokeWidth = 1 | 2 | 4 | 8;\n\n/**\n * Stroke pattern options\n */\nexport type StrokePattern = 'solid' | 'dashed' | 'dotted';\n\n/**\n * Style properties for rendering shapes\n */\nexport interface StyleProperties {\n  /** Fill color as RGBA array [r, g, b, a] where each value is 0-255 */\n  fillColor: Color;\n  /** Stroke color as RGBA array [r, g, b, a] where each value is 0-255 */\n  strokeColor: Color;\n  /** Stroke width in pixels */\n  strokeWidth: StrokeWidth;\n  /** Stroke pattern */\n  strokePattern: StrokePattern;\n  /** Optional icon properties for Point geometries */\n  icon?: {\n    /** Icon atlas URL or data */\n    atlas?: string;\n    /** Icon mapping (name to position in atlas) */\n    mapping?: Record<\n      string,\n      { x: number; y: number; width: number; height: number; mask?: boolean }\n    >;\n    /** Icon name to use from mapping */\n    name?: string;\n    /** Icon size in pixels */\n    size?: number;\n  };\n  /** Optional custom label pixel offset [x, y] */\n  labelOffset?: [number, number];\n  /** Optional custom label vertical anchor */\n  labelVerticalAnchor?: 'top' | 'middle' | 'bottom';\n  /** Optional custom label horizontal anchor */\n  labelHorizontalAnchor?: 'left' | 'center' | 'right';\n  /** Optional custom label coordinate anchor (position along geometry) */\n  labelCoordinateAnchor?:\n    | 'center'\n    | 'start'\n    | 'middle'\n    | 'end'\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'left';\n}\n\n/**\n * Circle-specific properties for precise rendering\n * Stored alongside the polygon approximation\n */\nexport interface CircleProperties {\n  /** Center point as [longitude, latitude] */\n  center: [number, number];\n  /** Radius with value and units */\n  radius: {\n    /** Radius value */\n    value: number;\n    /** Units (hardcoded to kilometers for v1) */\n    units: 'kilometers';\n  };\n}\n\n/**\n * Custom geometry types supported\n */\nexport type CustomGeometry = Point | LineString | Polygon;\n\n/**\n * GeoJSON Feature with style properties\n */\nexport interface StyledFeature extends Feature {\n  properties: {\n    /** Style properties for rendering */\n    styleProperties: StyleProperties;\n    /** Circle properties (only for Circle type shapes) */\n    circleProperties?: CircleProperties;\n    /** Shape ID for correlation */\n    shapeId?: ShapeId;\n  };\n}\n\n/**\n * Shape data structure for DisplayShapeLayer\n */\nexport interface DisplayShape {\n  /** Unique identifier */\n  id: ShapeId;\n  /** Full shape name used internally and in UI */\n  name: string;\n  /**\n   * Optional short display label shown on the map\n   * If not provided, the `name` property will be used instead\n   * Useful for showing abbreviated text on the map (e.g., \"NYC\" vs \"New York City Office\")\n   */\n  label?: string;\n  /** Shape type */\n  shapeType: ShapeFeatureTypeValues;\n  /** GeoJSON feature with geometry and style properties */\n  feature: ShapeFeature;\n  /** UTC timestamp (only set when saved) */\n  lastUpdated?: number;\n}\n\n/**\n * Alias for backward compatibility\n * @deprecated Use DisplayShape instead\n */\nexport type EditableShape = DisplayShape;\n\n/**\n * Alias for ShapeFeatureType values\n */\nexport type ShapeFeatureTypeValues = ShapeFeatureType;\n\n/**\n * Alias for StyledFeature (shape feature)\n */\nexport type ShapeFeature = StyledFeature;\n\n/**\n * Alias for StyledFeature properties\n */\nexport type ShapeFeatureProperties = StyledFeature['properties'];\n\n/**\n * Circle radius type\n */\nexport type CircleRadius = CircleProperties['radius'];\n\n/**\n * Coordinate as [longitude, latitude]\n */\nexport type Coordinate = [number, number];\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,MAAa,mBAAmB;CAC9B,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,OAAO;CACR"}

package/dist/deckgl/symbol-layer/index.d.ts

@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
+import { AccessorContext, AccessorFunction, DefaultProps } from "@deck.gl/core";
 import { IconLayer, IconLayerProps } from "@deck.gl/layers";
 import { SymbolOptions } from "milsymbol";
-import { AccessorContext, AccessorFunction, DefaultProps } from "@deck.gl/core";
 
 //#region src/deckgl/symbol-layer/index.d.ts
 type _SymbolLayerProps<TData = unknown> = {

package/dist/maplibre/hooks/use-maplibre.d.ts

@@ -24,7 +24,7 @@ import { IControl, Map, MapOptions } from "maplibre-gl";
  * @param deck - The Deck.gl IControl instance to add to the map
  * @param styleUrl - The MapLibre style URL to use for the map
  * @param options - MapLibre map options (container, center, zoom, etc.)
- * @returns The MapLibre map instance, or null if not yet initialized
+ * @returns A ref containing the MapLibre map instance (ref.current may be null before initialization)
  *
  * @example
  * ```tsx
@@ -48,7 +48,7 @@ import { IControl, Map, MapOptions } from "maplibre-gl";
  * }
  * ```
  */
-declare function useMapLibre(deck: IControl | null, styleUrl: string, options: MapOptions): Map | null;
+declare function useMapLibre(deck: IControl | null, styleUrl: string, options: MapOptions): React.RefObject<Map | null>;
 //#endregion
 export { useMapLibre };
 //# sourceMappingURL=use-maplibre.d.ts.map

package/dist/maplibre/hooks/use-maplibre.js

@@ -25,7 +25,7 @@ import { Map } from "maplibre-gl";
 * @param deck - The Deck.gl IControl instance to add to the map
 * @param styleUrl - The MapLibre style URL to use for the map
 * @param options - MapLibre map options (container, center, zoom, etc.)
-* @returns The MapLibre map instance, or null if not yet initialized
+* @returns A ref containing the MapLibre map instance (ref.current may be null before initialization)
 *
 * @example
 * ```tsx
@@ -75,7 +75,7 @@ function useMapLibre(deck, styleUrl, options) {
 	useEffect(() => {
 		if (mapRef.current) mapRef.current.setStyle(styleUrl);
 	}, [styleUrl]);
-	return mapRef.current;
+	return mapRef;
 }
 
 //#endregion

package/dist/maplibre/hooks/use-maplibre.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-maplibre.js","names":["MapLibre"],"sources":["../../../src/maplibre/hooks/use-maplibre.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type IControl, Map as MapLibre, type MapOptions } from 'maplibre-gl';\nimport { useEffect, useRef } from 'react';\n\n/**\n * Hook to integrate a MapLibre GL map with a Deck.gl instance.\n *\n * This hook manages the lifecycle of a MapLibre map, including initialization,\n * style updates, and cleanup. It ensures the Deck.gl control is properly added\n * to the map and handles cleanup when the component unmounts.\n *\n * @param deck - The Deck.gl IControl instance to add to the map\n * @param styleUrl - The MapLibre style URL to use for the map\n * @param options - MapLibre map options (container, center, zoom, etc.)\n * @returns The MapLibre map instance, or null if not yet initialized\n *\n * @example\n * ```tsx\n * function MapComponent() {\n *   const deckglInstance = useDeckgl();\n *   const container = useId();\n *\n *   const mapOptions = useMemo(() => ({\n *     container,\n *     center: [-122.4, 37.8],\n *     zoom: 12,\n *   }), [container]);\n *\n *   useMapLibre(\n *     deckglInstance as IControl,\n *     'https://tiles.example.com/style.json',\n *     mapOptions\n *   );\n *\n *   return <div id={container} />;\n * }\n * ```\n */\nexport function useMapLibre(\n  deck: IControl | null,\n  styleUrl: string,\n  options: MapOptions,\n) {\n  const mapRef = useRef<MapLibre | null>(null);\n  // Using a ref for options to avoid re-creating the map when options object reference changes\n  // The map is only created once on mount, options changes after that are ignored\n  const optionsRef = useRef(options);\n  // using a ref in the initial setup so that it doesn't cause a re-run of the effect on change\n  const styleRef = useRef(styleUrl);\n\n  // Initialize MapLibre instance once\n  useEffect(() => {\n    if (deck && !mapRef.current) {\n      mapRef.current = new MapLibre({\n        ...optionsRef.current,\n        style: styleRef.current,\n      });\n\n      mapRef.current.once('style.load', () => {\n        mapRef.current?.setProjection({ type: 'mercator' });\n        mapRef.current?.addControl(deck);\n      });\n\n      return () => {\n        if (mapRef.current) {\n          mapRef.current.removeControl(deck);\n          mapRef.current.remove();\n          mapRef.current = null;\n        }\n      };\n    }\n  }, [deck]);\n\n  // Update style when it changes\n  useEffect(() => {\n    if (mapRef.current) {\n      mapRef.current.setStyle(styleUrl);\n    }\n  }, [styleUrl]);\n\n  return mapRef.current;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,YACd,MACA,UACA,SACA;CACA,MAAM,SAAS,OAAwB,KAAK;CAG5C,MAAM,aAAa,OAAO,QAAQ;CAElC,MAAM,WAAW,OAAO,SAAS;AAGjC,iBAAgB;AACd,MAAI,QAAQ,CAAC,OAAO,SAAS;AAC3B,UAAO,UAAU,IAAIA,IAAS;IAC5B,GAAG,WAAW;IACd,OAAO,SAAS;IACjB,CAAC;AAEF,UAAO,QAAQ,KAAK,oBAAoB;AACtC,WAAO,SAAS,cAAc,EAAE,MAAM,YAAY,CAAC;AACnD,WAAO,SAAS,WAAW,KAAK;KAChC;AAEF,gBAAa;AACX,QAAI,OAAO,SAAS;AAClB,YAAO,QAAQ,cAAc,KAAK;AAClC,YAAO,QAAQ,QAAQ;AACvB,YAAO,UAAU;;;;IAItB,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,OAAO,QACT,QAAO,QAAQ,SAAS,SAAS;IAElC,CAAC,SAAS,CAAC;AAEd,QAAO,OAAO"}
+{"version":3,"file":"use-maplibre.js","names":["MapLibre"],"sources":["../../../src/maplibre/hooks/use-maplibre.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type IControl, Map as MapLibre, type MapOptions } from 'maplibre-gl';\nimport { useEffect, useRef } from 'react';\n\n/**\n * Hook to integrate a MapLibre GL map with a Deck.gl instance.\n *\n * This hook manages the lifecycle of a MapLibre map, including initialization,\n * style updates, and cleanup. It ensures the Deck.gl control is properly added\n * to the map and handles cleanup when the component unmounts.\n *\n * @param deck - The Deck.gl IControl instance to add to the map\n * @param styleUrl - The MapLibre style URL to use for the map\n * @param options - MapLibre map options (container, center, zoom, etc.)\n * @returns A ref containing the MapLibre map instance (ref.current may be null before initialization)\n *\n * @example\n * ```tsx\n * function MapComponent() {\n *   const deckglInstance = useDeckgl();\n *   const container = useId();\n *\n *   const mapOptions = useMemo(() => ({\n *     container,\n *     center: [-122.4, 37.8],\n *     zoom: 12,\n *   }), [container]);\n *\n *   useMapLibre(\n *     deckglInstance as IControl,\n *     'https://tiles.example.com/style.json',\n *     mapOptions\n *   );\n *\n *   return <div id={container} />;\n * }\n * ```\n */\nexport function useMapLibre(\n  deck: IControl | null,\n  styleUrl: string,\n  options: MapOptions,\n) {\n  const mapRef = useRef<MapLibre | null>(null);\n  // Using a ref for options to avoid re-creating the map when options object reference changes\n  // The map is only created once on mount, options changes after that are ignored\n  const optionsRef = useRef(options);\n  // using a ref in the initial setup so that it doesn't cause a re-run of the effect on change\n  const styleRef = useRef(styleUrl);\n\n  // Initialize MapLibre instance once\n  useEffect(() => {\n    if (deck && !mapRef.current) {\n      mapRef.current = new MapLibre({\n        ...optionsRef.current,\n        style: styleRef.current,\n      });\n\n      mapRef.current.once('style.load', () => {\n        mapRef.current?.setProjection({ type: 'mercator' });\n        mapRef.current?.addControl(deck);\n      });\n\n      return () => {\n        if (mapRef.current) {\n          mapRef.current.removeControl(deck);\n          mapRef.current.remove();\n          mapRef.current = null;\n        }\n      };\n    }\n  }, [deck]);\n\n  // Update style when it changes\n  useEffect(() => {\n    if (mapRef.current) {\n      mapRef.current.setStyle(styleUrl);\n    }\n  }, [styleUrl]);\n\n  return mapRef;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,YACd,MACA,UACA,SACA;CACA,MAAM,SAAS,OAAwB,KAAK;CAG5C,MAAM,aAAa,OAAO,QAAQ;CAElC,MAAM,WAAW,OAAO,SAAS;AAGjC,iBAAgB;AACd,MAAI,QAAQ,CAAC,OAAO,SAAS;AAC3B,UAAO,UAAU,IAAIA,IAAS;IAC5B,GAAG,WAAW;IACd,OAAO,SAAS;IACjB,CAAC;AAEF,UAAO,QAAQ,KAAK,oBAAoB;AACtC,WAAO,SAAS,cAAc,EAAE,MAAM,YAAY,CAAC;AACnD,WAAO,SAAS,WAAW,KAAK;KAChC;AAEF,gBAAa;AACX,QAAI,OAAO,SAAS;AAClB,YAAO,QAAQ,cAAc,KAAK;AAClC,YAAO,QAAQ,QAAQ;AACvB,YAAO,UAAU;;;;IAItB,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,OAAO,QACT,QAAO,QAAQ,SAAS,SAAS;IAElC,CAAC,SAAS,CAAC;AAEd,QAAO"}

package/dist/viewport/viewport-size.d.ts

@@ -13,7 +13,7 @@
 import { SupportedDistanceUnit } from "./types.js";
 import { ComponentPropsWithRef } from "react";
 import { UniqueId } from "@accelint/core";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/viewport/viewport-size.d.ts
 type ViewportSizeProps = ComponentPropsWithRef<'span'> & {
@@ -48,7 +48,7 @@ declare function ViewportSize({
   instanceId,
   unit,
   ...rest
-}: ViewportSizeProps): react_jsx_runtime0.JSX.Element;
+}: ViewportSizeProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ViewportSize, ViewportSizeProps };
 //# sourceMappingURL=viewport-size.d.ts.map

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@accelint/map-toolkit",
   "description": "A collection of components and utilities to simplify visualizing and working with geospatial data.",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "author": "https://hypergiant.com",
   "$schema": "https://json.schemastore.org/package",
   "devDependencies": {
     "@deck.gl/core": "~9.1",
     "@deck.gl/extensions": "~9.1",
-    "@deck.gl/geo-layers": "~9.1",
     "@deck.gl/layers": "~9.1",
-    "@deck.gl/mapbox": "~9.1",
-    "@deck.gl/mesh-layers": "~9.1",
-    "@deck.gl/widgets": "~9.1",
     "@deckgl-fiber-renderer/dom": "^1.4.0",
     "@deckgl-fiber-renderer/shared": "^1.4.0",
     "@deckgl-fiber-renderer/types": "^1.4.0",
@@ -24,6 +20,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/geojson": "^7946.0.14",
     "@types/node": "^22",
     "@types/react": "^19",
     "@types/react-dom": "^19",
@@ -34,6 +31,7 @@
     "node-fetch": "^2.6.7",
     "react": "^19",
     "react-dom": "^19",
+    "remark-gfm": "^4.0.1",
     "storybook": "^9.1.16",
     "tailwindcss": "^4.1.18",
     "tsdown": "^0.18.0",
@@ -44,32 +42,53 @@
     "@accelint/biome-config": "1.0.2",
     "@accelint/bus": "3.0.2",
     "@accelint/core": "0.5.2",
-    "@accelint/design-foundation": "2.0.0",
-    "@accelint/design-toolkit": "9.0.0",
-    "@accelint/geo": "0.4.2",
+    "@accelint/design-toolkit": "9.1.1",
+    "@accelint/geo": "0.5.0",
+    "@accelint/postcss-tailwind-css-modules": "1.0.1",
+    "@accelint/smeegl": "0.3.4",
     "@accelint/typescript-config": "0.1.4",
-    "@accelint/vitest-config": "0.1.6"
+    "@accelint/vitest-config": "0.1.6",
+    "@accelint/design-foundation": "2.0.0"
   },
   "engines": {
     "node": ">=22",
     "pnpm": ">=10"
   },
   "exports": {
+    "./camera": "./dist/camera/index.js",
+    "./camera/events": "./dist/camera/events.js",
+    "./camera/types": "./dist/camera/types.js",
+    "./camera/use-camera-state": "./dist/camera/use-camera-state.js",
     "./cursor-coordinates": "./dist/cursor-coordinates/index.js",
     "./cursor-coordinates/use-cursor-coordinates": "./dist/cursor-coordinates/use-cursor-coordinates.js",
     "./deckgl": "./dist/deckgl/index.js",
     "./deckgl/base-map": "./dist/deckgl/base-map/index.js",
     "./deckgl/base-map/constants": "./dist/deckgl/base-map/constants.js",
+    "./deckgl/base-map/controls": "./dist/deckgl/base-map/controls.js",
     "./deckgl/base-map/events": "./dist/deckgl/base-map/events.js",
     "./deckgl/base-map/provider": "./dist/deckgl/base-map/provider.js",
     "./deckgl/base-map/types": "./dist/deckgl/base-map/types.js",
+    "./deckgl/saved-viewports": "./dist/deckgl/saved-viewports/index.js",
+    "./deckgl/saved-viewports/storage": "./dist/deckgl/saved-viewports/storage.js",
+    "./deckgl/shapes": "./dist/deckgl/shapes/index.js",
+    "./deckgl/shapes/display-shape-layer": "./dist/deckgl/shapes/display-shape-layer/index.js",
+    "./deckgl/shapes/display-shape-layer/constants": "./dist/deckgl/shapes/display-shape-layer/constants.js",
+    "./deckgl/shapes/display-shape-layer/fiber": "./dist/deckgl/shapes/display-shape-layer/fiber.js",
+    "./deckgl/shapes/display-shape-layer/shape-label-layer": "./dist/deckgl/shapes/display-shape-layer/shape-label-layer.js",
+    "./deckgl/shapes/display-shape-layer/store": "./dist/deckgl/shapes/display-shape-layer/store.js",
+    "./deckgl/shapes/display-shape-layer/types": "./dist/deckgl/shapes/display-shape-layer/types.js",
+    "./deckgl/shapes/display-shape-layer/use-shape-selection": "./dist/deckgl/shapes/display-shape-layer/use-shape-selection.js",
+    "./deckgl/shapes/display-shape-layer/utils/display-style": "./dist/deckgl/shapes/display-shape-layer/utils/display-style.js",
+    "./deckgl/shapes/display-shape-layer/utils/labels": "./dist/deckgl/shapes/display-shape-layer/utils/labels.js",
+    "./deckgl/shapes/shared/constants": "./dist/deckgl/shapes/shared/constants.js",
+    "./deckgl/shapes/shared/events": "./dist/deckgl/shapes/shared/events.js",
+    "./deckgl/shapes/shared/types": "./dist/deckgl/shapes/shared/types.js",
     "./deckgl/symbol-layer": "./dist/deckgl/symbol-layer/index.js",
     "./deckgl/symbol-layer/fiber": "./dist/deckgl/symbol-layer/fiber.js",
     "./deckgl/text-layer": "./dist/deckgl/text-layer/index.js",
     "./deckgl/text-layer/character-sets": "./dist/deckgl/text-layer/character-sets.js",
     "./deckgl/text-layer/default-settings": "./dist/deckgl/text-layer/default-settings.js",
     "./deckgl/text-layer/fiber": "./dist/deckgl/text-layer/fiber.js",
-    "./decorators/deckgl": "./dist/decorators/deckgl.js",
     "./map-cursor": "./dist/map-cursor/index.js",
     "./map-cursor/events": "./dist/map-cursor/events.js",
     "./map-cursor/store": "./dist/map-cursor/store.js",
@@ -106,26 +125,26 @@
   ],
   "license": "Apache-2.0",
   "optionalDependencies": {
-    "@deck.gl/core": "9.1.14",
-    "@deck.gl/extensions": "9.1.14",
-    "@deck.gl/geo-layers": "9.1.14",
-    "@deck.gl/layers": "9.1.14",
-    "@deck.gl/mapbox": "9.1.14",
-    "@deck.gl/mesh-layers": "9.1.14",
-    "@deck.gl/widgets": "9.1.14",
-    "@deckgl-fiber-renderer/dom": "1.4.0",
+    "@deck.gl/core": "~9.1",
+    "@deck.gl/extensions": "~9.1",
+    "@deck.gl/layers": "~9.1",
+    "@deckgl-fiber-renderer/dom": "^1.4.0",
     "@deckgl-fiber-renderer/shared": "^1.4.0",
     "@deckgl-fiber-renderer/types": "^1.4.0",
+    "@math.gl/web-mercator": "^4.1.0",
     "maplibre-gl": "^5.7.1",
-    "milsymbol": "3.0.2",
-    "mjolnir.js": "^3.0.0"
+    "milsymbol": "^3.0.2",
+    "mjolnir.js": "^3.0.0",
+    "react-map-gl": "^8.1.0",
+    "@accelint/hotkey-manager": "0.1.3"
   },
   "owner": "default/pathfinder",
   "peerDependencies": {
+    "@types/geojson": "^7946.0.14",
     "react": "^19",
     "@accelint/bus": "3.0.2",
     "@accelint/core": "0.5.2",
-    "@accelint/geo": "0.4.2"
+    "@accelint/geo": "0.5.0"
   },
   "private": false,
   "publishConfig": {
@@ -135,21 +154,29 @@
     "type": "git",
     "url": "https://github.com/gohypergiant/standard-toolkit"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "./src/deckgl/shapes/display-shape-layer/fiber.ts",
+    "./src/deckgl/symbol-layer/fiber.ts",
+    "./src/deckgl/text-layer/fiber.ts",
+    "./dist/deckgl/shapes/display-shape-layer/fiber.js",
+    "./dist/deckgl/symbol-layer/fiber.js",
+    "./dist/deckgl/text-layer/fiber.js"
+  ],
   "subPath": "packages/map-toolkit",
   "title": "Accelint Map Toolkit",
   "type": "module",
-  "types": "./dist/index.d.ts",
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
     "build": "pnpm tsdown",
     "build-storybook": "pnpm storybook build",
+    "build:icons": "smeegl --in '.storybook/icons' --out 'src/deckgl/shapes/__fixtures__/atlas'",
     "constellation-tracker": "pnpm exec constellation-tracker",
     "dev": "pnpm tsc --watch",
     "format": "pnpm biome format . --write --verbose",
     "format:check": "pnpm biome format . --verbose",
     "license": "pnpm zx ../../scripts/license.mjs",
     "lint": "pnpm biome lint . --verbose",
+    "lint:package": "pnpm publint",
     "preview": "pnpm storybook dev -p 6007",
     "test": "pnpm vitest --dir=src",
     "test:watch": "pnpm vitest --dir=src --watch"

package/dist/decorators/deckgl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deckgl.js","names":[],"sources":["../../src/decorators/deckgl.tsx"],"sourcesContent":["// __private-exports\n\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { uuid } from '@accelint/core';\nimport { BaseMap } from '../deckgl/base-map';\nimport type { Decorator } from '@storybook/react-vite';\n\n// Module-level constant - stable across all Storybook renders\nconst STORYBOOK_MAP_ID = uuid();\n\nexport const withDeckGL = (): Decorator => {\n  return (Story) => {\n    return (\n      <BaseMap className='h-dvh w-dvw' id={STORYBOOK_MAP_ID}>\n        <Story />\n      </BaseMap>\n    );\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,mBAAmB,MAAM;AAE/B,MAAa,mBAA8B;AACzC,SAAQ,UAAU;AAChB,SACE,oBAAC;GAAQ,WAAU;GAAc,IAAI;aACnC,oBAAC,UAAQ;IACD"}