@tidbcloud/uikit 2.0.0-beta.30 → 2.0.0-beta.32

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.32
+
+### Minor Changes
+
+- Fix ActionIcon subtle color; Add icon component type declaration.
+
+## 2.0.0-beta.31
+
+### Minor Changes
+
+- Update CodeBlock/TimeRangePicker color and ActionIcon size
+
 ## 2.0.0-beta.30
 
 ### Patch Changes

package/dist/biz/CodeBlock/index.cjs

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const React = require("react");
-const Check = require("../../icons/react/Check.cjs");
-const ChevronVerticalExpand = require("../../icons/react/ChevronVerticalExpand.cjs");
-const ChevronVerticalShrink = require("../../icons/react/ChevronVerticalShrink.cjs");
-const Copy01 = require("../../icons/react/Copy01.cjs");
+const index = require("../../icons/index.cjs");
 const styles = require("../../utils/styles.cjs");
 const Prism = require("../../primitive/Prism/Prism.cjs");
 const Group = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Group/Group.cjs");
@@ -58,7 +55,7 @@ const CodeBlock = ({
         mah,
         bg: "carbon.2",
         sx: (theme) => ({
-          border: `1px solid ${theme.colors.carbon[5]}`,
+          border: `1px solid ${theme.colors.carbon[4]}`,
           borderRadius: theme.defaultRadius,
           overflow: "auto"
         }),
@@ -100,7 +97,7 @@ const CodeBlock = ({
               setFolded(v);
               onFoldIconClick == null ? void 0 : onFoldIconClick(v);
             },
-            children: folded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
+            children: folded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { children: folded ? "Expand" : "Collapse" })
@@ -115,7 +112,7 @@ const CodeBlock = ({
               copy();
               onCopyClick == null ? void 0 : onCopyClick();
             },
-            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Check, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Copy01, { size: 14, strokeWidth: 2.5 })
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { children: copied ? "Copied" : "Copy" })
@@ -154,7 +151,7 @@ const CopyText = ({ children, value, ...rest }) => {
             onClick: () => {
               copy();
             },
-            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Check, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Copy01, { size: 14, strokeWidth: 2.5 })
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
           }
         ) }) })
       ]

package/dist/biz/CodeBlock/index.js

@@ -1,9 +1,6 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { useMemo, useState } from "react";
-import IconCheck from "../../icons/react/Check.js";
-import IconChevronVerticalExpand from "../../icons/react/ChevronVerticalExpand.js";
-import IconChevronVerticalShrink from "../../icons/react/ChevronVerticalShrink.js";
-import IconCopy01 from "../../icons/react/Copy01.js";
+import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCopy01 } from "../../icons/index.js";
 import { mergeSxList, mergeStylesList } from "../../utils/styles.js";
 import { MantinePrism } from "../../primitive/Prism/Prism.js";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Group/Group.js";
