@tidbcloud/uikit 2.0.0-beta.55 → 2.0.0-beta.58

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.58
+
+### Patch Changes
+
+- Fix build external
+
+## 2.0.0-beta.57
+
+### Patch Changes
+
+- Fix TYPOGRAPHY_STYLES_MAP export and build external
+
+## 2.0.0-beta.56
+
+### Patch Changes
+
+- Update component exports
+
 ## 2.0.0-beta.55
 
 ### Patch Changes

package/dist/_virtual/_commonjsHelpers.cjs

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
+exports.commonjsGlobal = commonjsGlobal;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +1,8 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 export {
+  commonjsGlobal,
   getDefaultExportFromCjs
 };

package/dist/_virtual/timezone.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var timezone = { exports: {} };
+exports.__module = timezone;

package/dist/_virtual/timezone.js

@@ -0,0 +1,4 @@
+var timezone = { exports: {} };
+export {
+  timezone as __module
+};

package/dist/_virtual/utc.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var utc = { exports: {} };
+exports.__module = utc;

package/dist/_virtual/utc.js

@@ -0,0 +1,4 @@
+var utc = { exports: {} };
+export {
+  utc as __module
+};

package/dist/biz/CodeBlock/index.cjs

@@ -3,16 +3,22 @@ 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 index = require("../../icons/index.cjs");
+require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_notifications@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@man_zopfvds7jthpaqfsedqmdmgidu/node_modules/@mantine/notifications/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/styles.css.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");
-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 ActionIcon = 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/ActionIcon/ActionIcon.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");
-const Code = 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/Code/Code.cjs");
-const Tooltip = 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/Tooltip/Tooltip.cjs");
-const useLocalStorage = require("../../node_modules/.pnpm/@mantine_hooks@5.10.4_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.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 Box = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const CodeHighlight = require("../../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.cjs");
+const Group = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Group/Group.cjs");
+const HoverCard = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/HoverCard/HoverCard.cjs");
+const ActionIcon = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");
+const CopyButton = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
+const Code = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Code/Code.cjs");
+const Tooltip = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.cjs");
+const useLocalStorage = require("../../node_modules/.pnpm/@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.cjs");
 function useFold(persistenceKey) {
   const foldPersistenceKey = `${persistenceKey}.codeblock.fold`;
   const [persistentFolded, setPersistentFolded] = useLocalStorage.useLocalStorage({
@@ -32,7 +38,7 @@ const CodeBlock = ({
   children,
   copyContent,
   onCopyClick,
-  prismProps,
+  codeHightlightProps,
   foldProps,
   ...rest
 }) => {
@@ -60,32 +66,35 @@ const CodeBlock = ({
           overflow: "auto"
         }),
         children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          Prism.MantinePrism,
+          CodeHighlight.CodeHighlight,
           {
-            ...prismProps,
+            ...codeHightlightProps,
+            withCopyButton: false,
+            code: children,
             language,
             styles: styles.mergeStylesList([
               {
-                code: {
+                root: {
+                  backgroundColor: `transparent !important`
+                },
+                pre: {
                   padding: 0,
-                  backgroundColor: `transparent !important`,
                   wordBreak: "break-all"
-                },
-                line: {
-                  paddingLeft: 0
-                },
-                lineContent: {
-                  whiteSpace: "pre-wrap"
                 }
+                // line: {
+                //   paddingLeft: 0
+                // },
+                // lineContent: {
+                //   whiteSpace: 'pre-wrap'
+                // }
               },
-              prismProps == null ? void 0 : prismProps.styles
-            ]),
-            children
+              codeHightlightProps == null ? void 0 : codeHightlightProps.styles
+            ])
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { spacing: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
       foldIconVisible && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           ActionIcon.ActionIcon,
@@ -127,7 +136,7 @@ const CopyText = ({ children, value, ...rest }) => {
       bg: "carbon.3",
       ...rest,
       p: 8,
-      sx: (theme) => {
+      sx: (theme, u) => {
         return styles.mergeSxList([
           {
             display: "inline-flex",
@@ -137,7 +146,7 @@ const CopyText = ({ children, value, ...rest }) => {
             borderRadius: theme.defaultRadius
           },
           rest == null ? void 0 : rest.sx
-        ])(theme);
+        ])(theme, u);
       },
       children: [
         children,

package/dist/biz/CodeBlock/index.d.cts

@@ -1,14 +1,14 @@
+import { CodeHighlightProps } from '@mantine/code-highlight';
 import { default as React } from 'react';
 import { BoxProps, CodeProps } from '../../primitive/index.js';
-import { PrismProps } from '../../primitive/Prism/index.js';
 
 export interface CodeBlockProps extends BoxProps {
-    language?: PrismProps['language'];
+    children: string;
+    language?: CodeHighlightProps['language'];
     codeRender?: (content: string) => React.ReactNode;
-    children: PrismProps['children'];
     copyContent?: string;
     onCopyClick?: () => void;
-    prismProps?: Omit<PrismProps, 'language' | 'children'>;
+    codeHightlightProps?: Omit<CodeHighlightProps, 'language' | 'children'>;
     foldProps?: {
         defaultHeight?: number;
         persistenceKey?: string;
@@ -16,8 +16,8 @@ export interface CodeBlockProps extends BoxProps {
         onIconClick?: (folded: boolean) => void;
     };
 }
-export declare const CodeBlock: React.FC<CodeBlockProps>;
+export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick, codeHightlightProps, foldProps, ...rest }: React.PropsWithChildren<CodeBlockProps>) => import("react/jsx-runtime.js").JSX.Element;
 export interface CopyTextProps extends CodeProps {
     value: string;
 }
-export declare const CopyText: React.FC<CopyTextProps>;
+export declare const CopyText: ({ children, value, ...rest }: React.PropsWithChildren<CopyTextProps>) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/CodeBlock/index.d.ts

@@ -1,14 +1,14 @@
+import { CodeHighlightProps } from '@mantine/code-highlight';
 import { default as React } from 'react';
 import { BoxProps, CodeProps } from '../../primitive/index.js';
-import { PrismProps } from '../../primitive/Prism/index.js';
 
 export interface CodeBlockProps extends BoxProps {
-    language?: PrismProps['language'];
+    children: string;
+    language?: CodeHighlightProps['language'];
     codeRender?: (content: string) => React.ReactNode;
-    children: PrismProps['children'];
     copyContent?: string;
     onCopyClick?: () => void;
-    prismProps?: Omit<PrismProps, 'language' | 'children'>;
+    codeHightlightProps?: Omit<CodeHighlightProps, 'language' | 'children'>;
     foldProps?: {
         defaultHeight?: number;
         persistenceKey?: string;
@@ -16,8 +16,8 @@ export interface CodeBlockProps extends BoxProps {
         onIconClick?: (folded: boolean) => void;
     };
 }
-export declare const CodeBlock: React.FC<CodeBlockProps>;
+export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick, codeHightlightProps, foldProps, ...rest }: React.PropsWithChildren<CodeBlockProps>) => import("react/jsx-runtime.js").JSX.Element;
 export interface CopyTextProps extends CodeProps {
     value: string;
 }
-export declare const CopyText: React.FC<CopyTextProps>;
+export declare const CopyText: ({ children, value, ...rest }: React.PropsWithChildren<CopyTextProps>) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/CodeBlock/index.js

@@ -1,16 +1,22 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { useMemo, useState } from "react";
 import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCopy01 } from "../../icons/index.js";
+import "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/styles.css.js";
+import "../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/styles.css.js";
+import "../../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/styles.css.js";
+import "../../node_modules/.pnpm/@mantine_notifications@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@man_zopfvds7jthpaqfsedqmdmgidu/node_modules/@mantine/notifications/styles.css.js";
+import "../../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/styles.css.js";
+import "../../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/styles.css.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";
-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 { ActionIcon } 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/ActionIcon/ActionIcon.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";
-import { Code } 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/Code/Code.js";
-import { Tooltip } 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/Tooltip/Tooltip.js";
-import { useLocalStorage } from "../../node_modules/.pnpm/@mantine_hooks@5.10.4_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.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";
+import { Box } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.js";
+import { CodeHighlight } from "../../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.js";
+import { Group } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Group/Group.js";
+import { HoverCard } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/HoverCard/HoverCard.js";
+import { ActionIcon } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
+import { CopyButton } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.js";
+import { Code } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Code/Code.js";
+import { Tooltip } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
+import { useLocalStorage } from "../../node_modules/.pnpm/@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.js";
 function useFold(persistenceKey) {
   const foldPersistenceKey = `${persistenceKey}.codeblock.fold`;
   const [persistentFolded, setPersistentFolded] = useLocalStorage({
@@ -30,7 +36,7 @@ const CodeBlock = ({
   children,
   copyContent,
   onCopyClick,
-  prismProps,
+  codeHightlightProps,
   foldProps,
   ...rest
 }) => {
@@ -58,32 +64,35 @@ const CodeBlock = ({
           overflow: "auto"
         }),
         children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          MantinePrism,
+          CodeHighlight,
           {
-            ...prismProps,
+            ...codeHightlightProps,
+            withCopyButton: false,
+            code: children,
             language,
             styles: mergeStylesList([
               {
-                code: {
+                root: {
+                  backgroundColor: `transparent !important`
+                },
+                pre: {
                   padding: 0,
-                  backgroundColor: `transparent !important`,
                   wordBreak: "break-all"
-                },
-                line: {
-                  paddingLeft: 0
-                },
-                lineContent: {
-                  whiteSpace: "pre-wrap"
                 }
+                // line: {
+                //   paddingLeft: 0
+                // },
+                // lineContent: {
+                //   whiteSpace: 'pre-wrap'
+                // }
               },
-              prismProps == null ? void 0 : prismProps.styles
-            ]),
-            children
+              codeHightlightProps == null ? void 0 : codeHightlightProps.styles
+            ])
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { spacing: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
       foldIconVisible && /* @__PURE__ */ jsxRuntimeExports.jsxs(HoverCard, { withArrow: true, position: "top", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(HoverCard.Target, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           ActionIcon,
@@ -125,7 +134,7 @@ const CopyText = ({ children, value, ...rest }) => {
       bg: "carbon.3",
       ...rest,
       p: 8,
-      sx: (theme) => {
+      sx: (theme, u) => {
         return mergeSxList([
           {
             display: "inline-flex",
@@ -135,7 +144,7 @@ const CopyText = ({ children, value, ...rest }) => {
             borderRadius: theme.defaultRadius
           },
           rest == null ? void 0 : rest.sx
-        ])(theme);
+        ])(theme, u);
       },
       children: [
         children,

package/dist/biz/DateTimePicker/index.cjs

@@ -4,21 +4,29 @@ const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/r
 const ahooks = require("ahooks");
 const React = require("react");
 const index = require("../../icons/index.cjs");
+require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_notifications@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@man_zopfvds7jthpaqfsedqmdmgidu/node_modules/@mantine/notifications/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/styles.css.cjs");
+require("../../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/styles.css.cjs");
 const index$1 = require("../../primitive/Typography/index.cjs");
 const dayjs = require("dayjs");
+require("../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.cjs");
+require("../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.cjs");
 const helpers = require("../TimeRangePicker/helpers.cjs");
 const usePickerScroll = require("./usePickerScroll.cjs");
-const useDisclosure = require("../../node_modules/.pnpm/@mantine_hooks@5.10.4_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.cjs");
-const Popover = 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/Popover/Popover.cjs");
+const useDisclosure = require("../../node_modules/.pnpm/@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.cjs");
+const Popover = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Popover/Popover.cjs");
 const TextInput = require("../../primitive/TextInput/TextInput.cjs");
-const Calendar = 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/Calendar/Calendar.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");
-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 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 Stack = 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/Stack/Stack.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");
-const Divider = 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/Divider/Divider.cjs");
-const Flex = 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/Flex/Flex.cjs");
+const Loader = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Loader/Loader.cjs");
+const Box = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const Stack = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Stack/Stack.cjs");
+const Group = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Group/Group.cjs");
+const DatePicker = require("../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.cjs");
+const Divider = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Divider/Divider.cjs");
+const TimeInput = require("../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
+const Flex = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Flex/Flex.cjs");
 const DateTimePicker = ({
   placeholder = "Select time",
   format = helpers.DEFAULT_TIME_FORMAT,
@@ -56,7 +64,9 @@ const DateTimePicker = ({
       updateCurrentValue(next);
     }
   });
-  const timeInputChange = ahooks.useMemoizedFn((v) => {
+  const timeInputChange = ahooks.useMemoizedFn((e) => {
+    const originVal = e.currentTarget.value;
+    const v = dayjs(originVal, "HH:mm:ss").toDate();
     let next = currentValue;
     next = next.utcOffset(utcOffset).hour(v.getHours()).minute(v.getMinutes()).second(v.getSeconds());
     if (startDate && next.valueOf() < startDate.valueOf()) {
@@ -97,7 +107,7 @@ const DateTimePicker = ({
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Popover.Popover.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Stack.Stack, { children: [
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { align: "flex-start", children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          Calendar.Calendar,
+          DatePicker.DatePicker,
           {
             minDate: startDate,
             maxDate: endDate,
@@ -112,20 +122,18 @@ const DateTimePicker = ({
                 height: 32,
                 width: 32
               },
-              weekdayCell: {
+              weekdaysRow: {
+                display: "flex",
+                gap: 8
+              },
+              weekday: {
                 height: 32,
                 width: 32,
                 lineHeight: "32px"
               },
-              month: {
-                "& thead tr": {
-                  display: "flex",
-                  gap: 8
-                },
-                "& tbody tr": {
-                  display: "flex",
-                  gap: 8
-                }
+              monthRow: {
+                display: "flex",
+                gap: 8
               },
               day: {
                 height: 32,
@@ -140,13 +148,13 @@ const DateTimePicker = ({
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
             TimeInput.TimeInput,
             {
-              w: 112,
               withSeconds: true,
-              value: currentValue.toDate(),
+              value: currentValue.format("HH:mm:ss"),
               onChange: timeInputChange,
               size: "sm",
+              w: 112,
               styles: {
-                controls: {
+                input: {
                   height: 30
                 }
               }

package/dist/biz/DateTimePicker/index.d.cts

@@ -1,6 +1,6 @@
-import { Sx, MantineSize } from '../../primitive/index.js';
+import { MantineSize, TextInputProps } from '../../primitive/index.js';
 
-export interface DateTimePickerProps {
+export interface DateTimePickerProps extends Omit<TextInputProps, 'value' | 'onChange' | 'defaultValue'> {
     placeholder?: string;
     format?: string;
     utcOffset?: number;
@@ -11,8 +11,7 @@ export interface DateTimePickerProps {
     onChange?: (val: Date) => void;
     disable?: boolean;
     withinPortal?: boolean;
-    sx?: Sx;
     loading?: boolean;
     size?: MantineSize;
 }
-export declare const DateTimePicker: React.FC<React.PropsWithChildren<DateTimePickerProps>>;
+export declare const DateTimePicker: ({ placeholder, format, defaultValue, value, startDate, endDate, onChange, disable, utcOffset, withinPortal, sx, loading, size }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/DateTimePicker/index.d.ts

@@ -1,6 +1,6 @@
-import { Sx, MantineSize } from '../../primitive/index.js';
+import { MantineSize, TextInputProps } from '../../primitive/index.js';
 
-export interface DateTimePickerProps {
+export interface DateTimePickerProps extends Omit<TextInputProps, 'value' | 'onChange' | 'defaultValue'> {
     placeholder?: string;
     format?: string;
     utcOffset?: number;
@@ -11,8 +11,7 @@ export interface DateTimePickerProps {
     onChange?: (val: Date) => void;
     disable?: boolean;
     withinPortal?: boolean;
-    sx?: Sx;
     loading?: boolean;
     size?: MantineSize;
 }
-export declare const DateTimePicker: React.FC<React.PropsWithChildren<DateTimePickerProps>>;
+export declare const DateTimePicker: ({ placeholder, format, defaultValue, value, startDate, endDate, onChange, disable, utcOffset, withinPortal, sx, loading, size }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;