@tiny-design/react 1.0.4

package/lib/avatar/types.d.ts

@@ -0,0 +1,27 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/avatar/types.d.ts
+type AvatarShape = 'circle' | 'square';
+type AvatarPresence = 'online' | 'busy' | 'away' | 'offline';
+interface AvatarProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+  /** use an icon */
+  icon?: React.ReactNode;
+  /** avatar shape */
+  shape?: AvatarShape;
+  /** avatar size */
+  size?: number;
+  /** use an image */
+  src?: string;
+  /** display presence status  */
+  presence?: AvatarPresence;
+  /** alt prop for src */
+  alt?: string;
+}
+interface AvatarGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+  /** the distance between two avatars */
+  gap: number | string;
+}
+//#endregion
+export { AvatarGroupProps, AvatarProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/back-top/back-top.d.ts

@@ -0,0 +1,7 @@
+import { BackTopProps } from "./types.js";
+
+//#region src/back-top/back-top.d.ts
+declare const BackTop: (props: BackTopProps) => JSX.Element | null;
+//#endregion
+export { BackTop };
+//# sourceMappingURL=back-top.d.ts.map

package/lib/back-top/back-top.js

@@ -0,0 +1,82 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/back-top/back-top.tsx
+const easeInOutCubic = (t, b, c, d) => {
+	const cc = c - b;
+	t /= d / 2;
+	if (t < 1) return cc / 2 * t * t * t + b;
+	else return cc / 2 * ((t -= 2) * t * t + 2) + b;
+};
+const BackTop = (props) => {
+	const { visibilityHeight = 300, target = () => window, prefixCls: customisedCls, onClick, className, style, children } = props;
+	const prefixCls = require_general.getPrefixCls("back-top", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, { [`${prefixCls}_custom`]: !!children });
+	const [visible, setVisible] = (0, react.useState)(true);
+	const getDistanceFromTop = (0, react.useCallback)(() => {
+		const targetNode = target();
+		if (targetNode === window) return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
+		return targetNode.scrollTop;
+	}, [target]);
+	const setScrollToTop = (distance) => {
+		const targetNode = target();
+		if (targetNode === window) {
+			document.body.scrollTop = distance;
+			document.documentElement.scrollTop = distance;
+		} else targetNode.scrollTop = distance;
+	};
+	const scrollToTop = (e) => {
+		const scrollTop = getDistanceFromTop();
+		const startTime = Date.now();
+		const step = () => {
+			const time = Date.now() - startTime;
+			setScrollToTop(easeInOutCubic(time, scrollTop, 0, 450));
+			if (time < 450) requestAnimationFrame(step);
+			else setScrollToTop(0);
+		};
+		requestAnimationFrame(step);
+		onClick && onClick(e);
+	};
+	const handleOnScroll = (0, react.useCallback)(() => {
+		if (getDistanceFromTop() > visibilityHeight) !visible && setVisible(true);
+		else if (visible) setVisible(false);
+	}, [
+		getDistanceFromTop,
+		visible,
+		visibilityHeight
+	]);
+	(0, react.useEffect)(() => {
+		const targetNode = target();
+		targetNode.addEventListener("scroll", handleOnScroll);
+		handleOnScroll();
+		return () => {
+			targetNode.removeEventListener("scroll", handleOnScroll);
+		};
+	}, [target, handleOnScroll]);
+	if (visible) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: cls,
+		style,
+		onClick: scrollToTop,
+		"aria-label": "Back to top",
+		children: children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			viewBox: "0 0 1024 1024",
+			width: "18",
+			height: "18",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M563.2 379.757048 563.2 972.755371C563.2 1001.056998 540.219441 1024 512 1024\n                483.723021 1024 460.8 1001.019181 460.8 972.755371L460.8 379.740842 272.093167\n                568.447675C252.13208 588.408762 219.700711 588.340711 199.746554 568.386554 179.75171\n                548.39171 179.766716 515.958656 199.685432 496.039941L473.973319 221.752055C483.353204\n                211.343458 496.929524 204.8 512 204.8 527.198527 204.8 540.850334 211.438998 550.227358\n                221.968936L824.32552 496.0671C844.244236 515.985815 844.259243 548.418868 824.2644\n                568.413712 804.310241 588.367871 771.878874 588.435921 751.917786 568.474834L563.2\n                379.757048ZM0 51.2C0 22.923021 22.82342 0 51.130666 0L972.869334 0C1001.108021 0 1024\n                22.980559 1024 51.2 1024 79.476979 1001.17658 102.4 972.869334 102.4L51.130666\n                102.4C22.891979 102.4 0 79.419441 0 51.2Z",
+				fill: "#ffffff"
+			})
+		})
+	});
+	return null;
+};
+//#endregion
+exports.default = BackTop;
+
+//# sourceMappingURL=back-top.js.map

