@expcat/tigercat-react 0.4.2 → 1.0.0

package/dist/chunk-XEYP62CR.js

@@ -0,0 +1,194 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/ImageViewer.tsx
+function SvgIcon({ pathD, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: "w-5 h-5",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-label": label,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: pathD })
+    }
+  );
+}
+var ImageViewer = ({
+  images,
+  open = false,
+  currentIndex = 0,
+  zoomable = true,
+  rotatable = true,
+  showNav = true,
+  showCounter = true,
+  maskClosable = true,
+  minZoom = 0.5,
+  maxZoom = 3,
+  className,
+  onClose,
+  onIndexChange
+}) => {
+  const [index, setIndex] = react.useState(currentIndex);
+  const [zoom, setZoom] = react.useState(1);
+  const [rotation, setRotation] = react.useState(0);
+  react.useEffect(() => {
+    setIndex(currentIndex);
+  }, [currentIndex]);
+  const handleClose = react.useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  const handlePrev = react.useCallback(() => {
+    const newIndex = (index - 1 + images.length) % images.length;
+    setIndex(newIndex);
+    setZoom(1);
+    setRotation(0);
+    onIndexChange?.(newIndex);
+  }, [index, images.length, onIndexChange]);
+  const handleNext = react.useCallback(() => {
+    const newIndex = (index + 1) % images.length;
+    setIndex(newIndex);
+    setZoom(1);
+    setRotation(0);
+    onIndexChange?.(newIndex);
+  }, [index, images.length, onIndexChange]);
+  react.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      switch (e.key) {
+        case "Escape":
+          handleClose();
+          break;
+        case "ArrowLeft":
+          handlePrev();
+          break;
+        case "ArrowRight":
+          handleNext();
+          break;
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, handleClose, handlePrev, handleNext]);
+  const backdropClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.imageViewerBackdropClasses, className),
+    [className]
+  );
+  if (!open || images.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: backdropClasses,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image viewer",
+      onClick: (e) => {
+        if (maskClosable && e.target === e.currentTarget) handleClose();
+      },
+      children: [
+        showCounter && images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.imageViewerCounterClasses, children: [
+          index + 1,
+          " / ",
+          images.length
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: tigercatCore.imageViewerCloseBtnClasses,
+            onClick: handleClose,
+            "aria-label": "Close",
+            type: "button",
+            children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.close, label: "Close" })
+          }
+        ),
+        showNav && images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "left-4"),
+              onClick: handlePrev,
+              "aria-label": "Previous image",
+              type: "button",
+              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.prev, label: "Previous" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "right-4"),
+              onClick: handleNext,
+              "aria-label": "Next image",
+              type: "button",
+              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.next, label: "Next" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            className: tigercatCore.imageViewerImgClasses,
+            src: images[index],
+            alt: `Image ${index + 1}`,
+            style: { transform: `scale(${zoom}) rotate(${rotation}deg)` },
+            draggable: false
+          }
+        ),
+        (zoomable || rotatable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.imageViewerToolbarClasses, children: [
+          zoomable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imageViewerToolbarBtnClasses,
+                onClick: () => setZoom(tigercatCore.clampZoom(zoom - 0.25, minZoom, maxZoom)),
+                "aria-label": "Zoom out",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.zoomOut, label: "Zoom out" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imageViewerToolbarBtnClasses,
+                onClick: () => setZoom(tigercatCore.clampZoom(zoom + 0.25, minZoom, maxZoom)),
+                "aria-label": "Zoom in",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.zoomIn, label: "Zoom in" })
+              }
+            )
+          ] }),
+          rotatable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imageViewerToolbarBtnClasses,
+                onClick: () => setRotation(tigercatCore.normalizeRotation(rotation - 90)),
+                "aria-label": "Rotate left",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.rotateLeft, label: "Rotate left" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imageViewerToolbarBtnClasses,
+                onClick: () => setRotation(tigercatCore.normalizeRotation(rotation + 90)),
+                "aria-label": "Rotate right",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.rotateRight, label: "Rotate right" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+exports.ImageViewer = ImageViewer;

