@fuf-stack/pixels 0.7.1 → 0.8.0

package/dist/chunk-4S2N2V4Y.js

@@ -1,185 +0,0 @@
-import {
-  Button_default
-} from "./chunk-HYXTFS4R.js";
-
-// src/Json/Json.tsx
-import { useState } from "react";
-import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
-import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
-import JsonView from "@uiw/react-json-view";
-import cn from "classnames";
-
-// src/Json/theme.ts
-var lightTheme = {
-  "--w-rjv-font-family": "monospace",
-  "--w-rjv-color": "#002b36",
-  "--w-rjv-key-string": "#002b36",
-  "--w-rjv-background-color": "#ffffff",
-  "--w-rjv-line-color": "#ebebeb",
-  "--w-rjv-arrow-color": "var(--w-rjv-color)",
-  "--w-rjv-edit-color": "var(--w-rjv-color)",
-  "--w-rjv-info-color": "#0000004d",
-  "--w-rjv-update-color": "#ebcb8b",
-  "--w-rjv-copied-color": "#002b36",
-  "--w-rjv-copied-success-color": "#28a745",
-  "--w-rjv-curlybraces-color": "#236a7c",
-  "--w-rjv-colon-color": "#002b36",
-  "--w-rjv-brackets-color": "#236a7c",
-  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
-  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
-  "--w-rjv-type-string-color": "#cb4b16",
-  "--w-rjv-type-int-color": "#268bd2",
-  "--w-rjv-type-float-color": "#859900",
-  "--w-rjv-type-bigint-color": "#268bd2",
-  "--w-rjv-type-boolean-color": "#2aa198",
-  "--w-rjv-type-date-color": "#586e75",
-  "--w-rjv-type-url-color": "#0969da",
-  "--w-rjv-type-null-color": "#d33682",
-  "--w-rjv-type-nan-color": "#859900",
-  "--w-rjv-type-undefined-color": "#586e75"
-};
-var vscodeTheme = {
-  "--w-rjv-font-family": "monospace",
-  "--w-rjv-color": "#9cdcfe",
-  "--w-rjv-key-string": "#9cdcfe",
-  "--w-rjv-background-color": "#1e1e1e",
-  "--w-rjv-line-color": "#36334280",
-  "--w-rjv-arrow-color": "#838383",
-  "--w-rjv-edit-color": "var(--w-rjv-color)",
-  "--w-rjv-info-color": "#9c9c9c7a",
-  "--w-rjv-update-color": "#9cdcfe",
-  "--w-rjv-copied-color": "#9cdcfe",
-  "--w-rjv-copied-success-color": "#28a745",
-  "--w-rjv-curlybraces-color": "#d4d4d4",
-  "--w-rjv-colon-color": "#d4d4d4",
-  "--w-rjv-brackets-color": "#d4d4d4",
-  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
-  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
-  "--w-rjv-type-string-color": "#ce9178",
-  "--w-rjv-type-int-color": "#b5cea8",
-  "--w-rjv-type-float-color": "#b5cea8",
-  "--w-rjv-type-bigint-color": "#b5cea8",
-  "--w-rjv-type-boolean-color": "#569cd6",
-  "--w-rjv-type-date-color": "#b5cea8",
-  "--w-rjv-type-url-color": "#3b89cf",
-  "--w-rjv-type-null-color": "#569cd6",
-  "--w-rjv-type-nan-color": "#859900",
-  "--w-rjv-type-undefined-color": "#569cd6"
-};
-
-// src/Json/Json.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var getValue = (value) => {
-  if (typeof value === "string") {
-    return JSON.parse(value);
-  }
-  if (typeof value === "object") {
-    return value;
-  }
-  throw new Error(`${typeof value} can not be visualized`);
-};
-var Json = ({ className = null, collapsed = false, value }) => {
-  const isDarkMode = document.body.classList.contains("dark");
-  let content = null;
-  let error = null;
-  const [showDetails, setShowDetails] = useState(false);
-  try {
-    content = /* @__PURE__ */ jsx(
-      JsonView,
-      {
-        className: "pr-5",
-        collapsed,
-        displayDataTypes: false,
-        style: {
-          ...isDarkMode ? vscodeTheme : lightTheme,
-          backgroundColor: "unset"
-        },
-        value: getValue(value),
-        children: /* @__PURE__ */ jsx(
-          JsonView.Copied,
-          {
-            render: ({
-              // @ts-expect-error this should be fine
-              "data-copied": copied,
-              style,
-              ...elmProps
-            }) => {
-              const elmClasses = cn(
-                elmProps.className,
-                "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
-                { "text-success": copied }
-              );
-              return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
-                HiOutlineClipboardCheck,
-                {
-                  ...elmProps,
-                  className: elmClasses
-                }
-              ) : (
-                // eslint-disable-next-line react/jsx-props-no-spreading
-                /* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
-              ) });
-            }
-          }
-        )
-      }
-    );
-  } catch (err) {
-    error = /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
-        role: "alert",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between gap-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(FaTimesCircle, { className: "mr-2" }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Failed to parse JSON data" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button_default,
-              {
-                color: "danger",
-                size: "sm",
-                variant: "light",
-                onClick: () => setShowDetails(!showDetails),
-                children: showDetails ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(FaChevronUp, {}),
-                  " Hide Details"
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(FaChevronDown, {}),
-                  " Show Details"
-                ] })
-              }
-            )
-          ] }),
-          showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 w-full text-left", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("strong", { children: "Error:" }),
-              /* @__PURE__ */ jsxs("pre", { children: [
-                err?.name,
-                ": ",
-                err?.message
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-              /* @__PURE__ */ jsx("strong", { children: "Data:" }),
-              /* @__PURE__ */ jsx("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn(className), children: error || content });
-};
-var Json_default = Json;
-
-// src/Json/index.ts
-var Json_default2 = Json_default;
-
-export {
-  Json_default,
-  Json_default2
-};
-//# sourceMappingURL=chunk-4S2N2V4Y.js.map

package/dist/chunk-4S2N2V4Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/theme.ts","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\nimport { lightTheme, vscodeTheme } from './theme';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\nexport const lightTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#002b36',\n  '--w-rjv-key-string': '#002b36',\n  '--w-rjv-background-color': '#ffffff',\n  '--w-rjv-line-color': '#ebebeb',\n  '--w-rjv-arrow-color': 'var(--w-rjv-color)',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#0000004d',\n  '--w-rjv-update-color': '#ebcb8b',\n  '--w-rjv-copied-color': '#002b36',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#236a7c',\n  '--w-rjv-colon-color': '#002b36',\n  '--w-rjv-brackets-color': '#236a7c',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#cb4b16',\n  '--w-rjv-type-int-color': '#268bd2',\n  '--w-rjv-type-float-color': '#859900',\n  '--w-rjv-type-bigint-color': '#268bd2',\n  '--w-rjv-type-boolean-color': '#2aa198',\n  '--w-rjv-type-date-color': '#586e75',\n  '--w-rjv-type-url-color': '#0969da',\n  '--w-rjv-type-null-color': '#d33682',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#586e75',\n} as React.CSSProperties;\n\n// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\nexport const vscodeTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#9cdcfe',\n  '--w-rjv-key-string': '#9cdcfe',\n  '--w-rjv-background-color': '#1e1e1e',\n  '--w-rjv-line-color': '#36334280',\n  '--w-rjv-arrow-color': '#838383',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#9c9c9c7a',\n  '--w-rjv-update-color': '#9cdcfe',\n  '--w-rjv-copied-color': '#9cdcfe',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#d4d4d4',\n  '--w-rjv-colon-color': '#d4d4d4',\n  '--w-rjv-brackets-color': '#d4d4d4',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#ce9178',\n  '--w-rjv-type-int-color': '#b5cea8',\n  '--w-rjv-type-float-color': '#b5cea8',\n  '--w-rjv-type-bigint-color': '#b5cea8',\n  '--w-rjv-type-boolean-color': '#569cd6',\n  '--w-rjv-type-date-color': '#b5cea8',\n  '--w-rjv-type-url-color': '#3b89cf',\n  '--w-rjv-type-null-color': '#569cd6',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#569cd6',\n} as React.CSSProperties;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":";;;;;AAEA,SAAS,gBAAgB;AACzB,SAAS,eAAe,aAAa,qBAAqB;AAC1D,SAAS,oBAAoB,+BAA+B;AAE5D,OAAO,cAAc;AACrB,OAAO,QAAQ;;;ACNR,IAAM,aAAa;AAAA,EACxB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,gCAAgC;AAAA,EAEhC,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAE/B,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;AAGO,IAAM,cAAc;AAAA,EACzB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,gCAAgC;AAAA,EAEhC,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAE/B,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;;;ADWkB,SAiCJ,UAjCI,KAsBR,YAtBQ;AA1DlB,IAAM,WAAW,CAAC,UAA2B;AAC3C,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,IAAI,MAAM,GAAG,OAAO,KAAK,wBAAwB;AACzD;AAcA,IAAM,OAAO,CAAC,EAAE,YAAY,MAAM,YAAY,OAAO,MAAM,MAAiB;AAC1E,QAAM,aAAa,SAAS,KAAK,UAAU,SAAS,MAAM;AAE1D,MAAI,UAAqB;AACzB,MAAI,QAAmB;AAEvB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,MAAI;AACF,cACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,kBAAkB;AAAA,QAClB,OAAO;AAAA,UACL,GAAI,aAAa,cAAc;AAAA,UAC/B,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO,SAAS,KAAK;AAAA,QAGrB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,QAAQ,CAAC;AAAA;AAAA,cAEP,eAAe;AAAA,cACf;AAAA,cACA,GAAG;AAAA,YACL,MAAM;AACJ,oBAAM,aAAa;AAAA,gBACjB,SAAS;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgB,OAAO;AAAA,cAC3B;AACA,qBACE,oBAAC,UAAK,WAAU,gCAA+B,OAC5C,mBACC;AAAA,gBAAC;AAAA;AAAA,kBAEE,GAAG;AAAA,kBACJ,WAAW;AAAA;AAAA,cACb;AAAA;AAAA,gBAGA,oBAAC,sBAAoB,GAAG,UAAU,WAAW,YAAY;AAAA,iBAE7D;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ,SAAS,KAAK;AACZ,YACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,+BAAC,SAAI,WAAU,qCACb;AAAA,iCAAC,SAAI,WAAU,qBACb;AAAA,kCAAC,iBAAc,WAAU,QAAO;AAAA,cAChC,oBAAC,UAAK,WAAU,eAAc,uCAAyB;AAAA,eACzD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,gBAEzC,wBACC,iCACE;AAAA,sCAAC,eAAY;AAAA,kBAAE;AAAA,mBACjB,IAEA,iCACE;AAAA,sCAAC,iBAAc;AAAA,kBAAE;AAAA,mBACnB;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,UACC,eACC,qBAAC,SAAI,WAAU,yBACb;AAAA,iCAAC,SACC;AAAA,kCAAC,YAAO,oBAAM;AAAA,cACd,qBAAC,SAEE;AAAA,qBAAK;AAAA,gBAAK;AAAA,gBAAG,KAAK;AAAA,iBACrB;AAAA,eACF;AAAA,YACA,qBAAC,SAAI,WAAU,QACb;AAAA,kCAAC,YAAO,mBAAK;AAAA,cACb,oBAAC,SACE,iBAAO,UAAU,WACd,KAAK,UAAU,OAAO,MAAM,CAAC,IAC7B,OACN;AAAA,eACF;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAO,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAI,mBAAS,SAAQ;AAC1D;AAEA,IAAO,eAAQ;;;AEvIf,IAAOA,gBAAQ;","names":["Json_default"]}

package/dist/chunk-JFNPXLHM.cjs

@@ -1,185 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkND4VZZVUcjs = require('./chunk-ND4VZZVU.cjs');
-
-// src/Json/Json.tsx
-var _react = require('react');
-var _fa = require('react-icons/fa');
-var _hi = require('react-icons/hi');
-var _reactjsonview = require('@uiw/react-json-view'); var _reactjsonview2 = _interopRequireDefault(_reactjsonview);
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-
-// src/Json/theme.ts
-var lightTheme = {
-  "--w-rjv-font-family": "monospace",
-  "--w-rjv-color": "#002b36",
-  "--w-rjv-key-string": "#002b36",
-  "--w-rjv-background-color": "#ffffff",
-  "--w-rjv-line-color": "#ebebeb",
-  "--w-rjv-arrow-color": "var(--w-rjv-color)",
-  "--w-rjv-edit-color": "var(--w-rjv-color)",
-  "--w-rjv-info-color": "#0000004d",
-  "--w-rjv-update-color": "#ebcb8b",
-  "--w-rjv-copied-color": "#002b36",
-  "--w-rjv-copied-success-color": "#28a745",
-  "--w-rjv-curlybraces-color": "#236a7c",
-  "--w-rjv-colon-color": "#002b36",
-  "--w-rjv-brackets-color": "#236a7c",
-  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
-  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
-  "--w-rjv-type-string-color": "#cb4b16",
-  "--w-rjv-type-int-color": "#268bd2",
-  "--w-rjv-type-float-color": "#859900",
-  "--w-rjv-type-bigint-color": "#268bd2",
-  "--w-rjv-type-boolean-color": "#2aa198",
-  "--w-rjv-type-date-color": "#586e75",
-  "--w-rjv-type-url-color": "#0969da",
-  "--w-rjv-type-null-color": "#d33682",
-  "--w-rjv-type-nan-color": "#859900",
-  "--w-rjv-type-undefined-color": "#586e75"
-};
-var vscodeTheme = {
-  "--w-rjv-font-family": "monospace",
-  "--w-rjv-color": "#9cdcfe",
-  "--w-rjv-key-string": "#9cdcfe",
-  "--w-rjv-background-color": "#1e1e1e",
-  "--w-rjv-line-color": "#36334280",
-  "--w-rjv-arrow-color": "#838383",
-  "--w-rjv-edit-color": "var(--w-rjv-color)",
-  "--w-rjv-info-color": "#9c9c9c7a",
-  "--w-rjv-update-color": "#9cdcfe",
-  "--w-rjv-copied-color": "#9cdcfe",
-  "--w-rjv-copied-success-color": "#28a745",
-  "--w-rjv-curlybraces-color": "#d4d4d4",
-  "--w-rjv-colon-color": "#d4d4d4",
-  "--w-rjv-brackets-color": "#d4d4d4",
-  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
-  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
-  "--w-rjv-type-string-color": "#ce9178",
-  "--w-rjv-type-int-color": "#b5cea8",
-  "--w-rjv-type-float-color": "#b5cea8",
-  "--w-rjv-type-bigint-color": "#b5cea8",
-  "--w-rjv-type-boolean-color": "#569cd6",
-  "--w-rjv-type-date-color": "#b5cea8",
-  "--w-rjv-type-url-color": "#3b89cf",
-  "--w-rjv-type-null-color": "#569cd6",
-  "--w-rjv-type-nan-color": "#859900",
-  "--w-rjv-type-undefined-color": "#569cd6"
-};
-
-// src/Json/Json.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var getValue = (value) => {
-  if (typeof value === "string") {
-    return JSON.parse(value);
-  }
-  if (typeof value === "object") {
-    return value;
-  }
-  throw new Error(`${typeof value} can not be visualized`);
-};
-var Json = ({ className = null, collapsed = false, value }) => {
-  const isDarkMode = document.body.classList.contains("dark");
-  let content = null;
-  let error = null;
-  const [showDetails, setShowDetails] = _react.useState.call(void 0, false);
-  try {
-    content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _reactjsonview2.default,
-      {
-        className: "pr-5",
-        collapsed,
-        displayDataTypes: false,
-        style: {
-          ...isDarkMode ? vscodeTheme : lightTheme,
-          backgroundColor: "unset"
-        },
-        value: getValue(value),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reactjsonview2.default.Copied,
-          {
-            render: ({
-              // @ts-expect-error this should be fine
-              "data-copied": copied,
-              style,
-              ...elmProps
-            }) => {
-              const elmClasses = _classnames2.default.call(void 0, 
-                elmProps.className,
-                "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
-                { "text-success": copied }
-              );
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _hi.HiOutlineClipboardCheck,
-                {
-                  ...elmProps,
-                  className: elmClasses
-                }
-              ) : (
-                // eslint-disable-next-line react/jsx-props-no-spreading
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboard, { ...elmProps, className: elmClasses })
-              ) });
-            }
-          }
-        )
-      }
-    );
-  } catch (err) {
-    error = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
-        role: "alert",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full justify-between gap-6", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaTimesCircle, { className: "mr-2" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkND4VZZVUcjs.Button_default,
-              {
-                color: "danger",
-                size: "sm",
-                variant: "light",
-                onClick: () => setShowDetails(!showDetails),
-                children: showDetails ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaChevronUp, {}),
-                  " Hide Details"
-                ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaChevronDown, {}),
-                  " Show Details"
-                ] })
-              }
-            )
-          ] }),
-          showDetails && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4 w-full text-left", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Error:" }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "pre", { children: [
-                _optionalChain([err, 'optionalAccess', _ => _.name]),
-                ": ",
-                _optionalChain([err, 'optionalAccess', _2 => _2.message])
-              ] })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Data:" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, className), children: error || content });
-};
-var Json_default = Json;
-
-// src/Json/index.ts
-var Json_default2 = Json_default;
-
-
-
-
-exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-JFNPXLHM.cjs.map

