@tidbcloud/uikit 2.1.6 → 2.1.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tidbcloud/uikit
 
+## 2.1.7
+
+### Patch Changes
+
+- fix(uikit): Improve `CopyButton` and `useClipboard` compatibility ([#485](https://github.com/tidbcloud/tidbcloud-uikit/pull/485))
+
 ## 2.1.6
 
 ### Patch Changes

package/dist/biz/CodeBlock/index.cjs

@@ -8,6 +8,7 @@ const index = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                                 */
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
+const CopyButton = require("../../primitive/CopyButton/CopyButton.cjs");
 require("clsx");
 const styles = require("../../utils/styles.cjs");
 const Box = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.cjs");
@@ -15,7 +16,6 @@ const Prism = require("../../primitive/Prism/Prism.cjs");
 const Group = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const HoverCard = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/HoverCard/HoverCard.cjs");
 const ActionIcon = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");
-const CopyButton = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
 const Code = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Code/Code.cjs");
 const useLocalStorage = require("../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.cjs");
 function useFold(persistenceKey) {

package/dist/biz/CodeBlock/index.mjs

@@ -6,6 +6,7 @@ import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCo
 /* empty css                                                                                                                                                                                                */
 /* empty css                                                                                                                                                                                           */
 /* empty css                                                                                                                                                                                           */
+import { CopyButton } from "../../primitive/CopyButton/CopyButton.mjs";
 import "clsx";
 import { mergeSxList, mergeStylesList } from "../../utils/styles.mjs";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
@@ -13,7 +14,6 @@ import { Prism } from "../../primitive/Prism/Prism.mjs";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.mjs";
 import { HoverCard } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/HoverCard/HoverCard.mjs";
 import { ActionIcon } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.mjs";
-import { CopyButton } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.mjs";
 import { Code } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Code/Code.mjs";
 import { useLocalStorage } from "../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.mjs";
 function useFold(persistenceKey) {

package/dist/biz/Form/CopyText.cjs

@@ -8,9 +8,9 @@ const index$1 = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
 const index = require("../../primitive/Typography/index.cjs");
+const CopyButton = require("../../primitive/CopyButton/CopyButton.cjs");
 require("clsx");
 const styles = require("../../utils/styles.cjs");
-const CopyButton = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
 const Box = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.cjs");
 const Tooltip = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.cjs");
 const ActionIcon = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");

package/dist/biz/Form/CopyText.mjs

@@ -6,9 +6,9 @@ import { IconCopy01 } from "../../icons/index.mjs";
 /* empty css                                                                                                                                                                                           */
 /* empty css                                                                                                                                                                                           */
 import { Typography } from "../../primitive/Typography/index.mjs";
+import { CopyButton } from "../../primitive/CopyButton/CopyButton.mjs";
 import "clsx";
 import { mergeSxList } from "../../utils/styles.mjs";
-import { CopyButton } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.mjs";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
 import { Tooltip } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.mjs";
 import { ActionIcon } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.mjs";

package/dist/hooks/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useClipboard = require("./use-clipboard/use-clipboard.cjs");
 const useURLQueryState = require("./useURLQueryState.cjs");
 const useClickOutside = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-click-outside/use-click-outside.cjs");
 const useColorScheme = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-color-scheme/use-color-scheme.cjs");
@@ -45,7 +46,6 @@ const useThrottledValue = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_r
 const useToggle = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-toggle/use-toggle.cjs");
 const useUncontrolled = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.cjs");
 const useValidatedState = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-validated-state/use-validated-state.cjs");
-const useClipboard = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.cjs");
 const useDocumentTitle = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-document-title/use-document-title.cjs");
 const useDocumentVisibility = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.cjs");
 const useEyeDropper = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-eye-dropper/use-eye-dropper.cjs");
@@ -68,6 +68,7 @@ const useIsomorphicEffect = require("../node_modules/.pnpm/@mantine_hooks@7.15.2
 const useLogger = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-logger/use-logger.cjs");
 const useMounted = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-mounted/use-mounted.cjs");
 const useShallowEffect = require("../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-shallow-effect/use-shallow-effect.cjs");
+exports.useClipboard = useClipboard.useClipboard;
 exports.useURLQueryState = useURLQueryState.useURLQueryState;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useSystemColorScheme = useColorScheme.useColorScheme;
@@ -114,7 +115,6 @@ exports.useThrottledValue = useThrottledValue.useThrottledValue;
 exports.useToggle = useToggle.useToggle;
 exports.useUncontrolled = useUncontrolled.useUncontrolled;
 exports.useValidatedState = useValidatedState.useValidatedState;
-exports.useClipboard = useClipboard.useClipboard;
 exports.useDocumentTitle = useDocumentTitle.useDocumentTitle;
 exports.useDocumentVisibility = useDocumentVisibility.useDocumentVisibility;
 exports.useEyeDropper = useEyeDropper.useEyeDropper;

package/dist/hooks/index.d.cts

@@ -28,5 +28,6 @@ declare module '@mantine/core' {
     sx?: EmotionSx
   }
 }
-export { useClickOutside, useColorScheme as useSystemColorScheme, useElementSize, useEventListener, useFocusReturn, useFocusTrap, useFocusWithin, useFullscreen, useHotkeys, useHover, useInViewport, useIntersection, useMediaQuery, useMouse, useMove, useMutationObserver, useOrientation, useReducedMotion, useResizeObserver, useScrollIntoView, useViewportSize, useWindowEvent, useWindowScroll, useCounter, useDebouncedCallback, useDebouncedState, useDebouncedValue, useDisclosure, useId, useInputState, useListState, useLocalStorage, useMap, usePagination, usePrevious, useQueue, useSet, useSetState, useStateHistory, useThrottledCallback, useThrottledState, useThrottledValue, useToggle, useUncontrolled, useValidatedState, useClipboard, useDocumentTitle, useDocumentVisibility, useEyeDropper, useFavicon, useFetch, useHash, useHeadroom, useIdle, useInterval, useMergedRef, useNetwork, useOs, usePageLeave, useTextSelection, useTimeout, useDidUpdate, useForceUpdate, useIsFirstRender, useIsomorphicEffect, useLogger, useMounted, useShallowEffect } from '@mantine/hooks';
+export { useClickOutside, useColorScheme as useSystemColorScheme, useElementSize, useEventListener, useFocusReturn, useFocusTrap, useFocusWithin, useFullscreen, useHotkeys, useHover, useInViewport, useIntersection, useMediaQuery, useMouse, useMove, useMutationObserver, useOrientation, useReducedMotion, useResizeObserver, useScrollIntoView, useViewportSize, useWindowEvent, useWindowScroll, useCounter, useDebouncedCallback, useDebouncedState, useDebouncedValue, useDisclosure, useId, useInputState, useListState, useLocalStorage, useMap, usePagination, usePrevious, useQueue, useSet, useSetState, useStateHistory, useThrottledCallback, useThrottledState, useThrottledValue, useToggle, useUncontrolled, useValidatedState, useDocumentTitle, useDocumentVisibility, useEyeDropper, useFavicon, useFetch, useHash, useHeadroom, useIdle, useInterval, useMergedRef, useNetwork, useOs, usePageLeave, useTextSelection, useTimeout, useDidUpdate, useForceUpdate, useIsFirstRender, useIsomorphicEffect, useLogger, useMounted, useShallowEffect } from '@mantine/hooks';
+export { useClipboard } from './use-clipboard/use-clipboard.cjs';
 export { useURLQueryState } from './useURLQueryState.cjs';

package/dist/hooks/index.d.mts

@@ -28,5 +28,6 @@ declare module '@mantine/core' {
     sx?: EmotionSx
   }
 }
-export { useClickOutside, useColorScheme as useSystemColorScheme, useElementSize, useEventListener, useFocusReturn, useFocusTrap, useFocusWithin, useFullscreen, useHotkeys, useHover, useInViewport, useIntersection, useMediaQuery, useMouse, useMove, useMutationObserver, useOrientation, useReducedMotion, useResizeObserver, useScrollIntoView, useViewportSize, useWindowEvent, useWindowScroll, useCounter, useDebouncedCallback, useDebouncedState, useDebouncedValue, useDisclosure, useId, useInputState, useListState, useLocalStorage, useMap, usePagination, usePrevious, useQueue, useSet, useSetState, useStateHistory, useThrottledCallback, useThrottledState, useThrottledValue, useToggle, useUncontrolled, useValidatedState, useClipboard, useDocumentTitle, useDocumentVisibility, useEyeDropper, useFavicon, useFetch, useHash, useHeadroom, useIdle, useInterval, useMergedRef, useNetwork, useOs, usePageLeave, useTextSelection, useTimeout, useDidUpdate, useForceUpdate, useIsFirstRender, useIsomorphicEffect, useLogger, useMounted, useShallowEffect } from '@mantine/hooks';
+export { useClickOutside, useColorScheme as useSystemColorScheme, useElementSize, useEventListener, useFocusReturn, useFocusTrap, useFocusWithin, useFullscreen, useHotkeys, useHover, useInViewport, useIntersection, useMediaQuery, useMouse, useMove, useMutationObserver, useOrientation, useReducedMotion, useResizeObserver, useScrollIntoView, useViewportSize, useWindowEvent, useWindowScroll, useCounter, useDebouncedCallback, useDebouncedState, useDebouncedValue, useDisclosure, useId, useInputState, useListState, useLocalStorage, useMap, usePagination, usePrevious, useQueue, useSet, useSetState, useStateHistory, useThrottledCallback, useThrottledState, useThrottledValue, useToggle, useUncontrolled, useValidatedState, useDocumentTitle, useDocumentVisibility, useEyeDropper, useFavicon, useFetch, useHash, useHeadroom, useIdle, useInterval, useMergedRef, useNetwork, useOs, usePageLeave, useTextSelection, useTimeout, useDidUpdate, useForceUpdate, useIsFirstRender, useIsomorphicEffect, useLogger, useMounted, useShallowEffect } from '@mantine/hooks';
+export { useClipboard } from './use-clipboard/use-clipboard.mjs';
 export { useURLQueryState } from './useURLQueryState.mjs';

package/dist/hooks/index.mjs

@@ -1,3 +1,4 @@
+import { useClipboard } from "./use-clipboard/use-clipboard.mjs";
 import { useURLQueryState } from "./useURLQueryState.mjs";
 import { useClickOutside } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-click-outside/use-click-outside.mjs";
 import { useColorScheme } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-color-scheme/use-color-scheme.mjs";
@@ -43,7 +44,6 @@ import { useThrottledValue } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_r
 import { useToggle } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-toggle/use-toggle.mjs";
 import { useUncontrolled } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.mjs";
 import { useValidatedState } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-validated-state/use-validated-state.mjs";
-import { useClipboard } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.mjs";
 import { useDocumentTitle } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-document-title/use-document-title.mjs";
 import { useDocumentVisibility } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs";
 import { useEyeDropper } from "../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-eye-dropper/use-eye-dropper.mjs";

package/dist/hooks/use-clipboard/use-clipboard.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useFallbackClipboard = require("./use-fallback-clipboard.cjs");
+const useClipboard$1 = require("../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.cjs");
+const isClipboardApiSupported = () => {
+  return !!(window.isSecureContext && (navigator == null ? void 0 : navigator.clipboard));
+};
+function useClipboard({ timeout = 2e3 } = {}) {
+  const clipboard = useClipboard$1.useClipboard({ timeout });
+  const fallbackClipboard = useFallbackClipboard.useFallbackClipboard({ timeout });
+  if (isClipboardApiSupported()) {
+    return clipboard;
+  }
+  return fallbackClipboard;
+}
+exports.useClipboard = useClipboard;

package/dist/hooks/use-clipboard/use-clipboard.d.cts

@@ -0,0 +1,8 @@
+export declare function useClipboard({ timeout }?: {
+    timeout?: number | undefined;
+}): {
+    copy: (valueToCopy: string) => void;
+    reset: () => void;
+    error: Error | null;
+    copied: boolean;
+};

package/dist/hooks/use-clipboard/use-clipboard.d.mts

@@ -0,0 +1,8 @@
+export declare function useClipboard({ timeout }?: {
+    timeout?: number | undefined;
+}): {
+    copy: (valueToCopy: string) => void;
+    reset: () => void;
+    error: Error | null;
+    copied: boolean;
+};

package/dist/hooks/use-clipboard/use-clipboard.mjs

@@ -0,0 +1,16 @@
+import { useFallbackClipboard } from "./use-fallback-clipboard.mjs";
+import { useClipboard as useClipboard$1 } from "../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.mjs";
+const isClipboardApiSupported = () => {
+  return !!(window.isSecureContext && (navigator == null ? void 0 : navigator.clipboard));
+};
+function useClipboard({ timeout = 2e3 } = {}) {
+  const clipboard = useClipboard$1({ timeout });
+  const fallbackClipboard = useFallbackClipboard({ timeout });
+  if (isClipboardApiSupported()) {
+    return clipboard;
+  }
+  return fallbackClipboard;
+}
+export {
+  useClipboard
+};

package/dist/hooks/use-clipboard/use-fallback-clipboard.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const fallbackCopy = (text) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.style.cssText = "position:fixed;left:-9999px;opacity:0;";
+      document.body.appendChild(textarea);
+      textarea.focus();
+      textarea.select();
+      const successful = document.execCommand("copy");
+      textarea.remove();
+      if (successful) {
+        resolve(void 0);
+      } else {
+        reject(new Error("Fallback copy failed"));
+      }
+    } catch (err) {
+      reject(err);
+    }
+  });
+};
+function useFallbackClipboard({ timeout = 2e3 } = {}) {
+  const [error, setError] = React.useState(null);
+  const [copied, setCopied] = React.useState(false);
+  const [copyTimeout, setCopyTimeout] = React.useState(null);
+  const handleCopyResult = (value) => {
+    window.clearTimeout(copyTimeout);
+    setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));
+    setCopied(value);
+  };
+  const copy = (valueToCopy) => {
+    fallbackCopy(valueToCopy).then(() => handleCopyResult(true)).catch((err) => setError(err));
+  };
+  const reset = () => {
+    setCopied(false);
+    setError(null);
+    window.clearTimeout(copyTimeout);
+  };
+  return { copy, reset, error, copied };
+}
+exports.useFallbackClipboard = useFallbackClipboard;

