@djangocfg/ui-tools 2.1.103 → 2.1.105

package/dist/{LottiePlayer.client-WFMG2OOW.cjs → LottiePlayer.client-6WVWDO75.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3HK2OE62_cjs = require('./chunk-3HK2OE62.cjs');
-var chunkUQ3XI5MY_cjs = require('./chunk-UQ3XI5MY.cjs');
+var chunkPRPG2T2E_cjs = require('./chunk-PRPG2T2E.cjs');
+var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var React = require('react');
 var Lottie = require('react-lottie-player');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,7 +36,7 @@ function LottiePlayer({
   onLoad,
   onError
 }) {
-  const { animationData, isLoading, error, retry } = chunk3HK2OE62_cjs.useLottie({ src });
+  const { animationData, isLoading, error, retry } = chunkPRPG2T2E_cjs.useLottie({ src });
   React__default.default.useEffect(() => {
     if (animationData && onLoad) {
       onLoad();
@@ -161,8 +161,8 @@ function LottiePlayer({
     }
   );
 }
-chunkUQ3XI5MY_cjs.__name(LottiePlayer, "LottiePlayer");
+chunkWGEGR3DF_cjs.__name(LottiePlayer, "LottiePlayer");
 
 exports.LottiePlayer = LottiePlayer;
-//# sourceMappingURL=LottiePlayer.client-WFMG2OOW.cjs.map
-//# sourceMappingURL=LottiePlayer.client-WFMG2OOW.cjs.map
+//# sourceMappingURL=LottiePlayer.client-6WVWDO75.cjs.map
+//# sourceMappingURL=LottiePlayer.client-6WVWDO75.cjs.map

package/dist/{LottiePlayer.client-WFMG2OOW.cjs.map → LottiePlayer.client-6WVWDO75.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/LottiePlayer/LottiePlayer.client.tsx"],"names":["useLottie","React","jsx","jsxs","Lottie","__name"],"mappings":"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","file":"LottiePlayer.client-WFMG2OOW.cjs","sourcesContent":["/**\n * LottiePlayer Component\n *\n * Universal Lottie animation player component\n */\n\n'use client';\n\nimport React from 'react';\nimport Lottie from 'react-lottie-player';\n\nimport { LottiePlayerProps } from './types';\nimport { useLottie } from './useLottie';\n\n// Size presets mapping\nconst SIZE_PRESETS = {\n  xs: { width: 64, height: 64 },\n  sm: { width: 128, height: 128 },\n  md: { width: 256, height: 256 },\n  lg: { width: 384, height: 384 },\n  xl: { width: 512, height: 512 },\n  full: { width: '100%', height: '100%' },\n} as const;\n\n/**\n * LottiePlayer component for displaying Lottie animations\n *\n * Features:\n * - Loads animations from URLs or objects\n * - Size presets or custom dimensions\n * - Playback controls (speed, direction, loop)\n * - Loading and error states\n * - Event callbacks\n *\n * Usage:\n * ```tsx\n * // From URL with size preset\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   size=\"md\"\n *   autoplay\n *   loop\n * />\n *\n * // From object with custom size\n * <LottiePlayer\n *   src={animationData}\n *   width={300}\n *   height={300}\n *   speed={1.5}\n *   controls\n * />\n *\n * // With callbacks\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   onLoad={() => console.log('Animation loaded')}\n *   onComplete={() => console.log('Animation completed')}\n *   onError={(err) => console.error('Error:', err)}\n * />\n * ```\n */\nexport function LottiePlayer({\n  src,\n  size = 'md',\n  width,\n  height,\n  autoplay = true,\n  loop = true,\n  speed = 1,\n  direction = 1,\n  controls = false,\n  background,\n  className,\n  showLoading = true,\n  onComplete,\n  onLoad,\n  onError,\n}: LottiePlayerProps) {\n  // Load animation data using our custom hook\n  const { animationData, isLoading, error, retry } = useLottie({ src });\n\n  // Notify parent about load state\n  React.useEffect(() => {\n    if (animationData && onLoad) {\n      onLoad();\n    }\n  }, [animationData, onLoad]);\n\n  // Notify parent about errors\n  React.useEffect(() => {\n    if (error && onError) {\n      onError(error);\n    }\n  }, [error, onError]);\n\n  // Determine dimensions\n  const dimensions = React.useMemo(() => {\n    // Custom dimensions override size preset\n    if (width !== undefined || height !== undefined) {\n      return {\n        width: width ?? SIZE_PRESETS[size].width,\n        height: height ?? SIZE_PRESETS[size].height,\n      };\n    }\n\n    // Use size preset\n    return SIZE_PRESETS[size];\n  }, [size, width, height]);\n\n  // Handle complete event\n  const handleComplete = React.useCallback(() => {\n    if (onComplete) {\n      onComplete();\n    }\n  }, [onComplete]);\n\n  // Loading state\n  if (isLoading && showLoading) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900\" />\n          <span className=\"text-sm text-gray-500\">Loading animation...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-4 text-center\">\n          <svg\n            className=\"h-8 w-8 text-red-500\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <div className=\"text-sm text-red-600\">{error.message}</div>\n          <button\n            onClick={retry}\n            className=\"rounded bg-red-100 px-3 py-1 text-sm text-red-700 hover:bg-red-200\"\n          >\n            Retry\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // No animation data\n  if (!animationData) {\n    return null;\n  }\n\n  // Render the Lottie player\n  return (\n    <div\n      className={className}\n      style={{\n        width: dimensions.width,\n        height: dimensions.height,\n        background: background || 'transparent',\n      }}\n    >\n      <Lottie\n        animationData={animationData}\n        play={autoplay}\n        loop={loop}\n        speed={speed}\n        direction={direction}\n        style={{\n          width: '100%',\n          height: '100%',\n        }}\n        onComplete={handleComplete}\n        rendererSettings={{\n          preserveAspectRatio: 'xMidYMid meet',\n        }}\n      />\n      {controls && (\n        <div className=\"mt-2 flex items-center justify-center gap-2\">\n          <span className=\"text-xs text-gray-500\">\n            Speed: {speed}x | Direction: {direction === 1 ? 'Forward' : 'Reverse'}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/tools/LottiePlayer/LottiePlayer.client.tsx"],"names":["useLottie","React","jsx","jsxs","Lottie","__name"],"mappings":"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","file":"LottiePlayer.client-6WVWDO75.cjs","sourcesContent":["/**\n * LottiePlayer Component\n *\n * Universal Lottie animation player component\n */\n\n'use client';\n\nimport React from 'react';\nimport Lottie from 'react-lottie-player';\n\nimport { LottiePlayerProps } from './types';\nimport { useLottie } from './useLottie';\n\n// Size presets mapping\nconst SIZE_PRESETS = {\n  xs: { width: 64, height: 64 },\n  sm: { width: 128, height: 128 },\n  md: { width: 256, height: 256 },\n  lg: { width: 384, height: 384 },\n  xl: { width: 512, height: 512 },\n  full: { width: '100%', height: '100%' },\n} as const;\n\n/**\n * LottiePlayer component for displaying Lottie animations\n *\n * Features:\n * - Loads animations from URLs or objects\n * - Size presets or custom dimensions\n * - Playback controls (speed, direction, loop)\n * - Loading and error states\n * - Event callbacks\n *\n * Usage:\n * ```tsx\n * // From URL with size preset\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   size=\"md\"\n *   autoplay\n *   loop\n * />\n *\n * // From object with custom size\n * <LottiePlayer\n *   src={animationData}\n *   width={300}\n *   height={300}\n *   speed={1.5}\n *   controls\n * />\n *\n * // With callbacks\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   onLoad={() => console.log('Animation loaded')}\n *   onComplete={() => console.log('Animation completed')}\n *   onError={(err) => console.error('Error:', err)}\n * />\n * ```\n */\nexport function LottiePlayer({\n  src,\n  size = 'md',\n  width,\n  height,\n  autoplay = true,\n  loop = true,\n  speed = 1,\n  direction = 1,\n  controls = false,\n  background,\n  className,\n  showLoading = true,\n  onComplete,\n  onLoad,\n  onError,\n}: LottiePlayerProps) {\n  // Load animation data using our custom hook\n  const { animationData, isLoading, error, retry } = useLottie({ src });\n\n  // Notify parent about load state\n  React.useEffect(() => {\n    if (animationData && onLoad) {\n      onLoad();\n    }\n  }, [animationData, onLoad]);\n\n  // Notify parent about errors\n  React.useEffect(() => {\n    if (error && onError) {\n      onError(error);\n    }\n  }, [error, onError]);\n\n  // Determine dimensions\n  const dimensions = React.useMemo(() => {\n    // Custom dimensions override size preset\n    if (width !== undefined || height !== undefined) {\n      return {\n        width: width ?? SIZE_PRESETS[size].width,\n        height: height ?? SIZE_PRESETS[size].height,\n      };\n    }\n\n    // Use size preset\n    return SIZE_PRESETS[size];\n  }, [size, width, height]);\n\n  // Handle complete event\n  const handleComplete = React.useCallback(() => {\n    if (onComplete) {\n      onComplete();\n    }\n  }, [onComplete]);\n\n  // Loading state\n  if (isLoading && showLoading) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900\" />\n          <span className=\"text-sm text-gray-500\">Loading animation...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-4 text-center\">\n          <svg\n            className=\"h-8 w-8 text-red-500\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <div className=\"text-sm text-red-600\">{error.message}</div>\n          <button\n            onClick={retry}\n            className=\"rounded bg-red-100 px-3 py-1 text-sm text-red-700 hover:bg-red-200\"\n          >\n            Retry\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // No animation data\n  if (!animationData) {\n    return null;\n  }\n\n  // Render the Lottie player\n  return (\n    <div\n      className={className}\n      style={{\n        width: dimensions.width,\n        height: dimensions.height,\n        background: background || 'transparent',\n      }}\n    >\n      <Lottie\n        animationData={animationData}\n        play={autoplay}\n        loop={loop}\n        speed={speed}\n        direction={direction}\n        style={{\n          width: '100%',\n          height: '100%',\n        }}\n        onComplete={handleComplete}\n        rendererSettings={{\n          preserveAspectRatio: 'xMidYMid meet',\n        }}\n      />\n      {controls && (\n        <div className=\"mt-2 flex items-center justify-center gap-2\">\n          <span className=\"text-xs text-gray-500\">\n            Speed: {speed}x | Direction: {direction === 1 ? 'Forward' : 'Reverse'}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{LottiePlayer.client-LBEC2JKY.mjs → LottiePlayer.client-B4I6WNZM.mjs}

@@ -1,5 +1,5 @@
-import { useLottie } from './chunk-YFRNE2IR.mjs';
-import { __name } from './chunk-37ZI6VD4.mjs';
+import { useLottie } from './chunk-6JTB2X72.mjs';
+import { __name } from './chunk-CGILA3WO.mjs';
 import React from 'react';
 import Lottie from 'react-lottie-player';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -157,5 +157,5 @@ function LottiePlayer({
 __name(LottiePlayer, "LottiePlayer");
 
 export { LottiePlayer };
-//# sourceMappingURL=LottiePlayer.client-LBEC2JKY.mjs.map
-//# sourceMappingURL=LottiePlayer.client-LBEC2JKY.mjs.map
+//# sourceMappingURL=LottiePlayer.client-B4I6WNZM.mjs.map
+//# sourceMappingURL=LottiePlayer.client-B4I6WNZM.mjs.map

package/dist/{LottiePlayer.client-LBEC2JKY.mjs.map → LottiePlayer.client-B4I6WNZM.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/LottiePlayer/LottiePlayer.client.tsx"],"names":[],"mappings":"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","file":"LottiePlayer.client-LBEC2JKY.mjs","sourcesContent":["/**\n * LottiePlayer Component\n *\n * Universal Lottie animation player component\n */\n\n'use client';\n\nimport React from 'react';\nimport Lottie from 'react-lottie-player';\n\nimport { LottiePlayerProps } from './types';\nimport { useLottie } from './useLottie';\n\n// Size presets mapping\nconst SIZE_PRESETS = {\n  xs: { width: 64, height: 64 },\n  sm: { width: 128, height: 128 },\n  md: { width: 256, height: 256 },\n  lg: { width: 384, height: 384 },\n  xl: { width: 512, height: 512 },\n  full: { width: '100%', height: '100%' },\n} as const;\n\n/**\n * LottiePlayer component for displaying Lottie animations\n *\n * Features:\n * - Loads animations from URLs or objects\n * - Size presets or custom dimensions\n * - Playback controls (speed, direction, loop)\n * - Loading and error states\n * - Event callbacks\n *\n * Usage:\n * ```tsx\n * // From URL with size preset\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   size=\"md\"\n *   autoplay\n *   loop\n * />\n *\n * // From object with custom size\n * <LottiePlayer\n *   src={animationData}\n *   width={300}\n *   height={300}\n *   speed={1.5}\n *   controls\n * />\n *\n * // With callbacks\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   onLoad={() => console.log('Animation loaded')}\n *   onComplete={() => console.log('Animation completed')}\n *   onError={(err) => console.error('Error:', err)}\n * />\n * ```\n */\nexport function LottiePlayer({\n  src,\n  size = 'md',\n  width,\n  height,\n  autoplay = true,\n  loop = true,\n  speed = 1,\n  direction = 1,\n  controls = false,\n  background,\n  className,\n  showLoading = true,\n  onComplete,\n  onLoad,\n  onError,\n}: LottiePlayerProps) {\n  // Load animation data using our custom hook\n  const { animationData, isLoading, error, retry } = useLottie({ src });\n\n  // Notify parent about load state\n  React.useEffect(() => {\n    if (animationData && onLoad) {\n      onLoad();\n    }\n  }, [animationData, onLoad]);\n\n  // Notify parent about errors\n  React.useEffect(() => {\n    if (error && onError) {\n      onError(error);\n    }\n  }, [error, onError]);\n\n  // Determine dimensions\n  const dimensions = React.useMemo(() => {\n    // Custom dimensions override size preset\n    if (width !== undefined || height !== undefined) {\n      return {\n        width: width ?? SIZE_PRESETS[size].width,\n        height: height ?? SIZE_PRESETS[size].height,\n      };\n    }\n\n    // Use size preset\n    return SIZE_PRESETS[size];\n  }, [size, width, height]);\n\n  // Handle complete event\n  const handleComplete = React.useCallback(() => {\n    if (onComplete) {\n      onComplete();\n    }\n  }, [onComplete]);\n\n  // Loading state\n  if (isLoading && showLoading) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900\" />\n          <span className=\"text-sm text-gray-500\">Loading animation...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-4 text-center\">\n          <svg\n            className=\"h-8 w-8 text-red-500\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <div className=\"text-sm text-red-600\">{error.message}</div>\n          <button\n            onClick={retry}\n            className=\"rounded bg-red-100 px-3 py-1 text-sm text-red-700 hover:bg-red-200\"\n          >\n            Retry\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // No animation data\n  if (!animationData) {\n    return null;\n  }\n\n  // Render the Lottie player\n  return (\n    <div\n      className={className}\n      style={{\n        width: dimensions.width,\n        height: dimensions.height,\n        background: background || 'transparent',\n      }}\n    >\n      <Lottie\n        animationData={animationData}\n        play={autoplay}\n        loop={loop}\n        speed={speed}\n        direction={direction}\n        style={{\n          width: '100%',\n          height: '100%',\n        }}\n        onComplete={handleComplete}\n        rendererSettings={{\n          preserveAspectRatio: 'xMidYMid meet',\n        }}\n      />\n      {controls && (\n        <div className=\"mt-2 flex items-center justify-center gap-2\">\n          <span className=\"text-xs text-gray-500\">\n            Speed: {speed}x | Direction: {direction === 1 ? 'Forward' : 'Reverse'}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/tools/LottiePlayer/LottiePlayer.client.tsx"],"names":[],"mappings":"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","file":"LottiePlayer.client-B4I6WNZM.mjs","sourcesContent":["/**\n * LottiePlayer Component\n *\n * Universal Lottie animation player component\n */\n\n'use client';\n\nimport React from 'react';\nimport Lottie from 'react-lottie-player';\n\nimport { LottiePlayerProps } from './types';\nimport { useLottie } from './useLottie';\n\n// Size presets mapping\nconst SIZE_PRESETS = {\n  xs: { width: 64, height: 64 },\n  sm: { width: 128, height: 128 },\n  md: { width: 256, height: 256 },\n  lg: { width: 384, height: 384 },\n  xl: { width: 512, height: 512 },\n  full: { width: '100%', height: '100%' },\n} as const;\n\n/**\n * LottiePlayer component for displaying Lottie animations\n *\n * Features:\n * - Loads animations from URLs or objects\n * - Size presets or custom dimensions\n * - Playback controls (speed, direction, loop)\n * - Loading and error states\n * - Event callbacks\n *\n * Usage:\n * ```tsx\n * // From URL with size preset\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   size=\"md\"\n *   autoplay\n *   loop\n * />\n *\n * // From object with custom size\n * <LottiePlayer\n *   src={animationData}\n *   width={300}\n *   height={300}\n *   speed={1.5}\n *   controls\n * />\n *\n * // With callbacks\n * <LottiePlayer\n *   src=\"https://example.com/animation.json\"\n *   onLoad={() => console.log('Animation loaded')}\n *   onComplete={() => console.log('Animation completed')}\n *   onError={(err) => console.error('Error:', err)}\n * />\n * ```\n */\nexport function LottiePlayer({\n  src,\n  size = 'md',\n  width,\n  height,\n  autoplay = true,\n  loop = true,\n  speed = 1,\n  direction = 1,\n  controls = false,\n  background,\n  className,\n  showLoading = true,\n  onComplete,\n  onLoad,\n  onError,\n}: LottiePlayerProps) {\n  // Load animation data using our custom hook\n  const { animationData, isLoading, error, retry } = useLottie({ src });\n\n  // Notify parent about load state\n  React.useEffect(() => {\n    if (animationData && onLoad) {\n      onLoad();\n    }\n  }, [animationData, onLoad]);\n\n  // Notify parent about errors\n  React.useEffect(() => {\n    if (error && onError) {\n      onError(error);\n    }\n  }, [error, onError]);\n\n  // Determine dimensions\n  const dimensions = React.useMemo(() => {\n    // Custom dimensions override size preset\n    if (width !== undefined || height !== undefined) {\n      return {\n        width: width ?? SIZE_PRESETS[size].width,\n        height: height ?? SIZE_PRESETS[size].height,\n      };\n    }\n\n    // Use size preset\n    return SIZE_PRESETS[size];\n  }, [size, width, height]);\n\n  // Handle complete event\n  const handleComplete = React.useCallback(() => {\n    if (onComplete) {\n      onComplete();\n    }\n  }, [onComplete]);\n\n  // Loading state\n  if (isLoading && showLoading) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900\" />\n          <span className=\"text-sm text-gray-500\">Loading animation...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div\n        className={`flex items-center justify-center ${className || ''}`}\n        style={{\n          width: dimensions.width,\n          height: dimensions.height,\n          background: background || 'transparent',\n        }}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-4 text-center\">\n          <svg\n            className=\"h-8 w-8 text-red-500\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <div className=\"text-sm text-red-600\">{error.message}</div>\n          <button\n            onClick={retry}\n            className=\"rounded bg-red-100 px-3 py-1 text-sm text-red-700 hover:bg-red-200\"\n          >\n            Retry\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // No animation data\n  if (!animationData) {\n    return null;\n  }\n\n  // Render the Lottie player\n  return (\n    <div\n      className={className}\n      style={{\n        width: dimensions.width,\n        height: dimensions.height,\n        background: background || 'transparent',\n      }}\n    >\n      <Lottie\n        animationData={animationData}\n        play={autoplay}\n        loop={loop}\n        speed={speed}\n        direction={direction}\n        style={{\n          width: '100%',\n          height: '100%',\n        }}\n        onComplete={handleComplete}\n        rendererSettings={{\n          preserveAspectRatio: 'xMidYMid meet',\n        }}\n      />\n      {controls && (\n        <div className=\"mt-2 flex items-center justify-center gap-2\">\n          <span className=\"text-xs text-gray-500\">\n            Speed: {speed}x | Direction: {direction === 1 ? 'Forward' : 'Reverse'}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{Mermaid.client-4TU2TSH3.mjs → Mermaid.client-4OCKJ6QD.mjs}

@@ -1,4 +1,4 @@
-import { __name } from './chunk-37ZI6VD4.mjs';
+import { __name } from './chunk-CGILA3WO.mjs';
 import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { createPortal } from 'react-dom';
@@ -473,5 +473,5 @@ var Mermaid = /* @__PURE__ */ __name(({ chart, className = "", isCompact = false
 var Mermaid_client_default = Mermaid;
 
 export { Mermaid_client_default as default };
-//# sourceMappingURL=Mermaid.client-4TU2TSH3.mjs.map
-//# sourceMappingURL=Mermaid.client-4TU2TSH3.mjs.map
+//# sourceMappingURL=Mermaid.client-4OCKJ6QD.mjs.map
+//# sourceMappingURL=Mermaid.client-4OCKJ6QD.mjs.map

package/dist/{Mermaid.client-4TU2TSH3.mjs.map → Mermaid.client-4OCKJ6QD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/Mermaid/utils/mermaid-helpers.ts","../src/tools/Mermaid/components/MermaidCodeViewer.tsx","../src/tools/Mermaid/components/MermaidFullscreenModal.tsx","../src/tools/Mermaid/hooks/useMermaidFullscreen.ts","../src/tools/Mermaid/hooks/useMermaidCleanup.ts","../src/tools/Mermaid/hooks/useMermaidValidation.ts","../src/tools/Mermaid/hooks/useMermaidRenderer.ts","../src/tools/Mermaid/Mermaid.client.tsx"],"names":["jsx","jsxs","useState","useEffect","applyMermaidTextColors","useRef","Fragment"],"mappings":"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","file":"Mermaid.client-4TU2TSH3.mjs","sourcesContent":["/**\n * Helper utilities for Mermaid diagram rendering\n */\n\n// Utility function to apply text colors to Mermaid SVG\nexport const applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nexport const isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\ninterface MermaidCodeViewerProps {\n    chart: string;\n    renderPreview: () => React.ReactNode;\n}\n\nexport const MermaidCodeViewer: React.FC<MermaidCodeViewerProps> = ({\n    chart,\n    renderPreview,\n}) => {\n    const [activeTab, setActiveTab] = useState<'preview' | 'code'>('preview');\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n        await navigator.clipboard.writeText(chart);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    };\n\n    return (\n        <div className=\"flex flex-col h-full\">\n            {/* Tabs */}\n            <div className=\"flex items-center justify-between border-b border-border px-4\">\n                <div className=\"flex\">\n                    <button\n                        onClick={() => setActiveTab('preview')}\n                        className={`px-4 py-3 text-sm font-medium transition-colors relative ${\n                            activeTab === 'preview'\n                                ? 'text-foreground'\n                                : 'text-muted-foreground hover:text-foreground'\n                        }`}\n                    >\n                        Preview\n                        {activeTab === 'preview' && (\n                            <div className=\"absolute bottom-0 left-0 right-0 h-0.5 bg-primary\" />\n                        )}\n                    </button>\n                    <button\n                        onClick={() => setActiveTab('code')}\n                        className={`px-4 py-3 text-sm font-medium transition-colors relative ${\n                            activeTab === 'code'\n                                ? 'text-foreground'\n                                : 'text-muted-foreground hover:text-foreground'\n                        }`}\n                    >\n                        Code\n                        {activeTab === 'code' && (\n                            <div className=\"absolute bottom-0 left-0 right-0 h-0.5 bg-primary\" />\n                        )}\n                    </button>\n                </div>\n\n                {/* Copy button - show only on Code tab */}\n                {activeTab === 'code' && (\n                    <button\n                        onClick={handleCopy}\n                        className=\"flex items-center gap-2 px-3 py-1.5 text-xs font-medium bg-primary/10 hover:bg-primary/20 text-primary rounded transition-colors\"\n                    >\n                        {copied ? (\n                            <>\n                                <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n                                </svg>\n                                Copied!\n                            </>\n                        ) : (\n                            <>\n                                <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n                                </svg>\n                                Copy\n                            </>\n                        )}\n                    </button>\n                )}\n            </div>\n\n            {/* Content */}\n            <div className=\"flex-1 overflow-auto\">\n                {activeTab === 'preview' ? (\n                    <div className=\"p-6 flex items-center justify-center min-h-full\">\n                        {renderPreview()}\n                    </div>\n                ) : (\n                    <pre className=\"p-6 text-sm font-mono text-foreground bg-muted/30 h-full overflow-auto\">\n                        <code>{chart}</code>\n                    </pre>\n                )}\n            </div>\n        </div>\n    );\n};\n","'use client';\n\nimport React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { applyMermaidTextColors } from '../utils/mermaid-helpers';\nimport { MermaidCodeViewer } from './MermaidCodeViewer';\n\ninterface MermaidFullscreenModalProps {\n    isOpen: boolean;\n    svgContent: string;\n    isVertical: boolean;\n    theme: string;\n    chart: string;\n    fullscreenRef: React.RefObject<HTMLDivElement>;\n    onClose: () => void;\n    onBackdropClick: (e: React.MouseEvent) => void;\n}\n\nexport const MermaidFullscreenModal: React.FC<MermaidFullscreenModalProps> = ({\n    isOpen,\n    svgContent,\n    isVertical,\n    theme,\n    chart,\n    fullscreenRef,\n    onClose,\n    onBackdropClick,\n}) => {\n    // Apply text colors to fullscreen modal after render\n    useEffect(() => {\n        if (isOpen && fullscreenRef.current) {\n            const getCSSVariable = (variable: string) => {\n                if (typeof document === 'undefined') return '';\n                const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n                return value ? `hsl(${value})` : '';\n            };\n\n            const textColor = theme === 'dark'\n                ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n            applyMermaidTextColors(fullscreenRef.current, textColor);\n\n            // Make SVG responsive\n            const svgElement = fullscreenRef.current.querySelector('svg');\n            if (svgElement) {\n                svgElement.style.display = 'block';\n                svgElement.style.height = 'auto';\n                svgElement.style.maxWidth = '100%';\n\n                // For vertical diagrams, limit width\n                if (isVertical) {\n                    svgElement.style.maxWidth = '600px';\n                    svgElement.style.margin = '0 auto';\n                }\n            }\n        }\n    }, [isOpen, theme, isVertical, fullscreenRef]);\n\n    if (!isOpen || typeof document === 'undefined') return null;\n\n    return createPortal(\n        <div\n            className=\"fixed inset-0 z-9999 flex items-center justify-center p-4\"\n            style={{ backgroundColor: 'rgb(0 0 0 / 0.75)' }}\n            onClick={onBackdropClick}\n        >\n            <div className={`relative bg-card rounded-sm shadow-xl max-h-[95vh] flex flex-col border border-border ${\n                isVertical\n                    ? 'w-auto min-w-[400px] max-w-[600px]'\n                    : 'min-w-[600px] max-w-[90vw] w-auto'\n            }`}>\n                {/* Header */}\n                <div className=\"flex items-center justify-between py-4 px-6 border-b border-border\">\n                    <h3 className=\"text-sm font-medium text-foreground py-0 my-0\">Diagram</h3>\n                    <button\n                        onClick={onClose}\n                        className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                    >\n                        <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                        </svg>\n                    </button>\n                </div>\n\n                {/* Content - Code Viewer with tabs */}\n                <div className=\"flex-1 overflow-hidden\">\n                    <MermaidCodeViewer\n                        chart={chart}\n                        renderPreview={() => (\n                            <div\n                                ref={fullscreenRef}\n                                dangerouslySetInnerHTML={{ __html: svgContent }}\n                            />\n                        )}\n                    />\n                </div>\n            </div>\n        </div>,\n        document.body\n    );\n};\n","/**\n * Hook for managing Mermaid fullscreen modal\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nexport function useMermaidFullscreen() {\n    const [isFullscreen, setIsFullscreen] = useState(false);\n    const fullscreenRef = useRef<HTMLDivElement>(null);\n\n    const openFullscreen = () => setIsFullscreen(true);\n    const closeFullscreen = () => setIsFullscreen(false);\n\n    const handleBackdropClick = (e: React.MouseEvent) => {\n        if (e.target === e.currentTarget) {\n            closeFullscreen();\n        }\n    };\n\n    // Handle ESC key\n    useEffect(() => {\n        const handleEscKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape' && isFullscreen) {\n                closeFullscreen();\n            }\n        };\n\n        if (isFullscreen) {\n            document.addEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'hidden';\n        }\n\n        return () => {\n            document.removeEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'unset';\n        };\n    }, [isFullscreen]);\n\n    return {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    };\n}\n","/**\n * Hook for cleaning up orphaned Mermaid DOM nodes\n */\n\nimport { useCallback, useEffect } from 'react';\n\nexport function useMermaidCleanup() {\n    const cleanupMermaidErrors = useCallback(() => {\n        if (typeof document === 'undefined') return;\n\n        // Remove all orphaned mermaid elements from body\n        // Mermaid can append: SVGs, divs with errors, text nodes\n\n        // 1. Remove elements with mermaid-* IDs directly in body\n        document.querySelectorAll('[id^=\"mermaid-\"]').forEach((node) => {\n            if (node.parentNode === document.body) {\n                node.remove();\n            }\n        });\n\n        // 2. Remove elements with d prefix (mermaid diagram IDs) directly in body\n        document.querySelectorAll('[id^=\"d\"]').forEach((node) => {\n            if (node.parentNode === document.body && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 3. Remove orphaned SVG elements that mermaid creates in body\n        document.querySelectorAll('body > svg').forEach((node) => {\n            // Check if it's a mermaid SVG (has mermaid classes or aria-roledescription)\n            if (node.getAttribute('aria-roledescription') ||\n                node.classList.contains('mermaid') ||\n                node.querySelector('.mermaid') ||\n                node.id?.includes('mermaid')) {\n                node.remove();\n            }\n        });\n\n        // 4. Remove any orphaned error divs with \"Syntax error\" text\n        document.querySelectorAll('body > div').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error in text') ||\n                text.includes('mermaid version') ||\n                node.id?.startsWith('mermaid-') ||\n                node.id?.startsWith('d') && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 5. Remove orphaned pre elements with error info\n        document.querySelectorAll('body > pre').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error') || text.includes('mermaid')) {\n                node.remove();\n            }\n        });\n    }, []);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            cleanupMermaidErrors();\n        };\n    }, [cleanupMermaidErrors]);\n\n    // Also run cleanup periodically to catch any stray elements\n    useEffect(() => {\n        const interval = setInterval(cleanupMermaidErrors, 1000);\n        return () => clearInterval(interval);\n    }, [cleanupMermaidErrors]);\n\n    return { cleanupMermaidErrors };\n}\n","/**\n * Hook for validating Mermaid code completeness\n */\n\nexport function useMermaidValidation() {\n    const isMermaidCodeComplete = (code: string): boolean => {\n        if (!code || code.trim().length === 0) return false;\n\n        const trimmed = code.trim();\n\n        // Check if code has basic structure\n        const lines = trimmed.split('\\n');\n        if (lines.length < 2) return false; // Need at least diagram type + one element\n\n        // Check for common incomplete patterns\n        const lastLine = lines[lines.length - 1].trim();\n\n        // Incomplete if last line ends with arrow without destination\n        if (lastLine.match(/-->?\\s*$/)) return false;\n        if (lastLine.match(/-->\\|[^|]*\\|\\s*$/)) return false;\n\n        // Incomplete if last line ends with opening bracket/parenthesis\n        if (lastLine.match(/[\\[({]\\s*$/)) return false;\n\n        return true;\n    };\n\n    return { isMermaidCodeComplete };\n}\n","/**\n * Hook for rendering Mermaid diagrams with debounce and validation\n */\n\nimport mermaid from 'mermaid';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useMermaidCleanup } from './useMermaidCleanup';\nimport { useMermaidValidation } from './useMermaidValidation';\n\ninterface UseMermaidRendererProps {\n    chart: string;\n    theme: string;\n    isCompact?: boolean;\n}\n\ninterface MermaidRenderResult {\n    mermaidRef: React.RefObject<HTMLDivElement>;\n    svgContent: string;\n    isVertical: boolean;\n    isRendering: boolean;\n}\n\n// Utility function to apply text colors to Mermaid SVG\nconst applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nconst isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n\nexport function useMermaidRenderer({ chart, theme, isCompact = false }: UseMermaidRendererProps): MermaidRenderResult {\n    const mermaidRef = useRef<HTMLDivElement>(null);\n    const renderTimerRef = useRef<NodeJS.Timeout | null>(null);\n    const [svgContent, setSvgContent] = useState<string>('');\n    const [isVertical, setIsVertical] = useState(false);\n    const [isRendering, setIsRendering] = useState(false);\n\n    const { isMermaidCodeComplete } = useMermaidValidation();\n    const { cleanupMermaidErrors } = useMermaidCleanup();\n\n    useEffect(() => {\n        // Get CSS variables for semantic colors\n        const getCSSVariable = (variable: string) => {\n            if (typeof document === 'undefined') return '';\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? `hsl(${value})` : '';\n        };\n\n        const diagramFontSize = isCompact ? '12px' : '14px';\n\n        const themeVariables = theme === 'dark' ? {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            tertiaryColor: getCSSVariable('--accent') || 'hsl(217.2 32.6% 20%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            clusterBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 12%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(222.2 84% 4.9%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 62.8% 30.6%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        } : {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--secondary') || 'hsl(210 40% 96.1%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            tertiaryColor: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            clusterBkg: getCSSVariable('--accent') || 'hsl(210 40% 98%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(0 0% 100%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 84.2% 60.2%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        };\n\n        mermaid.initialize({\n            startOnLoad: false,\n            theme: 'base',\n            securityLevel: 'loose',\n            suppressErrorRendering: true, // Prevent mermaid from appending errors to body\n            fontFamily: 'Inter, system-ui, sans-serif',\n            flowchart: {\n                useMaxWidth: true,\n                htmlLabels: true,\n                curve: 'basis',\n            },\n            themeVariables,\n        });\n\n        const renderChart = async () => {\n            if (!mermaidRef.current || !chart) return;\n\n            // Validate code completeness\n            if (!isMermaidCodeComplete(chart)) {\n                setIsRendering(true);\n                return;\n            }\n\n            try {\n                setIsRendering(true);\n\n                // Clear container\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = '';\n                }\n\n                const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;\n                const { svg } = await mermaid.render(id, chart);\n\n                if (mermaidRef.current) {\n                    const textColor = theme === 'dark'\n                        ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                        : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n                    const processedSvg = svg.replace(\n                        /<svg /,\n                        `<svg style=\"--mermaid-text-color: ${textColor};\" `\n                    );\n\n                    mermaidRef.current.innerHTML = processedSvg;\n                    setSvgContent(processedSvg);\n\n                    applyMermaidTextColors(mermaidRef.current, textColor);\n\n                    const svgElement = mermaidRef.current.querySelector('svg');\n                    if (svgElement) {\n                        svgElement.style.maxWidth = '100%';\n                        svgElement.style.height = 'auto';\n                        svgElement.style.display = 'block';\n                        setIsVertical(isVerticalDiagram(svgElement));\n                    }\n                }\n\n                setIsRendering(false);\n            } catch (error) {\n                console.error('Mermaid rendering error:', error);\n                setIsRendering(false);\n                cleanupMermaidErrors();\n\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = `\n                        <div class=\"p-4 text-destructive bg-destructive/10 border border-destructive/20 rounded-sm\">\n                            <p class=\"font-semibold\">Mermaid Diagram Error</p>\n                            <p class=\"text-sm\">${error instanceof Error ? error.message : 'Unknown error'}</p>\n                        </div>\n                    `;\n                }\n            }\n        };\n\n        // Clear previous timer\n        if (renderTimerRef.current) {\n            clearTimeout(renderTimerRef.current);\n        }\n\n        // Debounce: wait 500ms after last update\n        renderTimerRef.current = setTimeout(() => {\n            renderChart();\n        }, 500);\n\n        return () => {\n            if (renderTimerRef.current) {\n                clearTimeout(renderTimerRef.current);\n            }\n        };\n    }, [chart, theme, isCompact, isMermaidCodeComplete, cleanupMermaidErrors]);\n\n    return {\n        mermaidRef,\n        svgContent,\n        isVertical,\n        isRendering,\n    };\n}\n","'use client';\n\nimport React from 'react';\n\nimport { useResolvedTheme } from '@djangocfg/ui-core/hooks';\nimport { MermaidFullscreenModal } from './components/MermaidFullscreenModal';\nimport { useMermaidFullscreen } from './hooks/useMermaidFullscreen';\nimport { useMermaidRenderer } from './hooks/useMermaidRenderer';\n\ninterface MermaidProps {\n    chart: string;\n    className?: string;\n    isCompact?: boolean;\n}\n\nconst Mermaid: React.FC<MermaidProps> = ({ chart, className = '', isCompact = false }) => {\n    const theme = useResolvedTheme();\n\n    // Rendering logic\n    const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({\n        chart,\n        theme,\n        isCompact,\n    });\n\n    // Fullscreen modal logic\n    const {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    } = useMermaidFullscreen();\n\n    const handleClick = () => {\n        if (svgContent) {\n            openFullscreen();\n        }\n    };\n\n    return (\n        <>\n            <div\n                className={`relative bg-card rounded-sm border border-border overflow-hidden cursor-pointer hover:shadow-sm transition-shadow ${className}`}\n                onClick={handleClick}\n            >\n                <div className=\"p-4 border-b border-border bg-muted/50\">\n                    <h6 className=\"text-sm font-semibold text-foreground\">Diagram</h6>\n                    <p className=\"text-xs text-muted-foreground mt-1\">Click to view fullscreen</p>\n                </div>\n                <div className=\"relative p-4 overflow-hidden\">\n                    <div\n                        ref={mermaidRef}\n                        className=\"flex justify-center items-center min-h-[200px]\"\n                        style={{ isolation: 'isolate' }}\n                    />\n                    {isRendering && (\n                        <div className=\"absolute inset-0 flex items-center justify-center bg-background/50 backdrop-blur-sm\">\n                            <div className=\"flex flex-col items-center gap-2\">\n                                <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-primary\"></div>\n                                <p className=\"text-xs text-muted-foreground\">Rendering diagram...</p>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n\n            <MermaidFullscreenModal\n                isOpen={isFullscreen}\n                svgContent={svgContent}\n                isVertical={isVertical}\n                theme={theme}\n                chart={chart}\n                fullscreenRef={fullscreenRef}\n                onClose={closeFullscreen}\n                onBackdropClick={handleBackdropClick}\n            />\n        </>\n    );\n};\n\nexport default Mermaid;\n"]}
+{"version":3,"sources":["../src/tools/Mermaid/utils/mermaid-helpers.ts","../src/tools/Mermaid/components/MermaidCodeViewer.tsx","../src/tools/Mermaid/components/MermaidFullscreenModal.tsx","../src/tools/Mermaid/hooks/useMermaidFullscreen.ts","../src/tools/Mermaid/hooks/useMermaidCleanup.ts","../src/tools/Mermaid/hooks/useMermaidValidation.ts","../src/tools/Mermaid/hooks/useMermaidRenderer.ts","../src/tools/Mermaid/Mermaid.client.tsx"],"names":["jsx","jsxs","useState","useEffect","applyMermaidTextColors","useRef","Fragment"],"mappings":"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","file":"Mermaid.client-4OCKJ6QD.mjs","sourcesContent":["/**\n * Helper utilities for Mermaid diagram rendering\n */\n\n// Utility function to apply text colors to Mermaid SVG\nexport const applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nexport const isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\ninterface MermaidCodeViewerProps {\n    chart: string;\n    renderPreview: () => React.ReactNode;\n}\n\nexport const MermaidCodeViewer: React.FC<MermaidCodeViewerProps> = ({\n    chart,\n    renderPreview,\n}) => {\n    const [activeTab, setActiveTab] = useState<'preview' | 'code'>('preview');\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n        await navigator.clipboard.writeText(chart);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n    };\n\n    return (\n        <div className=\"flex flex-col h-full\">\n            {/* Tabs */}\n            <div className=\"flex items-center justify-between border-b border-border px-4\">\n                <div className=\"flex\">\n                    <button\n                        onClick={() => setActiveTab('preview')}\n                        className={`px-4 py-3 text-sm font-medium transition-colors relative ${\n                            activeTab === 'preview'\n                                ? 'text-foreground'\n                                : 'text-muted-foreground hover:text-foreground'\n                        }`}\n                    >\n                        Preview\n                        {activeTab === 'preview' && (\n                            <div className=\"absolute bottom-0 left-0 right-0 h-0.5 bg-primary\" />\n                        )}\n                    </button>\n                    <button\n                        onClick={() => setActiveTab('code')}\n                        className={`px-4 py-3 text-sm font-medium transition-colors relative ${\n                            activeTab === 'code'\n                                ? 'text-foreground'\n                                : 'text-muted-foreground hover:text-foreground'\n                        }`}\n                    >\n                        Code\n                        {activeTab === 'code' && (\n                            <div className=\"absolute bottom-0 left-0 right-0 h-0.5 bg-primary\" />\n                        )}\n                    </button>\n                </div>\n\n                {/* Copy button - show only on Code tab */}\n                {activeTab === 'code' && (\n                    <button\n                        onClick={handleCopy}\n                        className=\"flex items-center gap-2 px-3 py-1.5 text-xs font-medium bg-primary/10 hover:bg-primary/20 text-primary rounded transition-colors\"\n                    >\n                        {copied ? (\n                            <>\n                                <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n                                </svg>\n                                Copied!\n                            </>\n                        ) : (\n                            <>\n                                <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n                                </svg>\n                                Copy\n                            </>\n                        )}\n                    </button>\n                )}\n            </div>\n\n            {/* Content */}\n            <div className=\"flex-1 overflow-auto\">\n                {activeTab === 'preview' ? (\n                    <div className=\"p-6 flex items-center justify-center min-h-full\">\n                        {renderPreview()}\n                    </div>\n                ) : (\n                    <pre className=\"p-6 text-sm font-mono text-foreground bg-muted/30 h-full overflow-auto\">\n                        <code>{chart}</code>\n                    </pre>\n                )}\n            </div>\n        </div>\n    );\n};\n","'use client';\n\nimport React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { applyMermaidTextColors } from '../utils/mermaid-helpers';\nimport { MermaidCodeViewer } from './MermaidCodeViewer';\n\ninterface MermaidFullscreenModalProps {\n    isOpen: boolean;\n    svgContent: string;\n    isVertical: boolean;\n    theme: string;\n    chart: string;\n    fullscreenRef: React.RefObject<HTMLDivElement>;\n    onClose: () => void;\n    onBackdropClick: (e: React.MouseEvent) => void;\n}\n\nexport const MermaidFullscreenModal: React.FC<MermaidFullscreenModalProps> = ({\n    isOpen,\n    svgContent,\n    isVertical,\n    theme,\n    chart,\n    fullscreenRef,\n    onClose,\n    onBackdropClick,\n}) => {\n    // Apply text colors to fullscreen modal after render\n    useEffect(() => {\n        if (isOpen && fullscreenRef.current) {\n            const getCSSVariable = (variable: string) => {\n                if (typeof document === 'undefined') return '';\n                const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n                return value ? `hsl(${value})` : '';\n            };\n\n            const textColor = theme === 'dark'\n                ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n            applyMermaidTextColors(fullscreenRef.current, textColor);\n\n            // Make SVG responsive\n            const svgElement = fullscreenRef.current.querySelector('svg');\n            if (svgElement) {\n                svgElement.style.display = 'block';\n                svgElement.style.height = 'auto';\n                svgElement.style.maxWidth = '100%';\n\n                // For vertical diagrams, limit width\n                if (isVertical) {\n                    svgElement.style.maxWidth = '600px';\n                    svgElement.style.margin = '0 auto';\n                }\n            }\n        }\n    }, [isOpen, theme, isVertical, fullscreenRef]);\n\n    if (!isOpen || typeof document === 'undefined') return null;\n\n    return createPortal(\n        <div\n            className=\"fixed inset-0 z-9999 flex items-center justify-center p-4\"\n            style={{ backgroundColor: 'rgb(0 0 0 / 0.75)' }}\n            onClick={onBackdropClick}\n        >\n            <div className={`relative bg-card rounded-sm shadow-xl max-h-[95vh] flex flex-col border border-border ${\n                isVertical\n                    ? 'w-auto min-w-[400px] max-w-[600px]'\n                    : 'min-w-[600px] max-w-[90vw] w-auto'\n            }`}>\n                {/* Header */}\n                <div className=\"flex items-center justify-between py-4 px-6 border-b border-border\">\n                    <h3 className=\"text-sm font-medium text-foreground py-0 my-0\">Diagram</h3>\n                    <button\n                        onClick={onClose}\n                        className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                    >\n                        <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                        </svg>\n                    </button>\n                </div>\n\n                {/* Content - Code Viewer with tabs */}\n                <div className=\"flex-1 overflow-hidden\">\n                    <MermaidCodeViewer\n                        chart={chart}\n                        renderPreview={() => (\n                            <div\n                                ref={fullscreenRef}\n                                dangerouslySetInnerHTML={{ __html: svgContent }}\n                            />\n                        )}\n                    />\n                </div>\n            </div>\n        </div>,\n        document.body\n    );\n};\n","/**\n * Hook for managing Mermaid fullscreen modal\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nexport function useMermaidFullscreen() {\n    const [isFullscreen, setIsFullscreen] = useState(false);\n    const fullscreenRef = useRef<HTMLDivElement>(null);\n\n    const openFullscreen = () => setIsFullscreen(true);\n    const closeFullscreen = () => setIsFullscreen(false);\n\n    const handleBackdropClick = (e: React.MouseEvent) => {\n        if (e.target === e.currentTarget) {\n            closeFullscreen();\n        }\n    };\n\n    // Handle ESC key\n    useEffect(() => {\n        const handleEscKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape' && isFullscreen) {\n                closeFullscreen();\n            }\n        };\n\n        if (isFullscreen) {\n            document.addEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'hidden';\n        }\n\n        return () => {\n            document.removeEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'unset';\n        };\n    }, [isFullscreen]);\n\n    return {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    };\n}\n","/**\n * Hook for cleaning up orphaned Mermaid DOM nodes\n */\n\nimport { useCallback, useEffect } from 'react';\n\nexport function useMermaidCleanup() {\n    const cleanupMermaidErrors = useCallback(() => {\n        if (typeof document === 'undefined') return;\n\n        // Remove all orphaned mermaid elements from body\n        // Mermaid can append: SVGs, divs with errors, text nodes\n\n        // 1. Remove elements with mermaid-* IDs directly in body\n        document.querySelectorAll('[id^=\"mermaid-\"]').forEach((node) => {\n            if (node.parentNode === document.body) {\n                node.remove();\n            }\n        });\n\n        // 2. Remove elements with d prefix (mermaid diagram IDs) directly in body\n        document.querySelectorAll('[id^=\"d\"]').forEach((node) => {\n            if (node.parentNode === document.body && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 3. Remove orphaned SVG elements that mermaid creates in body\n        document.querySelectorAll('body > svg').forEach((node) => {\n            // Check if it's a mermaid SVG (has mermaid classes or aria-roledescription)\n            if (node.getAttribute('aria-roledescription') ||\n                node.classList.contains('mermaid') ||\n                node.querySelector('.mermaid') ||\n                node.id?.includes('mermaid')) {\n                node.remove();\n            }\n        });\n\n        // 4. Remove any orphaned error divs with \"Syntax error\" text\n        document.querySelectorAll('body > div').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error in text') ||\n                text.includes('mermaid version') ||\n                node.id?.startsWith('mermaid-') ||\n                node.id?.startsWith('d') && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 5. Remove orphaned pre elements with error info\n        document.querySelectorAll('body > pre').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error') || text.includes('mermaid')) {\n                node.remove();\n            }\n        });\n    }, []);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            cleanupMermaidErrors();\n        };\n    }, [cleanupMermaidErrors]);\n\n    // Also run cleanup periodically to catch any stray elements\n    useEffect(() => {\n        const interval = setInterval(cleanupMermaidErrors, 1000);\n        return () => clearInterval(interval);\n    }, [cleanupMermaidErrors]);\n\n    return { cleanupMermaidErrors };\n}\n","/**\n * Hook for validating Mermaid code completeness\n */\n\nexport function useMermaidValidation() {\n    const isMermaidCodeComplete = (code: string): boolean => {\n        if (!code || code.trim().length === 0) return false;\n\n        const trimmed = code.trim();\n\n        // Check if code has basic structure\n        const lines = trimmed.split('\\n');\n        if (lines.length < 2) return false; // Need at least diagram type + one element\n\n        // Check for common incomplete patterns\n        const lastLine = lines[lines.length - 1].trim();\n\n        // Incomplete if last line ends with arrow without destination\n        if (lastLine.match(/-->?\\s*$/)) return false;\n        if (lastLine.match(/-->\\|[^|]*\\|\\s*$/)) return false;\n\n        // Incomplete if last line ends with opening bracket/parenthesis\n        if (lastLine.match(/[\\[({]\\s*$/)) return false;\n\n        return true;\n    };\n\n    return { isMermaidCodeComplete };\n}\n","/**\n * Hook for rendering Mermaid diagrams with debounce and validation\n */\n\nimport mermaid from 'mermaid';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useMermaidCleanup } from './useMermaidCleanup';\nimport { useMermaidValidation } from './useMermaidValidation';\n\ninterface UseMermaidRendererProps {\n    chart: string;\n    theme: string;\n    isCompact?: boolean;\n}\n\ninterface MermaidRenderResult {\n    mermaidRef: React.RefObject<HTMLDivElement>;\n    svgContent: string;\n    isVertical: boolean;\n    isRendering: boolean;\n}\n\n// Utility function to apply text colors to Mermaid SVG\nconst applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nconst isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n\nexport function useMermaidRenderer({ chart, theme, isCompact = false }: UseMermaidRendererProps): MermaidRenderResult {\n    const mermaidRef = useRef<HTMLDivElement>(null);\n    const renderTimerRef = useRef<NodeJS.Timeout | null>(null);\n    const [svgContent, setSvgContent] = useState<string>('');\n    const [isVertical, setIsVertical] = useState(false);\n    const [isRendering, setIsRendering] = useState(false);\n\n    const { isMermaidCodeComplete } = useMermaidValidation();\n    const { cleanupMermaidErrors } = useMermaidCleanup();\n\n    useEffect(() => {\n        // Get CSS variables for semantic colors\n        const getCSSVariable = (variable: string) => {\n            if (typeof document === 'undefined') return '';\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? `hsl(${value})` : '';\n        };\n\n        const diagramFontSize = isCompact ? '12px' : '14px';\n\n        const themeVariables = theme === 'dark' ? {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            tertiaryColor: getCSSVariable('--accent') || 'hsl(217.2 32.6% 20%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            clusterBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 12%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(222.2 84% 4.9%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 62.8% 30.6%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        } : {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--secondary') || 'hsl(210 40% 96.1%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            tertiaryColor: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            clusterBkg: getCSSVariable('--accent') || 'hsl(210 40% 98%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(0 0% 100%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 84.2% 60.2%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        };\n\n        mermaid.initialize({\n            startOnLoad: false,\n            theme: 'base',\n            securityLevel: 'loose',\n            suppressErrorRendering: true, // Prevent mermaid from appending errors to body\n            fontFamily: 'Inter, system-ui, sans-serif',\n            flowchart: {\n                useMaxWidth: true,\n                htmlLabels: true,\n                curve: 'basis',\n            },\n            themeVariables,\n        });\n\n        const renderChart = async () => {\n            if (!mermaidRef.current || !chart) return;\n\n            // Validate code completeness\n            if (!isMermaidCodeComplete(chart)) {\n                setIsRendering(true);\n                return;\n            }\n\n            try {\n                setIsRendering(true);\n\n                // Clear container\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = '';\n                }\n\n                const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;\n                const { svg } = await mermaid.render(id, chart);\n\n                if (mermaidRef.current) {\n                    const textColor = theme === 'dark'\n                        ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                        : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n                    const processedSvg = svg.replace(\n                        /<svg /,\n                        `<svg style=\"--mermaid-text-color: ${textColor};\" `\n                    );\n\n                    mermaidRef.current.innerHTML = processedSvg;\n                    setSvgContent(processedSvg);\n\n                    applyMermaidTextColors(mermaidRef.current, textColor);\n\n                    const svgElement = mermaidRef.current.querySelector('svg');\n                    if (svgElement) {\n                        svgElement.style.maxWidth = '100%';\n                        svgElement.style.height = 'auto';\n                        svgElement.style.display = 'block';\n                        setIsVertical(isVerticalDiagram(svgElement));\n                    }\n                }\n\n                setIsRendering(false);\n            } catch (error) {\n                console.error('Mermaid rendering error:', error);\n                setIsRendering(false);\n                cleanupMermaidErrors();\n\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = `\n                        <div class=\"p-4 text-destructive bg-destructive/10 border border-destructive/20 rounded-sm\">\n                            <p class=\"font-semibold\">Mermaid Diagram Error</p>\n                            <p class=\"text-sm\">${error instanceof Error ? error.message : 'Unknown error'}</p>\n                        </div>\n                    `;\n                }\n            }\n        };\n\n        // Clear previous timer\n        if (renderTimerRef.current) {\n            clearTimeout(renderTimerRef.current);\n        }\n\n        // Debounce: wait 500ms after last update\n        renderTimerRef.current = setTimeout(() => {\n            renderChart();\n        }, 500);\n\n        return () => {\n            if (renderTimerRef.current) {\n                clearTimeout(renderTimerRef.current);\n            }\n        };\n    }, [chart, theme, isCompact, isMermaidCodeComplete, cleanupMermaidErrors]);\n\n    return {\n        mermaidRef,\n        svgContent,\n        isVertical,\n        isRendering,\n    };\n}\n","'use client';\n\nimport React from 'react';\n\nimport { useResolvedTheme } from '@djangocfg/ui-core/hooks';\nimport { MermaidFullscreenModal } from './components/MermaidFullscreenModal';\nimport { useMermaidFullscreen } from './hooks/useMermaidFullscreen';\nimport { useMermaidRenderer } from './hooks/useMermaidRenderer';\n\ninterface MermaidProps {\n    chart: string;\n    className?: string;\n    isCompact?: boolean;\n}\n\nconst Mermaid: React.FC<MermaidProps> = ({ chart, className = '', isCompact = false }) => {\n    const theme = useResolvedTheme();\n\n    // Rendering logic\n    const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({\n        chart,\n        theme,\n        isCompact,\n    });\n\n    // Fullscreen modal logic\n    const {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    } = useMermaidFullscreen();\n\n    const handleClick = () => {\n        if (svgContent) {\n            openFullscreen();\n        }\n    };\n\n    return (\n        <>\n            <div\n                className={`relative bg-card rounded-sm border border-border overflow-hidden cursor-pointer hover:shadow-sm transition-shadow ${className}`}\n                onClick={handleClick}\n            >\n                <div className=\"p-4 border-b border-border bg-muted/50\">\n                    <h6 className=\"text-sm font-semibold text-foreground\">Diagram</h6>\n                    <p className=\"text-xs text-muted-foreground mt-1\">Click to view fullscreen</p>\n                </div>\n                <div className=\"relative p-4 overflow-hidden\">\n                    <div\n                        ref={mermaidRef}\n                        className=\"flex justify-center items-center min-h-[200px]\"\n                        style={{ isolation: 'isolate' }}\n                    />\n                    {isRendering && (\n                        <div className=\"absolute inset-0 flex items-center justify-center bg-background/50 backdrop-blur-sm\">\n                            <div className=\"flex flex-col items-center gap-2\">\n                                <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-primary\"></div>\n                                <p className=\"text-xs text-muted-foreground\">Rendering diagram...</p>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n\n            <MermaidFullscreenModal\n                isOpen={isFullscreen}\n                svgContent={svgContent}\n                isVertical={isVertical}\n                theme={theme}\n                chart={chart}\n                fullscreenRef={fullscreenRef}\n                onClose={closeFullscreen}\n                onBackdropClick={handleBackdropClick}\n            />\n        </>\n    );\n};\n\nexport default Mermaid;\n"]}

package/dist/{Mermaid.client-SBYY364Q.cjs → Mermaid.client-ZP6OE46Z.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUQ3XI5MY_cjs = require('./chunk-UQ3XI5MY.cjs');
+var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var hooks = require('@djangocfg/ui-core/hooks');
 var react = require('react');
 var reactDom = require('react-dom');
@@ -12,7 +12,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var mermaid__default = /*#__PURE__*/_interopDefault(mermaid);
 
 // src/tools/Mermaid/utils/mermaid-helpers.ts
-var applyMermaidTextColors = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((container, textColor) => {
+var applyMermaidTextColors = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((container, textColor) => {
   const svgElement = container.querySelector("svg");
   if (svgElement) {
     svgElement.querySelectorAll("text").forEach((el) => {
@@ -23,13 +23,13 @@ var applyMermaidTextColors = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((container
     });
   }
 }, "applyMermaidTextColors");
-var MermaidCodeViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({
+var MermaidCodeViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   chart,
   renderPreview
 }) => {
   const [activeTab, setActiveTab] = react.useState("preview");
   const [copied, setCopied] = react.useState(false);
-  const handleCopy = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(async () => {
+  const handleCopy = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(async () => {
     await navigator.clipboard.writeText(chart);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
@@ -78,7 +78,7 @@ var MermaidCodeViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: activeTab === "preview" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 flex items-center justify-center min-h-full", children: renderPreview() }) : /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-6 text-sm font-mono text-foreground bg-muted/30 h-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: chart }) }) })
   ] });
 }, "MermaidCodeViewer");
-var MermaidFullscreenModal = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({
+var MermaidFullscreenModal = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   isOpen,
   svgContent,
   isVertical,
@@ -90,7 +90,7 @@ var MermaidFullscreenModal = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({
 }) => {
   react.useEffect(() => {
     if (isOpen && fullscreenRef.current) {
-      const getCSSVariable = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((variable) => {
+      const getCSSVariable = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((variable) => {
         if (typeof document === "undefined") return "";
         const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
         return value ? `hsl(${value})` : "";
@@ -151,15 +151,15 @@ var MermaidFullscreenModal = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({
 function useMermaidFullscreen() {
   const [isFullscreen, setIsFullscreen] = react.useState(false);
   const fullscreenRef = react.useRef(null);
-  const openFullscreen = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => setIsFullscreen(true), "openFullscreen");
-  const closeFullscreen = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => setIsFullscreen(false), "closeFullscreen");
-  const handleBackdropClick = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((e) => {
+  const openFullscreen = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => setIsFullscreen(true), "openFullscreen");
+  const closeFullscreen = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => setIsFullscreen(false), "closeFullscreen");
+  const handleBackdropClick = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((e) => {
     if (e.target === e.currentTarget) {
       closeFullscreen();
     }
   }, "handleBackdropClick");
   react.useEffect(() => {
-    const handleEscKey = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((event) => {
+    const handleEscKey = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((event) => {
       if (event.key === "Escape" && isFullscreen) {
         closeFullscreen();
       }
@@ -181,7 +181,7 @@ function useMermaidFullscreen() {
     handleBackdropClick
   };
 }
-chunkUQ3XI5MY_cjs.__name(useMermaidFullscreen, "useMermaidFullscreen");
+chunkWGEGR3DF_cjs.__name(useMermaidFullscreen, "useMermaidFullscreen");
 function useMermaidCleanup() {
   const cleanupMermaidErrors = react.useCallback(() => {
     if (typeof document === "undefined") return;
@@ -224,11 +224,11 @@ function useMermaidCleanup() {
   }, [cleanupMermaidErrors]);
   return { cleanupMermaidErrors };
 }
-chunkUQ3XI5MY_cjs.__name(useMermaidCleanup, "useMermaidCleanup");
+chunkWGEGR3DF_cjs.__name(useMermaidCleanup, "useMermaidCleanup");
 
 // src/tools/Mermaid/hooks/useMermaidValidation.ts
 function useMermaidValidation() {
-  const isMermaidCodeComplete = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((code) => {
+  const isMermaidCodeComplete = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((code) => {
     if (!code || code.trim().length === 0) return false;
     const trimmed = code.trim();
     const lines = trimmed.split("\n");
@@ -241,10 +241,10 @@ function useMermaidValidation() {
   }, "isMermaidCodeComplete");
   return { isMermaidCodeComplete };
 }
-chunkUQ3XI5MY_cjs.__name(useMermaidValidation, "useMermaidValidation");
+chunkWGEGR3DF_cjs.__name(useMermaidValidation, "useMermaidValidation");
 
 // src/tools/Mermaid/hooks/useMermaidRenderer.ts
-var applyMermaidTextColors2 = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((container, textColor) => {
+var applyMermaidTextColors2 = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((container, textColor) => {
   const svgElement = container.querySelector("svg");
   if (svgElement) {
     svgElement.querySelectorAll("text").forEach((el) => {
@@ -255,7 +255,7 @@ var applyMermaidTextColors2 = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((containe
     });
   }
 }, "applyMermaidTextColors");
-var isVerticalDiagram = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((svgElement) => {
+var isVerticalDiagram = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((svgElement) => {
   const viewBox = svgElement.getAttribute("viewBox");
   if (viewBox) {
     const [, , width, height] = viewBox.split(" ").map(Number);
@@ -276,7 +276,7 @@ function useMermaidRenderer({ chart, theme, isCompact = false }) {
   const { isMermaidCodeComplete } = useMermaidValidation();
   const { cleanupMermaidErrors } = useMermaidCleanup();
   react.useEffect(() => {
-    const getCSSVariable = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((variable) => {
+    const getCSSVariable = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((variable) => {
       if (typeof document === "undefined") return "";
       const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
       return value ? `hsl(${value})` : "";
@@ -349,7 +349,7 @@ function useMermaidRenderer({ chart, theme, isCompact = false }) {
       },
       themeVariables
     });
-    const renderChart = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(async () => {
+    const renderChart = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(async () => {
       if (!mermaidRef.current || !chart) return;
       if (!isMermaidCodeComplete(chart)) {
         setIsRendering(true);
@@ -413,8 +413,8 @@ function useMermaidRenderer({ chart, theme, isCompact = false }) {
     isRendering
   };
 }
-chunkUQ3XI5MY_cjs.__name(useMermaidRenderer, "useMermaidRenderer");
-var Mermaid = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({ chart, className = "", isCompact = false }) => {
+chunkWGEGR3DF_cjs.__name(useMermaidRenderer, "useMermaidRenderer");
+var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ chart, className = "", isCompact = false }) => {
   const theme = hooks.useResolvedTheme();
   const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({
     chart,
@@ -428,7 +428,7 @@ var Mermaid = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({ chart, className = "",
     closeFullscreen,
     handleBackdropClick
   } = useMermaidFullscreen();
-  const handleClick = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  const handleClick = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     if (svgContent) {
       openFullscreen();
     }
@@ -479,5 +479,5 @@ var Mermaid = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({ chart, className = "",
 var Mermaid_client_default = Mermaid;
 
 module.exports = Mermaid_client_default;
-//# sourceMappingURL=Mermaid.client-SBYY364Q.cjs.map
-//# sourceMappingURL=Mermaid.client-SBYY364Q.cjs.map
+//# sourceMappingURL=Mermaid.client-ZP6OE46Z.cjs.map
+//# sourceMappingURL=Mermaid.client-ZP6OE46Z.cjs.map