@cloudtower/eagle 4100.0.1 → 4100.0.3

package/dist/esm/core/LogView/LogView.js

@@ -0,0 +1,348 @@
+import React__default, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { cx } from '@linaria/core';
+import { Terminal } from '@xterm/xterm';
+import { SearchAddon } from '@xterm/addon-search';
+import { FitAddon } from '@xterm/addon-fit';
+import { Search16OntintIcon, ArrowChevronUp16OntintIcon, ArrowChevronUp16BlueIcon, ArrowChevronDown16OntintIcon, ArrowChevronDown16BlueIcon, XmarkCloseCircleFill16OntintIcon, XmarkCloseCircleFill16OntintLightIcon } from '@cloudtower/icons-react';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { LogViewContainer, LogViewInnerContaier, SearchInputStyle, LogTerminal, CustomContentOverlay } from './LogView.style.js';
+import { isMacOS, customShortcutsForMac, customShortcutsForWin, isCustomKeyboardAction, scrollLines, scrollPages, copySelectLines, selectAll, eventsource } from './LogView.utils.js';
+import { Color } from '../../styles/token/color.js';
+import { Show } from '../../coreX/Show/index.js';
+import { SearchInput } from '../SearchInput/SearchInput.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const useLogViewEventSource = ({
+  enabled,
+  terminal,
+  options,
+  setHasData,
+  setEventSourceError
+}) => {
+  const reconnectFnRef = useRef(null);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const {
+    url,
+    closeEventName,
+    errorEventName,
+    messageEventName,
+    openEventName,
+    reconnect,
+    reconnectWait
+  } = options;
+  useEffect(() => {
+    var _a, _b;
+    let closeEventSource;
+    if (!enabled) {
+      setEventSourceError(null);
+      reconnectFnRef.current = null;
+      return;
+    }
+    if (!terminal)
+      return;
+    const setupEventSource = () => {
+      var _a2;
+      closeEventSource == null ? void 0 : closeEventSource();
+      setEventSourceError(null);
+      closeEventSource = eventsource(
+        ((_a2 = optionsRef.current) == null ? void 0 : _a2.url) || "",
+        __spreadProps(__spreadValues({}, optionsRef.current), {
+          onOpen: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onOpen) == null ? void 0 : _b2.call(_a3, ...props);
+          },
+          onClose: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onClose) == null ? void 0 : _b2.call(_a3, ...props);
+          },
+          onMessage: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onMessage) == null ? void 0 : _b2.call(_a3, ...props);
+            setEventSourceError(null);
+          },
+          // 注入数据检测
+          formatMessage: (data) => {
+            var _a3;
+            const formatMessage = (_a3 = optionsRef.current) == null ? void 0 : _a3.formatMessage;
+            const message = formatMessage ? formatMessage(data) : data;
+            if (typeof message === "string" && message.length > 0)
+              setHasData(true);
+            return message;
+          },
+          // 增强错误处理
+          onError: (err) => {
+            var _a3, _b2;
+            setEventSourceError(err);
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onError) == null ? void 0 : _b2.call(_a3, err);
+          }
+        }),
+        terminal
+      );
+    };
+    reconnectFnRef.current = setupEventSource;
+    (_b = (_a = optionsRef.current) == null ? void 0 : _a.onSetupEventSource) == null ? void 0 : _b.call(_a, {
+      setupFn: setupEventSource
+    });
+    setupEventSource();
+    return () => {
+      closeEventSource == null ? void 0 : closeEventSource();
+      if (reconnectFnRef.current === setupEventSource)
+        reconnectFnRef.current = null;
+    };
+  }, [
+    enabled,
+    terminal,
+    url,
+    closeEventName,
+    errorEventName,
+    messageEventName,
+    openEventName,
+    reconnect,
+    reconnectWait
+  ]);
+  return {
+    reconnectFnRef
+  };
+};
+const LogView = ({
+  className,
+  content = "",
+  showSearch = true,
+  eventSource = false,
+  eventSourceOptions = {},
+  rows = 23,
+  scrollback = 9999999,
+  searchHighlightLimit = 1e3,
+  enableKeyboardShortcuts = true,
+  emptyRenderer,
+  errorRenderer,
+  searchInputProps
+}) => {
+  const { t } = useParrotTranslation();
+  const terminalContainerRef = useRef(null);
+  const terminalRef = useRef({ enableKeyboardShortcuts });
+  terminalRef.current.enableKeyboardShortcuts = enableKeyboardShortcuts;
+  const [readyTerminal, setReadyTerminal] = useState(null);
+  const [hasData, setHasData] = useState(!!content);
+  const [searchCount, setSearchCount] = useState(0);
+  const [current, setCurrent] = useState(1);
+  const [eventSourceError, setEventSourceError] = useState(null);
+  useEffect(() => {
+    var _a;
+    if (!terminalContainerRef.current)
+      return;
+    const terminal = new Terminal({
+      fontFamily: "Roboto Mono, monospace",
+      fontSize: 12,
+      scrollOnUserInput: false,
+      lineHeight: 1.5,
+      theme: {
+        background: "#00122E",
+        foreground: "#FFFFFF",
+        cursor: "#FFFFFF"
+      },
+      rows,
+      convertEol: true,
+      cursorBlink: false,
+      disableStdin: true,
+      allowProposedApi: true,
+      scrollback
+    });
+    terminal.attachCustomKeyEventHandler((event) => {
+      if (!terminalRef.current.enableKeyboardShortcuts)
+        return true;
+      const target = event.target;
+      const isXtermEvent = target instanceof HTMLElement && target.closest(".xterm");
+      if (!isXtermEvent)
+        return true;
+      const shortcuts = isMacOS() ? customShortcutsForMac : customShortcutsForWin;
+      if (event.type === "keydown" && isCustomKeyboardAction(event, shortcuts)) {
+        event.stopPropagation();
+        event.preventDefault();
+        const keyActions = {
+          arrowup: () => scrollLines("up", terminal),
+          arrowdown: () => scrollLines("down", terminal),
+          pageup: () => scrollPages("up", terminal),
+          pagedown: () => scrollPages("down", terminal),
+          c: () => copySelectLines(terminal),
+          a: () => selectAll(terminal)
+        };
+        const action = keyActions[event.key.toLowerCase()];
+        if (action)
+          action();
+        return false;
+      }
+      return true;
+    });
+    const search = new SearchAddon({
+      highlightLimit: searchHighlightLimit
+    });
+    terminal.loadAddon(search);
+    const fit = new FitAddon();
+    terminal.loadAddon(fit);
+    terminalRef.current = {
+      searchAddon: search,
+      fitAddon: fit
+    };
+    terminal.open(terminalContainerRef.current);
+    setReadyTerminal(terminal);
+    try {
+      fit.fit();
+    } catch (e) {
+      console.error("Error fitting terminal:", e);
+    }
+    if (content) {
+      terminal.write(content);
+      terminalRef.current.previousContent = content;
+      setHasData(true);
+    } else {
+      setHasData(false);
+    }
+    (_a = terminalRef.current.searchAddon) == null ? void 0 : _a.onDidChangeResults(
+      ({ resultCount, resultIndex }) => {
+        setSearchCount(resultCount);
+        setCurrent(resultIndex + 1);
+      }
+    );
+    return () => {
+      terminal.dispose();
+    };
+  }, [rows, scrollback, searchHighlightLimit]);
+  useEffect(() => {
+    if (!readyTerminal || !terminalContainerRef.current)
+      return;
+    const fitTerminal = () => {
+      var _a;
+      if ((_a = terminalRef.current) == null ? void 0 : _a.fitAddon)
+        try {
+          terminalRef.current.fitAddon.fit();
+        } catch (e) {
+          console.error("Error resizing terminal:", e);
+        }
+    };
+    if (typeof ResizeObserver !== "undefined") {
+      const resizeObserver = new ResizeObserver(fitTerminal);
+      resizeObserver.observe(terminalContainerRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    window.addEventListener("resize", fitTerminal);
+    return () => {
+      window.removeEventListener("resize", fitTerminal);
+    };
+  }, [readyTerminal]);
+  useEffect(() => {
+    var _a;
+    if (!readyTerminal)
+      return;
+    if (content) {
+      const previousContent = (_a = terminalRef.current) == null ? void 0 : _a.previousContent;
+      if (content !== previousContent) {
+        if (previousContent && content.startsWith(previousContent)) {
+          const appendedContent = content.slice(previousContent.length);
+          if (appendedContent)
+            readyTerminal.write(appendedContent);
+        } else {
+          readyTerminal.clear();
+          readyTerminal.write(content);
+        }
+      }
+      terminalRef.current = __spreadProps(__spreadValues({}, terminalRef.current), {
+        previousContent: content
+      });
+      setHasData(true);
+    } else if (!eventSource) {
+      readyTerminal.clear();
+      terminalRef.current = __spreadProps(__spreadValues({}, terminalRef.current), { previousContent: "" });
+      setHasData(false);
+    }
+  }, [readyTerminal, content, eventSource]);
+  const { searchNext, searchPrevious } = useMemo(() => {
+    const searchOptions = {
+      caseSensitive: false,
+      decorations: {
+        activeMatchColorOverviewRuler: "#000000",
+        matchOverviewRuler: "#000000",
+        activeMatchBackground: Color.chart.yellow["yellow-5"],
+        matchBackground: Color.chart.yellow["yellow-1"]
+      }
+    };
+    return {
+      searchNext: (search) => {
+        var _a, _b;
+        (_b = (_a = terminalRef.current) == null ? void 0 : _a.searchAddon) == null ? void 0 : _b.findNext(search || "", searchOptions);
+      },
+      searchPrevious: (search) => {
+        var _a, _b;
+        (_b = (_a = terminalRef.current) == null ? void 0 : _a.searchAddon) == null ? void 0 : _b.findPrevious(
+          search || "",
+          searchOptions
+        );
+      }
+    };
+  }, []);
+  const { reconnectFnRef: eventSourceReconnectFnRef } = useLogViewEventSource({
+    enabled: eventSource,
+    terminal: readyTerminal,
+    options: eventSourceOptions,
+    setHasData,
+    setEventSourceError
+  });
+  const reconnect = useCallback(() => {
+    if (eventSourceReconnectFnRef.current) {
+      setEventSourceError(null);
+      eventSourceReconnectFnRef.current();
+    }
+  }, []);
+  const renderCustomContent = () => {
+    if (eventSourceError && errorRenderer && readyTerminal)
+      return /* @__PURE__ */ React__default.createElement(CustomContentOverlay, null, errorRenderer(readyTerminal, eventSourceError, reconnect));
+    if (!hasData && emptyRenderer && readyTerminal)
+      return /* @__PURE__ */ React__default.createElement(CustomContentOverlay, null, emptyRenderer(readyTerminal));
+    return null;
+  };
+  return /* @__PURE__ */ React__default.createElement(LogViewContainer, { className: cx("log-view-container", className) }, /* @__PURE__ */ React__default.createElement(LogViewInnerContaier, { className: "log-view-inner-container" }, /* @__PURE__ */ React__default.createElement(Show, { condition: showSearch }, /* @__PURE__ */ React__default.createElement(
+    SearchInput,
+    __spreadValues({
+      type: "text",
+      className: SearchInputStyle,
+      width: "100%",
+      debounceWait: 100,
+      placeholder: t("common.search_log"),
+      searchIcon: Search16OntintIcon,
+      prefixIcon: ArrowChevronUp16OntintIcon,
+      prefixHoverIcon: ArrowChevronUp16BlueIcon,
+      nextIcon: ArrowChevronDown16OntintIcon,
+      nextHoverIcon: ArrowChevronDown16BlueIcon,
+      clearIcon: XmarkCloseCircleFill16OntintIcon,
+      clearHoverIcon: XmarkCloseCircleFill16OntintLightIcon,
+      total: searchCount,
+      current,
+      onChange: searchNext,
+      onSearchNext: searchNext,
+      onSearchPrev: searchPrevious
+    }, searchInputProps)
+  )), /* @__PURE__ */ React__default.createElement(LogTerminal, { className: "log-terminal", ref: terminalContainerRef }, renderCustomContent())));
+};
+
+export { LogView };

package/dist/esm/core/LogView/LogView.style.js

@@ -0,0 +1,25 @@
+import { styled } from '@linaria/react';
+
+const LogViewContainer = /*#__PURE__*/styled('div')({
+  name: "LogViewContainer",
+  class: "E_4100_0_3_l1v1luhz",
+  propsAsIs: false
+});
+const LogViewInnerContaier = /*#__PURE__*/styled('div')({
+  name: "LogViewInnerContaier",
+  class: "E_4100_0_3_lranxiw",
+  propsAsIs: false
+});
+const LogTerminal = /*#__PURE__*/styled('div')({
+  name: "LogTerminal",
+  class: "E_4100_0_3_l1y3zqy5",
+  propsAsIs: false
+});
+const CustomContentOverlay = /*#__PURE__*/styled('div')({
+  name: "CustomContentOverlay",
+  class: "E_4100_0_3_c1x4mn5u",
+  propsAsIs: false
+});
+const SearchInputStyle = "E_4100_0_3_s4pilip";
+
+export { CustomContentOverlay, LogTerminal, LogViewContainer, LogViewInnerContaier, SearchInputStyle };

package/dist/esm/core/LogView/LogView.utils.js

@@ -0,0 +1,144 @@
+import { EventSource } from 'eventsource';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const eventsource = (url, options, terminal) => {
+  const {
+    initOptions,
+    onOpen,
+    onClose,
+    onError,
+    formatMessage,
+    closeEventName = "close",
+    openEventName = "open",
+    errorEventName = "error",
+    messageEventName = "message",
+    onMessage
+  } = options;
+  let aborted = false;
+  let eventSource = null;
+  const close = () => {
+    aborted = true;
+    if (eventSource) {
+      eventSource.close();
+      eventSource = null;
+    }
+  };
+  const start = () => {
+    var _a;
+    try {
+      eventSource = new EventSource(url, initOptions);
+      eventSource.addEventListener(openEventName, (e) => {
+        onOpen && onOpen(e, eventSource, {
+          terminal
+        });
+      });
+      eventSource.addEventListener(errorEventName, (err) => {
+        var _a2;
+        onError && onError(err);
+        if (!aborted && options.reconnect && (eventSource == null ? void 0 : eventSource.readyState) === EventSource.CLOSED) {
+          const timeout = (_a2 = options.reconnectWait) != null ? _a2 : 1;
+          setTimeout(start, timeout * 1e3);
+        }
+      });
+      eventSource.addEventListener(messageEventName, (e) => {
+        onMessage && onMessage(e);
+        let msg = formatMessage ? formatMessage(e.data) : e.data;
+        if (typeof msg !== "string") {
+          return;
+        }
+        msg = msg.endsWith("\n") ? msg : `${msg}
+`;
+        terminal.write(msg);
+      });
+      eventSource.addEventListener(closeEventName, (e) => {
+        var _a2;
+        onClose == null ? void 0 : onClose(e);
+        close();
+        if (!aborted && options.reconnect) {
+          const timeout = (_a2 = options.reconnectWait) != null ? _a2 : 1;
+          setTimeout(start, timeout * 1e3);
+        }
+      });
+    } catch (err) {
+      console.error("Error connecting to EventSource:", err);
+      if (!aborted && options.reconnect) {
+        const timeout = (_a = options.reconnectWait) != null ? _a : 1;
+        setTimeout(start, timeout * 1e3);
+      }
+    }
+  };
+  start();
+  return close;
+};
+const macBasic = {
+  ctrlKey: false,
+  shiftKey: false
+};
+const customShortcutsForMac = [
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "arrowup" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "arrowdown" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "pageup" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "pagedown" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: true, key: "c" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: true, key: "a" })
+];
+const winBasic = {
+  metaKey: false,
+  shiftKey: false
+};
+const customShortcutsForWin = [
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: false, key: "pageup" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: false, key: "pagedown" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "arrowup" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "arrowdown" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "c" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "a" })
+];
+const isCustomKeyboardAction = (event, actions) => actions.some(
+  (a) => a.ctrlKey === event.ctrlKey && a.shiftKey == event.shiftKey && a.metaKey === event.metaKey && a.key.toLocaleLowerCase() === event.key.toLocaleLowerCase()
+);
+const isMacOS = () => {
+  return navigator.platform.indexOf("Mac") !== -1 || navigator.userAgent.indexOf("Mac") !== -1;
+};
+const scrollPages = (direction, terminal) => {
+  if (terminal) {
+    const pageCount = direction === "up" ? -1 : 1;
+    terminal.scrollPages(pageCount);
+  }
+};
+const scrollLines = (direction, terminal) => {
+  if (terminal) {
+    const lineCount = direction === "up" ? -1 : 1;
+    terminal.scrollLines(lineCount);
+  }
+};
+const selectAll = (terminal) => {
+  if (terminal) {
+    terminal.selectAll();
+  }
+};
+const copySelectLines = (terminal) => {
+  if (terminal) {
+    navigator.clipboard.writeText(terminal.getSelection());
+  }
+};
+
+export { copySelectLines, customShortcutsForMac, customShortcutsForWin, eventsource, isCustomKeyboardAction, isMacOS, scrollLines, scrollPages, selectAll };

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const MediumDialogStyle = "E_m5foqp8";
+const MediumDialogStyle = "E_4100_0_3_m5foqp8";
 const MediumDialog = _a => {
   var _b = _a,
     {

package/dist/esm/core/Metric/styled.js

@@ -1,23 +1,23 @@
 import { styled } from '@linaria/react';
 
-const MetricLegendTabStyle = "E_mp64wfi";
-const LegendStyle = "E_l1oyigan";
-const LegendItemStyle = "E_l1noi4n1";
-const ColorBlockStyle = "E_cz19rz6";
-const ExtraResource = "E_e17r5r9c";
+const MetricLegendTabStyle = "E_4100_0_3_mp64wfi";
+const LegendStyle = "E_4100_0_3_l1oyigan";
+const LegendItemStyle = "E_4100_0_3_l1noi4n1";
+const ColorBlockStyle = "E_4100_0_3_cz19rz6";
+const ExtraResource = "E_4100_0_3_e17r5r9c";
 const MetricWrapper = /*#__PURE__*/styled('div')({
   name: "MetricWrapper",
-  class: "E_m1y1hhnr",
+  class: "E_4100_0_3_m1y1hhnr",
   propsAsIs: false
 });
 const TooltipWrapper = /*#__PURE__*/styled('div')({
   name: "TooltipWrapper",
-  class: "E_tnvijvs",
+  class: "E_4100_0_3_tnvijvs",
   propsAsIs: false
 });
 const TooltipColumn = /*#__PURE__*/styled('div')({
   name: "TooltipColumn",
-  class: "E_t1ub2aex",
+  class: "E_4100_0_3_t1ub2aex",
   propsAsIs: false
 });
 

package/dist/esm/core/Nav/index.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { Typo } from '../Typo/index.js';
 import { Header, NavCenterStyle } from './style.js';
 
-const MinWidth = "E_m196gn1d";
+const MinWidth = "E_4100_0_3_m196gn1d";
 const Nav = ({
   left,
   right,

package/dist/esm/core/Nav/style.js

@@ -2,9 +2,9 @@ import { styled } from '@linaria/react';
 
 const Header = /*#__PURE__*/styled('header')({
   name: "Header",
-  class: "E_h12yihis",
+  class: "E_4100_0_3_h12yihis",
   propsAsIs: false
 });
-const NavCenterStyle = "E_ncaepor";
+const NavCenterStyle = "E_4100_0_3_ncaepor";
 
 export { Header, NavCenterStyle };

package/dist/esm/core/Overflow/index.js

@@ -2,8 +2,8 @@ import cs from 'classnames';
 import React__default, { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import useElementResize from '../../hooks/useElementResize.js';
 
-const OverflowWrapper = "E_owd0kml";
-const HiddenStyle = "E_h1jsgezc";
+const OverflowWrapper = "E_4100_0_3_owd0kml";
+const HiddenStyle = "E_4100_0_3_h1jsgezc";
 const Overflow = props => {
   const {
     children,

package/dist/esm/core/Pagination/index.js

@@ -6,8 +6,8 @@ import { Dropdown, Menu } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useEffect, useMemo } from 'react';
 
-const PaginationStyle = "E_phljevk";
-const DropdownOverlayStyle = "E_d12rtyeg";
+const PaginationStyle = "E_4100_0_3_phljevk";
+const DropdownOverlayStyle = "E_4100_0_3_d12rtyeg";
 const Pagination = props => {
   const {
     current,

package/dist/esm/core/Progress/components.js

@@ -42,7 +42,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => color || "";
 const IconFieldText = /*#__PURE__*/styled('div')({
   name: "IconFieldText",
-  class: "E_i14c7jc8",
+  class: "E_4100_0_3_i14c7jc8",
   propsAsIs: false,
   vars: {
     "i14c7jc8-0": [_exp()]
@@ -59,7 +59,7 @@ const StatusIconMap = {
 };
 const IconFieldWrapper = /*#__PURE__*/styled('div')({
   name: "IconFieldWrapper",
-  class: "E_i1ibuolf",
+  class: "E_4100_0_3_i1ibuolf",
   propsAsIs: false
 });
 const IconField = _a => {

package/dist/esm/core/Progress/index.js

@@ -39,7 +39,7 @@ var __objRest = (source, exclude) => {
 };
 const Row = /*#__PURE__*/styled('div')({
   name: "Row",
-  class: "E_r77hffu",
+  class: "E_4100_0_3_r77hffu",
   propsAsIs: false
 });
 const _exp = /*#__PURE__*/() => ({
@@ -47,7 +47,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => type === "rich" ? "6px" : "4px";
 const ProgressContainer = /*#__PURE__*/styled('div')({
   name: "ProgressContainer",
-  class: "E_p1cmxsf7",
+  class: "E_4100_0_3_p1cmxsf7",
   propsAsIs: false,
   vars: {
     "p1cmxsf7-0": [_exp()]

package/dist/esm/core/Progress/progress.style.js

@@ -1,6 +1,6 @@
-const DescriptionStyle = "E_d1u4ndxc";
-const FlexFullContentStyle = "E_f6xb0iv";
-const BaseProgressStyle = "E_b1dhu7ov";
-const ProgressStyle = "E_p1as1j2z";
+const DescriptionStyle = "E_4100_0_3_d1u4ndxc";
+const FlexFullContentStyle = "E_4100_0_3_f6xb0iv";
+const BaseProgressStyle = "E_4100_0_3_b1dhu7ov";
+const ProgressStyle = "E_4100_0_3_p1as1j2z";
 
 export { BaseProgressStyle, DescriptionStyle, FlexFullContentStyle, ProgressStyle };

package/dist/esm/core/Progress/progress.widgets.js

@@ -33,11 +33,11 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const titleAreaStyle = "E_t1gvlxt5";
+const titleAreaStyle = "E_4100_0_3_t1gvlxt5";
 const _exp2 = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/styled('div')({
   name: "AreaWrapper",
-  class: "E_a1ji6r68",
+  class: "E_4100_0_3_a1ji6r68",
   propsAsIs: false,
   vars: {
     "a1ji6r68-0": [_exp2(), "px"]

package/dist/esm/core/Radio/index.js

@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const RadioStyle = "E_rapgekc";
-const RadioGroupStyle = "E_rp906go";
-const RadioButtonStyle = "E_rcc63c8";
+const RadioStyle = "E_4100_0_3_rapgekc";
+const RadioGroupStyle = "E_4100_0_3_rp906go";
+const RadioButtonStyle = "E_4100_0_3_rcc63c8";
 const KitRadioGroupContext = React__default.createContext({});
 const Radio = _a => {
   var _b = _a,