@fuf-stack/pixels 0.33.2 → 0.34.0

package/dist/{chunk-LBJ3YG36.cjs → chunk-GGVO5VGG.cjs}

@@ -6,10 +6,11 @@ var _chunk4X43AGXEcjs = require('./chunk-4X43AGXE.cjs');
 
 
 
-var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/extends.js
-var require_extends = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
+var require_extends = _chunkAHEA4IJVcjs.__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() {
@@ -26,7 +27,7 @@ var require_extends = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
 });
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var require_objectWithoutPropertiesLoose = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
+var require_objectWithoutPropertiesLoose = _chunkAHEA4IJVcjs.__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) {
@@ -43,7 +44,7 @@ var require_objectWithoutPropertiesLoose = _chunkD4TLDLEXcjs.__commonJS.call(voi
 });
 
 // ../../node_modules/.pnpm/@babel+runtime@7.26.9/node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js
-var require_objectDestructuringEmpty = _chunkD4TLDLEXcjs.__commonJS.call(void 0, {
+var require_objectDestructuringEmpty = _chunkAHEA4IJVcjs.__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) {
@@ -57,16 +58,16 @@ var require_objectDestructuringEmpty = _chunkD4TLDLEXcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose11 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends21 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose11 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends7 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
 
 var _jsxruntime = require('react/jsx-runtime');
 var initialState = {};
@@ -101,7 +102,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends2 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState2 = {};
@@ -136,7 +137,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends3 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState3 = {
@@ -291,12 +292,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends5 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends4 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded = ["style"];
@@ -425,7 +426,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends6 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
 
 
 var initialState5 = {
@@ -565,14 +566,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose10 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends20 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose10 = _chunkAHEA4IJVcjs.__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 = _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 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 _excluded2 = ["isNumber", "value", "parentValue", "keyName", "keys"];
 var _excluded22 = ["as", "render"];
@@ -814,18 +815,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends19 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends15 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends10 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose3 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends9 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose3 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded10 = ["as", "render"];
@@ -1443,11 +1444,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose4 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends12 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose4 = _chunkAHEA4IJVcjs.__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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
+var import_extends11 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
 
 function useSymbolsRender(currentProps, props, key) {
   var dispatch = useSymbolsDispatch();
@@ -1534,8 +1535,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose5 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends13 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose5 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded15 = ["children", "value", "parentValue", "keyName", "keys"];
 var _excluded24 = ["as", "render", "children"];
@@ -1628,8 +1629,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose6 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends14 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose6 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 
 var _excluded16 = ["keyName", "value", "parentValue", "expandKey", "keys"];
@@ -1913,8 +1914,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose7 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends16 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose7 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded17 = ["value", "keyName"];
 var _excluded26 = ["as", "render"];
@@ -1952,8 +1953,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose8 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends17 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose8 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded18 = ["value", "keyName"];
 var _excluded27 = ["as", "render"];
@@ -2001,8 +2002,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 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_extends());
-var import_objectWithoutPropertiesLoose9 = _chunkD4TLDLEXcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
+var import_extends18 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_extends());
+var import_objectWithoutPropertiesLoose9 = _chunkAHEA4IJVcjs.__toESM.call(void 0, require_objectWithoutPropertiesLoose());
 
 var _excluded19 = ["as", "render"];
 var Ellipsis = (props) => {
@@ -2594,7 +2595,7 @@ var getValue = (value) => {
 var _hi = require('react-icons/hi');
 
 
-var CopiedRenderer = () => {
+var CopiedRenderer = ({ valueToCopyRef }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     esm_default.Copied,
     {
@@ -2606,6 +2607,10 @@ var CopiedRenderer = () => {
           "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);
@@ -2620,7 +2625,7 @@ var CopiedRenderer = () => {
             role: "button",
             tabIndex: 0,
             onKeyDown: handleKeyDown,
-            onClick: (e) => onClick == null ? void 0 : onClick(e),
+            onClick: (e) => handleCopy(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 })
           }
@@ -2710,14 +2715,15 @@ 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 = (event) => {
-    const copiedValue = event.currentTarget.textContent || "";
-    onCopy == null ? void 0 : onCopy(copiedValue);
+  const handleCopy = (text, rawValue) => {
+    valueToCopyRef.current = rawValue;
+    onCopy == null ? void 0 : onCopy(text || "");
   };
   let content = null;
   let error = null;
@@ -2734,13 +2740,13 @@ var Json = ({
             className: "pr-5",
             collapsed,
             displayDataTypes: false,
-            style: _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, isDarkMode ? vscodeTheme : lightTheme), {
+            style: _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, isDarkMode ? vscodeTheme : lightTheme), {
               backgroundColor: "unset"
             }),
             value: parsedValue,
-            onCopy: handleCopy,
+            onCopied: handleCopy,
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CopiedRenderer_default, {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CopiedRenderer_default, { valueToCopyRef }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NullRenderer_default, {})
             ]
           }
@@ -2770,4 +2776,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-LBJ3YG36.cjs.map
+//# sourceMappingURL=chunk-GGVO5VGG.cjs.map