@fuf-stack/pixels 0.27.0 → 0.27.1

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHI7Z6XY7cjs = require('../chunk-HI7Z6XY7.cjs');
+var _chunkXV2ML6THcjs = require('../chunk-XV2ML6TH.cjs');
 require('../chunk-7TIFKRWY.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Json = _chunkHI7Z6XY7cjs.Json_default; exports.default = _chunkHI7Z6XY7cjs.Json_default2;
+exports.Json = _chunkXV2ML6THcjs.Json_default; exports.default = _chunkXV2ML6THcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.d.cts

@@ -1,5 +1,5 @@
-import { J as Json } from '../Json-ClGDcbcp.cjs';
-export { a as JsonProps } from '../Json-ClGDcbcp.cjs';
+import { J as Json } from '../Json-DHE3NwkX.cjs';
+export { a as JsonProps } from '../Json-DHE3NwkX.cjs';
 import 'react/jsx-runtime';
 
 

package/dist/Json/index.d.ts

@@ -1,5 +1,5 @@
-import { J as Json } from '../Json-ClGDcbcp.js';
-export { a as JsonProps } from '../Json-ClGDcbcp.js';
+import { J as Json } from '../Json-DHE3NwkX.js';
+export { a as JsonProps } from '../Json-DHE3NwkX.js';
 import 'react/jsx-runtime';
 
 

package/dist/Json/index.js

@@ -1,7 +1,7 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-XSHMJPBG.js";
+} from "../chunk-YGANJ3JO.js";
 import "../chunk-ODLZQXBE.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/{Json-ClGDcbcp.d.cts → Json-DHE3NwkX.d.cts}

@@ -5,12 +5,14 @@ interface JsonProps {
     className?: string | string[] | null;
     /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
     collapsed?: boolean | number;
+    /** color scheme, if not provided will be determined by if body has dark class */
+    theme?: 'light' | 'dark';
     /** Object to be visualized JSON string or object */
     value: string | object;
 }
 /**
  * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
  */
-declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
+declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
 
 export { Json as J, type JsonProps as a };

package/dist/{Json-ClGDcbcp.d.ts → Json-DHE3NwkX.d.ts}

@@ -5,12 +5,14 @@ interface JsonProps {
     className?: string | string[] | null;
     /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
     collapsed?: boolean | number;
+    /** color scheme, if not provided will be determined by if body has dark class */
+    theme?: 'light' | 'dark';
     /** Object to be visualized JSON string or object */
     value: string | object;
 }
 /**
  * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
  */
-declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
+declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
 
 export { Json as J, type JsonProps as a };

package/dist/{chunk-HI7Z6XY7.cjs → chunk-XV2ML6TH.cjs}

@@ -2572,8 +2572,13 @@ var getValue = (value) => {
   }
   throw new Error(`${typeof value} can not be visualized`);
 };
-var Json = ({ className = null, collapsed = false, value }) => {
-  const isDarkMode = document.body.classList.contains("dark");
+var Json = ({
+  className = null,
+  collapsed = false,
+  theme = void 0,
+  value
+}) => {
+  const isDarkMode = theme === "dark" || document.body.classList.contains("dark");
   let content = null;
   let error = null;
   const [showDetails, setShowDetails] = _react.useState.call(void 0, false);
@@ -2676,4 +2681,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-HI7Z6XY7.cjs.map
+//# sourceMappingURL=chunk-XV2ML6TH.cjs.map