@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

package/dist/esm/UIKitProvider/index.js

@@ -1,54 +1,59 @@
 import { parrotI18n } from '@cloudtower/parrot';
-import _message from '../core/message/index.js';
-import { ConfigProvider } from 'antd';
-import enUS from 'antd/lib/locale/en_US';
-import zhCN from 'antd/lib/locale/zh_CN';
+import _message from '../core/message/message.js';
+import { antdKit } from '../legacy-antd.js';
+import { omit } from 'lodash';
 import React__default, { createContext, useMemo, useEffect, useContext } from 'react';
+import { ConfigProvider } from '../core/ConfigProvider/index.js';
 import { createBatchMessageMethods } from '../core/message-group/index.js';
+import { MessageContext } from '../core/message/useMessage.js';
 
-const kitContext = createContext({});
-const MessageContext = createContext(_message);
+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 kitContext = createContext(antdKit);
 const UIKitProvider = (props) => {
-  const {
-    children,
-    // kit = antdKit,
-    message,
-    lng = "en-US",
-    getPopupContainer
-  } = props;
+  const { children, kit = antdKit, message, lng = "en-US", config } = props;
   const batchMessage = useMemo(() => {
     if ((message == null ? void 0 : message.batch) != null) {
       return createBatchMessageMethods(_message, message.batch);
     }
   }, [message == null ? void 0 : message.batch]);
   const _kit = useMemo(() => {
-    return {
+    return __spreadProps(__spreadValues({}, kit), {
       message: batchMessage != null ? batchMessage : _message
-    };
-  }, [batchMessage]);
-  useEffect(() => {
-    _message.config({
-      maxCount: message == null ? void 0 : message.maxCount
     });
-  }, [message == null ? void 0 : message.maxCount]);
+  }, [batchMessage, kit]);
+  useEffect(() => {
+    _message.config(__spreadProps(__spreadValues({}, omit(message, "batch")), {
+      configProviderProps: config
+    }));
+  }, [message, config]);
   useEffect(() => {
     if (parrotI18n.language !== lng) {
       parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : _message }, /* @__PURE__ */ React__default.createElement(
-    ConfigProvider,
-    {
-      autoInsertSpaceInButton: false,
-      locale: lng === "zh-CN" ? zhCN : enUS,
-      getPopupContainer
-    },
-    children
-  )));
+  return /* @__PURE__ */ React__default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.createElement(ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : _message }, children)));
 };
 var UIKitProvider$1 = UIKitProvider;
-const useMessage = () => {
-  return useContext(MessageContext);
+const useUIKit = () => {
+  return useContext(kitContext);
 };
 
-export { MessageContext, UIKitProvider$1 as default, kitContext, useMessage };
+export { UIKitProvider$1 as default, kitContext, useUIKit };

package/dist/esm/antd.js

@@ -1,16 +1,16 @@
 import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload, Select, Modal } from 'antd';
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
+export { AutoComplete as AntdAutoComplete, Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Timeline as AntdTimeline, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Tabs, Tree, Typography, Upload } from 'antd';
 
 const DatePickerRangePicker = DatePicker.RangePicker;
 const ListItem = List.Item;
 const MenuItemGroup = Menu.ItemGroup;
 const SkeletonButton = Skeleton.Button;
 const TabsTabPane = Tabs.TabPane;
-const TimelineItem = Timeline.Item;
+const AntdTimelineItem = Timeline.Item;
 const TypographyText = Typography.Text;
 const UploadDragger = Upload.Dragger;
 const AntdOption = Select.Option;
 const AntdSelectOptGroup = Select.OptGroup;
 const AntdModal = Modal;
 
-export { AntdModal, AntdOption, AntdSelectOptGroup, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger };
+export { AntdModal, AntdOption, AntdSelectOptGroup, AntdTimelineItem, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TypographyText, UploadDragger };

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

