@djangocfg/ui-tools 2.1.102 → 2.1.104

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { useLottie } from './chunk-YFRNE2IR.mjs';
-import { PlaygroundProvider, PrettyCode_default } from './chunk-M6P2FU7L.mjs';
-export { JsonTree_default as JsonTree, PrettyCode_default as PrettyCode } from './chunk-M6P2FU7L.mjs';
-import { __name, __require } from './chunk-37ZI6VD4.mjs';
+export { useLottie } from './chunk-6JTB2X72.mjs';
+import { PlaygroundProvider, PrettyCode_default } from './chunk-L6UHASYQ.mjs';
+export { JsonTree_default as JsonTree, PrettyCode_default as PrettyCode } from './chunk-L6UHASYQ.mjs';
+import { __name, __require } from './chunk-CGILA3WO.mjs';
 import React17, { lazy, forwardRef, useRef, useState, useMemo, useEffect, useCallback, useImperativeHandle, createContext, memo, Suspense, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import consola from 'consola';
@@ -25,7 +25,7 @@ import { useControls, TransformWrapper, TransformComponent } from 'react-zoom-pa
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
-var MermaidClient = lazy(() => import('./Mermaid.client-4TU2TSH3.mjs'));
+var MermaidClient = lazy(() => import('./Mermaid.client-4OCKJ6QD.mjs'));
 var LoadingFallback = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs("div", { className: "relative bg-card rounded-sm border border-border overflow-hidden", children: [
   /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-border bg-muted/50", children: [
     /* @__PURE__ */ jsx("h6", { className: "text-sm font-semibold text-foreground", children: "Diagram" }),
@@ -38,7 +38,7 @@ var Mermaid = /* @__PURE__ */ __name((props) => {
 }, "Mermaid");
 var Mermaid_default = Mermaid;
 var LottiePlayerClient = lazy(
-  () => import('./LottiePlayer.client-LBEC2JKY.mjs').then((mod) => ({ default: mod.LottiePlayer }))
+  () => import('./LottiePlayer.client-B4I6WNZM.mjs').then((mod) => ({ default: mod.LottiePlayer }))
 );
 var LoadingFallback2 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
   /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900" }),
@@ -1088,7 +1088,7 @@ function JsonSchemaForm(props) {
 }
 __name(JsonSchemaForm, "JsonSchemaForm");
 var PlaygroundLayout = lazy(
-  () => import('./PlaygroundLayout-4DYBORAS.mjs').then((mod) => ({ default: mod.PlaygroundLayout }))
+  () => import('./PlaygroundLayout-LMQTVXSP.mjs').then((mod) => ({ default: mod.PlaygroundLayout }))
 );
 var LoadingFallback3 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.102",
+  "version": "2.1.104",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -47,7 +47,7 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/ui-core": "^2.1.102",
+    "@djangocfg/ui-core": "^2.1.104",
     "lucide-react": "^0.545.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -73,7 +73,7 @@
     "wavesurfer.js": "^7.12.1"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.102",
+    "@djangocfg/typescript-config": "^2.1.104",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/index.ts

@@ -16,6 +16,8 @@
  * - ImageViewer: ~50KB (Image viewer with zoom/pan/rotate)
  */
 
+'use client';
+
 // Re-export everything from tools
 export * from './tools';