package/dist/hooks/use-clipboard/use-fallback-clipboard.d.cts

@@ -0,0 +1,8 @@
+export declare function useFallbackClipboard({ timeout }?: {
+    timeout?: number | undefined;
+}): {
+    copy: (valueToCopy: string) => void;
+    reset: () => void;
+    error: Error | null;
+    copied: boolean;
+};

package/dist/hooks/use-clipboard/use-fallback-clipboard.d.mts

@@ -0,0 +1,8 @@
+export declare function useFallbackClipboard({ timeout }?: {
+    timeout?: number | undefined;
+}): {
+    copy: (valueToCopy: string) => void;
+    reset: () => void;
+    error: Error | null;
+    copied: boolean;
+};

package/dist/hooks/use-clipboard/use-fallback-clipboard.mjs

@@ -0,0 +1,44 @@
+import { useState } from "react";
+const fallbackCopy = (text) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.style.cssText = "position:fixed;left:-9999px;opacity:0;";
+      document.body.appendChild(textarea);
+      textarea.focus();
+      textarea.select();
+      const successful = document.execCommand("copy");
+      textarea.remove();
+      if (successful) {
+        resolve(void 0);
+      } else {
+        reject(new Error("Fallback copy failed"));
+      }
+    } catch (err) {
+      reject(err);
+    }
+  });
+};
+function useFallbackClipboard({ timeout = 2e3 } = {}) {
+  const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [copyTimeout, setCopyTimeout] = useState(null);
+  const handleCopyResult = (value) => {
+    window.clearTimeout(copyTimeout);
+    setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));
+    setCopied(value);
+  };
+  const copy = (valueToCopy) => {
+    fallbackCopy(valueToCopy).then(() => handleCopyResult(true)).catch((err) => setError(err));
+  };
+  const reset = () => {
+    setCopied(false);
+    setError(null);
+    window.clearTimeout(copyTimeout);
+  };
+  return { copy, reset, error, copied };
+}
+export {
+  useFallbackClipboard
+};