@@ -7,7 +7,7 @@ import DropdownTransition from '../../coreX/DropdownTransition/index.js';
 
 const Card = /*#__PURE__*/styled('div')({
   name: "Card",
-  class: "E_c18gxmrl",
+  class: "E_0_0_0_theme_rc_1_c18gxmrl",
   propsAsIs: false
 });
 const CloseButton = props => {
@@ -33,12 +33,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = useState(defaultExpand);
   return /* @__PURE__ */React__default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs(active && "active", className)
   }, /* @__PURE__ */React__default.createElement("header", {
+    "data-testid": dataTestId ? `${dataTestId}-header` : void 0,
     onClick: () => setActive(!active),
     className: "show-close"
   }, typeof header === "function" ? header(active) : header), /* @__PURE__ */React__default.createElement(DropdownTransition, {

package/dist/esm/core/Alert/alert.style.js

@@ -0,0 +1,4 @@
+const MessageWrapperStyle = "E_0_0_0_theme_rc_1_meo40fy";
+const AlertStyle = "E_0_0_0_theme_rc_1_a1ctixr3";
+
+export { AlertStyle, MessageWrapperStyle };

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

@@ -1,7 +1,11 @@
+import { ArrowChevronUpSmall16BlueIcon, ArrowChevronDownSmall16BlueIcon, XmarkRemove16RegularTertiaryCapsOffIcon, XmarkRemove16RegularPrimaryCapsOffIcon } from '@cloudtower/icons-react';
 import Icon from '../Icon/index.js';
+import Link from '../Link/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Alert as Alert$2 } from 'antd';
 import cs from 'classnames';
-import React__default from 'react';
+import React__default, { useState, useCallback } from 'react';
+import { AlertStyle, MessageWrapperStyle } from './alert.style.js';
 import { getAlertIcon } from '../../utils/icon.js';
 
 var __defProp = Object.defineProperty;
@@ -10,69 +14,116 @@ 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 __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]);
-  }
+  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));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
-  }
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
   return target;
 };
-const MessageWrapperStyle = "E_m74vjol";
-const AlertStyle = "E_a1o35uvh";
-const Alert = _a => {
-  var _b = _a,
-    {
-      type,
-      icon,
-      showIcon = true,
-      className,
-      onClose,
-      closeText,
-      action,
-      message
-    } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
-  const _icon = /* @__PURE__ */React__default.createElement(Icon, {
-    alt: type,
-    src: getAlertIcon(type)
-  });
-  const _type = type === "normal" ? "info" : type;
-  return /* @__PURE__ */React__default.createElement(Alert$2, __spreadProps(__spreadValues({}, props), {
-    className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
-      action
-    }),
-    type: _type,
-    message: /* @__PURE__ */React__default.createElement("div", {
-      className: MessageWrapperStyle
-    }, /* @__PURE__ */React__default.createElement("span", {
-      style: {
-        flex: 1
-      }
-    }, message), action ? /* @__PURE__ */React__default.createElement("span", {
-      className: cs("action")
-    }, action) : null),
-    icon: icon || _icon,
-    showIcon,
+const Alert = (_a) => {
+  var _b = _a, {
+    type,
+    icon,
+    showIcon = true,
+    className,
     onClose,
     closeText,
-    closable: !!onClose
-  }));
+    action,
+    message,
+    description,
+    closable,
+    expandConfig,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "type",
+    "icon",
+    "showIcon",
+    "className",
+    "onClose",
+    "closeText",
+    "action",
+    "message",
+    "description",
+    "closable",
+    "expandConfig",
+    "data-testid"
+  ]);
+  var _a2;
+  const { t } = useParrotTranslation();
+  const _icon = /* @__PURE__ */ React__default.createElement(Icon, { alt: type, src: getAlertIcon(type) });
+  const _type = type === "normal" ? "info" : type;
+  const _closable = closable || Boolean(onClose) || Boolean(closeText);
+  const [internalExpanded, setInternalExpanded] = useState(
+    (_a2 = expandConfig == null ? void 0 : expandConfig.defaultExpanded) != null ? _a2 : false
+  );
+  const isControlled = (expandConfig == null ? void 0 : expandConfig.expanded) !== void 0;
+  const expanded = isControlled ? expandConfig.expanded : internalExpanded;
+  const handleToggle = useCallback(() => {
+    var _a3;
+    const next = !expanded;
+    if (!isControlled) {
+      setInternalExpanded(next);
+    }
+    (_a3 = expandConfig == null ? void 0 : expandConfig.onExpandChange) == null ? void 0 : _a3.call(expandConfig, next);
+  }, [expanded, isControlled, expandConfig == null ? void 0 : expandConfig.onExpandChange]);
+  const showExpandToggle = expandConfig && description;
+  const expandToggle = showExpandToggle ? /* @__PURE__ */ React__default.createElement(
+    Link,
+    {
+      onClick: handleToggle,
+      "data-testid": "alert-expand-toggle",
+      suffixIcon: /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: expanded ? ArrowChevronUpSmall16BlueIcon : ArrowChevronDownSmall16BlueIcon
+        }
+      )
+    },
+    expanded ? t("components.alert_collapse") : t("components.alert_expand")
+  ) : null;
+  return /* @__PURE__ */ React__default.createElement(
+    Alert$2,
+    __spreadProps(__spreadValues({}, props), {
+      "data-testid": dataTestId,
+      className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
+        action: action || expandToggle
+      }),
+      type: _type,
+      message: /* @__PURE__ */ React__default.createElement("div", { className: MessageWrapperStyle }, /* @__PURE__ */ React__default.createElement("div", { style: { flex: 1 } }, message, showExpandToggle && expanded ? /* @__PURE__ */ React__default.createElement("div", null, description) : null), action ? /* @__PURE__ */ React__default.createElement("span", { className: cs("action") }, action) : null, expandToggle ? /* @__PURE__ */ React__default.createElement("span", { className: cs("action") }, expandToggle) : null),
+      description: expandConfig ? void 0 : description,
+      icon: icon || _icon,
+      showIcon,
+      onClose,
+      closeText: closeText || _closable && /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkRemove16RegularTertiaryCapsOffIcon,
+          hoverSrc: XmarkRemove16RegularPrimaryCapsOffIcon
+        }
+      ),
+      closable: _closable
+    })
+  );
 };
 var Alert$1 = Alert;
 