package/lib/back-top/back-top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-top.js","names":["getPrefixCls","ConfigContext"],"sources":["../../src/back-top/back-top.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Target } from '../_utils/dom';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BackTopProps } from './types';\n\nconst easeInOutCubic = (t: number, b: number, c: number, d: number): number => {\n  const cc = c - b;\n  t /= d / 2;\n  if (t < 1) {\n    return (cc / 2) * t * t * t + b;\n  } else {\n    return (cc / 2) * ((t -= 2) * t * t + 2) + b;\n  }\n};\n\nconst BackTop = (props: BackTopProps): JSX.Element | null => {\n  const {\n    visibilityHeight = 300,\n    target = (): Target => window,\n    prefixCls: customisedCls,\n    onClick,\n    className,\n    style,\n    children,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('back-top', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_custom`]: !!children,\n  });\n  const [visible, setVisible] = useState(true);\n\n  const getDistanceFromTop = useCallback((): number => {\n    const targetNode = target();\n    if (targetNode === window) {\n      return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;\n    }\n    return (targetNode as HTMLElement).scrollTop;\n  }, [target]);\n\n  const setScrollToTop = (distance: number): void => {\n    const targetNode = target();\n    if (targetNode === window) {\n      document.body.scrollTop = distance;\n      document.documentElement.scrollTop = distance;\n    } else {\n      (targetNode as HTMLElement).scrollTop = distance;\n    }\n  };\n\n  const scrollToTop = (e: React.MouseEvent<HTMLButtonElement>): void => {\n    const scrollTop = getDistanceFromTop();\n    const startTime = Date.now();\n    const step = (): void => {\n      const timestamp = Date.now();\n      const time = timestamp - startTime;\n      setScrollToTop(easeInOutCubic(time, scrollTop, 0, 450));\n      if (time < 450) {\n        requestAnimationFrame(step);\n      } else {\n        setScrollToTop(0);\n      }\n    };\n    requestAnimationFrame(step);\n    onClick && onClick(e);\n  };\n\n  const handleOnScroll = useCallback(() => {\n    if (getDistanceFromTop() > visibilityHeight) {\n      !visible && setVisible(true);\n    } else if (visible) {\n      setVisible(false);\n    }\n  }, [getDistanceFromTop, visible, visibilityHeight]);\n\n  useEffect(() => {\n    const targetNode = target();\n    targetNode.addEventListener('scroll', handleOnScroll);\n    handleOnScroll();\n\n    return (): void => {\n      targetNode.removeEventListener('scroll', handleOnScroll);\n    };\n  }, [target, handleOnScroll]);\n\n  if (visible) {\n    return (\n      <button type=\"button\" className={cls} style={style} onClick={scrollToTop} aria-label=\"Back to top\">\n        {children || (\n          <svg viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n            <path\n              d=\"M563.2 379.757048 563.2 972.755371C563.2 1001.056998 540.219441 1024 512 1024\n                483.723021 1024 460.8 1001.019181 460.8 972.755371L460.8 379.740842 272.093167\n                568.447675C252.13208 588.408762 219.700711 588.340711 199.746554 568.386554 179.75171\n                548.39171 179.766716 515.958656 199.685432 496.039941L473.973319 221.752055C483.353204\n                211.343458 496.929524 204.8 512 204.8 527.198527 204.8 540.850334 211.438998 550.227358\n                221.968936L824.32552 496.0671C844.244236 515.985815 844.259243 548.418868 824.2644\n                568.413712 804.310241 588.367871 771.878874 588.435921 751.917786 568.474834L563.2\n                379.757048ZM0 51.2C0 22.923021 22.82342 0 51.130666 0L972.869334 0C1001.108021 0 1024\n                22.980559 1024 51.2 1024 79.476979 1001.17658 102.4 972.869334 102.4L51.130666\n                102.4C22.891979 102.4 0 79.419441 0 51.2Z\"\n              fill=\"#ffffff\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  }\n\n  return null;\n};\n\nexport default BackTop;\n"],"mappings":";;;;;;;;;AAOA,MAAM,kBAAkB,GAAW,GAAW,GAAW,MAAsB;CAC7E,MAAM,KAAK,IAAI;AACf,MAAK,IAAI;AACT,KAAI,IAAI,EACN,QAAQ,KAAK,IAAK,IAAI,IAAI,IAAI;KAE9B,QAAQ,KAAK,MAAO,KAAK,KAAK,IAAI,IAAI,KAAK;;AAI/C,MAAM,WAAW,UAA4C;CAC3D,MAAM,EACJ,mBAAmB,KACnB,eAAuB,QACvB,WAAW,eACX,SACA,WACA,OACA,aACE;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,aAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACU,WAAW,cAAc;CAClF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,WAAW,CAAC,CAAC,UAC5B,CAAC;CACF,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAE5C,MAAM,sBAAA,GAAA,MAAA,mBAA+C;EACnD,MAAM,aAAa,QAAQ;AAC3B,MAAI,eAAe,OACjB,QAAO,OAAO,eAAe,SAAS,KAAK,aAAa,SAAS,gBAAgB;AAEnF,SAAQ,WAA2B;IAClC,CAAC,OAAO,CAAC;CAEZ,MAAM,kBAAkB,aAA2B;EACjD,MAAM,aAAa,QAAQ;AAC3B,MAAI,eAAe,QAAQ;AACzB,YAAS,KAAK,YAAY;AAC1B,YAAS,gBAAgB,YAAY;QAEpC,YAA2B,YAAY;;CAI5C,MAAM,eAAe,MAAiD;EACpE,MAAM,YAAY,oBAAoB;EACtC,MAAM,YAAY,KAAK,KAAK;EAC5B,MAAM,aAAmB;GAEvB,MAAM,OADY,KAAK,KAAK,GACH;AACzB,kBAAe,eAAe,MAAM,WAAW,GAAG,IAAI,CAAC;AACvD,OAAI,OAAO,IACT,uBAAsB,KAAK;OAE3B,gBAAe,EAAE;;AAGrB,wBAAsB,KAAK;AAC3B,aAAW,QAAQ,EAAE;;CAGvB,MAAM,kBAAA,GAAA,MAAA,mBAAmC;AACvC,MAAI,oBAAoB,GAAG,iBACzB,EAAC,WAAW,WAAW,KAAK;WACnB,QACT,YAAW,MAAM;IAElB;EAAC;EAAoB;EAAS;EAAiB,CAAC;AAEnD,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,aAAa,QAAQ;AAC3B,aAAW,iBAAiB,UAAU,eAAe;AACrD,kBAAgB;AAEhB,eAAmB;AACjB,cAAW,oBAAoB,UAAU,eAAe;;IAEzD,CAAC,QAAQ,eAAe,CAAC;AAE5B,KAAI,QACF,QACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,MAAK;EAAS,WAAW;EAAY;EAAO,SAAS;EAAa,cAAW;YAClF,YACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,SAAQ;GAAgB,OAAM;GAAK,QAAO;aAC7C,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,GAAE;IAUF,MAAK;IACL,CAAA;GACE,CAAA;EAED,CAAA;AAIb,QAAO"}

package/lib/back-top/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/back-top/index.tsx
+var back_top_default = require("./back-top.js").default;
+//#endregion
+exports.default = back_top_default;
+
+//# sourceMappingURL=index.js.map

package/lib/back-top/index.js.map

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

package/lib/back-top/style/_index.scss

@@ -0,0 +1,25 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-back-top {
+  position: fixed;
+  right: 40px;
+  bottom: 30px;
+  background-color: var(--ty-back-top-bg);
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+  transition: opacity 200ms linear 0s, visibility;
+
+  &_custom {
+    background: none;
+    width: auto;
+    height: auto;
+    border-radius: 0;
+  }
+}

package/lib/back-top/style/index.css

@@ -0,0 +1,22 @@
+.ty-back-top {
+  position: fixed;
+  right: 40px;
+  bottom: 30px;
+  background-color: var(--ty-back-top-bg);
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+  transition: opacity 200ms linear 0s, visibility;
+}
+.ty-back-top_custom {
+  background: none;
+  width: auto;
+  height: auto;
+  border-radius: 0;
+}

package/lib/back-top/style/index.d.ts

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

package/lib/back-top/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/back-top/types.d.ts

@@ -0,0 +1,14 @@
+import { BaseProps } from "../_utils/props.js";
+import { Target } from "../_utils/dom.js";
+import React from "react";
+
+//#region src/back-top/types.d.ts
+interface BackTopProps extends BaseProps {
+  target?: () => Target;
+  onClick?: (e: React.MouseEvent) => void;
+  visibilityHeight?: number;
+  children?: React.ReactNode;
+}
+//#endregion
+export { BackTopProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/badge/badge.d.ts

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

package/lib/badge/badge.js

@@ -0,0 +1,53 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_warning = require("../_utils/warning.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/badge/badge.tsx
+const Badge = react.default.memo(react.default.forwardRef((props, ref) => {
+	const { count, color = "#f2453d", max = 99, dot = false, processing = false, showZero = false, prefixCls: customisedCls, title, className, badgeStyle, children, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("badge", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, { [`${prefixCls}_no-wrap`]: !children });
+	const dotCls = (0, classnames.default)(`${prefixCls}__dot`, { [`${prefixCls}__dot_wave`]: processing });
+	require_warning.default(!dot && processing, "only dot badge has the processing effect");
+	const renderCount = () => {
+		if (typeof count === "number" || typeof count === "string") {
+			if (count === 0 && !showZero) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sup", {
+				title,
+				className: `${prefixCls}__count`,
+				style: {
+					backgroundColor: color,
+					...badgeStyle
+				},
+				children: typeof count === "number" && count > max ? `${max}+` : count
+			});
+		} else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefixCls}__custom`,
+			children: count
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		...otherProps,
+		ref,
+		className: cls,
+		"aria-label": typeof count === "number" ? `${count > max ? `${max}+` : count} notifications` : void 0,
+		children: [children, dot ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sup", {
+			title,
+			className: dotCls,
+			style: {
+				backgroundColor: color,
+				...badgeStyle
+			}
+		}) : renderCount()]
+	});
+}));
+Badge.displayName = "Badge";
+//#endregion
+exports.default = Badge;
+
+//# sourceMappingURL=badge.js.map