@@ -56,7 +53,7 @@ const CodeBlock = ({
         mah,
         bg: "carbon.2",
         sx: (theme) => ({
-          border: `1px solid ${theme.colors.carbon[5]}`,
+          border: `1px solid ${theme.colors.carbon[4]}`,
           borderRadius: theme.defaultRadius,
           overflow: "auto"
         }),

package/dist/biz/Form/CopyText.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
-const Copy01 = require("../../icons/react/Copy01.cjs");
+const index$1 = require("../../icons/index.cjs");
 const index = require("../../primitive/Typography/index.cjs");
 const styles = require("../../utils/styles.cjs");
 const CopyButton = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/CopyButton/CopyButton.cjs");
@@ -54,7 +54,7 @@ const FormCopyText = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, ...tooltipProps, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon.ActionIcon, { color: "carbon.8", variant: "transparent", onClick: copy, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          Copy01,
+          index$1.IconCopy01,
           {
             size,
             onClick: () => {

package/dist/biz/Form/CopyText.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import IconCopy01 from "../../icons/react/Copy01.js";
+import { IconCopy01 } from "../../icons/index.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import { mergeSxList } from "../../utils/styles.js";
 import { CopyButton } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/CopyButton/CopyButton.js";

package/dist/biz/Form/FormErrorMessage.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const DOMPurify = require("dompurify");
 const React = require("react");
-const AlertCircle = require("../../icons/react/AlertCircle.cjs");
+const index = require("../../icons/index.cjs");
 const Alert = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Alert/Alert.cjs");
 const FormErrorMessage = ({
   message,
@@ -31,7 +31,7 @@ const FormErrorMessage = ({
     {
       withCloseButton: Boolean(onDismiss) || closable,
       color: "red",
-      icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AlertCircle, {}),
+      icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconAlertCircle, {}),
       onClose: () => {
         setShow(false);
         onDismiss == null ? void 0 : onDismiss();

package/dist/biz/Form/FormErrorMessage.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import DOMPurify from "dompurify";
 import { useRef, useState, useEffect } from "react";
-import IconAlertCircle from "../../icons/react/AlertCircle.js";
+import { IconAlertCircle } from "../../icons/index.js";
 import { Alert } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Alert/Alert.js";
 const FormErrorMessage = ({
   message,

package/dist/biz/LabelTooltip/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
-const InfoCircle = require("../../icons/react/InfoCircle.cjs");
-const index = require("../../primitive/Typography/index.cjs");
+const index = require("../../icons/index.cjs");
+const index$1 = require("../../primitive/Typography/index.cjs");
 const HoverCard = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/HoverCard/HoverCard.cjs");
 const Box = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Box/Box.cjs");
 function LabelTooltip({ label, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(HoverCard.HoverCard, { shadow: "md", withArrow: true, withinPortal: true, position: "top", ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: { marginLeft: 8, verticalAlign: "middle", position: "relative", top: 1 }, component: "span", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(InfoCircle, { cursor: "pointer", size: 14, color: "carbon.8" }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { maw: 480, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "body-lg", children: label }) })
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: { marginLeft: 8, verticalAlign: "middle", position: "relative", top: 1 }, component: "span", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconInfoCircle, { cursor: "pointer", size: 14, color: "carbon.8" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { maw: 480, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "body-lg", children: label }) })
   ] });
 }
 exports.LabelTooltip = LabelTooltip;

package/dist/biz/LabelTooltip/index.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import IconInfoCircle from "../../icons/react/InfoCircle.js";
+import { IconInfoCircle } from "../../icons/index.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import { HoverCard } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/HoverCard/HoverCard.js";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Box/Box.js";

package/dist/biz/PageShell/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
-const ChevronLeft = require("../../icons/react/ChevronLeft.cjs");
+const index$1 = require("../../icons/index.cjs");
 const index = require("../../primitive/Typography/index.cjs");
 const styles = require("../../utils/styles.cjs");
 const Group = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Group/Group.cjs");
@@ -66,7 +66,7 @@ const PageShell = ({
           history.back();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronLeft, { size: 20 })
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconChevronLeft, { size: 20 })
     }
   );
   const page = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [

package/dist/biz/PageShell/index.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import IconChevronLeft from "../../icons/react/ChevronLeft.js";
+import { IconChevronLeft } from "../../icons/index.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import { mergeSxList } from "../../utils/styles.js";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Group/Group.js";

package/dist/biz/SearchArea/index.cjs

@@ -4,9 +4,7 @@ const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/r
 const React = require("react");
 const reactHookForm = require("react-hook-form");
 const useURLQueryState = require("../../hooks/useURLQueryState.cjs");
-const Eraser = require("../../icons/react/Eraser.cjs");
-const RefreshCw01 = require("../../icons/react/RefreshCw01.cjs");
-const XClose = require("../../icons/react/XClose.cjs");
+const index = require("../../icons/index.cjs");
 const DatePicker = require("../Form/DatePicker.cjs");
 const FormTimeRangePicker = require("../Form/FormTimeRangePicker.cjs");
 const Form = require("../Form/Form.cjs");
@@ -50,7 +48,7 @@ function FormItemRender(props) {
           onKeyDown: onKeyDownHandler,
           sx: { ...FORM_ITEM_SX_BASE, ...sx ?? {} },
           rightSection: !!keyword && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            XClose,
+            index.IconXClose,
             {
               style: { cursor: "pointer" },
               size: 14,
@@ -158,10 +156,10 @@ function SearchArea(props) {
       )),
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { sx: SX_Y_MID, children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Button.Button, { variant: "subtle", color: "carbon.8", onClick: handleReset, children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Eraser, { size: 16, style: { marginRight: 4 } }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconEraser, { size: 16, style: { marginRight: 4 } }),
           "Clear Filters"
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { variant: "subtle", color: "carbon.8", onClick: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(RefreshCw01, { size: 16 }) }) })
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { variant: "subtle", color: "carbon.8", onClick: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconRefreshCw01, { size: 16 }) }) })
       ] })
     ] }) }),
     props.debugEnabled && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { sx: { height: 320 }, children: [

package/dist/biz/SearchArea/index.js

@@ -2,9 +2,7 @@ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/no
 import { useState, useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { useURLQueryState } from "../../hooks/useURLQueryState.js";
-import IconEraser from "../../icons/react/Eraser.js";
-import IconRefreshCw01 from "../../icons/react/RefreshCw01.js";
-import IconXClose from "../../icons/react/XClose.js";
+import { IconEraser, IconRefreshCw01, IconXClose } from "../../icons/index.js";
 import { FormDatePicker } from "../Form/DatePicker.js";
 import { FormTimeRangePicker } from "../Form/FormTimeRangePicker.js";
 import { Form } from "../Form/Form.js";

package/dist/biz/Table/ProTable/Expand.cjs

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
-const ChevronDown = require("../../../icons/react/ChevronDown.cjs");
-const ChevronRight = require("../../../icons/react/ChevronRight.cjs");
+const index = require("../../../icons/index.cjs");
 const Box = require("../../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Box/Box.cjs");
 const renderExpandCell = ({ row, cell, ...rest }) => {
   const canExpand = row.getCanExpand();
   const value = cell.getValue();
   const paddingLeft = row.depth * 20;
-  const icon = row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronDown, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronRight, { size: 18 });
+  const icon = row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronDown, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronRight, { size: 18 });
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     Box.Box,
     {

package/dist/biz/Table/ProTable/Expand.js

@@ -1,6 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import IconChevronDown from "../../../icons/react/ChevronDown.js";
-import IconChevronRight from "../../../icons/react/ChevronRight.js";
+import { IconChevronDown, IconChevronRight } from "../../../icons/index.js";
 import { Box } from "../../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Box/Box.js";
 const renderExpandCell = ({ row, cell, ...rest }) => {
   const canExpand = row.getCanExpand();

package/dist/biz/Table/ProTable/ProTable.cjs

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const mantineReactTable_esm = require("../../../node_modules/.pnpm/mantine-react-table@0.9.5_@emotion_react@11.13.0_@mantine_core@5.10.4_@mantine_dates@5.10.4_@_yfjqnbb4mknmwrezmpabys5oru/node_modules/mantine-react-table/dist/esm/mantine-react-table.esm.cjs");
-const ArrowDown = require("../../../icons/react/ArrowDown.cjs");
-const ArrowUp = require("../../../icons/react/ArrowUp.cjs");
-const SwitchVertical02 = require("../../../icons/react/SwitchVertical02.cjs");
+const index = require("../../../icons/index.cjs");
 const TablePagination = require("../TablePagination.cjs");
 const helpers = require("./helpers.cjs");
 const MantineProvider = require("../../../node_modules/.pnpm/@mantine_styles@5.10.4_@emotion_react@11.13.0_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/styles/esm/theme/MantineProvider.cjs");
@@ -134,9 +132,9 @@ const ProTable = ({
           ...localization
         },
         icons: {
-          IconArrowsSort: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SwitchVertical02, { size: 14 }),
-          IconSortAscending: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrowUp, { size: 14 }),
-          IconSortDescending: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrowDown, { size: 14 })
+          IconArrowsSort: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconSwitchVertical02, { size: 14 }),
+          IconSortAscending: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconArrowUp, { size: 14 }),
+          IconSortDescending: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconArrowDown, { size: 14 })
         },
         state: { isLoading: loading, ...state },
         ...rest