-export { Alert$1 as default };
+export { AlertStyle, MessageWrapperStyle, Alert$1 as default };

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

@@ -0,0 +1,24 @@
+import { Anchor } from 'antd5';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+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;
+};
+const Antd5Anchor = (props) => /* @__PURE__ */ React__default.createElement(Anchor, __spreadValues({}, props));
+Antd5Anchor.Link = Anchor.Link;
+var Antd5Anchor$1 = Antd5Anchor;
+
+export { Antd5Anchor$1 as default };

package/dist/esm/core/Antd5Dropdown/Antd5Dropdown.js

@@ -0,0 +1,24 @@
+import { Dropdown } from 'antd5';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+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;
+};
+const Antd5Dropdown = (props) => {
+  return /* @__PURE__ */ React__default.createElement(Dropdown, __spreadValues({}, props));
+};
+
+export { Antd5Dropdown };

package/dist/esm/core/{SearchInput/index.js → Antd5Tree/Antd5Tree.js}

@@ -1,9 +1,12 @@
-import { SearchOutlined } from '@ant-design/icons';
-import Input from '../Input/index.js';
-import _ from 'lodash';
+import { cx } from '@linaria/core';
+import { Tree } from 'antd5';
 import React__default from 'react';
+import { Antd5TreeStyle } from './Antd5Tree.style.js';
+import { Antd5PrefixCls } from '../../utils/constants.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;
@@ -19,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -31,18 +35,31 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const SearchInput = (props) => {
-  const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest(_a, ["onChange", "debounceWait"]);
-  const onSearch = _.debounce(onChange, debounceWait);
+const InternalAntd5Tree = React__default.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React__default.createElement(
-    Input,
-    __spreadValues({
-      style: { width: 276 },
-      prefix: /* @__PURE__ */ React__default.createElement(SearchOutlined, null),
-      onChange: (e) => onSearch(e.target.value)
-    }, restProps)
+    Tree,
+    __spreadProps(__spreadValues({}, props), {
+      className: cx(Antd5TreeStyle, className),
+      prefixCls: `${Antd5PrefixCls}-tree`,
+      ref
+    })
   );
-};
-var SearchInput$1 = SearchInput;
+});
+const InternalAntd5DirectoryTree = React__default.forwardRef((_c, ref) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ React__default.createElement(
+    Tree.DirectoryTree,
+    __spreadProps(__spreadValues({}, props), {
+      className: cx(Antd5TreeStyle, className),
+      prefixCls: `${Antd5PrefixCls}-tree`,
+      ref
+    })
+  );
+});
+const Antd5Tree = Object.assign(InternalAntd5Tree, {
+  DirectoryTree: InternalAntd5DirectoryTree,
+  TreeNode: Tree.TreeNode
+});
 
-export { SearchInput$1 as default };
+export { Antd5Tree };

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

@@ -0,0 +1,3 @@
+const Antd5TreeStyle = "E_0_0_0_theme_rc_1_a712xr9";
+
+export { Antd5TreeStyle };

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

@@ -1,14 +1,16 @@
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import React__default from 'react';
 
-const Arch = (props) => {
+const Arch = ({
+  architecture,
+  "data-testid": dataTestId
+}) => {
   const { t } = useParrotTranslation();
-  const { architecture } = props;
   let text = "";
   if (architecture) {
     text = t(`components.Architecture_${architecture}`);
   }
-  return /* @__PURE__ */ React__default.createElement("span", null, text);
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, text);
 };
 var Arch$1 = Arch;
 

