@djangocfg/ui-tools 2.1.384 → 2.1.387

package/src/tools/CodeEditor/lazy.tsx

@@ -0,0 +1,70 @@
+'use client';
+
+/**
+ * `@djangocfg/ui-tools/code-editor` subpath entrypoint.
+ *
+ * Monaco itself weighs ~550 KB minified — we must never pay that cost
+ * unless the editor actually mounts. The `Lazy*` wrappers here dynamically
+ * import the `Editor` and `DiffEditor` components, which transitively pull
+ * in `monaco-editor` and the worker setup.
+ *
+ * The rest of the surface (types, EditorProvider, useMonaco hook, helpers)
+ * is light:
+ *   - `monaco-editor` is referenced only as a TS type (`type *`) — erased
+ *     at compile time.
+ *   - `useMonaco` performs a dynamic `import('monaco-editor')` itself, so
+ *     importing the hook is free until the caller actually invokes it.
+ *
+ * That means consumers can wire up keyboard shortcuts, theme toggles, or
+ * file-state hooks at the top of their tree without paying Monaco's cost,
+ * and only render `<LazyEditor>` lower in the tree where it's needed.
+ */
+
+import { createLazyComponent, LoadingFallback } from '../../components';
+import type { EditorProps, DiffEditorProps } from './types';
+
+// ============================================================================
+// Lazy components
+// ============================================================================
+
+export const LazyEditor = createLazyComponent<EditorProps>(
+  () => import('./components/Editor').then((m) => ({ default: m.Editor })),
+  {
+    displayName: 'LazyEditor',
+    fallback: <LoadingFallback minHeight={320} text="Loading editor…" />,
+  },
+);
+
+export const LazyDiffEditor = createLazyComponent<DiffEditorProps>(
+  () => import('./components/DiffEditor').then((m) => ({ default: m.DiffEditor })),
+  {
+    displayName: 'LazyDiffEditor',
+    fallback: <LoadingFallback minHeight={320} text="Loading diff editor…" />,
+  },
+);
+
+// ============================================================================
+// Light surface
+// ============================================================================
+
+// Hooks — `useMonaco` does its own dynamic import; the others are pure.
+export {
+  useMonaco,
+  useEditor,
+  useLanguage,
+  useEditorTheme,
+} from './hooks';
+
+// Provider + context hook
+export { EditorProvider, useEditorContext } from './context';
+
+// All types
+export type {
+  EditorFile,
+  EditorOptions,
+  EditorProps,
+  EditorContextValue,
+  UseEditorReturn,
+  UseMonacoReturn,
+  DiffEditorProps,
+} from './types';

package/src/tools/Map/lazy.tsx

@@ -42,11 +42,48 @@ export const LazyMapView = createLazyComponent(
 );
 
 // ============================================================================
-// Re-export types for convenience
+// Light primitives — direct re-exports
+//
+// MapMarker / MapPopup / MapCluster / MapSource / MapLayer / MapControls
+// etc. are thin wrappers around `react-map-gl/maplibre`. They don't import
+// `maplibre-gl` at module scope (only types, which are erased), so exporting
+// them synchronously here costs ~tens of KB at most — not the ~800KB of
+// MapLibre GL itself.
+//
+// The heavy library only loads when `LazyMapContainer` actually mounts,
+// because `MapContainer.tsx` (the only module that imports `maplibre-gl`
+// at runtime) is reached exclusively via the dynamic import above.
+//
+// This means consumers can write:
+//
+//   import { LazyMapContainer, MapMarker, MapPopup } from '@djangocfg/ui-tools/map'
+//
+// …and still get correct code-splitting.
 // ============================================================================
 