package/lib/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport warning from '../_utils/warning';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BadgeProps } from './types';\n\nconst Badge = React.memo(React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {\n  const {\n    count,\n    color = '#f2453d',\n    max = 99,\n    dot = false,\n    processing = false,\n    showZero = false,\n    prefixCls: customisedCls,\n    title,\n    className,\n    badgeStyle,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('badge', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, { [`${prefixCls}_no-wrap`]: !children });\n  const dotCls = classNames(`${prefixCls}__dot`, { [`${prefixCls}__dot_wave`]: processing });\n\n  warning(!dot && processing, 'only dot badge has the processing effect');\n\n  const renderCount = () => {\n    if (typeof count === 'number' || typeof count === 'string') {\n      if (count === 0 && !showZero) {\n        return null;\n      }\n      return (\n        <sup\n          title={title}\n          className={`${prefixCls}__count`}\n          style={{ backgroundColor: color, ...badgeStyle }}>\n          {typeof count === 'number' && count > max ? `${max}+` : count}\n        </sup>\n      );\n    } else {\n      return <span className={`${prefixCls}__custom`}>{count}</span>;\n    }\n  };\n\n  return (\n    <span\n      {...otherProps}\n      ref={ref}\n      className={cls}\n      aria-label={typeof count === 'number' ? `${count > max ? `${max}+` : count} notifications` : undefined}>\n      {children}\n      {dot ? (\n        <sup title={title} className={dotCls} style={{ backgroundColor: color, ...badgeStyle }} />\n      ) : (\n        renderCount()\n      )}\n    </span>\n  );\n}));\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQA,MAAAA,QAAM,KAAKA,MAAAA,QAAM,YAAyC,OAAO,QAAQ;CACrF,MAAM,EACJ,OACA,QAAQ,WACR,MAAM,IACN,MAAM,OACN,aAAa,OACb,WAAW,OACX,WAAW,eACX,OACA,WACA,YACA,UACA,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,UAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,GAAG,UAAU,YAAY,CAAC,UAAU,CAAC;CACrF,MAAM,UAAA,GAAA,WAAA,SAAoB,GAAG,UAAU,QAAQ,GAAG,GAAG,UAAU,cAAc,YAAY,CAAC;AAE1F,iBAAA,QAAQ,CAAC,OAAO,YAAY,2CAA2C;CAEvE,MAAM,oBAAoB;AACxB,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AAC1D,OAAI,UAAU,KAAK,CAAC,SAClB,QAAO;AAET,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACS;IACP,WAAW,GAAG,UAAU;IACxB,OAAO;KAAE,iBAAiB;KAAO,GAAG;KAAY;cAC/C,OAAO,UAAU,YAAY,QAAQ,MAAM,GAAG,IAAI,KAAK;IACpD,CAAA;QAGR,QAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,GAAG,UAAU;aAAY;GAAa,CAAA;;AAIlE,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,cAAY,OAAO,UAAU,WAAW,GAAG,QAAQ,MAAM,GAAG,IAAI,KAAK,MAAM,kBAAkB,KAAA;YAJ/F,CAKG,UACA,MACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAY;GAAO,WAAW;GAAQ,OAAO;IAAE,iBAAiB;IAAO,GAAG;IAAY;GAAI,CAAA,GAE1F,aAAa,CAEV;;EAET,CAAC;AAEH,MAAM,cAAc"}