package/dist/esm/core/AutoComplete/AutoComplete.js

@@ -0,0 +1,35 @@
+import { AutoComplete as AutoComplete$1 } from 'antd5';
+import cs from 'classnames';
+import React__default from 'react';
+import { SelectStyle } from '../LegacySelect/select.style.js';
+import { SelectStyle as SelectStyle$1 } from '../Select/select.style.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 AutoComplete = (props) => {
+  return /* @__PURE__ */ React__default.createElement(
+    AutoComplete$1,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(SelectStyle, SelectStyle$1, props.className)
+    })
+  );
+};
+
+export { AutoComplete };

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

@@ -0,0 +1,33 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import React__default from 'react';
+import { Color } from '../../styles/token/color.js';
+
+const _exp = /*#__PURE__*/() => ({
+  background
+}) => background;
+const AvatarWrapper = /*#__PURE__*/styled('span')({
+  name: "AvatarWrapper",
+  class: "E_0_0_0_theme_rc_1_a1b5xrg3",
+  propsAsIs: false,
+  vars: {
+    "a1b5xrg3-0": [_exp()]
+  }
+});
+const Avatar = ({
+  username,
+  className,
+  background = "light-blue",
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */React__default.createElement(AvatarWrapper, {
+    "data-testid": dataTestId,
+    background: Color.gradient[background] || background,
+    className: cx(className, "user-icon btn-item")
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: "user-icon-inner"
+  }, username.substring(0, 1)));
+};
+var Avatar$1 = Avatar;
+
+export { Avatar$1 as default };

package/dist/esm/core/Banner/banner.style.js

@@ -0,0 +1,6 @@
+const BasicBanner = "E_0_0_0_theme_rc_1_bpgac8u";
+const ErrorBanner = "E_0_0_0_theme_rc_1_envn4g3";
+const InfoBanner = "E_0_0_0_theme_rc_1_i12w18eu";
+const WarningBanner = "E_0_0_0_theme_rc_1_wujsnt4";
+
+export { BasicBanner, ErrorBanner, InfoBanner, WarningBanner };

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

@@ -0,0 +1,38 @@
+import { InfoICircleFill16OntintIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import { Typo } from '../Typo/index.js';
+import cs from 'classnames';
+import React__default from 'react';
+import { BasicBanner, ErrorBanner, InfoBanner, WarningBanner } from './banner.style.js';
+import { Show } from '../../coreX/Show/index.js';
+
+const Banner = ({
+  message,
+  type,
+  btnProps,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { "data-testid": dataTestId, id: "global-banner" }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(Typo.Label.l3_bold, BasicBanner, {
+        [ErrorBanner]: type === "error",
+        [InfoBanner]: type === "info",
+        [WarningBanner]: type === "warning"
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(Icon, { src: InfoICircleFill16OntintIcon }),
+    /* @__PURE__ */ React__default.createElement("span", null, message),
+    /* @__PURE__ */ React__default.createElement(Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: "dashed-btn",
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: btnProps == null ? void 0 : btnProps.onClick
+      },
+      btnProps == null ? void 0 : btnProps.text
+    ))
+  ));
+};
+
+export { Banner };

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

@@ -0,0 +1,3 @@
+const BasicCTErrorStyle = "E_0_0_0_theme_rc_1_b1jaupqb";
+
+export { BasicCTErrorStyle };

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

@@ -0,0 +1,47 @@
+import { cx } from '@linaria/core';
+import { useCTErrorMsg } from '../../hooks/useCTErrorMsg.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useMemo } from 'react';
+import { Typo } from '../Typo/index.js';
+import { BasicCTErrorStyle } from './BasicCTError.style.js';
+
+const defaultErrorContainerRender = ({ children, className, "data-testid": dataTestId }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "span",
+    {
+      "data-testid": dataTestId,
+      className: cx(Typo.Label.l3_regular, BasicCTErrorStyle, className)
+    },
+    children
+  );
+};
+const BasicCTError = (props) => {
+  const {
+    error,
+    className,
+    ErrorItemRender,
+    ErrorContainerRender,
+    errorMsgOptions,
+    "data-testid": dataTestId
+  } = props;
+  const msgs = useCTErrorMsg(error, errorMsgOptions);
+  useParrotTranslation();
+  const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
+  const child = useMemo(() => {
+    if (ErrorItemRender) {
+      return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
+    }
+    return msgs.join("");
+  }, [msgs, ErrorItemRender]);
+  return /* @__PURE__ */ React__default.createElement(
+    ContainerRender,
+    {
+      className,
+      errorMsgs: msgs,
+      children: child,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export { BasicCTError };