+export {
+  MapMarker,
+  MapPopup,
+  MapCluster,
+  MapSource,
+  MapLayer,
+  MapControls,
+  CustomOverlay,
+  MapLegend,
+  LayerSwitcher,
+} from './components';
+
+export { MapProvider, useMapContext, MapContext } from './context';
+export type { MapProviderProps } from './context';
+
 export type {
   MapContainerProps,
+  MapMarkerProps,
+  MapPopupProps,
+  MapClusterProps,
+  MapSourceProps,
+  MapLayerProps,
+  MapControlsProps,
 } from './components';
 
 export type {

package/src/tools/MarkdownEditor/lazy.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+/**
+ * `@djangocfg/ui-tools/markdown-editor` subpath entrypoint.
+ *
+ * `MarkdownEditor` is a TipTap WYSIWYG with the full ProseMirror + TipTap
+ * extension stack — `@tiptap/react`, `starter-kit`, `markdown`, `mention`,
+ * `placeholder`, plus our `createMentionSuggestion` (floating-ui anchored
+ * dropdown). Together that's ~200 KB minified — wrap it in React.lazy so
+ * pages that don't render an editor don't pay.
+ *
+ * Light surface kept here:
+ *   - All public types (erased at compile time).
+ *   - `mentionPresets` — pure data describing how to render mentions to
+ *     markdown. No TipTap imports at module scope.
+ */
+
+import { createLazyComponent, LoadingFallback } from '../../components';
+import type { MarkdownEditorProps } from './MarkdownEditor';
+
+export const LazyMarkdownEditor = createLazyComponent<MarkdownEditorProps>(
+  () => import('./MarkdownEditor').then((m) => ({ default: m.MarkdownEditor })),
+  {
+    displayName: 'LazyMarkdownEditor',
+    fallback: <LoadingFallback minHeight={140} text="Loading editor…" />,
+  },
+);
+
+// Light surface — pure helpers + types.
+export { mentionPresets } from './mentionPresets';
+
+export type {
+  MarkdownEditorProps,
+  MarkdownEditorHandle,
+} from './MarkdownEditor';
+
+export type {
+  MentionItem,
+  MentionConfig,
+  MentionAttrs,
+  MentionMarkdownRenderer,
+} from './types';

package/src/tools/SpeechRecognition/README.md

@@ -278,6 +278,54 @@ const unsubscribe = useSpeechPrefs.subscribe((state) => {
 
 ---
 
+## Debug logger
+
+Scoped, namespaced [consola](https://github.com/unjs/consola) wrapper that silences itself in production by default. Mirrors `getChatLogger()` in the Chat tool so both surfaces feel the same in DevTools.
+
+```ts
+import { getSpeechLogger } from '@djangocfg/ui-tools';
+
+const log = getSpeechLogger();
+log.dictation.info('final merged', { len: 42 });
+log.engine.debug('state', 'listening');
+log.error.error('engine threw', err);
+```
+
+Sub-loggers: `engine`, `dictation`, `slot`, `composer`, `mic`, `push`, `error`. `error` always emits; everything else is gated.
+
+**Opt-in (any one is enough):**
+
+1. **Dev mode** — `NODE_ENV === 'development'` auto-enables everything.
+2. **Runtime toggle** — paste this in DevTools to enable without a rebuild:
+   ```js
+   localStorage.setItem('djangocfg:speech-debug', '1');
+   location.reload();
+   ```
+   `'0'` (or `removeItem`) turns it back off.
+3. **Explicit** — `getSpeechLogger(true)` from a host component (analogous to `<ChatRoot debug />`).
+
+**What you'll see when on**, in order of a typical dictation session:
+
+```
+[speech][slot] mount { supported: true, hasComposerHandle: true, … }
+[speech][engine] subscribe { engineId: 'webspeech' }
+[speech][engine] state 'listening'
+[speech][engine] partial { len: 6, segmentId: 's1' }
+[speech][composer] setValue → composer handle { len: 12 }
+[speech][engine] final { len: 42, confidence: 0.91 }
+[speech][dictation] final merged { len: 42, totalLen: 54 }
+[speech][engine] autoStop silence detected
+[speech][engine] state 'closed'
+```
+
+If text never appears in your composer, look for:
+
+- `[speech][slot] mount { hasComposerHandle: false, … }` → `<VoiceComposerSlot>` is outside a `<ChatProvider>` and no `value`/`onChange` props were given — text is going nowhere.
+- `[speech][composer] warn setValue called but no composer handle is registered …` → the composer never called `useRegisterComposer(...)`. Built-in `<Composer>` and `MarkdownEditor` do this automatically; custom composers must opt in.
+- `[speech][engine] final` arrives but no `[speech][dictation] final merged` follows → check `normaliseFinal` filtered the text (empty / whitespace only).
+
+---
+
 ## Public surface
 
 ### Hooks

package/src/tools/SpeechRecognition/core/index.ts

@@ -1,5 +1,10 @@
 export { newSegmentId } from './ids';
-export { sttLogger } from './logger';
+export {
+  getSpeechLogger,
+  sttLogger,
+  type SpeechLogger,
+  type SpeechLogScope,
+} from './logger';
 export {
   EMPTY_TRANSCRIPT,
   buildTranscript,

package/src/tools/SpeechRecognition/core/logger.ts

@@ -1,3 +1,109 @@
-import { consola } from 'consola';
+/**
+ * Speech recognition dev logger.
+ *
+ * Mirrors `getChatLogger()` in the Chat tool so consumers reason about both
+ * surfaces the same way. Silent in production by default; emits `error`
+ * level always.
+ *
+ * Opt-in mechanisms (any one is enough):
+ *   1. `NODE_ENV === 'development'` (auto, via `isDev` from `@djangocfg/ui-core`).
+ *   2. `localStorage.setItem('djangocfg:speech-debug', '1')` — runtime
+ *      toggle without a rebuild. Useful for diagnosing a prod bug.
+ *   3. Explicit `getSpeechLogger(true)` from a host component.
+ *
+ * Sub-loggers:
+ *   engine     — engine lifecycle (start/stop/abort/result)
+ *   dictation  — `useDictation` state (anchor, partial → final merge)
+ *   slot       — `VoiceComposerSlot` UI (mount, support gating, button)
+ *   composer   — composer handle registry (focus / setValue / pin caret)
+ *   mic        — `useMicLevel` / `useMicDevices` / device picker
+ *   push       — push-to-talk hotkey events
+ *   error      — caught errors (always emitted, even when disabled)
+ */
+import { consola, type ConsolaInstance } from 'consola';
 
+import { isBrowser, isDev } from '@djangocfg/ui-core/lib';
+
+export type SpeechLogScope =
+  | 'engine'
+  | 'dictation'
+  | 'slot'
+  | 'composer'
+  | 'mic'
+  | 'push'
+  | 'error';
+
+export interface SpeechLogger {
+  engine: ConsolaInstance;
+  dictation: ConsolaInstance;
+  slot: ConsolaInstance;
+  composer: ConsolaInstance;
+  mic: ConsolaInstance;
+  push: ConsolaInstance;
+  error: ConsolaInstance;
+  /** True when this logger is actually emitting. */
+  enabled: boolean;
+}
+
+const SCOPES: SpeechLogScope[] = [
+  'engine',
+  'dictation',
+  'slot',
+  'composer',
+  'mic',
+  'push',
+  'error',
+];
+
+const STORAGE_KEY = 'djangocfg:speech-debug';
+
+function readStorageFlag(): boolean {
+  if (!isBrowser) return false;
+  try {
+    return window.localStorage.getItem(STORAGE_KEY) === '1';
+  } catch {
+    return false;
+  }
+}
+
+const cache = new Map<boolean, SpeechLogger>();
+
+function buildLogger(enabled: boolean): SpeechLogger {
+  const root = consola.withTag('speech');
+  const subs = Object.fromEntries(
+    SCOPES.map((scope) => [scope, root.withTag(scope)]),
+  ) as Record<SpeechLogScope, ConsolaInstance>;
+
+  if (!enabled) {
+    for (const scope of SCOPES) {
+      if (scope === 'error') continue;
+      subs[scope].level = -999;
+    }
+  }
+
+  return { ...subs, enabled };
+}
+
+/**
+ * Get the speech logger.
+ *
+ * @param debug Explicit override. `undefined` falls back to `isDev` OR
+ *              `localStorage['djangocfg:speech-debug'] === '1'`.
+ */
+export function getSpeechLogger(debug?: boolean): SpeechLogger {
+  const enabled = debug ?? (isDev || readStorageFlag());
+  let logger = cache.get(enabled);
+  if (!logger) {
+    logger = buildLogger(enabled);
+    cache.set(enabled, logger);
+  }
+  return logger;
+}
+
+/**
+ * Legacy flat-tag logger. New code should prefer `getSpeechLogger()` for
+ * scoped output and the runtime opt-in switch.
+ *
+ * @deprecated Use `getSpeechLogger()`.
+ */
 export const sttLogger = consola.withTag('ui-tools:speech');

package/src/tools/SpeechRecognition/hooks/useSpeechRecognition.ts

@@ -6,9 +6,11 @@ import {
   EMPTY_TRANSCRIPT,
   INITIAL_STATE,
   buildTranscript,
+  getSpeechLogger,
   reducer,
-  sttLogger,
 } from '../core';
+
+const log = getSpeechLogger();
 import { createWebSpeechEngine } from '../core/engine/webspeech';
 import { useSpeechPrefs } from '../store/prefsStore';
 import type {
@@ -46,8 +48,10 @@ export function useSpeechRecognition(
 
   // Engine subscription lifecycle.
   useEffect(() => {
+    log.engine.debug('subscribe', { engineId: engine.id });
     const offs = [
       engine.on('partial', (text, segmentId) => {
+        log.engine.debug('partial', { len: text.length, segmentId });
         dispatch({ type: 'PARTIAL', text, segmentId });
         const seg: Segment = {
           id: segmentId,
@@ -58,6 +62,11 @@ export function useSpeechRecognition(
         cbRef.current.onPartial?.(text, seg);
       }),
       engine.on('final', (text, segmentId, confidence) => {
+        log.engine.info('final', {
+          len: text.length,
+          segmentId,
+          confidence,
+        });
         dispatch({ type: 'FINAL', text, segmentId, confidence });
         const seg: Segment = {
           id: segmentId,
@@ -70,10 +79,12 @@ export function useSpeechRecognition(
         cbRef.current.onFinal?.(text, seg);
       }),
       engine.on('error', (err) => {
+        log.error.error('engine error', err);
         dispatch({ type: 'ERROR', error: err });
         cbRef.current.onError?.(err);
       }),
       engine.on('state', (s) => {
+        log.engine.debug('state', s);
         if (s === 'listening') {
           dispatch({ type: 'STARTED' });
           cbRef.current.onStart?.();
@@ -98,7 +109,7 @@ export function useSpeechRecognition(
     const { silenceMs, maxMs, silenceThreshold = 0.02 } = config.autoStop ?? {};
     if (maxMs) {
       maxTimer.current = window.setTimeout(() => {
-        sttLogger.debug('[autoStop] max duration hit');
+        log.engine.debug('autoStop max duration hit');
         void engine.stop();
       }, maxMs);
     }
@@ -107,7 +118,7 @@ export function useSpeechRecognition(
         if (level < silenceThreshold) {
           if (silenceTimer.current == null) {
             silenceTimer.current = window.setTimeout(() => {
-              sttLogger.debug('[autoStop] silence detected');
+              log.engine.debug('autoStop silence detected');
               void engine.stop();
             }, silenceMs);
           }
@@ -141,7 +152,7 @@ export function useSpeechRecognition(
       });
     } catch (cause) {
       // engine already emitted 'error'; reducer caught it via subscription
-      sttLogger.debug('[start] engine threw', cause);
+      log.engine.warn('start threw', cause);
     }
   }, [engine, language, config.interim, config.deviceId, prefs.deviceId, state.status]);
 

package/src/tools/SpeechRecognition/index.ts

@@ -60,6 +60,15 @@ export * from './hooks';
 export * from './components';
 export * from './widgets';
 export * from './context';
+// Dev logger — namespaced, runtime opt-in via localStorage.
+// Enable from devtools: `localStorage['djangocfg:speech-debug'] = '1'`.
+export {
+  getSpeechLogger,
+  sttLogger,
+  type SpeechLogger,
+  type SpeechLogScope,
+} from './core/logger';
+
 export { LazyDictationField } from './lazy';
 export { useSpeechPrefs } from './store';
 export type { SpeechPrefs } from './store';

package/src/tools/SpeechRecognition/widgets/VoiceComposerSlot.tsx

@@ -10,10 +10,13 @@ import { cn } from '@djangocfg/ui-core/lib';
 import { useChatContextOptional } from '../../Chat/context';
 import { useSpeechRecognition } from '../hooks/useSpeechRecognition';
 import { useVoiceSupport } from '../hooks/useVoiceSupport';
+import { getSpeechLogger } from '../core/logger';
 import { normaliseFinal } from '../core/transcript';
 import { DEFAULT_VOICE_SOUNDS, type VoiceSoundEvent } from '../core/audio/defaults';
 import type { RecognitionEngine } from '../types';
 
+const log = getSpeechLogger();
+
 export interface VoiceComposerSlotProps {
   /**
    * Controlled composer value. Optional — when omitted, the slot
@@ -98,6 +101,16 @@ export function VoiceComposerSlot({
   const composerHandleRef = useRef(chatCtx?.composer ?? null);
   composerHandleRef.current = chatCtx?.composer ?? null;
 
+  useEffect(() => {
+    log.slot.debug('mount', {
+      supported: support.supported,
+      reason: support.reason,
+      hasComposerHandle: !!chatCtx?.composer,
+      hasExplicitValue: value !== undefined,
+      hasOnChange: !!onChange,
+    });
+  }, [support.supported, support.reason, chatCtx?.composer, value, onChange]);
+
   // Resolve value/onChange: prop wins; otherwise pull from the
   // registered composer handle. The slot can therefore be dropped into
   // `composerToolbarEnd` of `ChatRoot` with zero props.
@@ -108,10 +121,21 @@ export function VoiceComposerSlot({
   const resolvedSetValue = useCallback(
     (next: string): void => {
       if (onChange) {
+        log.composer.debug('setValue → onChange prop', { len: next.length });
         onChange(next);
         return;
       }
-      composerHandleRef.current?.setValue?.(next);
+      const handle = composerHandleRef.current;
+      if (!handle?.setValue) {
+        log.composer.warn(
+          'setValue called but no composer handle is registered — text will be lost. ' +
+            'Make sure <VoiceComposerSlot> lives inside a <ChatProvider> (or pass `value`/`onChange` props for standalone use).',
+          { len: next.length },
+        );
+        return;
+      }
+      log.composer.debug('setValue → composer handle', { len: next.length });
+      handle.setValue(next);
     },
     [onChange],
   );
@@ -157,6 +181,10 @@ export function VoiceComposerSlot({
 
   const handlePartial = useCallback(
     (text: string) => {
+      log.dictation.debug('partial', {
+        len: text.length,
+        anchorLen: anchorRef.current.length,
+      });
       const next = anchorRef.current
         ? `${anchorRef.current} ${text}`
         : text;
@@ -169,8 +197,15 @@ export function VoiceComposerSlot({
   const handleFinal = useCallback(
     (text: string) => {
       const clean = normaliseFinal(text);
-      if (!clean) return;
+      if (!clean) {
+        log.dictation.debug('final dropped — empty after normalise', { raw: text });
+        return;
+      }
       const merged = anchorRef.current ? `${anchorRef.current} ${clean}` : clean;
+      log.dictation.info('final merged', {
+        len: clean.length,
+        totalLen: merged.length,
+      });
       anchorRef.current = merged;
       resolvedSetValue(merged);
       pinCaretToEnd();

package/dist/ChatRoot-JVR3M3H2.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-PEKBT75W.mjs';
-import './chunk-HIK6BPL7.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-JVR3M3H2.mjs.map
-//# sourceMappingURL=ChatRoot-JVR3M3H2.mjs.map

package/dist/ChatRoot-LXIUBOXF.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkHPK3EWBF_cjs = require('./chunk-HPK3EWBF.cjs');
-require('./chunk-FIRK5CEH.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "ChatRoot", {
-  enumerable: true,
-  get: function () { return chunkHPK3EWBF_cjs.ChatRoot; }
-});
-//# sourceMappingURL=ChatRoot-LXIUBOXF.cjs.map
-//# sourceMappingURL=ChatRoot-LXIUBOXF.cjs.map

package/dist/DictationField-U25MEYAL.mjs

@@ -1,4 +0,0 @@
-export { DictationField } from './chunk-C2YN6WEO.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=DictationField-U25MEYAL.mjs.map
-//# sourceMappingURL=DictationField-U25MEYAL.mjs.map

package/dist/DictationField-XWR5VOID.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var chunk4PFW7MIJ_cjs = require('./chunk-4PFW7MIJ.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "DictationField", {
-  enumerable: true,
-  get: function () { return chunk4PFW7MIJ_cjs.DictationField; }
-});
-//# sourceMappingURL=DictationField-XWR5VOID.cjs.map
-//# sourceMappingURL=DictationField-XWR5VOID.cjs.map

package/dist/MapContainer-76YL2JXL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tools/Map/context/MapContext.tsx","../src/tools/Map/styles/index.ts","../src/tools/Map/components/MapContainer.tsx"],"names":["createContext","useRef","useState","useCallback","useMemo","jsx","__name","useContext","useEffect","jsxs","Fragment","Map","cn","RotateCcw","ExternalLink"],"mappings":"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","file":"MapContainer-76YL2JXL.cjs","sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useMemo,\n  useCallback,\n  type ReactNode,\n} from 'react'\nimport type { MapRef } from 'react-map-gl/maplibre'\nimport type { MapContextValue, MapViewport, MarkerData } from '../types'\n\nconst MapContext = createContext<MapContextValue | null>(null)\n\nexport interface MapProviderProps {\n  children: ReactNode\n  initialViewport?: Partial<MapViewport>\n}\n\nconst DEFAULT_VIEWPORT: MapViewport = {\n  longitude: 115.1889,\n  latitude: -8.4095,\n  zoom: 10,\n  bearing: 0,\n  pitch: 0,\n}\n\nexport function MapProvider({ children, initialViewport }: MapProviderProps) {\n  const mapRef = useRef<MapRef | null>(null)\n  const initialViewportRef = useRef<MapViewport>({\n    ...DEFAULT_VIEWPORT,\n    ...initialViewport,\n  })\n  const [viewport, setViewportState] = useState<MapViewport>(initialViewportRef.current)\n  const [markers, setMarkers] = useState<MarkerData[]>([])\n  const [selectedMarker, setSelectedMarker] = useState<MarkerData | null>(null)\n  const [hoveredFeature, setHoveredFeature] = useState<GeoJSON.Feature | null>(null)\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const setViewport = useCallback((newViewport: Partial<MapViewport>) => {\n    setViewportState((prev) => ({ ...prev, ...newViewport }))\n  }, [])\n\n  const resetToInitial = useCallback(() => {\n    const map = mapRef.current\n    if (map) {\n      map.flyTo({\n        center: [initialViewportRef.current.longitude, initialViewportRef.current.latitude],\n        zoom: initialViewportRef.current.zoom,\n        bearing: initialViewportRef.current.bearing ?? 0,\n        pitch: initialViewportRef.current.pitch ?? 0,\n        duration: 1000,\n      })\n    }\n  }, [])\n\n  const value = useMemo<MapContextValue>(\n    () => ({\n      mapRef,\n      viewport,\n      setViewport,\n      initialViewport: initialViewportRef.current,\n      resetToInitial,\n      markers,\n      setMarkers,\n      selectedMarker,\n      setSelectedMarker,\n      hoveredFeature,\n      setHoveredFeature,\n      isLoaded,\n      setIsLoaded,\n    }),\n    [viewport, setViewport, resetToInitial, markers, selectedMarker, hoveredFeature, isLoaded]\n  )\n\n  return <MapContext.Provider value={value}>{children}</MapContext.Provider>\n}\n\nexport function useMapContext(): MapContextValue {\n  const context = useContext(MapContext)\n  if (!context) {\n    throw new Error('useMapContext must be used within a MapProvider')\n  }\n  return context\n}\n\nexport { MapContext }\n","export const MAP_STYLES = {\n  light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n  dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n  streets: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json',\n  satellite: 'https://api.maptiler.com/maps/satellite/style.json',\n} as const\n\nexport type MapStyleKey = keyof typeof MAP_STYLES\n\nexport function getMapStyle(key: MapStyleKey | string): string {\n  if (key in MAP_STYLES) {\n    return MAP_STYLES[key as MapStyleKey]\n  }\n  return key\n}\n","'use client'\n\nimport { useCallback, useEffect, useRef, type ReactNode } from 'react'\nimport Map, { type ViewStateChangeEvent } from 'react-map-gl/maplibre'\nimport { ExternalLink, RotateCcw } from 'lucide-react'\nimport { cn } from '@djangocfg/ui-core/lib'\nimport 'maplibre-gl/dist/maplibre-gl.css'\n\nimport { MapProvider, useMapContext } from '../context'\nimport { MAP_STYLES } from '../styles'\nimport type { MapViewport, MapStyleKey } from '../types'\n\nexport interface MapContainerProps {\n  children?: ReactNode\n  initialViewport?: Partial<MapViewport>\n  mapStyle?: MapStyleKey | string\n  interactiveLayerIds?: string[]\n  className?: string\n  style?: React.CSSProperties\n  cursor?: string\n  attributionControl?: boolean\n  reuseMaps?: boolean\n  /** URL to open in external maps app (shows \"Open in Maps\" button if provided) */\n  openInMapsUrl?: string\n  /** Label for the open in maps button */\n  openInMapsLabel?: string\n  /** Auto-reset to initial viewport after N ms of inactivity (0 = disabled) */\n  autoResetDelay?: number\n  /** Show reset button */\n  showResetButton?: boolean\n}\n\ninterface MapInnerProps extends Omit<MapContainerProps, 'initialViewport'> {}\n\nfunction MapInner({\n  children,\n  mapStyle = 'light',\n  interactiveLayerIds,\n  style,\n  cursor,\n  attributionControl = true,\n  reuseMaps = true,\n  openInMapsUrl,\n  openInMapsLabel = 'Open in Maps',\n  autoResetDelay = 0,\n  showResetButton = false,\n}: MapInnerProps) {\n  const { mapRef, viewport, setViewport, setIsLoaded, resetToInitial, initialViewport } = useMapContext()\n  const resetTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const isInteractingRef = useRef(false)\n\n  // Check if viewport has changed from initial\n  const hasViewportChanged =\n    Math.abs(viewport.longitude - initialViewport.longitude) > 0.0001 ||\n    Math.abs(viewport.latitude - initialViewport.latitude) > 0.0001 ||\n    Math.abs(viewport.zoom - initialViewport.zoom) > 0.1\n\n  const handleMove = useCallback(\n    (evt: ViewStateChangeEvent) => {\n      setViewport({\n        longitude: evt.viewState.longitude,\n        latitude: evt.viewState.latitude,\n        zoom: evt.viewState.zoom,\n        bearing: evt.viewState.bearing,\n        pitch: evt.viewState.pitch,\n      })\n    },\n    [setViewport]\n  )\n\n  const handleMoveStart = useCallback(() => {\n    isInteractingRef.current = true\n    // Clear any pending reset timer\n    if (resetTimerRef.current) {\n      clearTimeout(resetTimerRef.current)\n      resetTimerRef.current = null\n    }\n  }, [])\n\n  const handleMoveEnd = useCallback(() => {\n    isInteractingRef.current = false\n    // Start auto-reset timer if enabled\n    if (autoResetDelay > 0) {\n      resetTimerRef.current = setTimeout(() => {\n        if (!isInteractingRef.current) {\n          resetToInitial()\n        }\n      }, autoResetDelay)\n    }\n  }, [autoResetDelay, resetToInitial])\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true)\n  }, [setIsLoaded])\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return () => {\n      if (resetTimerRef.current) {\n        clearTimeout(resetTimerRef.current)\n      }\n    }\n  }, [])\n\n  const resolvedStyle = mapStyle in MAP_STYLES\n    ? MAP_STYLES[mapStyle as MapStyleKey]\n    : mapStyle\n\n  return (\n    <>\n      <Map\n        ref={mapRef}\n        {...viewport}\n        onMove={handleMove}\n        onMoveStart={handleMoveStart}\n        onMoveEnd={handleMoveEnd}\n        onLoad={handleLoad}\n        mapStyle={resolvedStyle}\n        interactiveLayerIds={interactiveLayerIds}\n        attributionControl={attributionControl ? {} : false}\n        reuseMaps={reuseMaps}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n        cursor={cursor}\n      >\n        {children}\n      </Map>\n\n      {/* Map overlay buttons */}\n      <div className=\"absolute bottom-3 right-3 flex items-center gap-2\">\n        {/* Reset button */}\n        {showResetButton && hasViewportChanged && (\n          <button\n            type=\"button\"\n            onClick={resetToInitial}\n            className={cn(\n              'inline-flex items-center gap-2 px-3 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <RotateCcw className=\"w-4 h-4\" />\n            Reset\n          </button>\n        )}\n\n        {/* Open in Maps button */}\n        {openInMapsUrl && (\n          <a\n            href={openInMapsUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={cn(\n              'inline-flex items-center gap-2 px-4 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <ExternalLink className=\"w-4 h-4\" />\n            {openInMapsLabel}\n          </a>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport function MapContainer({\n  children,\n  initialViewport,\n  className,\n  ...props\n}: MapContainerProps) {\n  return (\n    <div className={className} style={{ width: '100%', height: '100%', position: 'relative' }}>\n      <MapProvider initialViewport={initialViewport}>\n        <MapInner {...props}>{children}</MapInner>\n      </MapProvider>\n    </div>\n  )\n}\n\n/**\n * Use this when you need the map inside an existing MapProvider\n */\nexport function MapView(props: Omit<MapContainerProps, 'initialViewport'>) {\n  return <MapInner {...props} />\n}\n"]}

package/dist/MapContainer-7HXBI3OH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tools/Map/context/MapContext.tsx","../src/tools/Map/styles/index.ts","../src/tools/Map/components/MapContainer.tsx"],"names":["useRef","useCallback","jsx"],"mappings":"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","file":"MapContainer-7HXBI3OH.mjs","sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useMemo,\n  useCallback,\n  type ReactNode,\n} from 'react'\nimport type { MapRef } from 'react-map-gl/maplibre'\nimport type { MapContextValue, MapViewport, MarkerData } from '../types'\n\nconst MapContext = createContext<MapContextValue | null>(null)\n\nexport interface MapProviderProps {\n  children: ReactNode\n  initialViewport?: Partial<MapViewport>\n}\n\nconst DEFAULT_VIEWPORT: MapViewport = {\n  longitude: 115.1889,\n  latitude: -8.4095,\n  zoom: 10,\n  bearing: 0,\n  pitch: 0,\n}\n\nexport function MapProvider({ children, initialViewport }: MapProviderProps) {\n  const mapRef = useRef<MapRef | null>(null)\n  const initialViewportRef = useRef<MapViewport>({\n    ...DEFAULT_VIEWPORT,\n    ...initialViewport,\n  })\n  const [viewport, setViewportState] = useState<MapViewport>(initialViewportRef.current)\n  const [markers, setMarkers] = useState<MarkerData[]>([])\n  const [selectedMarker, setSelectedMarker] = useState<MarkerData | null>(null)\n  const [hoveredFeature, setHoveredFeature] = useState<GeoJSON.Feature | null>(null)\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const setViewport = useCallback((newViewport: Partial<MapViewport>) => {\n    setViewportState((prev) => ({ ...prev, ...newViewport }))\n  }, [])\n\n  const resetToInitial = useCallback(() => {\n    const map = mapRef.current\n    if (map) {\n      map.flyTo({\n        center: [initialViewportRef.current.longitude, initialViewportRef.current.latitude],\n        zoom: initialViewportRef.current.zoom,\n        bearing: initialViewportRef.current.bearing ?? 0,\n        pitch: initialViewportRef.current.pitch ?? 0,\n        duration: 1000,\n      })\n    }\n  }, [])\n\n  const value = useMemo<MapContextValue>(\n    () => ({\n      mapRef,\n      viewport,\n      setViewport,\n      initialViewport: initialViewportRef.current,\n      resetToInitial,\n      markers,\n      setMarkers,\n      selectedMarker,\n      setSelectedMarker,\n      hoveredFeature,\n      setHoveredFeature,\n      isLoaded,\n      setIsLoaded,\n    }),\n    [viewport, setViewport, resetToInitial, markers, selectedMarker, hoveredFeature, isLoaded]\n  )\n\n  return <MapContext.Provider value={value}>{children}</MapContext.Provider>\n}\n\nexport function useMapContext(): MapContextValue {\n  const context = useContext(MapContext)\n  if (!context) {\n    throw new Error('useMapContext must be used within a MapProvider')\n  }\n  return context\n}\n\nexport { MapContext }\n","export const MAP_STYLES = {\n  light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n  dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n  streets: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json',\n  satellite: 'https://api.maptiler.com/maps/satellite/style.json',\n} as const\n\nexport type MapStyleKey = keyof typeof MAP_STYLES\n\nexport function getMapStyle(key: MapStyleKey | string): string {\n  if (key in MAP_STYLES) {\n    return MAP_STYLES[key as MapStyleKey]\n  }\n  return key\n}\n","'use client'\n\nimport { useCallback, useEffect, useRef, type ReactNode } from 'react'\nimport Map, { type ViewStateChangeEvent } from 'react-map-gl/maplibre'\nimport { ExternalLink, RotateCcw } from 'lucide-react'\nimport { cn } from '@djangocfg/ui-core/lib'\nimport 'maplibre-gl/dist/maplibre-gl.css'\n\nimport { MapProvider, useMapContext } from '../context'\nimport { MAP_STYLES } from '../styles'\nimport type { MapViewport, MapStyleKey } from '../types'\n\nexport interface MapContainerProps {\n  children?: ReactNode\n  initialViewport?: Partial<MapViewport>\n  mapStyle?: MapStyleKey | string\n  interactiveLayerIds?: string[]\n  className?: string\n  style?: React.CSSProperties\n  cursor?: string\n  attributionControl?: boolean\n  reuseMaps?: boolean\n  /** URL to open in external maps app (shows \"Open in Maps\" button if provided) */\n  openInMapsUrl?: string\n  /** Label for the open in maps button */\n  openInMapsLabel?: string\n  /** Auto-reset to initial viewport after N ms of inactivity (0 = disabled) */\n  autoResetDelay?: number\n  /** Show reset button */\n  showResetButton?: boolean\n}\n\ninterface MapInnerProps extends Omit<MapContainerProps, 'initialViewport'> {}\n\nfunction MapInner({\n  children,\n  mapStyle = 'light',\n  interactiveLayerIds,\n  style,\n  cursor,\n  attributionControl = true,\n  reuseMaps = true,\n  openInMapsUrl,\n  openInMapsLabel = 'Open in Maps',\n  autoResetDelay = 0,\n  showResetButton = false,\n}: MapInnerProps) {\n  const { mapRef, viewport, setViewport, setIsLoaded, resetToInitial, initialViewport } = useMapContext()\n  const resetTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const isInteractingRef = useRef(false)\n\n  // Check if viewport has changed from initial\n  const hasViewportChanged =\n    Math.abs(viewport.longitude - initialViewport.longitude) > 0.0001 ||\n    Math.abs(viewport.latitude - initialViewport.latitude) > 0.0001 ||\n    Math.abs(viewport.zoom - initialViewport.zoom) > 0.1\n\n  const handleMove = useCallback(\n    (evt: ViewStateChangeEvent) => {\n      setViewport({\n        longitude: evt.viewState.longitude,\n        latitude: evt.viewState.latitude,\n        zoom: evt.viewState.zoom,\n        bearing: evt.viewState.bearing,\n        pitch: evt.viewState.pitch,\n      })\n    },\n    [setViewport]\n  )\n\n  const handleMoveStart = useCallback(() => {\n    isInteractingRef.current = true\n    // Clear any pending reset timer\n    if (resetTimerRef.current) {\n      clearTimeout(resetTimerRef.current)\n      resetTimerRef.current = null\n    }\n  }, [])\n\n  const handleMoveEnd = useCallback(() => {\n    isInteractingRef.current = false\n    // Start auto-reset timer if enabled\n    if (autoResetDelay > 0) {\n      resetTimerRef.current = setTimeout(() => {\n        if (!isInteractingRef.current) {\n          resetToInitial()\n        }\n      }, autoResetDelay)\n    }\n  }, [autoResetDelay, resetToInitial])\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true)\n  }, [setIsLoaded])\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return () => {\n      if (resetTimerRef.current) {\n        clearTimeout(resetTimerRef.current)\n      }\n    }\n  }, [])\n\n  const resolvedStyle = mapStyle in MAP_STYLES\n    ? MAP_STYLES[mapStyle as MapStyleKey]\n    : mapStyle\n\n  return (\n    <>\n      <Map\n        ref={mapRef}\n        {...viewport}\n        onMove={handleMove}\n        onMoveStart={handleMoveStart}\n        onMoveEnd={handleMoveEnd}\n        onLoad={handleLoad}\n        mapStyle={resolvedStyle}\n        interactiveLayerIds={interactiveLayerIds}\n        attributionControl={attributionControl ? {} : false}\n        reuseMaps={reuseMaps}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n        cursor={cursor}\n      >\n        {children}\n      </Map>\n\n      {/* Map overlay buttons */}\n      <div className=\"absolute bottom-3 right-3 flex items-center gap-2\">\n        {/* Reset button */}\n        {showResetButton && hasViewportChanged && (\n          <button\n            type=\"button\"\n            onClick={resetToInitial}\n            className={cn(\n              'inline-flex items-center gap-2 px-3 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <RotateCcw className=\"w-4 h-4\" />\n            Reset\n          </button>\n        )}\n\n        {/* Open in Maps button */}\n        {openInMapsUrl && (\n          <a\n            href={openInMapsUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={cn(\n              'inline-flex items-center gap-2 px-4 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <ExternalLink className=\"w-4 h-4\" />\n            {openInMapsLabel}\n          </a>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport function MapContainer({\n  children,\n  initialViewport,\n  className,\n  ...props\n}: MapContainerProps) {\n  return (\n    <div className={className} style={{ width: '100%', height: '100%', position: 'relative' }}>\n      <MapProvider initialViewport={initialViewport}>\n        <MapInner {...props}>{children}</MapInner>\n      </MapProvider>\n    </div>\n  )\n}\n\n/**\n * Use this when you need the map inside an existing MapProvider\n */\nexport function MapView(props: Omit<MapContainerProps, 'initialViewport'>) {\n  return <MapInner {...props} />\n}\n"]}