@fuf-stack/pixels 0.34.0 → 0.34.2

package/dist/{chunk-GGVO5VGG.cjs → chunk-264THKFK.cjs}

@@ -6,11 +6,10 @@ var _chunk4X43AGXEcjs = require('./chunk-4X43AGXE.cjs');
 
 
 
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/extends.js
-var require_extends = _chunkAHEA4IJVcjs.__commonJS.call(void 0, {
+var require_extends = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
   "../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
     "use strict";
     function _extends22() {
@@ -27,7 +26,7 @@ var require_extends = _chunkAHEA4IJVcjs.__commonJS.call(void 0, {
 });
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var require_objectWithoutPropertiesLoose = _chunkAHEA4IJVcjs.__commonJS.call(void 0, {
+var require_objectWithoutPropertiesLoose = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
   "../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     "use strict";
     function _objectWithoutPropertiesLoose12(r, e) {
@@ -44,7 +43,7 @@ var require_objectWithoutPropertiesLoose = _chunkAHEA4IJVcjs.__commonJS.call(voi
 });
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js
-var require_objectDestructuringEmpty = _chunkAHEA4IJVcjs.__commonJS.call(void 0, {
+var require_objectDestructuringEmpty = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
   "../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"(exports, module) {
     "use strict";
     function _objectDestructuringEmpty2(t) {
@@ -58,16 +57,16 @@ var require_objectDestructuringEmpty = _chunkAHEA4IJVcjs.__commonJS.call(void 0,
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/index.js
-var import_extends21 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose11 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends21 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose11 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store.js
-var import_extends7 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends7 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store/ShowTools.js
-var import_extends = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 var _jsxruntime = require('react/jsx-runtime');
 var initialState = {};
@@ -102,7 +101,7 @@ var ShowTools = (_ref) => {
 ShowTools.displayName = "JVR.ShowTools";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store/Expands.js
-var import_extends2 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends2 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState2 = {};
@@ -137,7 +136,7 @@ var Expands = (_ref) => {
 Expands.displayName = "JVR.Expands";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store/Types.js
-var import_extends3 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends3 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState3 = {
@@ -292,12 +291,12 @@ function Types(_ref) {
 Types.displayName = "JVR.Types";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store/Symbols.js
-var import_extends5 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends5 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/arrow/TriangleArrow.js
-var import_extends4 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends4 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded = ["style"];
@@ -426,7 +425,7 @@ var Symbols = (_ref) => {
 Symbols.displayName = "JVR.Symbols";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/store/Section.js
-var import_extends6 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends6 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState5 = {
@@ -566,14 +565,14 @@ var Provider = (_ref) => {
 Provider.displayName = "JVR.Provider";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/Container.js
-var import_extends20 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose10 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends20 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose10 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/symbol/index.js
-var import_objectDestructuringEmpty = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectDestructuringEmpty());
-var import_extends8 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose2 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_objectDestructuringEmpty = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectDestructuringEmpty());
+var import_extends8 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose2 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded2 = ["isNumber", "value", "parentValue", "keyName", "keys"];
 var _excluded22 = ["as", "render"];
@@ -815,18 +814,18 @@ var NestedClose = (props) => {
 NestedClose.displayName = "JVR.NestedClose";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/comps/NestedOpen.js
-var import_extends19 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends19 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/comps/KeyValues.js
-var import_extends15 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends15 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/comps/Value.js
-var import_extends10 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends10 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/types/index.js
-var import_extends9 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose3 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends9 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose3 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded10 = ["as", "render"];
@@ -1444,11 +1443,11 @@ var Value = (props) => {
 Value.displayName = "JVR.Value";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/section/KeyName.js
-var import_extends12 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose4 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends12 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose4 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/utils/useRender.js
-var import_extends11 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_extends11 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
 
 function useSymbolsRender(currentProps, props, key) {
   var dispatch = useSymbolsDispatch();
@@ -1535,8 +1534,8 @@ var KeyNameComp = (props) => {
 KeyNameComp.displayName = "JVR.KeyNameComp";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/section/Row.js
-var import_extends13 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose5 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends13 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose5 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded15 = ["children", "value", "parentValue", "keyName", "keys"];
 var _excluded24 = ["as", "render", "children"];
@@ -1629,8 +1628,8 @@ function useHighlight(_ref) {
 }
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/comps/Copied.js
-var import_extends14 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose6 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends14 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose6 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded16 = ["keyName", "value", "parentValue", "expandKey", "keys"];
@@ -1914,8 +1913,8 @@ var KeyValuesItem = (props) => {
 KeyValuesItem.displayName = "JVR.KeyValuesItem";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/section/CountInfoExtra.js
-var import_extends16 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose7 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends16 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose7 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded17 = ["value", "keyName"];
 var _excluded26 = ["as", "render"];
@@ -1953,8 +1952,8 @@ var CountInfoExtraComps = (props) => {
 CountInfoExtraComps.displayName = "JVR.CountInfoExtraComps";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/section/CountInfo.js
-var import_extends17 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose8 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends17 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose8 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded18 = ["value", "keyName"];
 var _excluded27 = ["as", "render"];
@@ -2002,8 +2001,8 @@ var CountInfoComp = (props) => {
 CountInfoComp.displayName = "JVR.CountInfoComp";
 
 // ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.30_@babel+runtime@7.26.9_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@uiw/react-json-view/esm/section/Ellipsis.js
-var import_extends18 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose9 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends18 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose9 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded19 = ["as", "render"];
 var Ellipsis = (props) => {
@@ -2595,7 +2594,7 @@ var getValue = (value) => {
 var _hi = require('react-icons/hi');
 
 
-var CopiedRenderer = ({ valueToCopyRef }) => {
+var CopiedRenderer = () => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     esm_default.Copied,
     {
@@ -2607,10 +2606,6 @@ var CopiedRenderer = ({ valueToCopyRef }) => {
           "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
           { "text-success": isCopied }
         );
-        const handleCopy = (e) => _chunkAHEA4IJVcjs.__async.call(void 0, void 0, null, function* () {
-          yield onClick == null ? void 0 : onClick(e);
-          navigator.clipboard.writeText(valueToCopyRef.current);
-        });
         const handleKeyDown = (e) => {
           if (e.key === "Enter" || e.key === " ") {
             onClick == null ? void 0 : onClick(e);
@@ -2625,7 +2620,7 @@ var CopiedRenderer = ({ valueToCopyRef }) => {
             role: "button",
             tabIndex: 0,
             onKeyDown: handleKeyDown,
-            onClick: (e) => handleCopy(e),
+            onClick: (e) => onClick == null ? void 0 : onClick(e),
             "aria-label": isCopied ? "Copied to clipboard" : "Copy to clipboard",
             children: isCopied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboardCheck, { className: elmClasses }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboard, { className: elmClasses })
           }
@@ -2706,6 +2701,20 @@ var NullRenderer_default = NullRenderer;
 
 // src/Json/Json.tsx
 
+var handleCopy = (rawValue, onCopy) => {
+  let isObject = false;
+  try {
+    if (rawValue !== NullRenderer_default && typeof rawValue === "object") {
+      isObject = true;
+    }
+  } catch (_err) {
+  }
+  const copyValue = isObject ? JSON.stringify(rawValue, null, 2) : rawValue;
+  setTimeout(() => navigator.clipboard.writeText(copyValue), 1);
+  if (onCopy) {
+    onCopy(copyValue);
+  }
+};
 var Json = ({
   className = void 0,
   collapsed = false,
@@ -2715,16 +2724,11 @@ var Json = ({
   errorRenderer = void 0
 }) => {
   const [showDetails, setShowDetails] = _react.useState.call(void 0, false);
-  const valueToCopyRef = _react.useRef.call(void 0, "");
   const { resolvedTheme } = _nextthemes.useTheme.call(void 0, );
   const isDarkMode = _react.useMemo.call(void 0, 
     () => resolvedTheme === "dark" || document.body.classList.contains("dark"),
     [resolvedTheme]
   );
-  const handleCopy = (text, rawValue) => {
-    valueToCopyRef.current = rawValue;
-    onCopy == null ? void 0 : onCopy(text || "");
-  };
   let content = null;
   let error = null;
   try {
@@ -2740,13 +2744,13 @@ var Json = ({
             className: "pr-5",
             collapsed,
             displayDataTypes: false,
-            style: _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, isDarkMode ? vscodeTheme : lightTheme), {
+            style: _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, isDarkMode ? vscodeTheme : lightTheme), {
               backgroundColor: "unset"
             }),
             value: parsedValue,
-            onCopied: handleCopy,
+            onCopied: (_, rawValue) => handleCopy(rawValue, onCopy),
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CopiedRenderer_default, { valueToCopyRef }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CopiedRenderer_default, {}),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NullRenderer_default, {})
             ]
           }
@@ -2776,4 +2780,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-GGVO5VGG.cjs.map
+//# sourceMappingURL=chunk-264THKFK.cjs.map