package/dist/chunk-JFNPXLHM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/theme.ts","../src/Json/index.ts"],"names":["Json_default"],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\nimport { lightTheme, vscodeTheme } from './theme';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\nexport const lightTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#002b36',\n  '--w-rjv-key-string': '#002b36',\n  '--w-rjv-background-color': '#ffffff',\n  '--w-rjv-line-color': '#ebebeb',\n  '--w-rjv-arrow-color': 'var(--w-rjv-color)',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#0000004d',\n  '--w-rjv-update-color': '#ebcb8b',\n  '--w-rjv-copied-color': '#002b36',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#236a7c',\n  '--w-rjv-colon-color': '#002b36',\n  '--w-rjv-brackets-color': '#236a7c',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#cb4b16',\n  '--w-rjv-type-int-color': '#268bd2',\n  '--w-rjv-type-float-color': '#859900',\n  '--w-rjv-type-bigint-color': '#268bd2',\n  '--w-rjv-type-boolean-color': '#2aa198',\n  '--w-rjv-type-date-color': '#586e75',\n  '--w-rjv-type-url-color': '#0969da',\n  '--w-rjv-type-null-color': '#d33682',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#586e75',\n} as React.CSSProperties;\n\n// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\nexport const vscodeTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#9cdcfe',\n  '--w-rjv-key-string': '#9cdcfe',\n  '--w-rjv-background-color': '#1e1e1e',\n  '--w-rjv-line-color': '#36334280',\n  '--w-rjv-arrow-color': '#838383',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#9c9c9c7a',\n  '--w-rjv-update-color': '#9cdcfe',\n  '--w-rjv-copied-color': '#9cdcfe',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#d4d4d4',\n  '--w-rjv-colon-color': '#d4d4d4',\n  '--w-rjv-brackets-color': '#d4d4d4',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#ce9178',\n  '--w-rjv-type-int-color': '#b5cea8',\n  '--w-rjv-type-float-color': '#b5cea8',\n  '--w-rjv-type-bigint-color': '#b5cea8',\n  '--w-rjv-type-boolean-color': '#569cd6',\n  '--w-rjv-type-date-color': '#b5cea8',\n  '--w-rjv-type-url-color': '#3b89cf',\n  '--w-rjv-type-null-color': '#569cd6',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#569cd6',\n} as React.CSSProperties;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"]}