package/dist/primitive/CopyButton/CopyButton.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const useClipboard = require("../../hooks/use-clipboard/use-clipboard.cjs");
+const useProps = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.cjs");
+const defaultProps = {
+  timeout: 1e3
+};
+function CopyButton(props) {
+  const { children, timeout, value, ...others } = useProps.useProps("CopyButton", defaultProps, props);
+  const clipboard = useClipboard.useClipboard({ timeout });
+  const copy = () => clipboard.copy(value);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ copy, copied: clipboard.copied, ...others }) });
+}
+exports.CopyButton = CopyButton;

package/dist/primitive/CopyButton/CopyButton.d.cts

@@ -0,0 +1,2 @@
+import { CopyButtonProps } from '../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/primitive/CopyButton/CopyButton.d.mts

@@ -0,0 +1,2 @@
+import { CopyButtonProps } from '../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/primitive/CopyButton/CopyButton.mjs

@@ -0,0 +1,15 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useClipboard } from "../../hooks/use-clipboard/use-clipboard.mjs";
+import { useProps } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.mjs";
+const defaultProps = {
+  timeout: 1e3
+};
+function CopyButton(props) {
+  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps, props);
+  const clipboard = useClipboard({ timeout });
+  const copy = () => clipboard.copy(value);
+  return /* @__PURE__ */ jsx(Fragment, { children: children({ copy, copied: clipboard.copied, ...others }) });
+}
+export {
+  CopyButton
+};