package/lib/badge/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/badge/index.tsx
+var badge_default = require("./badge.js").default;
+//#endregion
+exports.default = badge_default;
+
+//# sourceMappingURL=index.js.map

package/lib/badge/index.js.map

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

package/lib/badge/style/_index.scss

@@ -0,0 +1,60 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+@use './mixin' as *;
+
+.#{$prefix}-badge {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+
+  &__count {
+    @include badge-base();
+    min-width: $badge-size;
+    min-height: $badge-size;
+    line-height: $badge-size;
+    padding: 0 5px;
+    color: #fff;
+    font-weight: normal;
+    font-size: $badge-font-size;
+    white-space: nowrap;
+    text-align: center;
+  }
+
+  &__custom {
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translateX(50%) translateY(-50%);
+  }
+
+  &__dot {
+    @include badge-base();
+    width: $badge-dot-size;
+    height: $badge-dot-size;
+    line-height: $badge-dot-size;
+
+    &_wave {
+      &:after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        background-color: inherit;
+        animation: ty-processing 1.2s infinite ease-in-out;
+      }
+    }
+  }
+
+  &_no-wrap {
+    .#{$prefix}-badge__count,
+    .#{$prefix}-badge__dot {
+      display: block;
+      transform: none;
+      position: relative;
+    }
+  }
+}