package/dist/chunk-XFJ5Q5PF.mjs

@@ -0,0 +1,30 @@
+import { createContext, useContext, useMemo } from 'react';
+import { classNames, buttonGroupBaseClasses, buttonGroupVerticalClasses, buttonGroupHorizontalClasses, buttonGroupItemVerticalClasses, buttonGroupItemClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ButtonGroup.tsx
+var ButtonGroupContext = createContext(null);
+function useButtonGroupContext() {
+  return useContext(ButtonGroupContext);
+}
+var ButtonGroup = ({
+  size,
+  vertical = false,
+  className,
+  children,
+  ...rest
+}) => {
+  const contextValue = useMemo(() => ({ size }), [size]);
+  const groupClasses = useMemo(
+    () => classNames(
+      buttonGroupBaseClasses,
+      vertical ? buttonGroupVerticalClasses : buttonGroupHorizontalClasses,
+      vertical ? buttonGroupItemVerticalClasses : buttonGroupItemClasses,
+      className
+    ),
+    [vertical, className]
+  );
+  return /* @__PURE__ */ jsx(ButtonGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
+};
+
+export { ButtonGroup, ButtonGroupContext, useButtonGroupContext };

package/dist/chunk-XODGTE2Y.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/QRCode.tsx
+var QRCode = ({
+  value,
+  size = 128,
+  color = "#000000",
+  bgColor = "#ffffff",
+  level = "M",
+  status = "active",
+  onRefresh,
+  className
+}) => {
+  const matrix = react.useMemo(() => tigercatCore.generateQRMatrix(value), [value]);
+  const moduleSize = react.useMemo(() => size / matrix.length, [size, matrix.length]);
+  const containerClass = tigercatCore.classNames(tigercatCore.qrcodeContainerClasses, className);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, style: { width: size, height: size }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": "QR Code",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { width: size, height: size, fill: bgColor }),
+          matrix.flatMap(
+            (row, r) => row.map(
+              (cell, c) => cell ? /* @__PURE__ */ jsxRuntime.jsx(
+                "rect",
+                {
+                  x: c * moduleSize,
+                  y: r * moduleSize,
+                  width: moduleSize,
+                  height: moduleSize,
+                  fill: color
+                },
+                `${r}-${c}`
+              ) : null
+            )
+          )
+        ]
+      }
+    ),
+    status === "expired" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.qrcodeOverlayClasses, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.qrcodeExpiredTextClasses, children: "QR code expired" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+    ] }),
+    status === "loading" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.qrcodeOverlayClasses, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+  ] });
+};
+var QRCode_default = QRCode;
+
+exports.QRCode = QRCode;
+exports.QRCode_default = QRCode_default;

package/dist/chunk-Y3NDP56G.mjs

