@cere/cere-design-system 0.1.0 → 0.2.0

package/dist/chunk-YCDCQSYH.js

@@ -0,0 +1,411 @@
+"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; }// src/components/third-party/CodeEditor.tsx
+var _react = require('react');
+var _react3 = require('@monaco-editor/react'); var _react4 = _interopRequireDefault(_react3);
+var _Box = require('@mui/material/Box'); var _Box2 = _interopRequireDefault(_Box);
+var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
+var _Tooltip = require('@mui/material/Tooltip'); var _Tooltip2 = _interopRequireDefault(_Tooltip);
+var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
+var _FullscreenExit = require('@mui/icons-material/FullscreenExit'); var _FullscreenExit2 = _interopRequireDefault(_FullscreenExit);
+var _ErrorOutline = require('@mui/icons-material/ErrorOutline'); var _ErrorOutline2 = _interopRequireDefault(_ErrorOutline);
+var _ExpandMore = require('@mui/icons-material/ExpandMore'); var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
+var _ExpandLess = require('@mui/icons-material/ExpandLess'); var _ExpandLess2 = _interopRequireDefault(_ExpandLess);
+var _jsxruntime = require('react/jsx-runtime');
+var configureTypeScript = (monaco) => {
+  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+    target: monaco.languages.typescript.ScriptTarget.ES2020,
+    allowNonTsExtensions: true,
+    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+    module: monaco.languages.typescript.ModuleKind.ESNext,
+    noEmit: false,
+    lib: ["es2020", "dom"],
+    noUnusedLocals: false,
+    noUnusedParameters: false,
+    noImplicitAny: false,
+    noImplicitReturns: false,
+    noFallthroughCasesInSwitch: false,
+    // Treat every file as a module so top-level declarations don't clash
+    // across files in the workspace (prevents false "Cannot redeclare" errors).
+    moduleDetection: 3
+    // ts.ModuleDetectionKind.Force
+  });
+  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+    noSemanticValidation: false,
+    noSyntaxValidation: false,
+    noSuggestionDiagnostics: true,
+    diagnosticCodesToIgnore: [
+      6133,
+      // 'x' is declared but its value is never read
+      6196
+      // 'x' is declared but its value is never read (different variant)
+    ]
+  });
+};
+var CodeEditor = ({
+  value,
+  onChange,
+  language = "typescript",
+  height = "400px",
+  minHeight,
+  theme: themeProp,
+  lineNumbers = "on",
+  options,
+  onMount,
+  onValidate,
+  editorRef,
+  monacoRef,
+  onFullscreenChange,
+  containerProps,
+  typeDefinitions,
+  externalModelManagement = false
+}) => {
+  const [isEditorReady, setIsEditorReady] = _react.useState.call(void 0, false);
+  const [validationErrors, setValidationErrors] = _react.useState.call(void 0, []);
+  const [isFullscreen, setIsFullscreen] = _react.useState.call(void 0, false);
+  const [tsCode, setTsCode] = _react.useState.call(void 0, value);
+  const [actualHeight, setActualHeight] = _react.useState.call(void 0, 
+    typeof height === "number" ? `${height}px` : height
+  );
+  const [showProblems, setShowProblems] = _react.useState.call(void 0, false);
+  const [hasUserToggledProblems, setHasUserToggledProblems] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (hasUserToggledProblems) return;
+    if (validationErrors.length > 0) {
+      setShowProblems(true);
+    } else {
+      setShowProblems(false);
+    }
+  }, [validationErrors, hasUserToggledProblems]);
+  const internalEditorRef = _react.useRef.call(void 0, null);
+  const internalMonacoRef = _react.useRef.call(void 0, null);
+  const finalEditorRef = editorRef || internalEditorRef;
+  const finalMonacoRef = monacoRef || internalMonacoRef;
+  _react.useEffect.call(void 0, () => {
+    if (isFullscreen) {
+      setActualHeight("calc(100vh - 80px)");
+    } else {
+      setActualHeight(typeof height === "number" ? `${height}px` : height);
+    }
+  }, [height, isFullscreen]);
+  const toggleFullscreen = _react.useCallback.call(void 0, () => {
+    const newFullscreenState = !isFullscreen;
+    setIsFullscreen(newFullscreenState);
+    if (onFullscreenChange) {
+      onFullscreenChange(newFullscreenState);
+    }
+  }, [isFullscreen, onFullscreenChange]);
+  const gotoMarker = _react.useCallback.call(void 0, 
+    (marker) => {
+      const ed = _optionalChain([finalEditorRef, 'optionalAccess', _ => _.current]);
+      if (!ed) return;
+      const position = { lineNumber: marker.startLineNumber, column: marker.startColumn || 1 };
+      try {
+        ed.revealPositionInCenter(position);
+        ed.setPosition(position);
+        ed.focus();
+      } catch (e) {
+        console.error("CodeEditor: Failed to navigate to marker", e);
+      }
+    },
+    [finalEditorRef]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!isFullscreen) return;
+    function escapeHandler(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsFullscreen(false);
+        if (onFullscreenChange) {
+          onFullscreenChange(false);
+        }
+      }
+    }
+    window.addEventListener("keydown", escapeHandler, { capture: true });
+    return () => {
+      window.removeEventListener("keydown", escapeHandler, { capture: true });
+    };
+  }, [isFullscreen, onFullscreenChange]);
+  const handleEditorDidMount = _react.useCallback.call(void 0, 
+    (editor, monaco) => {
+      console.log("CodeEditor: onMount called", { editor: !!editor, monaco: !!monaco });
+      try {
+        configureTypeScript(monaco);
+      } catch (e) {
+        console.error("CodeEditor: Failed to configure TypeScript", e);
+      }
+      if (finalEditorRef) {
+        finalEditorRef.current = editor;
+      }
+      if (finalMonacoRef) {
+        finalMonacoRef.current = monaco;
+      }
+      setIsEditorReady(true);
+      console.log("CodeEditor: Editor ready");
+      try {
+        editor.addCommand(monaco.KeyCode.Escape, () => {
+          if (isFullscreen) {
+            setIsFullscreen(false);
+            if (onFullscreenChange) {
+              onFullscreenChange(false);
+            }
+            return true;
+          }
+          return false;
+        });
+        editor.onDidChangeModelDecorations(() => {
+          const model2 = editor.getModel();
+          if (model2 && onValidate) {
+            const markers = monaco.editor.getModelMarkers({ resource: model2.uri });
+            onValidate(markers);
+            setValidationErrors(markers);
+          }
+        });
+        const model = editor.getModel();
+        if (model && onValidate) {
+          const markers = monaco.editor.getModelMarkers({ resource: model.uri });
+          onValidate(markers);
+          setValidationErrors(markers);
+        }
+      } catch (e) {
+        console.error("CodeEditor: Error setting up editor callbacks", e);
+      }
+      if (onMount) {
+        try {
+          onMount(editor, monaco);
+        } catch (e) {
+          console.error("CodeEditor: Error in custom onMount", e);
+        }
+      }
+    },
+    [isFullscreen, onFullscreenChange, onValidate, onMount, finalEditorRef, finalMonacoRef]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!isEditorReady || !_optionalChain([finalMonacoRef, 'optionalAccess', _2 => _2.current]) || !typeDefinitions) return;
+    const monaco = finalMonacoRef.current;
+    const definitions = Array.isArray(typeDefinitions) ? typeDefinitions : [typeDefinitions];
+    const uris = [];
+    try {
+      definitions.forEach((def, index) => {
+        if (def && def.trim()) {
+          const uri = `ts:filename/custom-types-${index}.d.ts`;
+          uris.push(uri);
+          monaco.languages.typescript.typescriptDefaults.addExtraLib(def, uri);
+        }
+      });
+    } catch (error) {
+      console.error("CodeEditor: Error adding type definitions:", error);
+    }
+  }, [isEditorReady, finalMonacoRef, typeDefinitions]);
+  const handleCodeChange = (newValue) => {
+    const valueStr = newValue || "";
+    setTsCode(valueStr);
+    onChange(valueStr);
+  };
+  _react.useEffect.call(void 0, () => {
+    if (externalModelManagement) return;
+    if (value !== tsCode) {
+      setTsCode(value);
+      if (isEditorReady && _optionalChain([finalEditorRef, 'optionalAccess', _3 => _3.current])) {
+        const editor = finalEditorRef.current;
+        const currentValue = editor.getValue();
+        if (currentValue !== value) {
+          editor.setValue(value);
+        }
+      }
+    }
+  }, [value, tsCode, isEditorReady, finalEditorRef, externalModelManagement]);
+  const editorMinHeight = minHeight ? typeof minHeight === "number" ? `${minHeight}px` : minHeight : "400px";
+  const defaultOptions = {
+    lineNumbers,
+    minimap: { enabled: false },
+    readOnly: false,
+    wordWrap: "on",
+    fontSize: 14,
+    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, "source-code-pro", monospace',
+    automaticLayout: true,
+    scrollBeyondLastLine: false,
+    theme: themeProp || "vs",
+    ...options
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _Box2.default,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: isFullscreen ? "100vh" : "100%",
+        minHeight: isFullscreen ? "100vh" : editorMinHeight,
+        position: isFullscreen ? "fixed" : "relative",
+        top: isFullscreen ? 0 : "auto",
+        left: isFullscreen ? 0 : "auto",
+        right: isFullscreen ? 0 : "auto",
+        bottom: isFullscreen ? 0 : "auto",
+        zIndex: isFullscreen ? 9999 : "auto",
+        bgcolor: "background.paper",
+        pt: isFullscreen ? "80px" : 0,
+        // Add padding top in fullscreen to account for header (64px) + spacing (16px)
+        px: isFullscreen ? 2 : 0,
+        pb: isFullscreen ? 2 : 0,
+        overflow: isFullscreen ? "hidden" : "visible"
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _Box2.default,
+        {
+          sx: {
+            flex: 1,
+            border: 1,
+            borderColor: validationErrors.length > 0 ? "error.main" : "divider",
+            borderRadius: 1,
+            minHeight: editorMinHeight,
+            overflow: "hidden",
+            position: "relative",
+            display: "flex",
+            flexDirection: "column"
+          },
+          ...containerProps,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Tooltip2.default, { title: isFullscreen ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _IconButton2.default,
+              {
+                onClick: toggleFullscreen,
+                size: "small",
+                sx: {
+                  position: isFullscreen ? "fixed" : "absolute",
+                  top: isFullscreen ? 72 : 8,
+                  // Position below header in fullscreen mode (header is ~64px)
+                  right: isFullscreen ? 16 : 8,
+                  zIndex: 1e4,
+                  // Ensure it's above other elements
+                  bgcolor: "rgba(255, 255, 255, 0.7)",
+                  "&:hover": {
+                    bgcolor: "rgba(255, 255, 255, 0.9)"
+                  },
+                  boxShadow: 1
+                },
+                children: isFullscreen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FullscreenExit2.default, { fontSize: "small" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" })
+              }
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _Box2.default,
+              {
+                sx: {
+                  flex: 1,
+                  display: "flex",
+                  flexDirection: "column",
+                  overflow: "hidden",
+                  minHeight: editorMinHeight,
+                  position: "relative",
+                  height: isFullscreen ? "100%" : actualHeight
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _react4.default,
+                  {
+                    height: "100%",
+                    defaultLanguage: language,
+                    defaultValue: value,
+                    value: tsCode,
+                    onChange: handleCodeChange,
+                    onMount: handleEditorDidMount,
+                    theme: themeProp || "vs",
+                    options: defaultOptions,
+                    loading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { p: 2, textAlign: "center" }, children: "Loading Monaco Editor..." }),
+                    beforeMount: (monaco) => {
+                      console.log("CodeEditor: beforeMount called", { monaco: !!monaco });
+                    }
+                  }
+                )
+              }
+            ),
+            validationErrors.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _Box2.default,
+              {
+                sx: {
+                  borderTop: 1,
+                  borderColor: "divider",
+                  bgcolor: "background.default",
+                  display: "flex",
+                  flexDirection: "column",
+                  maxHeight: showProblems ? 180 : 40,
+                  minHeight: 40,
+                  transition: "max-height 0.2s ease"
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    _Box2.default,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        px: 1,
+                        py: 0.5,
+                        gap: 1,
+                        borderBottom: showProblems ? "1px solid" : "none",
+                        borderColor: "divider",
+                        fontSize: "0.875rem",
+                        color: "text.secondary"
+                      },
+                      children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ErrorOutline2.default, { color: "error", fontSize: "small" }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { fontWeight: 600, color: "text.primary" }, children: "Problems" }),
+                        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { ml: 1 }, children: [
+                          validationErrors.length,
+                          " error",
+                          validationErrors.length > 1 ? "s" : ""
+                        ] }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { flex: 1 } }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          _IconButton2.default,
+                          {
+                            size: "small",
+                            "aria-label": "Toggle problems panel",
+                            onClick: () => {
+                              setHasUserToggledProblems(true);
+                              setShowProblems((s) => !s);
+                            },
+                            children: showProblems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ExpandMore2.default, { fontSize: "small" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ExpandLess2.default, { fontSize: "small" })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  showProblems && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { overflow: "auto" }, children: validationErrors.map((error, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    _Box2.default,
+                    {
+                      onClick: () => gotoMarker(error),
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        px: 1.5,
+                        py: 0.75,
+                        gap: 1,
+                        cursor: "pointer",
+                        "&:hover": { bgcolor: "action.hover" },
+                        borderBottom: "1px dashed",
+                        borderColor: "divider",
+                        fontSize: "0.85rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ErrorOutline2.default, { color: "error", sx: { fontSize: 18 } }),
+                        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Box2.default, { sx: { color: "text.secondary", width: 64 }, children: [
+                          "Line ",
+                          error.startLineNumber
+                        ] }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Box2.default, { sx: { color: "text.primary", flex: 1, minWidth: 0 }, children: error.message })
+                      ]
+                    },
+                    `${error.startLineNumber}-${error.startColumn}-${index}`
+                  )) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+
+
+exports.CodeEditor = CodeEditor;
+//# sourceMappingURL=chunk-YCDCQSYH.js.map