package/dist/biz/Table/ProTable/ProTable.js

@@ -1,8 +1,6 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { MantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@0.9.5_@emotion_react@11.13.0_@mantine_core@5.10.4_@mantine_dates@5.10.4_@_yfjqnbb4mknmwrezmpabys5oru/node_modules/mantine-react-table/dist/esm/mantine-react-table.esm.js";
-import IconArrowDown from "../../../icons/react/ArrowDown.js";
-import IconArrowUp from "../../../icons/react/ArrowUp.js";
-import IconSwitchVertical02 from "../../../icons/react/SwitchVertical02.js";
+import { IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.js";
 import { TablePagination } from "../TablePagination.js";
 import { mergeMProps } from "./helpers.js";
 import { useMantineTheme } from "../../../node_modules/.pnpm/@mantine_styles@5.10.4_@emotion_react@11.13.0_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/styles/esm/theme/MantineProvider.js";

package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.cjs

@@ -2,9 +2,8 @@
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const dayjs = require("dayjs");
 const React = require("react");
-const AlertCircle = require("../../icons/react/AlertCircle.cjs");
-const ChevronLeft = require("../../icons/react/ChevronLeft.cjs");
-const index = require("../../primitive/Typography/index.cjs");
+const index = require("../../icons/index.cjs");
+const index$1 = require("../../primitive/Typography/index.cjs");
 const helpers = require("./helpers.cjs");
 const DatePicker = require("../../node_modules/.pnpm/@mantine_dates@5.10.4_@mantine_core@5.10.4_@mantine_hooks@5.10.4_dayjs@1.11.12_react@18.3.1/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.cjs");
 const TimeInput = require("../../node_modules/.pnpm/@mantine_dates@5.10.4_@mantine_core@5.10.4_@mantine_hooks@5.10.4_dayjs@1.11.12_react@18.3.1/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
@@ -71,11 +70,11 @@ const AbsoluteTimeRangePicker = ({
   const apply = () => onChange == null ? void 0 : onChange({ type: "absolute", value: [dayjs(start).unix(), dayjs(end).unix()] });
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { p: 16, w: 280, m: -4, children: [
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { onClick: onReturnClick, sx: { cursor: "pointer" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronLeft, { size: 16 }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "body-lg", children: "Back" })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronLeft, { size: 16 }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "body-lg", children: "Back" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { spacing: 0, pt: 8, position: "apart", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "label-sm", children: "Start" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "label-sm", children: "Start" }),
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { spacing: 8, children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           DatePicker.DatePicker,
@@ -104,7 +103,7 @@ const AbsoluteTimeRangePicker = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { spacing: 0, pt: 8, position: "apart", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "label-sm", children: "End" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "label-sm", children: "End" }),
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { spacing: 8, children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           DatePicker.DatePicker,
@@ -142,7 +141,7 @@ const AbsoluteTimeRangePicker = ({
         dayStyle
       }
     ) }),
-    (startAfterEnd || beyondMin || beyondMax || beyondDuration) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Alert.Alert, { icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AlertCircle, { size: 16 }), color: "red", pt: 8, children: [
+    (startAfterEnd || beyondMin || beyondMax || beyondDuration) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Alert.Alert, { icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconAlertCircle, { size: 16 }), color: "red", pt: 8, children: [
       startAfterEnd && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { color: "red", children: "Please select an end time after the start time." }),
       beyondMin && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Text.Text, { color: "red", children: [
         "Please select a start time after ",

package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.js

@@ -1,8 +1,7 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import dayjs from "dayjs";
 import { useState, useMemo } from "react";
-import IconAlertCircle from "../../icons/react/AlertCircle.js";
-import IconChevronLeft from "../../icons/react/ChevronLeft.js";
+import { IconChevronLeft, IconAlertCircle } from "../../icons/index.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import { timeFormatter, formatDuration } from "./helpers.js";
 import { DatePicker } from "../../node_modules/.pnpm/@mantine_dates@5.10.4_@mantine_core@5.10.4_@mantine_hooks@5.10.4_dayjs@1.11.12_react@18.3.1/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.js";

package/dist/biz/TimeRangePicker/index.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const React = require("react");
-const ChevronRight = require("../../icons/react/ChevronRight.cjs");
-const index = require("../../primitive/Typography/index.cjs");
+const index = require("../../icons/index.cjs");
+const index$1 = require("../../primitive/Typography/index.cjs");
 const AbsoluteTimeRangePicker = require("./AbsoluteTimeRangePicker.cjs");
 const helpers = require("./helpers.cjs");
 const Menu = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Menu/Menu.cjs");
@@ -65,10 +65,10 @@ const TimeRangePicker = ({
               root: {
                 paddingLeft: "12px",
                 paddingRight: "12px",
-                borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4],
+                borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5],
                 "&:hover": {
                   backgroundColor: theme.colors.carbon[0],
-                  borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4]
+                  borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5]
                 },
                 "&:active": { transform: "none" }
               },
@@ -111,10 +111,10 @@ const TimeRangePicker = ({
             /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
               Menu.Menu.Item,
               {
-                rightSection: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronRight, { size: 16 }),
+                rightSection: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronRight, { size: 16 }),
                 closeMenuOnClick: false,
                 onClick: () => setCustomMode(true),
-                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "body-lg", children: "Custom" })
+                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "body-lg", children: "Custom" })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Divider, {})
@@ -145,7 +145,7 @@ const DurationBadge = ({ children }) => {
       display: "inline-block",
       w: 35,
       py: 3,
-      bg: "carbon.5",
+      bg: "carbon.3",
       c: "carbon.8",
       fz: 10,
       lh: "14px",

package/dist/biz/TimeRangePicker/index.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { useState, useMemo } from "react";
-import IconChevronRight from "../../icons/react/ChevronRight.js";
+import { IconChevronRight } from "../../icons/index.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import AbsoluteTimeRangePicker from "./AbsoluteTimeRangePicker.js";
 import { toTimeRangeValue, timeFormatter, formatDuration, DEFAULT_QUICK_RANGES } from "./helpers.js";
@@ -64,10 +64,10 @@ const TimeRangePicker = ({
               root: {
                 paddingLeft: "12px",
                 paddingRight: "12px",
-                borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4],
+                borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5],
                 "&:hover": {
                   backgroundColor: theme.colors.carbon[0],
-                  borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[4]
+                  borderColor: opened ? theme.colors.carbon[9] : theme.colors.carbon[5]
                 },
                 "&:active": { transform: "none" }
               },
@@ -144,7 +144,7 @@ const DurationBadge = ({ children }) => {
       display: "inline-block",
       w: 35,
       py: 3,
-      bg: "carbon.5",
+      bg: "carbon.3",
       c: "carbon.8",
       fz: 10,
       lh: "14px",

package/dist/biz/TransferTree/index.cjs

@@ -3,8 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const ahooks = require("ahooks");
 const React = require("react");
-const ChevronLeft = require("../../icons/react/ChevronLeft.cjs");
-const ChevronRight = require("../../icons/react/ChevronRight.cjs");
+const index$1 = require("../../icons/index.cjs");
 const index = require("../Tree/index.cjs");
 const Card = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Card/Card.cjs");
 const clsx_m = require("../../node_modules/.pnpm/clsx@1.1.1/node_modules/clsx/dist/clsx.m.cjs");
@@ -104,8 +103,8 @@ const TransferTree = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Stack.Stack, { align: "center", justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon.ActionIcon, { variant: "default", disabled: checkedSource.size === 0, onClick: ahooks.useMemoizedFn(onMoveToRight), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronRight, { size: 14 }) }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon.ActionIcon, { variant: "default", disabled: checkedTarget.size === 0, onClick: ahooks.useMemoizedFn(onMoveToLeft), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronLeft, { size: 14 }) })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon.ActionIcon, { variant: "default", disabled: checkedSource.size === 0, onClick: ahooks.useMemoizedFn(onMoveToRight), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconChevronRight, { size: 14 }) }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon.ActionIcon, { variant: "default", disabled: checkedTarget.size === 0, onClick: ahooks.useMemoizedFn(onMoveToLeft), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconChevronLeft, { size: 14 }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: classes.transfer, children: [
       targetHeader ? targetHeader : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { component: "header", h: 60, p: 16, sx: (theme) => ({ backgroundColor: theme.colors.carbon[3] }), children: "Target" }),

package/dist/biz/TransferTree/index.js

@@ -1,8 +1,7 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { useUpdateEffect, useMount, useMemoizedFn } from "ahooks";
 import { useState, useMemo } from "react";
-import IconChevronLeft from "../../icons/react/ChevronLeft.js";
-import IconChevronRight from "../../icons/react/ChevronRight.js";
+import { IconChevronRight, IconChevronLeft } from "../../icons/index.js";
 import { Tree } from "../Tree/index.js";
 import { Card } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Card/Card.js";
 import clsx from "../../node_modules/.pnpm/clsx@1.1.1/node_modules/clsx/dist/clsx.m.js";

package/dist/biz/Tree/renderSwitcherIcon.cjs

@@ -1,10 +1,7 @@
 "use strict";
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const React = require("react");
-const ChevronDownFill = require("../../icons/react/ChevronDownFill.cjs");
-const File02 = require("../../icons/react/File02.cjs");
-const Minus = require("../../icons/react/Minus.cjs");
-const Plus = require("../../icons/react/Plus.cjs");
+const index = require("../../icons/index.cjs");
 const Loader = require("../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Loader/Loader.cjs");
 const clsx_m = require("../../node_modules/.pnpm/clsx@1.1.1/node_modules/clsx/dist/clsx.m.cjs");
 function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
@@ -31,7 +28,7 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
       }
       return leafIcon;
     }