@@ -0,0 +1,174 @@
+import { useChartInteraction } from './chunk-3CDAG4HD.mjs';
+import { ChartTooltip } from './chunk-LVC43YX2.mjs';
+import { ChartCanvas } from './chunk-IS467WAO.mjs';
+import React, { useMemo } from 'react';
+import { getChartInnerRect, computeHeatmapCells, resolveChartTooltipContent, classNames, chartAxisTickTextClasses, getChartElementOpacity } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var HeatmapChart = ({
+  width = 400,
+  height = 300,
+  padding = 40,
+  data,
+  xLabels,
+  yLabels,
+  minColor = "#f0f9ff",
+  maxColor = "#2563eb",
+  cellRadius = 2,
+  cellGap = 1,
+  showValues = false,
+  valueFormatter,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showTooltip = true,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onCellClick,
+  onCellHover
+}) => {
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick
+  } = useChartInteraction({
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    getData: (index) => data[index],
+    onHoveredIndexChange: (index) => {
+      onHoveredIndexChange?.(index);
+      onCellHover?.(index, index !== null ? data[index] : null);
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onCellClick }
+  });
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const cells = useMemo(
+    () => computeHeatmapCells(data, {
+      xLabels,
+      yLabels,
+      width: innerRect.width,
+      height: innerRect.height,
+      cellGap,
+      minColor,
+      maxColor
+    }),
+    [data, xLabels, yLabels, innerRect.width, innerRect.height, cellGap, minColor, maxColor]
+  );
+  const tooltipContent = useMemo(
+    () => resolveChartTooltipContent(resolvedHoveredIndex, cells, void 0, (cell) => {
+      const val = valueFormatter ? valueFormatter(cell.value) : `${cell.value}`;
+      return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
+    }),
+    [resolvedHoveredIndex, cells, valueFormatter]
+  );
+  const interactive = hoverable || selectable;
+  const rect = innerRect;
+  const cellW = (rect.width - cellGap * (xLabels.length - 1)) / xLabels.length;
+  const cellH = (rect.height - cellGap * (yLabels.length - 1)) / yLabels.length;
+  const chart = /* @__PURE__ */ jsxs(
+    ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: classNames(className),
+      children: [
+        xLabels.map((lbl, i) => /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: i * (cellW + cellGap) + cellW / 2,
+            y: rect.height + 16,
+            className: chartAxisTickTextClasses,
+            textAnchor: "middle",
+            children: lbl
+          },
+          `x-${i}`
+        )),
+        yLabels.map((lbl, i) => /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: -8,
+            y: i * (cellH + cellGap) + cellH / 2,
+            className: chartAxisTickTextClasses,
+            textAnchor: "end",
+            dominantBaseline: "middle",
+            children: lbl
+          },
+          `y-${i}`
+        )),
+        cells.map((cell, idx) => {
+          const opacity = getChartElementOpacity(idx, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "rect",
+              {
+                x: cell.x,
+                y: cell.y,
+                width: cell.w,
+                height: cell.h,
+                rx: cellRadius,
+                fill: cell.fill,
+                opacity,
+                className: classNames(interactive && "cursor-pointer"),
+                style: { transition: "opacity 0.2s ease-out" },
+                onMouseEnter: (e) => handleMouseEnter(idx, e),
+                onMouseMove: handleMouseMove,
+                onMouseLeave: handleMouseLeave,
+                onClick: () => handleClick(idx)
+              }
+            ),
+            showValues && /* @__PURE__ */ jsx(
+              "text",
+              {
+                x: cell.x + cell.w / 2,
+                y: cell.y + cell.h / 2,
+                className: "fill-[color:var(--tiger-text,#374151)] text-[10px]",
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                children: valueFormatter ? valueFormatter(cell.value) : `${cell.value}`
+              }
+            )
+          ] }, `cell-${idx}`);
+        })
+      ]
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+    ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", children: [
+    chart,
+    tooltip
+  ] });
+};
+
+export { HeatmapChart };

package/dist/chunk-YID7J6ZK.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Result = ({
+  status = "info",
+  title,
+  subTitle,
+  icon,
+  extra,
+  className,
+  children,
+  ...props
+}) => {
+  const colors = react.useMemo(() => tigercatCore.getResultColorScheme(status), [status]);
+  const iconPath = react.useMemo(() => tigercatCore.getResultIconPath(status), [status]);
+  const httpLabel = react.useMemo(() => tigercatCore.getResultHttpLabel(status), [status]);
+  const wrapperClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.resultBaseClasses, className), [className]);
+  const iconContainerCls = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.resultIconContainerBaseClasses, colors.iconBg),
+    [colors]
+  );
+  const iconSvgCls = react.useMemo(() => tigercatCore.classNames(tigercatCore.resultIconClasses, colors.iconColor), [colors]);
+  const titleCls = react.useMemo(() => tigercatCore.classNames(tigercatCore.resultTitleClasses, colors.titleColor), [colors]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, role: "status", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconContainerCls, children: icon !== void 0 ? icon : httpLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.classNames("text-5xl font-bold", colors.iconColor), children: httpLabel }) : /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconSvgCls }) }),
+    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleCls, children: title }),
+    subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.resultSubTitleClasses, children: subTitle }),
+    extra && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.resultExtraClasses, children: extra }),
+    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 w-full", children })
+  ] });
+};
+
+exports.Result = Result;