package/dist/chunk-YCDCQSYH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-YCDCQSYH.js","../src/components/third-party/CodeEditor.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-YCDCQSYH.js","sourcesContent":[null,"import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport Editor, { Monaco } from '@monaco-editor/react';\nimport Box from '@mui/material/Box';\nimport type { BoxProps } from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport FullscreenExitIcon from '@mui/icons-material/FullscreenExit';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport type { editor } from 'monaco-editor';\n\nexport type CodeEditorLanguage =\n  | 'typescript'\n  | 'javascript'\n  | 'json'\n  | 'html'\n  | 'css'\n  | 'python'\n  | 'yaml'\n  | 'markdown'\n  | 'sql'\n  | 'xml'\n  | 'plaintext';\n\nexport interface CodeEditorProps {\n  /**\n   * Current value of the editor\n   */\n  value: string;\n  /**\n   * Callback when value changes\n   */\n  onChange: (value: string) => void;\n  /**\n   * Programming language\n   * @default 'typescript'\n   */\n  language?: CodeEditorLanguage;\n  /**\n   * Height of the editor\n   * @default '400px'\n   */\n  height?: string | number;\n  /**\n   * Minimum height\n   */\n  minHeight?: string | number;\n  /**\n   * Theme ('light' | 'dark' | 'vs-dark' | 'hc-black')\n   * If not provided, will use theme from design system\n   */\n  theme?: string;\n  /**\n   * Show line numbers\n   * @default 'on'\n   */\n  lineNumbers?: 'on' | 'off' | 'relative' | 'interval';\n  /**\n   * Editor options (monaco editor options)\n   */\n  options?: editor.IStandaloneEditorConstructionOptions;\n  /**\n   * Callback when editor is mounted\n   */\n  onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;\n  /**\n   * Callback for validation errors\n   */\n  onValidate?: (markers: editor.IMarker[]) => void;\n  /**\n   * Ref to editor instance\n   */\n  editorRef?: React.MutableRefObject<editor.IStandaloneCodeEditor | null>;\n  /**\n   * Ref to Monaco instance\n   */\n  monacoRef?: React.MutableRefObject<Monaco | null>;\n  /**\n   * Callback when fullscreen state changes\n   */\n  onFullscreenChange?: (isFullscreen: boolean) => void;\n  /**\n   * Props for the container Box.\n   */\n  containerProps?: BoxProps;\n  /**\n   * Additional TypeScript type definitions to add to the editor context.\n   * Can be a string with type definitions or an array of type definition strings.\n   * Each string will be added as a separate extra lib to Monaco.\n   *\n   * @example\n   * ```tsx\n   * <CodeEditor\n   *   value={code}\n   *   onChange={setCode}\n   *   typeDefinitions={`\n   *     declare interface MyCustomType {\n   *       id: string;\n   *       name: string;\n   *     }\n   *   `}\n   * />\n   * ```\n   */\n  typeDefinitions?: string | string[];\n  /**\n   * When true, the editor skips internal value syncing and lets an external\n   * source (e.g. useCodeEditorWorkspace) manage Monaco models directly.\n   * The `value` prop is still used as the initial/display value but won't\n   * be force-synced to the editor.\n   * @default false\n   */\n  externalModelManagement?: boolean;\n}\n\n// Monaco Editor will use the local version from node_modules automatically\n// No need to configure loader.config() - @monaco-editor/react handles it\n\n// Configure TypeScript settings when Monaco is loaded\nexport const configureTypeScript = (monaco: Monaco) => {\n  // Configure TypeScript settings\n  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true,\n    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n    module: monaco.languages.typescript.ModuleKind.ESNext,\n    noEmit: false,\n    lib: ['es2020', 'dom'],\n    noUnusedLocals: false,\n    noUnusedParameters: false,\n    noImplicitAny: false,\n    noImplicitReturns: false,\n    noFallthroughCasesInSwitch: false,\n    // Treat every file as a module so top-level declarations don't clash\n    // across files in the workspace (prevents false \"Cannot redeclare\" errors).\n    moduleDetection: 3, // ts.ModuleDetectionKind.Force\n  });\n\n  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: false,\n    noSyntaxValidation: false,\n    noSuggestionDiagnostics: true,\n    diagnosticCodesToIgnore: [\n      6133, // 'x' is declared but its value is never read\n      6196, // 'x' is declared but its value is never read (different variant)\n    ],\n  });\n};\n\n/**\n * CodeEditor component - wrapper around Monaco Editor matching dynamic-indexer-client implementation\n *\n * @example\n * ```tsx\n * <CodeEditor\n *   value={code}\n *   onChange={setCode}\n *   language=\"typescript\"\n *   height=\"500px\"\n *   onValidate={(markers) => console.log('Errors:', markers)}\n * />\n * ```\n */\nexport const CodeEditor: React.FC<CodeEditorProps> = ({\n  value,\n  onChange,\n  language = 'typescript',\n  height = '400px',\n  minHeight,\n  theme: themeProp,\n  lineNumbers = 'on',\n  options,\n  onMount,\n  onValidate,\n  editorRef,\n  monacoRef,\n  onFullscreenChange,\n  containerProps,\n  typeDefinitions,\n  externalModelManagement = false,\n}) => {\n  const [isEditorReady, setIsEditorReady] = useState(false);\n  const [validationErrors, setValidationErrors] = useState<editor.IMarker[]>([]);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const [tsCode, setTsCode] = useState<string>(value);\n  const [actualHeight, setActualHeight] = useState<string>(\n    typeof height === 'number' ? `${height}px` : height\n  );\n  const [showProblems, setShowProblems] = useState(false);\n  const [hasUserToggledProblems, setHasUserToggledProblems] = useState(false);\n\n  // Auto-open the Problems panel only until the user manually toggles it.\n  useEffect(() => {\n    if (hasUserToggledProblems) return; // respect user's choice after first toggle\n    if (validationErrors.length > 0) {\n      setShowProblems(true);\n    } else {\n      setShowProblems(false);\n    }\n  }, [validationErrors, hasUserToggledProblems]);\n\n  const internalEditorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const internalMonacoRef = useRef<Monaco | null>(null);\n\n  // Use provided refs or internal refs\n  const finalEditorRef = editorRef || internalEditorRef;\n  const finalMonacoRef = monacoRef || internalMonacoRef;\n\n  useEffect(() => {\n    if (isFullscreen) {\n      // Account for header height (64px) + padding (16px) = 80px\n      setActualHeight('calc(100vh - 80px)');\n    } else {\n      setActualHeight(typeof height === 'number' ? `${height}px` : height);\n    }\n  }, [height, isFullscreen]);\n\n  // Toggle fullscreen\n  const toggleFullscreen = useCallback(() => {\n    const newFullscreenState = !isFullscreen;\n    setIsFullscreen(newFullscreenState);\n    if (onFullscreenChange) {\n      onFullscreenChange(newFullscreenState);\n    }\n  }, [isFullscreen, onFullscreenChange]);\n\n  // Jump to a marker position in the editor\n  const gotoMarker = useCallback(\n    (marker: editor.IMarker) => {\n      const ed = finalEditorRef?.current;\n      if (!ed) return;\n      const position = { lineNumber: marker.startLineNumber, column: marker.startColumn || 1 };\n      try {\n        ed.revealPositionInCenter(position);\n        ed.setPosition(position);\n        ed.focus();\n      } catch (e) {\n        console.error('CodeEditor: Failed to navigate to marker', e);\n      }\n    },\n    [finalEditorRef]\n  );\n\n  // Handle ESC key for fullscreen exit\n  useEffect(() => {\n    if (!isFullscreen) return;\n\n    function escapeHandler(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        setIsFullscreen(false);\n        if (onFullscreenChange) {\n          onFullscreenChange(false);\n        }\n      }\n    }\n\n    window.addEventListener('keydown', escapeHandler, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', escapeHandler, { capture: true });\n    };\n  }, [isFullscreen, onFullscreenChange]);\n\n  const handleEditorDidMount = useCallback(\n    (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n      console.log('CodeEditor: onMount called', { editor: !!editor, monaco: !!monaco });\n\n      try {\n        // Configure TypeScript settings when Monaco is loaded\n        configureTypeScript(monaco);\n      } catch (e) {\n        console.error('CodeEditor: Failed to configure TypeScript', e);\n      }\n\n      if (finalEditorRef) {\n        finalEditorRef.current = editor;\n      }\n      if (finalMonacoRef) {\n        finalMonacoRef.current = monaco;\n      }\n\n      setIsEditorReady(true);\n      console.log('CodeEditor: Editor ready');\n\n      try {\n        // Add ESC key binding directly in editor\n        editor.addCommand(monaco.KeyCode.Escape, () => {\n          if (isFullscreen) {\n            setIsFullscreen(false);\n            if (onFullscreenChange) {\n              onFullscreenChange(false);\n            }\n            return true; // Command handled\n          }\n          return false; // Let default behavior work when not fullscreen\n        });\n\n        // Add validation callback\n        editor.onDidChangeModelDecorations(() => {\n          const model = editor.getModel();\n          if (model && onValidate) {\n            const markers = monaco.editor.getModelMarkers({ resource: model.uri });\n            onValidate(markers);\n            setValidationErrors(markers);\n          }\n        });\n\n        // Also check initial markers\n        const model = editor.getModel();\n        if (model && onValidate) {\n          const markers = monaco.editor.getModelMarkers({ resource: model.uri });\n          onValidate(markers);\n          setValidationErrors(markers);\n        }\n      } catch (e) {\n        console.error('CodeEditor: Error setting up editor callbacks', e);\n      }\n\n      // Call custom onMount if provided\n      if (onMount) {\n        try {\n          onMount(editor, monaco);\n        } catch (e) {\n          console.error('CodeEditor: Error in custom onMount', e);\n        }\n      }\n    },\n    [isFullscreen, onFullscreenChange, onValidate, onMount, finalEditorRef, finalMonacoRef]\n  );\n\n  // Add custom type definitions when Monaco is ready and typeDefinitions change\n  useEffect(() => {\n    if (!isEditorReady || !finalMonacoRef?.current || !typeDefinitions) return;\n\n    const monaco = finalMonacoRef.current;\n    const definitions = Array.isArray(typeDefinitions) ? typeDefinitions : [typeDefinitions];\n    const uris: string[] = [];\n\n    try {\n      // Add each type definition as a separate extra lib\n      definitions.forEach((def: string, index: number) => {\n        if (def && def.trim()) {\n          const uri = `ts:filename/custom-types-${index}.d.ts`;\n          uris.push(uri);\n          monaco.languages.typescript.typescriptDefaults.addExtraLib(def, uri);\n        }\n      });\n    } catch (error) {\n      console.error('CodeEditor: Error adding type definitions:', error);\n    }\n\n    // Note: Monaco doesn't have a direct removeExtraLib method\n    // The definitions will be replaced when the component updates with new definitions\n    // This is acceptable as extra libs are additive and don't cause conflicts\n  }, [isEditorReady, finalMonacoRef, typeDefinitions]);\n\n  const handleCodeChange = (newValue: string | undefined) => {\n    const valueStr = newValue || '';\n    setTsCode(valueStr);\n    onChange(valueStr);\n  };\n\n  // Sync external value prop with internal state\n  // Skip when externalModelManagement is true (workspace hook manages models)\n  useEffect(() => {\n    if (externalModelManagement) return;\n    if (value !== tsCode) {\n      setTsCode(value);\n      if (isEditorReady && finalEditorRef?.current) {\n        const editor = finalEditorRef.current;\n        const currentValue = editor.getValue();\n        if (currentValue !== value) {\n          editor.setValue(value);\n        }\n      }\n    }\n  }, [value, tsCode, isEditorReady, finalEditorRef, externalModelManagement]);\n\n  const editorMinHeight = minHeight\n    ? typeof minHeight === 'number'\n      ? `${minHeight}px`\n      : minHeight\n    : '400px';\n\n  const defaultOptions: editor.IStandaloneEditorConstructionOptions = {\n    lineNumbers,\n    minimap: { enabled: false },\n    readOnly: false,\n    wordWrap: 'on',\n    fontSize: 14,\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, \"source-code-pro\", monospace',\n    automaticLayout: true,\n    scrollBeyondLastLine: false,\n    theme: themeProp || 'vs',\n    ...options,\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isFullscreen ? '100vh' : '100%',\n        minHeight: isFullscreen ? '100vh' : editorMinHeight,\n        position: isFullscreen ? 'fixed' : 'relative',\n        top: isFullscreen ? 0 : 'auto',\n        left: isFullscreen ? 0 : 'auto',\n        right: isFullscreen ? 0 : 'auto',\n        bottom: isFullscreen ? 0 : 'auto',\n        zIndex: isFullscreen ? 9999 : 'auto',\n        bgcolor: 'background.paper',\n        pt: isFullscreen ? '80px' : 0, // Add padding top in fullscreen to account for header (64px) + spacing (16px)\n        px: isFullscreen ? 2 : 0,\n        pb: isFullscreen ? 2 : 0,\n        overflow: isFullscreen ? 'hidden' : 'visible',\n      }}\n    >\n      <Box\n        sx={{\n          flex: 1,\n          border: 1,\n          borderColor: validationErrors.length > 0 ? 'error.main' : 'divider',\n          borderRadius: 1,\n          minHeight: editorMinHeight,\n          overflow: 'hidden',\n          position: 'relative',\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        {...containerProps}\n      >\n        <Tooltip title={isFullscreen ? 'Exit Fullscreen' : 'Fullscreen'}>\n          <IconButton\n            onClick={toggleFullscreen}\n            size=\"small\"\n            sx={{\n              position: isFullscreen ? 'fixed' : 'absolute',\n              top: isFullscreen ? 72 : 8, // Position below header in fullscreen mode (header is ~64px)\n              right: isFullscreen ? 16 : 8,\n              zIndex: 10000, // Ensure it's above other elements\n              bgcolor: 'rgba(255, 255, 255, 0.7)',\n              '&:hover': {\n                bgcolor: 'rgba(255, 255, 255, 0.9)',\n              },\n              boxShadow: 1,\n            }}\n          >\n            {isFullscreen ? (\n              <FullscreenExitIcon fontSize=\"small\" />\n            ) : (\n              <FullscreenIcon fontSize=\"small\" />\n            )}\n          </IconButton>\n        </Tooltip>\n\n        <Box\n          sx={{\n            flex: 1,\n            display: 'flex',\n            flexDirection: 'column',\n            overflow: 'hidden',\n            minHeight: editorMinHeight,\n            position: 'relative',\n            height: isFullscreen ? '100%' : actualHeight,\n          }}\n        >\n          <Editor\n            height=\"100%\"\n            defaultLanguage={language}\n            defaultValue={value}\n            value={tsCode}\n            onChange={handleCodeChange}\n            onMount={handleEditorDidMount}\n            theme={themeProp || 'vs'}\n            options={defaultOptions}\n            loading={\n              <Box sx={{ p: 2, textAlign: 'center' }}>\n                Loading Monaco Editor...\n              </Box>\n            }\n            beforeMount={(monaco) => {\n              console.log('CodeEditor: beforeMount called', { monaco: !!monaco });\n            }}\n          />\n        </Box>\n\n        {/* Problems panel at the bottom (Monaco-style) */}\n        {validationErrors.length > 0 && (\n          <Box\n            sx={{\n              borderTop: 1,\n              borderColor: 'divider',\n              bgcolor: 'background.default',\n              display: 'flex',\n              flexDirection: 'column',\n              maxHeight: showProblems ? 180 : 40,\n              minHeight: 40,\n              transition: 'max-height 0.2s ease',\n            }}\n          >\n            {/* Panel header */}\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                px: 1,\n                py: 0.5,\n                gap: 1,\n                borderBottom: showProblems ? '1px solid' : 'none',\n                borderColor: 'divider',\n                fontSize: '0.875rem',\n                color: 'text.secondary',\n              }}\n            >\n              <ErrorOutlineIcon color=\"error\" fontSize=\"small\" />\n              <Box sx={{ fontWeight: 600, color: 'text.primary' }}>Problems</Box>\n              <Box sx={{ ml: 1 }}>\n                {validationErrors.length} error{validationErrors.length > 1 ? 's' : ''}\n              </Box>\n              <Box sx={{ flex: 1 }} />\n              <IconButton\n                size=\"small\"\n                aria-label=\"Toggle problems panel\"\n                onClick={() => {\n                  setHasUserToggledProblems(true);\n                  setShowProblems((s) => !s);\n                }}\n              >\n                {showProblems ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n              </IconButton>\n            </Box>\n            {/* Problems list */}\n            {showProblems && (\n              <Box sx={{ overflow: 'auto' }}>\n                {validationErrors.map((error, index) => (\n                  <Box\n                    key={`${error.startLineNumber}-${error.startColumn}-${index}`}\n                    onClick={() => gotoMarker(error)}\n                    sx={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      px: 1.5,\n                      py: 0.75,\n                      gap: 1,\n                      cursor: 'pointer',\n                      '&:hover': { bgcolor: 'action.hover' },\n                      borderBottom: '1px dashed',\n                      borderColor: 'divider',\n                      fontSize: '0.85rem',\n                    }}\n                  >\n                    <ErrorOutlineIcon color=\"error\" sx={{ fontSize: 18 }} />\n                    <Box sx={{ color: 'text.secondary', width: 64 }}>Line {error.startLineNumber}</Box>\n                    <Box sx={{ color: 'text.primary', flex: 1, minWidth: 0 }}>\n                      {error.message}\n                    </Box>\n                  </Box>\n                ))}\n              </Box>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default CodeEditor;\n"]}