package/dist/primitive/index.cjs

@@ -11,6 +11,7 @@ const index$1 = require("./Typography/index.cjs");
 const index$2 = require("./MediaQuery/index.cjs");
 const index$3 = require("./Select/index.cjs");
 const index$4 = require("./Button/index.cjs");
+const CopyButton = require("./CopyButton/CopyButton.cjs");
 const index$5 = require("./AnimatedNumber/index.cjs");
 const index$6 = require("../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/index.cjs");
 const AppShell = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/AppShell/AppShell.cjs");
@@ -54,7 +55,6 @@ const PillsInput = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_has
 const TagsInput = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.cjs");
 const ActionIcon = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");
 const CloseButton = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CloseButton/CloseButton.cjs");
-const CopyButton = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
 const FileButton = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/FileButton/FileButton.cjs");
 const UnstyledButton = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const Anchor = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Anchor/Anchor.cjs");
@@ -140,6 +140,7 @@ exports.MediaQuery = index$2.MediaQuery;
 exports.MultiSelect = index$3.MultiSelect;
 exports.Select = index$3.Select;
 exports.Button = index$4.Button;
+exports.CopyButton = CopyButton.CopyButton;
 exports.AnimatedNumber = index$5.AnimatedNumber;
 exports.Dropzone = index$6.Dropzone;
 exports.AppShell = AppShell.AppShell;