-    return showLeafIcon ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(File02, { className: `${prefixCls}-switcher-line-icon` }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${prefixCls}-switcher-leaf-line` });
+    return showLeafIcon ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconFile02, { className: `${prefixCls}-switcher-line-icon` }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${prefixCls}-switcher-leaf-line` });
   }
   const switcherCls = `${prefixCls}-switcher-icon`;
   const switcher = typeof switcherIcon === "function" ? switcherIcon(treeNodeProps) : switcherIcon;
@@ -45,8 +42,8 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
     return switcher;
   }
   if (showLine) {
-    return expanded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Minus, { size: 14, className: `${prefixCls}-switcher-line-icon` }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Plus, { size: 14, className: `${prefixCls}-switcher-line-icon` });
+    return expanded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconMinus, { size: 14, className: `${prefixCls}-switcher-line-icon` }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconPlus, { size: 14, className: `${prefixCls}-switcher-line-icon` });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ChevronDownFill, { size: 14, className: switcherCls });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronDownFill, { size: 14, className: switcherCls });
 }
 module.exports = renderSwitcherIcon;

package/dist/biz/Tree/renderSwitcherIcon.js

@@ -1,9 +1,6 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { isValidElement, cloneElement } from "react";
-import IconChevronDownFill from "../../icons/react/ChevronDownFill.js";
-import IconFile02 from "../../icons/react/File02.js";
-import IconMinus from "../../icons/react/Minus.js";
-import IconPlus from "../../icons/react/Plus.js";
+import { IconFile02, IconMinus, IconPlus, IconChevronDownFill } from "../../icons/index.js";
 import { Loader } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.13.0_@mantine_ho_u2jurujayhgo5kjqawpkatsdsi/node_modules/@mantine/core/esm/Loader/Loader.js";
 import clsx from "../../node_modules/.pnpm/clsx@1.1.1/node_modules/clsx/dist/clsx.m.js";
 function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {