@tiny-design/react 1.0.4

package/es/color-picker/style/index.css

@@ -0,0 +1,169 @@
+.ty-color-picker {
+  display: inline-block;
+  position: relative;
+}
+.ty-color-picker_disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.ty-color-picker_disabled .ty-color-picker__trigger,
+.ty-color-picker_disabled .ty-color-picker__swatch {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.ty-color-picker__trigger {
+  cursor: pointer;
+  display: inline-flex;
+}
+.ty-color-picker__swatch {
+  width: 32px;
+  height: 32px;
+  border-radius: 2px;
+  border: 1px solid var(--ty-color-picker-border, #dee2e6);
+  padding: 3px;
+  cursor: pointer;
+}
+.ty-color-picker__swatch-inner {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+}
+.ty-color-picker__panel {
+  padding: 12px;
+  background: var(--ty-color-picker-bg, #fff);
+  border-radius: 8px;
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  width: 240px;
+}
+.ty-color-picker__spectrum {
+  position: relative;
+  width: 100%;
+  height: 150px;
+  border-radius: 4px;
+  cursor: crosshair;
+  overflow: hidden;
+}
+.ty-color-picker__spectrum-white {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to right, #fff, transparent);
+}
+.ty-color-picker__spectrum-black {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to bottom, transparent, #000);
+}
+.ty-color-picker__spectrum-handle {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+.ty-color-picker__controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 12px;
+}
+.ty-color-picker__preview {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 1px solid var(--ty-color-picker-border, #dee2e6);
+  flex-shrink: 0;
+}
+.ty-color-picker__sliders {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.ty-color-picker__hue {
+  position: relative;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+  cursor: pointer;
+}
+.ty-color-picker__alpha {
+  position: relative;
+  height: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ty-color-picker__alpha::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 6px;
+  background: repeating-conic-gradient(#dee2e6 0% 25%, transparent 0% 50%) 0 0/8px 8px;
+  z-index: -1;
+}
+.ty-color-picker__slider-handle {
+  position: absolute;
+  top: 50%;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  background: transparent;
+}
+.ty-color-picker__input-row {
+  display: flex;
+  gap: 6px;
+  margin-top: 12px;
+  align-items: center;
+}
+.ty-color-picker__format-btn {
+  border: 1px solid var(--ty-color-picker-border, #dee2e6);
+  background: transparent;
+  border-radius: 2px;
+  padding: 2px 6px;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--ty-color-text, #525f7f);
+  white-space: nowrap;
+}
+.ty-color-picker__format-btn:hover {
+  border-color: var(--ty-color-primary, #6e41bf);
+}
+.ty-color-picker__hex-input {
+  flex: 1;
+  border: 1px solid var(--ty-color-picker-border, #dee2e6);
+  border-radius: 2px;
+  padding: 2px 6px;
+  font-size: 12px;
+  font-family: lucida console, consolas, monaco, andale mono, ubuntu mono, monospace;
+  color: var(--ty-color-text, #32325d);
+  outline: none;
+  min-width: 0;
+}
+.ty-color-picker__hex-input:focus {
+  border-color: var(--ty-color-primary, #6e41bf);
+}
+.ty-color-picker__presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--ty-color-picker-border, #e9ecef);
+}
+.ty-color-picker__preset {
+  width: 20px;
+  height: 20px;
+  border-radius: 2px;
+  cursor: pointer;
+  border: 1px solid var(--ty-color-picker-border, #dee2e6);
+  transition: transform 0.15s;
+}
+.ty-color-picker__preset:hover {
+  transform: scale(1.2);
+}

package/es/color-picker/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/color-picker/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/color-picker/types.d.ts

@@ -0,0 +1,23 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/color-picker/types.d.ts
+type ColorFormat = 'hex' | 'rgb' | 'hsb';
+interface ColorPickerProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (color: string) => void;
+  format?: ColorFormat;
+  defaultFormat?: ColorFormat;
+  onFormatChange?: (format: ColorFormat) => void;
+  presets?: string[];
+  showAlpha?: boolean;
+  disabled?: boolean;
+  trigger?: 'click' | 'hover';
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  children?: React.ReactNode;
+}
+//#endregion
+export { ColorPickerProps };
+//# sourceMappingURL=types.d.ts.map

package/es/color-picker/utils.js

@@ -0,0 +1,113 @@
+//#region src/color-picker/utils.ts
+const hexToHsb = (hex) => {
+	let h = hex.replace("#", "");
+	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+	let a = 1;
+	if (h.length === 8) {
+		a = parseInt(h.slice(6, 8), 16) / 255;
+		h = h.slice(0, 6);
+	}
+	const r = parseInt(h.slice(0, 2), 16) / 255;
+	const g = parseInt(h.slice(2, 4), 16) / 255;
+	const b = parseInt(h.slice(4, 6), 16) / 255;
+	const max = Math.max(r, g, b);
+	const d = max - Math.min(r, g, b);
+	let hue = 0;
+	if (d !== 0) {
+		if (max === r) hue = ((g - b) / d + 6) % 6;
+		else if (max === g) hue = (b - r) / d + 2;
+		else hue = (r - g) / d + 4;
+		hue *= 60;
+	}
+	const saturation = max === 0 ? 0 : d / max * 100;
+	const brightness = max * 100;
+	return {
+		h: Math.round(hue),
+		s: Math.round(saturation),
+		b: Math.round(brightness),
+		a
+	};
+};
+const hsbToHex = (color) => {
+	const { h, s, b, a } = color;
+	const sNorm = s / 100;
+	const bNorm = b / 100;
+	const c = bNorm * sNorm;
+	const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+	const m = bNorm - c;
+	let r = 0, g = 0, bl = 0;
+	if (h < 60) {
+		r = c;
+		g = x;
+		bl = 0;
+	} else if (h < 120) {
+		r = x;
+		g = c;
+		bl = 0;
+	} else if (h < 180) {
+		r = 0;
+		g = c;
+		bl = x;
+	} else if (h < 240) {
+		r = 0;
+		g = x;
+		bl = c;
+	} else if (h < 300) {
+		r = x;
+		g = 0;
+		bl = c;
+	} else {
+		r = c;
+		g = 0;
+		bl = x;
+	}
+	const toHex = (v) => Math.round((v + m) * 255).toString(16).padStart(2, "0");
+	const hex = `#${toHex(r)}${toHex(g)}${toHex(bl)}`;
+	if (a < 1) return hex + Math.round(a * 255).toString(16).padStart(2, "0");
+	return hex;
+};
+const hsbToRgb = (color) => {
+	const h = hsbToHex(color).replace("#", "");
+	const r = parseInt(h.slice(0, 2), 16);
+	const g = parseInt(h.slice(2, 4), 16);
+	const b = parseInt(h.slice(4, 6), 16);
+	if (color.a < 1) return `rgba(${r}, ${g}, ${b}, ${color.a.toFixed(2)})`;
+	return `rgb(${r}, ${g}, ${b})`;
+};
+const formatColor = (color, format) => {
+	switch (format) {
+		case "rgb": return hsbToRgb(color);
+		case "hsb": return `hsb(${color.h}, ${color.s}%, ${color.b}%)`;
+		default: return hsbToHex(color);
+	}
+};
+const parseColor = (input) => {
+	if (!input) return {
+		h: 0,
+		s: 100,
+		b: 100,
+		a: 1
+	};
+	if (input.startsWith("#")) return hexToHsb(input);
+	const rgbMatch = input.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);
+	if (rgbMatch) {
+		const r = parseInt(rgbMatch[1]) / 255;
+		const g = parseInt(rgbMatch[2]) / 255;
+		const b = parseInt(rgbMatch[3]) / 255;
+		const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;
+		return {
+			...hexToHsb(`#${Math.round(r * 255).toString(16).padStart(2, "0")}${Math.round(g * 255).toString(16).padStart(2, "0")}${Math.round(b * 255).toString(16).padStart(2, "0")}`),
+			a
+		};
+	}
+	return {
+		h: 0,
+		s: 100,
+		b: 100,
+		a: 1
+	};
+};
+//#endregion
+export { formatColor, hsbToHex, parseColor };
+
+//# sourceMappingURL=utils.js.map

package/es/color-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/color-picker/utils.ts"],"sourcesContent":["import { Color } from './types';\n\nexport const hexToHsb = (hex: string): Color => {\n  let h = hex.replace('#', '');\n  if (h.length === 3) h = h.split('').map((c) => c + c).join('');\n\n  let a = 1;\n  if (h.length === 8) {\n    a = parseInt(h.slice(6, 8), 16) / 255;\n    h = h.slice(0, 6);\n  }\n\n  const r = parseInt(h.slice(0, 2), 16) / 255;\n  const g = parseInt(h.slice(2, 4), 16) / 255;\n  const b = parseInt(h.slice(4, 6), 16) / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const d = max - min;\n\n  let hue = 0;\n  if (d !== 0) {\n    if (max === r) hue = ((g - b) / d + 6) % 6;\n    else if (max === g) hue = (b - r) / d + 2;\n    else hue = (r - g) / d + 4;\n    hue *= 60;\n  }\n\n  const saturation = max === 0 ? 0 : (d / max) * 100;\n  const brightness = max * 100;\n\n  return { h: Math.round(hue), s: Math.round(saturation), b: Math.round(brightness), a };\n};\n\nexport const hsbToHex = (color: Color): string => {\n  const { h, s, b, a } = color;\n  const sNorm = s / 100;\n  const bNorm = b / 100;\n\n  const c = bNorm * sNorm;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = bNorm - c;\n\n  let r = 0, g = 0, bl = 0;\n  if (h < 60) { r = c; g = x; bl = 0; }\n  else if (h < 120) { r = x; g = c; bl = 0; }\n  else if (h < 180) { r = 0; g = c; bl = x; }\n  else if (h < 240) { r = 0; g = x; bl = c; }\n  else if (h < 300) { r = x; g = 0; bl = c; }\n  else { r = c; g = 0; bl = x; }\n\n  const toHex = (v: number) => Math.round((v + m) * 255).toString(16).padStart(2, '0');\n  const hex = `#${toHex(r)}${toHex(g)}${toHex(bl)}`;\n  if (a < 1) {\n    return hex + Math.round(a * 255).toString(16).padStart(2, '0');\n  }\n  return hex;\n};\n\nexport const hsbToRgb = (color: Color): string => {\n  const hex = hsbToHex(color);\n  const h = hex.replace('#', '');\n  const r = parseInt(h.slice(0, 2), 16);\n  const g = parseInt(h.slice(2, 4), 16);\n  const b = parseInt(h.slice(4, 6), 16);\n  if (color.a < 1) {\n    return `rgba(${r}, ${g}, ${b}, ${color.a.toFixed(2)})`;\n  }\n  return `rgb(${r}, ${g}, ${b})`;\n};\n\nexport const formatColor = (color: Color, format: string): string => {\n  switch (format) {\n    case 'rgb':\n      return hsbToRgb(color);\n    case 'hsb':\n      return `hsb(${color.h}, ${color.s}%, ${color.b}%)`;\n    default:\n      return hsbToHex(color);\n  }\n};\n\nexport const parseColor = (input: string): Color => {\n  if (!input) return { h: 0, s: 100, b: 100, a: 1 };\n\n  // hex\n  if (input.startsWith('#')) {\n    return hexToHsb(input);\n  }\n\n  // rgb/rgba\n  const rgbMatch = input.match(/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*([\\d.]+))?\\s*\\)/);\n  if (rgbMatch) {\n    const r = parseInt(rgbMatch[1]) / 255;\n    const g = parseInt(rgbMatch[2]) / 255;\n    const b = parseInt(rgbMatch[3]) / 255;\n    const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;\n    const hex = `#${Math.round(r * 255).toString(16).padStart(2, '0')}${Math.round(g * 255).toString(16).padStart(2, '0')}${Math.round(b * 255).toString(16).padStart(2, '0')}`;\n    return { ...hexToHsb(hex), a };\n  }\n\n  return { h: 0, s: 100, b: 100, a: 1 };\n};\n"],"mappings":"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"}

package/es/config-provider/config-context.d.ts

@@ -0,0 +1,18 @@
+import { SpaceSize } from "../space/types.js";
+import { Locale } from "../locale/types.js";
+import { SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/config-provider/config-context.d.ts
+type ThemeMode = 'light' | 'dark' | 'system';
+interface ConfigContextProps {
+  prefixCls?: string;
+  componentSize?: SizeType;
+  shimmer?: boolean;
+  space?: SpaceSize;
+  theme?: ThemeMode;
+  locale?: Locale;
+}
+//#endregion
+export { ConfigContextProps, ThemeMode };
+//# sourceMappingURL=config-context.d.ts.map

package/es/config-provider/config-context.js

@@ -0,0 +1,12 @@
+import React from "react";
+//#region src/config-provider/config-context.tsx
+const ConfigContext = React.createContext({
+	prefixCls: "ty",
+	componentSize: "md",
+	shimmer: false,
+	space: "sm"
+});
+//#endregion
+export { ConfigContext };
+
+//# sourceMappingURL=config-context.js.map

package/es/config-provider/config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-context.js","names":[],"sources":["../../src/config-provider/config-context.tsx"],"sourcesContent":["import React from 'react';\nimport { SizeType } from '../_utils/props';\nimport { SpaceSize } from '../space/types';\nimport { Locale } from '../locale/types';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ConfigContextProps {\n  prefixCls?: string;\n  componentSize?: SizeType;\n  shimmer?: boolean;\n  space?: SpaceSize;\n  theme?: ThemeMode;\n  locale?: Locale;\n}\n\nexport const ConfigContext = React.createContext<ConfigContextProps>({\n  prefixCls: 'ty',\n  componentSize: 'md',\n  shimmer: false,\n  space: 'sm',\n});\n"],"mappings":";;AAgBA,MAAa,gBAAgB,MAAM,cAAkC;CACnE,WAAW;CACX,eAAe;CACf,SAAS;CACT,OAAO;CACR,CAAC"}

package/es/config-provider/config-provider.d.ts

@@ -0,0 +1,10 @@
+import { ConfigProviderProps } from "./types.js";
+
+//#region src/config-provider/config-provider.d.ts
+declare const ConfigProvider: {
+  (props: ConfigProviderProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ConfigProvider };
+//# sourceMappingURL=config-provider.d.ts.map

package/es/config-provider/config-provider.js

@@ -0,0 +1,29 @@
+import { ConfigContext } from "./config-context.js";
+import intl_provider_default from "../intl-provider/index.js";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/config-provider/config-provider.tsx
+const ConfigProvider = (props) => {
+	const { children, theme, locale, ...otherProps } = props;
+	useEffect(() => {
+		if (!theme) return;
+		document.documentElement.setAttribute("data-tiny-theme", theme);
+	}, [theme]);
+	const content = locale ? /* @__PURE__ */ jsx(intl_provider_default, {
+		locale,
+		children
+	}) : children;
+	return /* @__PURE__ */ jsx(ConfigContext.Provider, {
+		value: {
+			theme,
+			locale,
+			...otherProps
+		},
+		children: content
+	});
+};
+ConfigProvider.displayName = "ConfigProvider";
+//#endregion
+export { ConfigProvider as default };
+
+//# sourceMappingURL=config-provider.js.map

package/es/config-provider/config-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.js","names":["IntlProvider"],"sources":["../../src/config-provider/config-provider.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { ConfigContext } from './config-context';\nimport { ConfigProviderProps } from './types';\nimport IntlProvider from '../intl-provider';\n\nconst ConfigProvider = (props: ConfigProviderProps): JSX.Element => {\n  const { children, theme, locale, ...otherProps } = props;\n\n  useEffect(() => {\n    if (!theme) return;\n    const html = document.documentElement;\n    html.setAttribute('data-tiny-theme', theme);\n  }, [theme]);\n\n  const content = locale ? (\n    <IntlProvider locale={locale}>{children}</IntlProvider>\n  ) : (\n    children\n  );\n\n  return (\n    <ConfigContext.Provider value={{ theme, locale, ...otherProps }}>\n      {content}\n    </ConfigContext.Provider>\n  );\n};\n\nConfigProvider.displayName = 'ConfigProvider';\n\nexport default ConfigProvider;\n"],"mappings":";;;;;AAKA,MAAM,kBAAkB,UAA4C;CAClE,MAAM,EAAE,UAAU,OAAO,QAAQ,GAAG,eAAe;AAEnD,iBAAgB;AACd,MAAI,CAAC,MAAO;AACC,WAAS,gBACjB,aAAa,mBAAmB,MAAM;IAC1C,CAAC,MAAM,CAAC;CAEX,MAAM,UAAU,SACd,oBAACA,uBAAD;EAAsB;EAAS;EAAwB,CAAA,GAEvD;AAGF,QACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;GAAE;GAAO;GAAQ,GAAG;GAAY;YAC5D;EACsB,CAAA;;AAI7B,eAAe,cAAc"}

package/es/config-provider/index.d.ts

@@ -0,0 +1 @@
+import { ConfigProvider } from "./config-provider.js";

package/es/config-provider/index.js

@@ -0,0 +1,7 @@
+import ConfigProvider from "./config-provider.js";
+//#region src/config-provider/index.tsx
+var config_provider_default = ConfigProvider;
+//#endregion
+export { config_provider_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/config-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/config-provider/index.tsx"],"sourcesContent":["import ConfigProvider from './config-provider';\n\nexport default ConfigProvider;\n"],"mappings":";;AAEA,IAAA,0BAAe"}

package/es/config-provider/types.d.ts

@@ -0,0 +1,10 @@
+import { ConfigContextProps } from "./config-context.js";
+import React from "react";
+
+//#region src/config-provider/types.d.ts
+interface ConfigProviderProps extends ConfigContextProps {
+  children: React.ReactNode;
+}
+//#endregion
+export { ConfigProviderProps };
+//# sourceMappingURL=types.d.ts.map

package/es/copy-to-clipboard/copy-to-clipboard.d.ts

@@ -0,0 +1,11 @@
+import { CopyToClipboardProps } from "./types.js";
+import React from "react";
+
+//#region src/copy-to-clipboard/copy-to-clipboard.d.ts
+declare const CopyToClipboard: {
+  (props: CopyToClipboardProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { CopyToClipboard };
+//# sourceMappingURL=copy-to-clipboard.d.ts.map

package/es/copy-to-clipboard/copy-to-clipboard.js

@@ -0,0 +1,45 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/copy-to-clipboard/copy-to-clipboard.tsx
+const copy = async (value) => {
+	if (navigator.clipboard) try {
+		await navigator.clipboard.writeText(value);
+	} catch {
+		fallbackCopy(value);
+	}
+	else fallbackCopy(value);
+};
+const fallbackCopy = (value) => {
+	const textArea = document.createElement("textarea");
+	textArea.style.position = "fixed";
+	textArea.style.opacity = "0";
+	textArea.value = value;
+	document.body.appendChild(textArea);
+	textArea.select();
+	try {
+		document.execCommand("copy");
+	} catch {}
+	document.body.removeChild(textArea);
+};
+const CopyToClipboard = (props) => {
+	const { prefixCls: customisedCls, text, className, children, onClick, ...otherProps } = props;
+	const cls = classNames(getPrefixCls("copy", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const btnOnClick = (e) => {
+		copy(text);
+		onClick && onClick(e);
+	};
+	return /* @__PURE__ */ jsx("span", {
+		...otherProps,
+		className: cls,
+		onClick: btnOnClick,
+		children
+	});
+};
+CopyToClipboard.displayName = "CopyToClipboard";
+//#endregion
+export { CopyToClipboard as default };
+
+//# sourceMappingURL=copy-to-clipboard.js.map

package/es/copy-to-clipboard/copy-to-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard.js","names":[],"sources":["../../src/copy-to-clipboard/copy-to-clipboard.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CopyToClipboardProps } from './types';\n\nconst copy = async (value: string) => {\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(value);\n    } catch {\n      fallbackCopy(value);\n    }\n  } else {\n    fallbackCopy(value);\n  }\n};\n\nconst fallbackCopy = (value: string) => {\n  const textArea = document.createElement('textarea');\n  textArea.style.position = 'fixed';\n  textArea.style.opacity = '0';\n  textArea.value = value;\n  document.body.appendChild(textArea);\n  textArea.select();\n  try {\n    document.execCommand('copy');\n  } catch {\n    // copy failed silently\n  }\n  document.body.removeChild(textArea);\n};\n\nconst CopyToClipboard = (props: CopyToClipboardProps): React.ReactElement => {\n  const { prefixCls: customisedCls, text, className, children, onClick, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('copy', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const btnOnClick = (e: React.MouseEvent<HTMLSpanElement>): void => {\n    copy(text);\n    onClick && onClick(e);\n  };\n\n  return (\n    <span {...otherProps} className={cls} onClick={btnOnClick}>\n      {children}\n    </span>\n  );\n};\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n\nexport default CopyToClipboard;\n"],"mappings":";;;;;;AAMA,MAAM,OAAO,OAAO,UAAkB;AACpC,KAAI,UAAU,UACZ,KAAI;AACF,QAAM,UAAU,UAAU,UAAU,MAAM;SACpC;AACN,eAAa,MAAM;;KAGrB,cAAa,MAAM;;AAIvB,MAAM,gBAAgB,UAAkB;CACtC,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,MAAM,WAAW;AAC1B,UAAS,MAAM,UAAU;AACzB,UAAS,QAAQ;AACjB,UAAS,KAAK,YAAY,SAAS;AACnC,UAAS,QAAQ;AACjB,KAAI;AACF,WAAS,YAAY,OAAO;SACtB;AAGR,UAAS,KAAK,YAAY,SAAS;;AAGrC,MAAM,mBAAmB,UAAoD;CAC3E,MAAM,EAAE,WAAW,eAAe,MAAM,WAAW,UAAU,SAAS,GAAG,eAAe;CAGxF,MAAM,MAAM,WADM,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc,EAC5C,UAAU;CAE5C,MAAM,cAAc,MAA+C;AACjE,OAAK,KAAK;AACV,aAAW,QAAQ,EAAE;;AAGvB,QACE,oBAAC,QAAD;EAAM,GAAI;EAAY,WAAW;EAAK,SAAS;EAC5C;EACI,CAAA;;AAIX,gBAAgB,cAAc"}

package/es/copy-to-clipboard/index.d.ts

@@ -0,0 +1 @@
+import { CopyToClipboard } from "./copy-to-clipboard.js";

package/es/copy-to-clipboard/index.js

@@ -0,0 +1,7 @@
+import CopyToClipboard from "./copy-to-clipboard.js";
+//#region src/copy-to-clipboard/index.tsx
+var copy_to_clipboard_default = CopyToClipboard;
+//#endregion
+export { copy_to_clipboard_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/copy-to-clipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/copy-to-clipboard/index.tsx"],"sourcesContent":["import CopyToClipboard from './copy-to-clipboard';\n\nexport default CopyToClipboard;\n"],"mappings":";;AAEA,IAAA,4BAAe"}

package/es/copy-to-clipboard/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/copy-to-clipboard/types.d.ts
+interface CopyToClipboardProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+  text: string;
+  children?: React.ReactNode;
+}
+//#endregion
+export { CopyToClipboardProps };
+//# sourceMappingURL=types.d.ts.map

package/es/countdown/countdown.d.ts

@@ -0,0 +1,8 @@
+import { CountdownProps } from "./types.js";
+import React from "react";
+
+//#region src/countdown/countdown.d.ts
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Countdown };
+//# sourceMappingURL=countdown.d.ts.map

package/es/countdown/countdown.js

@@ -0,0 +1,65 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/countdown/countdown.tsx
+const Countdown = React.forwardRef((props, ref) => {
+	const { millisec = false, prefixCls: customisedCls, value, onFinish, className, style, children } = props;
+	const cls = classNames(getPrefixCls("countdown", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const [date, setDate] = useState({
+		day: 0,
+		hour: 0,
+		min: 0,
+		sec: 0,
+		millisec: 0
+	});
+	const timerRef = useRef();
+	const startInterval = useCallback(() => {
+		timerRef.current = window.setInterval(() => {
+			const distance = value.getTime() - Date.now();
+			if (distance < 0) {
+				window.clearInterval(timerRef.current);
+				setDate({
+					day: 0,
+					hour: 0,
+					min: 0,
+					sec: 0,
+					millisec: 0
+				});
+				onFinish && onFinish();
+				return;
+			}
+			setDate({
+				day: Math.floor(distance / 864e5),
+				hour: Math.floor(distance % 864e5 / 36e5),
+				min: Math.floor(distance % 36e5 / 6e4),
+				sec: Math.floor(distance % 6e4 / 1e3),
+				millisec: Math.floor(distance % 6e4 % 1e3)
+			});
+		}, millisec ? 1 : 1e3);
+	}, [
+		millisec,
+		onFinish,
+		value
+	]);
+	useEffect(() => {
+		value && startInterval();
+		return () => {
+			window.clearInterval(timerRef.current);
+		};
+	}, [value, startInterval]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cls,
+		style,
+		role: "timer",
+		"aria-live": "polite",
+		children: typeof children === "function" && children(date)
+	});
+});
+Countdown.displayName = "Countdown";
+//#endregion
+export { Countdown as default };
+
+//# sourceMappingURL=countdown.js.map

package/es/countdown/countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown.js","names":[],"sources":["../../src/countdown/countdown.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CountdownProps, DateType } from './types';\n\nconst Countdown = React.forwardRef<HTMLDivElement, CountdownProps>((props, ref) => {\n  const {\n    millisec = false,\n    prefixCls: customisedCls,\n    value,\n    onFinish,\n    className,\n    style,\n    children,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('countdown', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const [date, setDate] = useState<DateType>({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });\n  const timerRef = useRef<number>();\n\n  const startInterval = useCallback((): void => {\n    timerRef.current = window.setInterval(\n      () => {\n        const distance = value.getTime() - Date.now();\n\n        // when the count down finished\n        if (distance < 0) {\n          window.clearInterval(timerRef.current);\n          setDate({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });\n          onFinish && onFinish();\n          return;\n        }\n\n        // calculate the specific time\n        const day = Math.floor(distance / 86400000);\n        const hour = Math.floor((distance % 86400000) / 3600000);\n        const min = Math.floor((distance % 3600000) / 60000);\n        const sec = Math.floor((distance % 60000) / 1000);\n        const millisecond = Math.floor((distance % 60000) % 1000);\n        setDate({ day, hour, min, sec, millisec: millisecond });\n      },\n      millisec ? 1 : 1000\n    );\n  }, [millisec, onFinish, value]);\n\n  useEffect(() => {\n    value && startInterval();\n\n    return (): void => {\n      window.clearInterval(timerRef.current);\n    };\n  }, [value, startInterval]);\n\n  return (\n    <div ref={ref} className={cls} style={style} role=\"timer\" aria-live=\"polite\">\n      {typeof children === 'function' && children(date)}\n    </div>\n  );\n});\n\nCountdown.displayName = 'Countdown';\n\nexport default Countdown;\n"],"mappings":";;;;;;AAMA,MAAM,YAAY,MAAM,YAA4C,OAAO,QAAQ;CACjF,MAAM,EACJ,WAAW,OACX,WAAW,eACX,OACA,UACA,WACA,OACA,aACE;CAGJ,MAAM,MAAM,WADM,aAAa,aADT,WAAW,cAAc,CACW,WAAW,cAAc,EACjD,UAAU;CAC5C,MAAM,CAAC,MAAM,WAAW,SAAmB;EAAE,KAAK;EAAG,MAAM;EAAG,KAAK;EAAG,KAAK;EAAG,UAAU;EAAG,CAAC;CAC5F,MAAM,WAAW,QAAgB;CAEjC,MAAM,gBAAgB,kBAAwB;AAC5C,WAAS,UAAU,OAAO,kBAClB;GACJ,MAAM,WAAW,MAAM,SAAS,GAAG,KAAK,KAAK;AAG7C,OAAI,WAAW,GAAG;AAChB,WAAO,cAAc,SAAS,QAAQ;AACtC,YAAQ;KAAE,KAAK;KAAG,MAAM;KAAG,KAAK;KAAG,KAAK;KAAG,UAAU;KAAG,CAAC;AACzD,gBAAY,UAAU;AACtB;;AASF,WAAQ;IAAE,KALE,KAAK,MAAM,WAAW,MAAS;IAK5B,MAJF,KAAK,MAAO,WAAW,QAAY,KAAQ;IAInC,KAHT,KAAK,MAAO,WAAW,OAAW,IAAM;IAG1B,KAFd,KAAK,MAAO,WAAW,MAAS,IAAK;IAElB,UADX,KAAK,MAAO,WAAW,MAAS,IAAK;IACH,CAAC;KAEzD,WAAW,IAAI,IAChB;IACA;EAAC;EAAU;EAAU;EAAM,CAAC;AAE/B,iBAAgB;AACd,WAAS,eAAe;AAExB,eAAmB;AACjB,UAAO,cAAc,SAAS,QAAQ;;IAEvC,CAAC,OAAO,cAAc,CAAC;AAE1B,QACE,oBAAC,OAAD;EAAU;EAAK,WAAW;EAAY;EAAO,MAAK;EAAQ,aAAU;YACjE,OAAO,aAAa,cAAc,SAAS,KAAK;EAC7C,CAAA;EAER;AAEF,UAAU,cAAc"}

package/es/countdown/index.d.ts

@@ -0,0 +1 @@
+import { Countdown } from "./countdown.js";

package/es/countdown/index.js

@@ -0,0 +1,7 @@
+import Countdown from "./countdown.js";
+//#region src/countdown/index.tsx
+var countdown_default = Countdown;
+//#endregion
+export { countdown_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/countdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/countdown/index.tsx"],"sourcesContent":["import Countdown from './countdown';\n\nexport default Countdown;\n"],"mappings":";;AAEA,IAAA,oBAAe"}

package/es/countdown/types.d.ts

@@ -0,0 +1,20 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/countdown/types.d.ts
+type DateType = {
+  day: number;
+  hour: number;
+  min: number;
+  sec: number;
+  millisec: number;
+};
+interface CountdownProps extends BaseProps {
+  value: Date;
+  onFinish?: () => void;
+  millisec?: boolean;
+  children?: (date: DateType) => React.ReactNode;
+}
+//#endregion
+export { CountdownProps };
+//# sourceMappingURL=types.d.ts.map

package/es/date-picker/date-picker.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerProps } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/date-picker/date-picker.d.ts
+declare const DatePicker: {
+  (props: DatePickerProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=date-picker.d.ts.map