@@ -183,7 +184,6 @@ exports.PillsInput = PillsInput.PillsInput;
 exports.TagsInput = TagsInput.TagsInput;
 exports.ActionIcon = ActionIcon.ActionIcon;
 exports.CloseButton = CloseButton.CloseButton;
-exports.CopyButton = CopyButton.CopyButton;
 exports.FileButton = FileButton.FileButton;
 exports.UnstyledButton = UnstyledButton.UnstyledButton;
 exports.Anchor = Anchor.Anchor;

package/dist/primitive/index.d.cts

@@ -30,7 +30,7 @@ declare module '@mantine/core' {
 }
 export type ColorScheme = 'light' | 'dark';
 export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.cjs';
 export { TextInput, type TextInputProps } from './TextInput/index.cjs';
 export { notifier } from './notifier/index.cjs';
@@ -38,6 +38,7 @@ export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typog
 export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.cjs';
 export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.cjs';
 export { Button } from './Button/index.cjs';
+export { CopyButton } from './CopyButton/CopyButton.cjs';
 export * from './Prism/index.cjs';
 export { AnimatedNumber, type AnimatedNumberProps } from './AnimatedNumber/index.cjs';
 export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';

package/dist/primitive/index.d.mts

@@ -30,7 +30,7 @@ declare module '@mantine/core' {
 }
 export type ColorScheme = 'light' | 'dark';
 export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.mjs';
 export { TextInput, type TextInputProps } from './TextInput/index.mjs';
 export { notifier } from './notifier/index.mjs';
@@ -38,6 +38,7 @@ export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typog
 export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.mjs';
 export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.mjs';
 export { Button } from './Button/index.mjs';
+export { CopyButton } from './CopyButton/CopyButton.mjs';
 export * from './Prism/index.mjs';
 export { AnimatedNumber, type AnimatedNumberProps } from './AnimatedNumber/index.mjs';
 export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';

package/dist/primitive/index.mjs

@@ -9,6 +9,7 @@ import { TYPOGRAPHY_STYLES_MAP, Typography } from "./Typography/index.mjs";
 import { MediaQuery } from "./MediaQuery/index.mjs";
 import { MultiSelect, Select } from "./Select/index.mjs";
 import { Button } from "./Button/index.mjs";
+import { CopyButton } from "./CopyButton/CopyButton.mjs";
 import { AnimatedNumber } from "./AnimatedNumber/index.mjs";
 import { Dropzone } from "../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/index.mjs";
 import { AppShell } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/AppShell/AppShell.mjs";
@@ -52,7 +53,6 @@ import { PillsInput } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_has
 import { TagsInput } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.mjs";
 import { ActionIcon } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.mjs";
 import { CloseButton } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CloseButton/CloseButton.mjs";
-import { CopyButton } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.mjs";
 import { FileButton } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/FileButton/FileButton.mjs";
 import { UnstyledButton } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.mjs";
 import { Anchor } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Anchor/Anchor.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",