package/lib/badge/style/_mixin.scss

@@ -0,0 +1,11 @@
+@use '../../style/variables' as *;
+
+@mixin badge-base {
+  box-sizing: border-box;
+  display: inline-block;
+  z-index: 10;
+  position: absolute;
+  transform: translateX(-50%) translateY(-50%);
+  border-radius: $badge-size;
+  box-shadow: var(--ty-badge-shadow);
+}

package/lib/badge/style/index.css

@@ -0,0 +1,85 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-badge {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+}
+.ty-badge__count {
+  box-sizing: border-box;
+  display: inline-block;
+  z-index: 10;
+  position: absolute;
+  transform: translateX(-50%) translateY(-50%);
+  border-radius: 18px;
+  box-shadow: var(--ty-badge-shadow);
+  min-width: 18px;
+  min-height: 18px;
+  line-height: 18px;
+  padding: 0 5px;
+  color: #fff;
+  font-weight: normal;
+  font-size: 12px;
+  white-space: nowrap;
+  text-align: center;
+}
+.ty-badge__custom {
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: translateX(50%) translateY(-50%);
+}
+.ty-badge__dot {
+  box-sizing: border-box;
+  display: inline-block;
+  z-index: 10;
+  position: absolute;
+  transform: translateX(-50%) translateY(-50%);
+  border-radius: 18px;
+  box-shadow: var(--ty-badge-shadow);
+  width: 6px;
+  height: 6px;
+  line-height: 6px;
+}
+.ty-badge__dot_wave:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background-color: inherit;
+  animation: ty-processing 1.2s infinite ease-in-out;
+}
+.ty-badge_no-wrap .ty-badge__count,
+.ty-badge_no-wrap .ty-badge__dot {
+  display: block;
+  transform: none;
+  position: relative;
+}

