@djangocfg/ui-tools 2.1.126 → 2.1.129

package/README.md

@@ -35,7 +35,7 @@ This package contains heavy components that are loaded lazily to keep your initi
 | `LottiePlayer` | ~200KB | Lottie animation player |
 | `AudioPlayer` | ~200KB | Audio player with WaveSurfer.js |
 | `VideoPlayer` | ~150KB | Professional video player with Vidstack |
-| `JsonTree` | ~100KB | JSON visualization |
+| `JsonTree` | ~100KB | JSON visualization with modes (full/compact/inline) |
 | `ImageViewer` | ~50KB | Image viewer with zoom/pan/rotate |
 
 ## Tree-Shakeable Imports
@@ -248,6 +248,29 @@ const schema = {
 |-------|-------------|
 | `useMediaCacheStore` | Media caching for video/audio players |
 
+## JSON Tree
+
+JSON visualization with three display modes:
+
+```tsx
+import { LazyJsonTree } from '@djangocfg/ui-tools';
+
+// Full mode (default) - with toolbar (Expand All, Copy, Download)
+<LazyJsonTree data={obj} mode="full" />
+
+// Compact mode - no toolbar, subtle border
+<LazyJsonTree data={obj} mode="compact" />
+
+// Inline mode - minimal, no border, for embedding
+<LazyJsonTree data={obj} mode="inline" />
+```
+
+| Mode | Toolbar | Border | Use Case |
+|------|---------|--------|----------|
+| `full` | Yes | Yes | Standalone viewer |
+| `compact` | No | Subtle | Cards, panels |
+| `inline` | No | No | Embedded in lists, logs |
+
 ## Lazy Loading
 
 All heavy tools have unified lazy-loaded versions with built-in Suspense fallbacks:

package/dist/JsonTree-5CRPHRP5.mjs

@@ -0,0 +1,4 @@
+export { JsonTree_default as default } from './chunk-XXFYTIQK.mjs';
+import './chunk-CGILA3WO.mjs';
+//# sourceMappingURL=JsonTree-5CRPHRP5.mjs.map
+//# sourceMappingURL=JsonTree-5CRPHRP5.mjs.map

package/dist/{JsonTree-G2TPWQ4C.mjs.map → JsonTree-5CRPHRP5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-G2TPWQ4C.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-5CRPHRP5.mjs"}

package/dist/JsonTree-IIVOSSVZ.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkDFWXRCIC_cjs = require('./chunk-DFWXRCIC.cjs');
+require('./chunk-WGEGR3DF.cjs');
+
+
+
+module.exports = chunkDFWXRCIC_cjs.JsonTree_default;
+//# sourceMappingURL=JsonTree-IIVOSSVZ.cjs.map
+//# sourceMappingURL=JsonTree-IIVOSSVZ.cjs.map

package/dist/{JsonTree-TWXUBBIG.cjs.map → JsonTree-IIVOSSVZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-TWXUBBIG.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-IIVOSSVZ.cjs"}

package/dist/{PlaygroundLayout-RZMJWH3Y.cjs → PlaygroundLayout-DFVQDA5G.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkOYLQZT62_cjs = require('./chunk-OYLQZT62.cjs');
-var chunkEGYUND4E_cjs = require('./chunk-EGYUND4E.cjs');
+var chunkDFWXRCIC_cjs = require('./chunk-DFWXRCIC.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var lucideReact = require('lucide-react');
 var components = require('@djangocfg/ui-core/components');
@@ -897,7 +897,7 @@ var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
       }
       if (response.data) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEGYUND4E_cjs.JsonTree_default,
+          chunkDFWXRCIC_cjs.JsonTree_default,
           {
             title: "Response Body",
             data: response.data,
@@ -1000,5 +1000,5 @@ var PlaygroundLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
 }, "PlaygroundLayout");
 
 exports.PlaygroundLayout = PlaygroundLayout;
-//# sourceMappingURL=PlaygroundLayout-RZMJWH3Y.cjs.map
-//# sourceMappingURL=PlaygroundLayout-RZMJWH3Y.cjs.map
+//# sourceMappingURL=PlaygroundLayout-DFVQDA5G.cjs.map
+//# sourceMappingURL=PlaygroundLayout-DFVQDA5G.cjs.map