@dmsi/wedgekit-react 0.0.1242 → 1.0.0

package/dist/components/DateRangeInput.js

@@ -1,652 +0,0 @@
-import {
-  CalendarRange
-} from "../chunk-5UPADXVU.js";
-import "../chunk-3UPUZBP5.js";
-import "../chunk-7ZJIGTFN.js";
-import "../chunk-E3FOCECQ.js";
-import "../chunk-Y5GD2FJA.js";
-import "../chunk-FXXRXLOL.js";
-import "../chunk-MBZ55T2D.js";
-import "../chunk-YKEPPS2I.js";
-import "../chunk-UFX5XIJL.js";
-import "../chunk-3PIDINTF.js";
-import "../chunk-BQNPOGD5.js";
-import "../chunk-YULGJORA.js";
-import "../chunk-Z2HPSFEQ.js";
-import "../chunk-MAEVKATN.js";
-import "../chunk-OG2PGA3X.js";
-import "../chunk-5IFPG6TS.js";
-import "../chunk-7YA3TF73.js";
-import "../chunk-AJ5M6MVX.js";
-import "../chunk-7IPESTQS.js";
-import "../chunk-EWGHVZL5.js";
-import "../chunk-AT4AWD6B.js";
-import "../chunk-EA6Y4HXQ.js";
-import "../chunk-CIYLALYO.js";
-import "../chunk-KBIEWFQS.js";
-import "../chunk-NSZTJ5R4.js";
-import "../chunk-GYT5CL7R.js";
-import "../chunk-QG6NWMGA.js";
-import "../chunk-DNNX5EYX.js";
-import "../chunk-4RJKB7LC.js";
-import "../chunk-XB2S2QMB.js";
-import "../chunk-6YUQCRMX.js";
-import "../chunk-UZHBKSXJ.js";
-import "../chunk-E7LGUC2B.js";
-import "../chunk-QVWYTQKL.js";
-import "../chunk-UARCWLMD.js";
-import "../chunk-SJZNVG4N.js";
-import "../chunk-75USUR3I.js";
-import "../chunk-BWPNXY7T.js";
-import "../chunk-PBJ2MEHM.js";
-import "../chunk-3JUIYULW.js";
-import "../chunk-OM7QLLI2.js";
-import "../chunk-PE3EZP56.js";
-import "../chunk-MOBFZ672.js";
-import {
-  InputBase
-} from "../chunk-PABII472.js";
-import "../chunk-4UGMSWWA.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-I3W5K76C.js";
-import "../chunk-Z5YP2GI6.js";
-import "../chunk-ZRFXUER3.js";
-import "../chunk-WVGXD7HT.js";
-import {
-  findDocumentRoot
-} from "../chunk-VXWSAIB5.js";
-import {
-  calculateCursorPosition,
-  formatDate,
-  formatInputValue,
-  isValidDate,
-  isValidDateRangeOrder,
-  parseInputDate
-} from "../chunk-TBZ243DS.js";
-import "../chunk-5UH6QUFB.js";
-import "../chunk-NT26ZKSI.js";
-import "../chunk-G242RHWI.js";
-import "../chunk-VEEZ7VRJ.js";
-import "../chunk-KESCXOG3.js";
-import "../chunk-7Z3WINQ3.js";
-import "../chunk-X7BKBBIH.js";
-import "../chunk-F4VE3THQ.js";
-import "../chunk-W5NXOJ4L.js";
-import "../chunk-GOGNV5TF.js";
-import "../chunk-J4IMVWT5.js";
-import "../chunk-SBRRNFOP.js";
-import "../chunk-MVDGHWKO.js";
-import "../chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
-import "../chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/DateRangeInput.tsx
-import { useRef, useEffect, useState, useLayoutEffect } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DateRangeInput = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    value,
-    onChange,
-    placeholder = "MM/DD/YYYY - MM/DD/YYYY",
-    disabled,
-    readOnly = false,
-    single = false,
-    disableRange = false,
-    label,
-    isDateAvailable,
-    onPendingFromChange
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "value",
-    "onChange",
-    "placeholder",
-    "disabled",
-    "readOnly",
-    "single",
-    "disableRange",
-    "label",
-    "isDateAvailable",
-    "onPendingFromChange"
-  ]);
-  const [visible, setVisible] = useState(false);
-  const [inputValue, setInputValue] = useState("");
-  const [isTyping, setIsTyping] = useState(false);
-  const popoverRef = useRef(null);
-  const rootRef = useRef(null);
-  const triggerRef = useRef(null);
-  const [calendarPosition, setCalendarPosition] = useState({
-    top: 0,
-    left: 0,
-    width: 0
-  });
-  const [from, to] = value.split("|");
-  useEffect(() => {
-    if (!isTyping) {
-      const displayValue = formatDisplayValue(from, to);
-      if (displayValue) {
-        setInputValue(displayValue);
-      }
-    }
-  }, [from, to, isTyping, disableRange]);
-  useLayoutEffect(() => {
-    if (visible) {
-      updatePosition();
-    }
-  }, [visible]);
-  const updatePosition = () => {
-    if (rootRef.current) {
-      const rect = rootRef.current.getBoundingClientRect();
-      setCalendarPosition({
-        top: rect.bottom + window.scrollY,
-        left: rect.left + window.scrollX,
-        width: rect.width
-      });
-    }
-  };
-  useEffect(() => {
-    updatePosition();
-    const resizeObserver = new ResizeObserver(updatePosition);
-    if (triggerRef.current) {
-      resizeObserver.observe(triggerRef.current);
-    }
-    window.addEventListener("scroll", updatePosition);
-    return () => {
-      resizeObserver.disconnect();
-      window.removeEventListener("scroll", updatePosition);
-    };
-  }, []);
-  useEffect(() => {
-    const handleKeyDown2 = (event) => {
-      var _a2;
-      if (event.key === "Escape" && popoverRef.current) {
-        setVisible(false);
-        (_a2 = triggerRef.current) == null ? void 0 : _a2.blur();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown2);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown2);
-    };
-  }, []);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
-        setVisible(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  function handleRangeChange(fromValue, toValue) {
-    if (disableRange) {
-      onChange(`${fromValue}|${fromValue}`);
-    } else {
-      onChange(`${fromValue}|${toValue}`);
-    }
-    setVisible(false);
-    setIsTyping(false);
-  }
-  const handleFocus = () => {
-    if (readOnly) return;
-    setVisible(true);
-  };
-  const handleClick = () => {
-    handleFocus();
-  };
-  const handleInputChange = (event) => {
-    if (readOnly) return;
-    const rawValue = event.target.value;
-    const cursorPosition = event.target.selectionStart || 0;
-    if (shouldPreventManualDash(rawValue)) {
-      handleManualDashRemoval(rawValue, cursorPosition);
-      return;
-    }
-    setIsTyping(true);
-    const formattedValue = formatInputValue2(rawValue);
-    const finalValue = shouldAutoInsertDash(formattedValue, rawValue) ? `${formattedValue} - ` : formattedValue;
-    setInputValue(finalValue);
-    const newCursorPosition = calculateNewCursorPosition(
-      rawValue,
-      formattedValue,
-      finalValue,
-      cursorPosition
-    );
-    requestAnimationFrame(() => {
-      setCursorPosition(newCursorPosition);
-    });
-    updateParentValue(finalValue);
-  };
-  const shouldPreventManualDash = (value2) => {
-    return !disableRange && value2.includes("-") && !value2.includes(" - ");
-  };
-  const handleManualDashRemoval = (rawValue, cursorPosition) => {
-    const cleanValue = rawValue.replace(/-/g, "");
-    const formattedCleanValue = formatInputValue2(cleanValue);
-    setInputValue(formattedCleanValue);
-    requestAnimationFrame(() => {
-      const newPosition = Math.min(
-        cursorPosition - 1,
-        formattedCleanValue.length
-      );
-      setCursorPosition(newPosition);
-    });
-  };
-  const shouldAutoInsertDash = (formattedValue, rawValue) => {
-    if (disableRange || formattedValue.includes(" - ")) {
-      return false;
-    }
-    const completeDate = formattedValue.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-    if (!completeDate || rawValue.length !== formattedValue.length) {
-      return false;
-    }
-    const prevLength = rawValue.length - 1;
-    const prevFormatted = formatInputValue2(rawValue.slice(0, prevLength));
-    return !prevFormatted.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-  };
-  const calculateNewCursorPosition = (rawValue, formattedValue, finalValue, originalPosition) => {
-    if (finalValue !== formattedValue) {
-      return finalValue.length;
-    }
-    return calculateCursorPositionHelper(
-      rawValue,
-      finalValue,
-      originalPosition,
-      disableRange
-    );
-  };
-  const setCursorPosition = (position) => {
-    if (triggerRef.current) {
-      triggerRef.current.setSelectionRange(position, position);
-    }
-  };
-  const updateParentValue = (value2) => {
-    if (disableRange) {
-      updateSingleDateValue(value2);
-    } else {
-      updateRangeValue(value2);
-    }
-  };
-  const updateSingleDateValue = (value2) => {
-    const parsedDate = parseInputDate(value2);
-    if (parsedDate && isValidDate(parsedDate)) {
-      onChange(`${parsedDate}|${parsedDate}`);
-    }
-  };
-  const updateRangeValue = (value2) => {
-    if (value2 === "") {
-      onChange("");
-      return;
-    }
-    const rangeMatch = value2.match(/^(.+?)\s*-\s*(.+)$/);
-    if (rangeMatch) {
-      updateCompleteRange(rangeMatch);
-    } else {
-      updatePartialRange(value2);
-    }
-  };
-  const updateCompleteRange = (rangeMatch) => {
-    const [, fromStr, toStr] = rangeMatch;
-    const fromDate = parseInputDate(fromStr.trim());
-    const toDate = parseInputDate(toStr.trim());
-    if (fromDate && toDate && isValidDateRange(fromDate, toDate)) {
-      onChange(`${fromDate}|${toDate}`);
-    }
-  };
-  const updatePartialRange = (value2) => {
-    const singleDate = parseInputDate(value2);
-    if (singleDate && isValidDate(singleDate)) {
-      onChange(`${singleDate}|`);
-    }
-  };
-  const handleBlur = () => {
-    setIsTyping(false);
-    if (disableRange) {
-      const parsedDate = parseInputDate(inputValue);
-      if (!parsedDate || !isValidDate(parsedDate)) {
-        const lastValidValue = formatDisplayValue(from, to);
-        setInputValue(lastValidValue || "");
-      }
-    } else {
-      const rangeMatch = inputValue.match(/^(.+?)\s*-\s*(.+)$/);
-      if (rangeMatch) {
-        const [, fromStr, toStr] = rangeMatch;
-        const fromDate = parseInputDate(fromStr.trim());
-        const toDate = parseInputDate(toStr.trim());
-        if (!fromDate || !toDate || !isValidDateRange(fromDate, toDate)) {
-          setInputValue("");
-          onChange("");
-        }
-      } else {
-        if (inputValue.includes(" - ")) {
-          setInputValue("");
-          onChange("");
-        } else {
-          const singleDate = parseInputDate(inputValue);
-          if (!singleDate || !isValidDate(singleDate)) {
-            setInputValue("");
-            onChange("");
-          } else {
-            setInputValue("");
-            onChange("");
-          }
-        }
-      }
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (!disableRange && event.key === "-") {
-      event.preventDefault();
-      return;
-    }
-    if (event.key === "Backspace") {
-      const input = event.target;
-      const cursorPosition = input.selectionStart || 0;
-      const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
-        event.preventDefault();
-        const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue2(newValue);
-        setInputValue(formattedValue);
-        requestAnimationFrame(() => {
-          if (triggerRef.current) {
-            const newPosition = Math.max(0, cursorPosition - 2);
-            triggerRef.current.setSelectionRange(newPosition, newPosition);
-          }
-        });
-        setIsTyping(true);
-        return;
-      }
-      if (!disableRange && value2.includes(" - ")) {
-        const dashIndex = value2.indexOf(" - ");
-        const dashStart = dashIndex;
-        const dashEnd = dashIndex + 3;
-        if (cursorPosition >= dashStart && cursorPosition <= dashEnd) {
-          event.preventDefault();
-          const beforeDash = value2.slice(0, dashStart).trim();
-          const yearMatch = beforeDash.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-          if (yearMatch) {
-            const [, month, day, year] = yearMatch;
-            const truncatedYear = year.slice(0, -1);
-            const newValue = `${month}/${day}/${truncatedYear}`;
-            const formattedValue = formatInputValue2(newValue);
-            setInputValue(formattedValue);
-            onChange("");
-            requestAnimationFrame(() => {
-              if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(
-                  formattedValue.length,
-                  formattedValue.length
-                );
-              }
-            });
-          } else {
-            const formattedValue = formatInputValue2(beforeDash);
-            setInputValue(formattedValue);
-            const singleDate = parseInputDate(beforeDash);
-            if (singleDate && isValidDate(singleDate)) {
-              onChange(`${singleDate}|`);
-            } else {
-              onChange("");
-            }
-            requestAnimationFrame(() => {
-              if (triggerRef.current) {
-                const newPosition = formattedValue.length;
-                triggerRef.current.setSelectionRange(newPosition, newPosition);
-              }
-            });
-          }
-          setIsTyping(true);
-          return;
-        }
-        if (cursorPosition === dashEnd) {
-          event.preventDefault();
-          const beforeDash = value2.slice(0, dashStart).trim();
-          const newValue = `${beforeDash} - `;
-          setInputValue(newValue);
-          const singleDate = parseInputDate(beforeDash);
-          if (singleDate && isValidDate(singleDate)) {
-            onChange(`${singleDate}|`);
-          }
-          requestAnimationFrame(() => {
-            if (triggerRef.current) {
-              triggerRef.current.setSelectionRange(
-                newValue.length,
-                newValue.length
-              );
-            }
-          });
-          setIsTyping(true);
-          return;
-        }
-      }
-    }
-    if (event.key === "Delete") {
-      const input = event.target;
-      const cursorPosition = input.selectionStart || 0;
-      const value2 = input.value;
-      if (!disableRange && value2.includes(" - ")) {
-        const dashIndex = value2.indexOf(" - ");
-        const dashStart = dashIndex;
-        const dashEnd = dashIndex + 3;
-        if (cursorPosition >= dashStart && cursorPosition <= dashEnd) {
-          event.preventDefault();
-          const beforeDash = value2.slice(0, dashStart).trim();
-          const yearMatch = beforeDash.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-          if (yearMatch) {
-            const [, month, day, year] = yearMatch;
-            const truncatedYear = year.slice(0, -1);
-            const newValue = `${month}/${day}/${truncatedYear}`;
-            const formattedValue = formatInputValue2(newValue);
-            setInputValue(formattedValue);
-            onChange("");
-            requestAnimationFrame(() => {
-              if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(
-                  formattedValue.length,
-                  formattedValue.length
-                );
-              }
-            });
-          } else {
-            const formattedValue = formatInputValue2(beforeDash);
-            setInputValue(formattedValue);
-            const singleDate = parseInputDate(beforeDash);
-            if (singleDate && isValidDate(singleDate)) {
-              onChange(`${singleDate}|`);
-            } else {
-              onChange("");
-            }
-            requestAnimationFrame(() => {
-              if (triggerRef.current) {
-                const newPosition = formattedValue.length;
-                triggerRef.current.setSelectionRange(newPosition, newPosition);
-              }
-            });
-          }
-          setIsTyping(true);
-          return;
-        }
-      }
-    }
-    if (event.key === "Enter") {
-      if (disableRange) {
-        const parsedDate = parseInputDate(inputValue);
-        if (parsedDate && isValidDate(parsedDate)) {
-          onChange(`${parsedDate}|${parsedDate}`);
-          setVisible(false);
-          setIsTyping(false);
-        }
-      } else {
-        const rangeMatch = inputValue.match(/^(.+?)\s*-\s*(.+)$/);
-        if (rangeMatch) {
-          const [, fromStr, toStr] = rangeMatch;
-          const fromDate = parseInputDate(fromStr.trim());
-          const toDate = parseInputDate(toStr.trim());
-          if (fromDate && toDate && isValidDateRange(fromDate, toDate)) {
-            onChange(`${fromDate}|${toDate}`);
-            setVisible(false);
-            setIsTyping(false);
-          } else {
-            setInputValue("");
-            onChange("");
-            setVisible(false);
-            setIsTyping(false);
-          }
-        } else {
-          setInputValue("");
-          onChange("");
-          setVisible(false);
-          setIsTyping(false);
-        }
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      InputBase,
-      __spreadProps(__spreadValues({
-        id,
-        testid,
-        ref: (el) => {
-          triggerRef.current = el;
-        }
-      }, props), {
-        wrapperRef: rootRef,
-        value: inputValue,
-        placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
-        disabled,
-        readOnly,
-        after: /* @__PURE__ */ jsx(Icon, { name: "calendar_month" }),
-        onFocus: handleFocus,
-        onClick: handleClick,
-        onChange: handleInputChange,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        label,
-        secondaryIconColor: true
-      })
-    ),
-    visible && !readOnly && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: (el) => {
-            popoverRef.current = el;
-          },
-          className: "absolute z-40",
-          style: {
-            top: `${calendarPosition.top + 4}px`,
-            left: `${calendarPosition.left}px`,
-            minWidth: `${calendarPosition.width}px`
-          },
-          children: /* @__PURE__ */ jsx(
-            CalendarRange,
-            {
-              id: id ? `${id}-calendar` : void 0,
-              testid: testid ? `${testid}-calendar` : void 0,
-              from,
-              to,
-              onChange: handleRangeChange,
-              cardStyle: true,
-              mode: single ? "single" : "double",
-              disableRange,
-              isDateAvailable,
-              onPendingFromChange
-            }
-          )
-        }
-      ),
-      findDocumentRoot(popoverRef.current)
-    )
-  ] });
-  function formatInputValue2(value2) {
-    return formatInputValueHelper(value2, disableRange);
-  }
-  function formatDisplayValue(from2, to2) {
-    return formatDisplayValueHelper(from2, to2, disableRange);
-  }
-};
-DateRangeInput.displayName = "DateRangeInput";
-function isValidDateRange(fromDate, toDate) {
-  return isValidDateRangeOrder(fromDate, toDate);
-}
-function formatInputValueHelper(value, disableRange) {
-  if (disableRange) {
-    return formatInputValue(value);
-  }
-  if (value.includes(" - ")) {
-    const [from, to] = value.split(" - ");
-    const fromFormatted = formatInputValue(from);
-    const toFormatted = formatInputValue(to || "");
-    return `${fromFormatted} - ${toFormatted}`;
-  }
-  const cleanValue = value.replace(/-/g, "");
-  return formatInputValue(cleanValue);
-}
-function calculateCursorPositionHelper(originalValue, formattedValue, originalPosition, disableRange) {
-  if (!disableRange && formattedValue.includes(" - ")) {
-    const dashPosition = formattedValue.indexOf(" - ");
-    const originalDashPosition = originalValue.indexOf("-");
-    if (originalDashPosition !== -1 && originalPosition > originalDashPosition) {
-      const afterDashDigits = originalValue.slice(originalDashPosition + 1).replace(/\D/g, "").length;
-      const formattedAfterDash = formattedValue.slice(dashPosition + 3);
-      let newPosition = dashPosition + 3;
-      let digitCount = 0;
-      for (let i = 0; i < formattedAfterDash.length; i++) {
-        if (/\d/.test(formattedAfterDash[i])) {
-          digitCount++;
-          if (digitCount >= afterDashDigits) {
-            if (i + 1 < formattedAfterDash.length && formattedAfterDash[i + 1] === "/") {
-              newPosition = dashPosition + 3 + i + 2;
-            } else {
-              newPosition = dashPosition + 3 + i + 1;
-            }
-            break;
-          }
-        }
-        if (digitCount < afterDashDigits) {
-          newPosition = dashPosition + 3 + i + 1;
-        }
-      }
-      return Math.min(newPosition, formattedValue.length);
-    }
-  }
-  return calculateCursorPosition(
-    originalValue,
-    formattedValue,
-    originalPosition
-  );
-}
-function formatDisplayValueHelper(from, to, disableRange) {
-  if (!from && !to) {
-    return "";
-  }
-  const fromValid = from ? isValidDate(from) : false;
-  const toValid = to ? isValidDate(to) : false;
-  if (disableRange) {
-    return fromValid && from ? formatDate(from) : "";
-  }
-  if (fromValid && toValid && from && to && isValidDateRange(from, to)) {
-    return `${formatDate(from)} - ${formatDate(to)}`;
-  }
-  if (fromValid && !to && from) {
-    return `${formatDate(from)} - `;
-  }
-  return "";
-}
-export {
-  DateRangeInput
-};

package/dist/components/DebugJson.cjs

@@ -1,58 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/DebugJson.tsx
-var DebugJson_exports = {};
-__export(DebugJson_exports, {
-  DebugJson: () => DebugJson
-});
-module.exports = __toCommonJS(DebugJson_exports);
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function DebugJson({ data, id }) {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  if (process.env.NODE_ENV !== "development") {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      id,
-      className: "p-2 rounded bg-neutral-100  border border-red-500 my-4",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            id: id ? `${id}-toggle-button` : void 0,
-            onClick: () => setOpen((prev) => !prev),
-            className: "px-4 py-2 border rounded bg-white",
-            children: open ? "Hide JSON" : "Show JSON"
-          }
-        ),
-        open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mt-4", children: JSON.stringify(data, null, 4) })
-      ]
-    }
-  );
-}
-DebugJson.displayName = "DebugJson";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DebugJson
-});