package/lib/badge/style/index.d.ts

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

package/lib/badge/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/badge/types.d.ts

@@ -0,0 +1,25 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/badge/types.d.ts
+interface BadgeProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+  /** the number to show in badge */
+  count?: React.ReactNode;
+  /** background color */
+  color?: string;
+  /** max count to show */
+  max?: number;
+  /** display a dot only */
+  dot?: boolean;
+  /** display wave effect */
+  processing?: boolean;
+  /** when value is equal to zero, the badge will be hidden by default */
+  showZero?: boolean;
+  /** text to show when hovering over the badge */
+  title?: string;
+  /** internal badge style */
+  badgeStyle?: React.CSSProperties;
+}
+//#endregion
+export { BadgeProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/breadcrumb/breadcrumb-item.d.ts

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

package/lib/breadcrumb/breadcrumb-item.js

@@ -0,0 +1,28 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/breadcrumb/breadcrumb-item.tsx
+const BreadcrumbItem = (props) => {
+	const { separator, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("breadcrumb-item", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		...otherProps,
+		className: cls,
+		style,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefixCls}__separator`,
+			children: separator
+		})]
+	});
+};
+BreadcrumbItem.displayName = "BreadcrumbItem";
+//#endregion
+exports.default = BreadcrumbItem;
+
+//# sourceMappingURL=breadcrumb-item.js.map

package/lib/breadcrumb/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","names":["getPrefixCls","ConfigContext"],"sources":["../../src/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BreadcrumbItemProps } from './types';\n\nconst BreadcrumbItem = (props: BreadcrumbItemProps): React.ReactElement => {\n  const { separator, className, style, children, prefixCls: customisedCls, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('breadcrumb-item', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <li {...otherProps} className={cls} style={style}>\n      {children}\n      <span className={`${prefixCls}__separator`}>{separator}</span>\n    </li>\n  );\n};\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;;;AAMA,MAAM,kBAAkB,UAAmD;CACzE,MAAM,EAAE,WAAW,WAAW,OAAO,UAAU,WAAW,eAAe,GAAG,eAAe;CAE3F,MAAM,YAAYA,gBAAAA,aAAa,oBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACiB,WAAW,cAAc;CACzF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;AAE5C,QACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;EAAI,GAAI;EAAY,WAAW;EAAY;YAA3C,CACG,UACD,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,GAAG,UAAU;aAAe;GAAiB,CAAA,CAC3D;;;AAIT,eAAe,cAAc"}

package/lib/breadcrumb/breadcrumb.d.ts

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

package/lib/breadcrumb/breadcrumb.js

@@ -0,0 +1,30 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/breadcrumb/breadcrumb.tsx
+const Breadcrumb = (props) => {
+	const { separator = "/", prefixCls: customisedCls, className, style, children } = props;
+	const prefixCls = require_general.getPrefixCls("breadcrumb", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: (0, classnames.default)(prefixCls, className),
+		style,
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: `${prefixCls}__ol`,
+			children: react.default.Children.map(children, (child) => {
+				const childProps = { separator };
+				return react.default.cloneElement(child, childProps);
+			})
+		})
+	});
+};
+Breadcrumb.displayName = "Breadcrumb";
+//#endregion
+exports.default = Breadcrumb;
+
+//# sourceMappingURL=breadcrumb.js.map

package/lib/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["getPrefixCls","ConfigContext","React"],"sources":["../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BreadcrumbItemProps, BreadcrumbProps } from './types';\n\nconst Breadcrumb = (props: BreadcrumbProps): React.ReactElement => {\n  const { separator = '/', prefixCls: customisedCls, className, style, children } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('breadcrumb', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <nav className={cls} style={style} aria-label=\"Breadcrumb\">\n      <ol className={`${prefixCls}__ol`}>\n        {React.Children.map(children, (child: ReactElement<BreadcrumbItemProps>) => {\n          const childProps: Partial<BreadcrumbItemProps> = { separator };\n          return React.cloneElement(child, childProps);\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadcrumb.displayName = 'Breadcrumb';\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;;;AAMA,MAAM,cAAc,UAA+C;CACjE,MAAM,EAAE,YAAY,KAAK,WAAW,eAAe,WAAW,OAAO,aAAa;CAElF,MAAM,YAAYA,gBAAAA,aAAa,eAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACY,WAAW,cAAc;AAGpF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,YAAA,GAAA,WAAA,SAHgB,WAAW,UAAU;EAGd;EAAO,cAAW;YAC5C,iBAAA,GAAA,kBAAA,KAAC,MAAD;GAAI,WAAW,GAAG,UAAU;aACzBC,MAAAA,QAAM,SAAS,IAAI,WAAW,UAA6C;IAC1E,MAAM,aAA2C,EAAE,WAAW;AAC9D,WAAOA,MAAAA,QAAM,aAAa,OAAO,WAAW;KAC5C;GACC,CAAA;EACD,CAAA;;AAIV,WAAW,cAAc"}

package/lib/breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+import { Breadcrumb } from "./breadcrumb.js";
+import { BreadcrumbItem } from "./breadcrumb-item.js";
+
+//#region src/breadcrumb/index.d.ts
+type IBreadcrumb = typeof Breadcrumb & {
+  Item: typeof BreadcrumbItem;
+};
+declare const DefaultBreadcrumb: IBreadcrumb;
+//#endregion
+export { DefaultBreadcrumb };
+//# sourceMappingURL=index.d.ts.map

package/lib/breadcrumb/index.js

@@ -0,0 +1,11 @@
+require('../style/base.css');
+require('./style/index.css');
+const require_breadcrumb = require("./breadcrumb.js");
+const require_breadcrumb_item = require("./breadcrumb-item.js");
+//#region src/breadcrumb/index.tsx
+const DefaultBreadcrumb = require_breadcrumb.default;
+DefaultBreadcrumb.Item = require_breadcrumb_item.default;
+//#endregion
+exports.default = DefaultBreadcrumb;
+
+//# sourceMappingURL=index.js.map

package/lib/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Breadcrumb","BreadcrumbItem"],"sources":["../../src/breadcrumb/index.tsx"],"sourcesContent":["import Breadcrumb from './breadcrumb';\nimport BreadcrumbItem from './breadcrumb-item';\n\ntype IBreadcrumb = typeof Breadcrumb & {\n  Item: typeof BreadcrumbItem;\n};\n\nconst DefaultBreadcrumb = Breadcrumb as IBreadcrumb;\nDefaultBreadcrumb.Item = BreadcrumbItem;\n\nexport default DefaultBreadcrumb;\n"],"mappings":";;;AAOA,MAAM,oBAAoBA,mBAAAA;AAC1B,kBAAkB,OAAOC,wBAAAA"}