package/dist/{chunk-CWJ4OU6W.mjs → chunk-ZDAZYIXB.mjs}

@@ -17,9 +17,7 @@ var LoadingButton = React.forwardRef(
 );
 
 // src/components/buttons/ButtonGroup.tsx
-import {
-  ButtonGroup as MuiButtonGroup
-} from "@mui/material";
+import MuiButtonGroup from "@mui/material/ButtonGroup";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ButtonGroup = ({
   orientation = "horizontal",
@@ -42,4 +40,4 @@ export {
   LoadingButton,
   ButtonGroup
 };
-//# sourceMappingURL=chunk-CWJ4OU6W.mjs.map
+//# sourceMappingURL=chunk-ZDAZYIXB.mjs.map

package/dist/chunk-ZDAZYIXB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/buttons/LoadingButton.tsx","../src/components/buttons/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { LoadingButton as MuiLoadingButton, LoadingButtonProps as MuiLoadingButtonProps } from '@mui/lab';\n\nexport interface LoadingButtonProps extends MuiLoadingButtonProps {\n  /**\n   * If `true`, the button will show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The loading indicator can be positioned inside the button or in the center\n   */\n  loadingPosition?: 'start' | 'end' | 'center';\n}\n\n/**\n * LoadingButton component - Button with loading state from MUI Lab\n * \n * @example\n * ```tsx\n * <LoadingButton\n *   variant=\"contained\"\n *   loading={isLoading}\n *   onClick={handleSubmit}\n * >\n *   Submit\n * </LoadingButton>\n * ```\n */\nexport const LoadingButton = React.forwardRef<HTMLButtonElement, LoadingButtonProps>(\n  function LoadingButton({ loading = false, loadingPosition = 'center', ...props }, ref) {\n    return (\n      <MuiLoadingButton\n        ref={ref}\n        loading={loading}\n        loadingPosition={loadingPosition}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default LoadingButton;\n\n","import React from 'react';\nimport MuiButtonGroup from '@mui/material/ButtonGroup';\nimport type { ButtonGroupProps as MuiButtonGroupProps } from '@mui/material/ButtonGroup';\n\nexport interface ButtonGroupProps extends MuiButtonGroupProps {\n  /**\n   * The content of the button group\n   */\n  children?: React.ReactNode;\n  /**\n   * If `true`, the buttons will be disabled\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button group will take full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The size of the buttons\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The variant to use\n   * @default 'outlined'\n   */\n  variant?: 'text' | 'outlined' | 'contained';\n}\n\n/**\n * ButtonGroup component - groups related buttons together\n * \n * @example\n * ```tsx\n * <ButtonGroup variant=\"contained\">\n *   <Button>One</Button>\n *   <Button>Two</Button>\n *   <Button>Three</Button>\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  orientation = 'horizontal',\n  size = 'medium',\n  variant = 'outlined',\n  ...props\n}) => {\n  return (\n    <MuiButtonGroup\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport default ButtonGroup;\n\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,wBAAqE;AA8BzF;AAHC,IAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,EAAE,UAAU,OAAO,kBAAkB,UAAU,GAAG,MAAM,GAAG,KAAK;AACrF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;;;ACtCA,OAAO,oBAAoB;AAoDvB,gBAAAC,YAAA;AAPG,IAAM,cAA0C,CAAC;AAAA,EACtD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AACJ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["LoadingButton","jsx"]}

package/dist/feedback.d.mts

@@ -6,7 +6,7 @@ import { Theme } from '@mui/material/styles';
 import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
-import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material';
+import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material/CircularProgress';
 
 type BadgeVariant = 'default' | 'primary' | 'success' | 'error';
 interface BadgeProps extends Omit<BadgeProps$1, 'color' | 'variant'> {
@@ -31,17 +31,29 @@ interface ChipVariantStyles {
 declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
 
 type ChipTone = 'default' | 'onGradient';
-interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
+type ChipBaseProps = Omit<ChipProps$1, 'color' | 'variant'>;
+/**
+ * Default tone: `variant` controls the visual style of the chip.
+ */
+interface ChipDefaultProps extends ChipBaseProps {
+    tone?: 'default';
     variant?: ChipVariant;
+}
+/**
+ * onGradient tone: white text, monospace caps, translucent border.
+ * Renders on dark gradient surfaces. `variant` must be omitted.
+ */
+interface ChipOnGradientProps extends ChipBaseProps {
+    tone: 'onGradient';
     /**
-     * Visual tone overlay. `onGradient` styles the chip to read on a dark
-     * gradient surface (white text, mono caps, translucent border + bg).
-     * Positioning is the consumer's job.
-     * @default 'default'
+     * Not applicable when tone='onGradient'.
+     * @deprecated Passing variant with tone='onGradient' is a type error.
      */
-    tone?: ChipTone;
+    variant?: never;
 }
-declare const Chip: React__default.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+/** ChipProps is a discriminated union on `tone`. */
+type ChipProps = ChipDefaultProps | ChipOnGradientProps;
+declare const Chip: React__default.ForwardRefExoticComponent<(Omit<ChipDefaultProps, "ref"> | Omit<ChipOnGradientProps, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
 
 type StatusDotStatus = 'success' | 'error' | 'warning' | 'info' | 'primary' | 'neutral';
 interface StatusDotProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'role'> {

package/dist/feedback.d.ts

@@ -6,7 +6,7 @@ import { Theme } from '@mui/material/styles';
 import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
-import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material';
+import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material/CircularProgress';
 
 type BadgeVariant = 'default' | 'primary' | 'success' | 'error';
 interface BadgeProps extends Omit<BadgeProps$1, 'color' | 'variant'> {
@@ -31,17 +31,29 @@ interface ChipVariantStyles {
 declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
 
 type ChipTone = 'default' | 'onGradient';
-interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
+type ChipBaseProps = Omit<ChipProps$1, 'color' | 'variant'>;
+/**
+ * Default tone: `variant` controls the visual style of the chip.
+ */
+interface ChipDefaultProps extends ChipBaseProps {
+    tone?: 'default';
     variant?: ChipVariant;
+}
+/**
+ * onGradient tone: white text, monospace caps, translucent border.
+ * Renders on dark gradient surfaces. `variant` must be omitted.
+ */
+interface ChipOnGradientProps extends ChipBaseProps {
+    tone: 'onGradient';
     /**
-     * Visual tone overlay. `onGradient` styles the chip to read on a dark
-     * gradient surface (white text, mono caps, translucent border + bg).
-     * Positioning is the consumer's job.
-     * @default 'default'
+     * Not applicable when tone='onGradient'.
+     * @deprecated Passing variant with tone='onGradient' is a type error.
      */
-    tone?: ChipTone;
+    variant?: never;
 }
-declare const Chip: React__default.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+/** ChipProps is a discriminated union on `tone`. */
+type ChipProps = ChipDefaultProps | ChipOnGradientProps;
+declare const Chip: React__default.ForwardRefExoticComponent<(Omit<ChipDefaultProps, "ref"> | Omit<ChipOnGradientProps, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
 
 type StatusDotStatus = 'success' | 'error' | 'warning' | 'info' | 'primary' | 'neutral';
 interface StatusDotProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'role'> {

package/dist/feedback.js

@@ -12,16 +12,16 @@
 
 
 
-var _chunkL2TIGA7Ijs = require('./chunk-L2TIGA7I.js');
+var _chunkQCFLZ7X3js = require('./chunk-QCFLZ7X3.js');
 
 
 
-var _chunkKPDYKK3Vjs = require('./chunk-KPDYKK3V.js');
+var _chunkPFZZJZ64js = require('./chunk-PFZZJZ64.js');
 
 
 var _chunkBIZK6FUDjs = require('./chunk-BIZK6FUD.js');
-require('./chunk-FN5YL4BK.js');
-require('./chunk-ZGCN5WCG.js');
+require('./chunk-72TQ56EP.js');
+require('./chunk-XZZZ4MZV.js');
 
 
 
@@ -39,5 +39,5 @@ require('./chunk-ZGCN5WCG.js');
 
 
 
-exports.Alert = _chunkL2TIGA7Ijs.Alert; exports.AppLoading = _chunkL2TIGA7Ijs.AppLoading; exports.Badge = _chunkBIZK6FUDjs.Badge; exports.Chip = _chunkL2TIGA7Ijs.Chip; exports.CircularProgress = _chunkL2TIGA7Ijs.CircularProgress; exports.CopyChip = _chunkL2TIGA7Ijs.CopyChip; exports.EmptyState = _chunkL2TIGA7Ijs.EmptyState; exports.IDBlock = _chunkKPDYKK3Vjs.IDBlock; exports.Loading = _chunkL2TIGA7Ijs.Loading; exports.Progress = _chunkL2TIGA7Ijs.Progress; exports.RoleBadge = _chunkKPDYKK3Vjs.RoleBadge; exports.Snackbar = _chunkL2TIGA7Ijs.Snackbar; exports.StatusDot = _chunkL2TIGA7Ijs.StatusDot; exports.StatusLabel = _chunkL2TIGA7Ijs.StatusLabel; exports.Tooltip = _chunkL2TIGA7Ijs.Tooltip; exports.getChipVariantStyles = _chunkL2TIGA7Ijs.getChipVariantStyles;
+exports.Alert = _chunkQCFLZ7X3js.Alert; exports.AppLoading = _chunkQCFLZ7X3js.AppLoading; exports.Badge = _chunkBIZK6FUDjs.Badge; exports.Chip = _chunkQCFLZ7X3js.Chip; exports.CircularProgress = _chunkQCFLZ7X3js.CircularProgress; exports.CopyChip = _chunkQCFLZ7X3js.CopyChip; exports.EmptyState = _chunkQCFLZ7X3js.EmptyState; exports.IDBlock = _chunkPFZZJZ64js.IDBlock; exports.Loading = _chunkQCFLZ7X3js.Loading; exports.Progress = _chunkQCFLZ7X3js.Progress; exports.RoleBadge = _chunkPFZZJZ64js.RoleBadge; exports.Snackbar = _chunkQCFLZ7X3js.Snackbar; exports.StatusDot = _chunkQCFLZ7X3js.StatusDot; exports.StatusLabel = _chunkQCFLZ7X3js.StatusLabel; exports.Tooltip = _chunkQCFLZ7X3js.Tooltip; exports.getChipVariantStyles = _chunkQCFLZ7X3js.getChipVariantStyles;
 //# sourceMappingURL=feedback.js.map

package/dist/feedback.mjs

@@ -12,16 +12,16 @@ import {
   StatusLabel,
   Tooltip,
   getChipVariantStyles
-} from "./chunk-IE6GCHDI.mjs";
+} from "./chunk-GR52ENYI.mjs";
 import {
   IDBlock,
   RoleBadge
-} from "./chunk-JS4IB5IU.mjs";
+} from "./chunk-DRGMEIPT.mjs";
 import {
   Badge
 } from "./chunk-QBCRH7YF.mjs";
-import "./chunk-ATIFLPH6.mjs";
-import "./chunk-PWF2NJDB.mjs";
+import "./chunk-D7D25O6E.mjs";
+import "./chunk-WC2TCWXK.mjs";
 export {
   Alert,
   AppLoading,