package/dist/chunk-YLZEOXFS.mjs

@@ -0,0 +1,116 @@
+import React, { useState, useRef, useMemo, useCallback } from 'react';
+import { countLines, generateLineNumbers, getCodeEditorContainerClasses, handleTabKey, getLineNumberClasses, classNames, codeEditorHighlightClasses, codeEditorTextareaClasses, tokenizeLine, getTokenClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/CodeEditor.tsx
+var CodeEditor = ({
+  value: controlledValue,
+  defaultValue = "",
+  language = "plain",
+  theme = "light",
+  readOnly = false,
+  lineNumbers = true,
+  tabSize = 2,
+  placeholder,
+  wordWrap = false,
+  minLines = 3,
+  maxLines = 0,
+  disabled = false,
+  className,
+  style,
+  onChange
+}) => {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const textareaRef = useRef(null);
+  const code = controlledValue !== void 0 ? controlledValue : internalValue;
+  const lines = useMemo(() => code.split("\n"), [code]);
+  const lineCount = useMemo(() => countLines(code), [code]);
+  const lineNums = useMemo(() => generateLineNumbers(lineCount), [lineCount]);
+  const containerClasses = useMemo(
+    () => getCodeEditorContainerClasses(theme, disabled, className),
+    [theme, disabled, className]
+  );
+  const containerStyle = useMemo(() => {
+    const lineHeight = 1.625;
+    const s = { ...style };
+    if (minLines > 0) s.minHeight = `${minLines * lineHeight + 1.5}rem`;
+    if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
+    return s;
+  }, [minLines, maxLines, style]);
+  const handleInput = useCallback(
+    (e) => {
+      const val = e.target.value;
+      setInternalValue(val);
+      onChange?.(val);
+    },
+    [onChange]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Tab") {
+        e.preventDefault();
+        const ta = textareaRef.current;
+        if (!ta) return;
+        const result = handleTabKey(ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
+        setInternalValue(result.value);
+        onChange?.(result.value);
+        requestAnimationFrame(() => {
+          ta.selectionStart = result.selectionStart;
+          ta.selectionEnd = result.selectionStart;
+        });
+      }
+    },
+    [tabSize, onChange]
+  );
+  const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
+  const renderToken = (token, idx) => {
+    const cls = getTokenClasses(token.type, theme);
+    return cls ? /* @__PURE__ */ jsx("span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ jsx(React.Fragment, { children: token.value }, idx);
+  };
+  const renderLine = (line, lineIndex) => {
+    const tokens = tokenizeLine(line, language);
+    return /* @__PURE__ */ jsxs("div", { className: "min-h-[1.625rem]", children: [
+      tokens.map(renderToken),
+      line === "" ? "\n" : null
+    ] }, lineIndex);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: containerClasses,
+      style: containerStyle,
+      "data-language": language,
+      "data-theme": theme,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full", children: [
+        lineNumbers && /* @__PURE__ */ jsx("div", { className: getLineNumberClasses(theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ jsx("div", { className: "min-h-[1.625rem]", children: n }, n)) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-auto", children: [
+          /* @__PURE__ */ jsx("div", { className: classNames(codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: textareaRef,
+              className: classNames(codeEditorTextareaClasses, wrapClass),
+              value: code,
+              onChange: handleInput,
+              onKeyDown: handleKeyDown,
+              readOnly: readOnly || disabled,
+              disabled,
+              placeholder,
+              spellCheck: false,
+              autoCapitalize: "off",
+              autoComplete: "off",
+              autoCorrect: "off",
+              "data-gramm": "false",
+              "aria-label": "Code editor",
+              role: "textbox",
+              "aria-multiline": true
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+var CodeEditor_default = CodeEditor;
+
+export { CodeEditor, CodeEditor_default };