@lobehub/ui 3.4.2 → 3.4.3

package/es/awesome/Spline/index.d.mts

@@ -0,0 +1,2 @@
+import { SplineProps } from "./type.mjs";
+import "./Spine.mjs";

package/es/awesome/Spline/type.d.mts

@@ -0,0 +1,22 @@
+import { HTMLAttributes, Ref } from "react";
+import { Application, SplineEvent } from "@splinetool/runtime";
+
+//#region src/awesome/Spline/type.d.ts
+interface SplineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onMouseDown' | 'onMouseUp' | 'onMouseHover' | 'onKeyDown' | 'onKeyUp' | 'onWheel'> {
+  onFollow?: (e: SplineEvent) => void;
+  onKeyDown?: (e: SplineEvent) => void;
+  onKeyUp?: (e: SplineEvent) => void;
+  onLoad?: (e: Application) => void;
+  onLookAt?: (e: SplineEvent) => void;
+  onMouseDown?: (e: SplineEvent) => void;
+  onMouseHover?: (e: SplineEvent) => void;
+  onMouseUp?: (e: SplineEvent) => void;
+  onStart?: (e: SplineEvent) => void;
+  onWheel?: (e: SplineEvent) => void;
+  ref?: Ref<HTMLDivElement>;
+  renderOnDemand?: boolean;
+  scene: string;
+}
+//#endregion
+export { SplineProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/Spotlight/Spotlight.d.mts

@@ -0,0 +1,8 @@
+import { SpotlightProps } from "./type.mjs";
+import * as react111 from "react";
+
+//#region src/awesome/Spotlight/Spotlight.d.ts
+declare const Spotlight: react111.NamedExoticComponent<SpotlightProps>;
+//#endregion
+export { Spotlight };
+//# sourceMappingURL=Spotlight.d.mts.map

package/es/awesome/Spotlight/Spotlight.mjs

@@ -0,0 +1,27 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { useMouseOffset } from "./useMouseOffset.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/awesome/Spotlight/Spotlight.tsx
+const Spotlight = memo(({ className, size = 64, ...properties }) => {
+	const [offset, outside, reference] = useMouseOffset();
+	const { styles, cx } = useStyles({
+		offset,
+		outside,
+		size
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles, className),
+		ref: reference,
+		...properties
+	});
+});
+Spotlight.displayName = "Spotlight";
+var Spotlight_default = Spotlight;
+
+//#endregion
+export { Spotlight_default as default };
+//# sourceMappingURL=Spotlight.mjs.map

package/es/awesome/Spotlight/Spotlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.mjs","names":[],"sources":["../../../src/awesome/Spotlight/Spotlight.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { useStyles } from './style';\nimport type { SpotlightProps } from './type';\nimport { useMouseOffset } from './useMouseOffset';\n\nconst Spotlight = memo<SpotlightProps>(({ className, size = 64, ...properties }) => {\n  const [offset, outside, reference] = useMouseOffset();\n  const { styles, cx } = useStyles({ offset, outside, size });\n\n  return <div className={cx(styles, className)} ref={reference} {...properties} />;\n});\n\nSpotlight.displayName = 'Spotlight';\n\nexport default Spotlight;\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,IAAI,GAAG,iBAAiB;CAClF,MAAM,CAAC,QAAQ,SAAS,aAAa,gBAAgB;CACrD,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE;EAAQ;EAAS;EAAM,CAAC;AAE3D,QAAO,oBAAC;EAAI,WAAW,GAAG,QAAQ,UAAU;EAAE,KAAK;EAAW,GAAI;GAAc;EAChF;AAEF,UAAU,cAAc;AAExB,wBAAe"}

package/es/awesome/Spotlight/index.d.mts

@@ -0,0 +1,2 @@
+import { SpotlightProps } from "./type.mjs";
+import { Spotlight } from "./Spotlight.mjs";

package/es/awesome/Spotlight/style.mjs

@@ -0,0 +1,28 @@
+import { createStyles } from "antd-style";
+
+//#region src/awesome/Spotlight/style.ts
+const useStyles = createStyles(({ css: css$1, token, isDarkMode }, { offset, outside, size }) => {
+	const spotlightX = (offset?.x ?? 0) + "px";
+	const spotlightY = (offset?.y ?? 0) + "px";
+	return css$1`
+      pointer-events: none;
+
+      position: absolute;
+      z-index: 1;
+      inset: 0;
+
+      opacity: ${outside ? "0" : ".1"};
+      background: radial-gradient(
+        ${size + "px"} circle at ${spotlightX} ${spotlightY},
+        ${isDarkMode ? token.colorText : "#fff"},
+        ${isDarkMode ? "transparent" : token.colorTextQuaternary}
+      );
+      border-radius: inherit;
+
+      transition: all 0.2s;
+    `;
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/awesome/Spotlight/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Spotlight/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(\n  (\n    { css, token, isDarkMode },\n    { offset, outside, size }: { offset: { x: number; y: number }; outside: boolean; size: number },\n  ) => {\n    const spotlightX = (offset?.x ?? 0) + 'px';\n    const spotlightY = (offset?.y ?? 0) + 'px';\n    const spotlightOpacity = outside ? '0' : '.1';\n    const spotlightSize = size + 'px';\n    return css`\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n\n      opacity: ${spotlightOpacity};\n      background: radial-gradient(\n        ${spotlightSize} circle at ${spotlightX} ${spotlightY},\n        ${isDarkMode ? token.colorText : '#fff'},\n        ${isDarkMode ? 'transparent' : token.colorTextQuaternary}\n      );\n      border-radius: inherit;\n\n      transition: all 0.2s;\n    `;\n  },\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cAErB,EAAE,YAAK,OAAO,cACd,EAAE,QAAQ,SAAS,WAChB;CACH,MAAM,cAAc,QAAQ,KAAK,KAAK;CACtC,MAAM,cAAc,QAAQ,KAAK,KAAK;AAGtC,QAAO,KAAG;;;;;;;iBAFe,UAAU,MAAM,KASX;;UARR,OAAO,KAUT,aAAa,WAAW,GAAG,WAAW;UACpD,aAAa,MAAM,YAAY,OAAO;UACtC,aAAa,gBAAgB,MAAM,oBAAoB;;;;;;EAOhE"}

package/es/awesome/Spotlight/type.d.mts

@@ -0,0 +1,9 @@
+import { DivProps } from "../../types/index.mjs";
+
+//#region src/awesome/Spotlight/type.d.ts
+interface SpotlightProps extends DivProps {
+  size?: number;
+}
+//#endregion
+export { SpotlightProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/Spotlight/useMouseOffset.mjs

@@ -0,0 +1,39 @@
+import { useEffect, useRef, useState } from "react";
+
+//#region src/awesome/Spotlight/useMouseOffset.ts
+const useMouseOffset = () => {
+	const [offset, setOffset] = useState();
+	const [outside, setOutside] = useState(true);
+	const reference = useRef(null);
+	useEffect(() => {
+		if (reference.current && reference.current.parentElement) {
+			const element = reference.current.parentElement;
+			const onMouseMove = (e) => {
+				const bound = element.getBoundingClientRect();
+				setOffset({
+					x: e.clientX - bound.x,
+					y: e.clientY - bound.y
+				});
+				setOutside(false);
+			};
+			const onMouseLeave = () => {
+				setOutside(true);
+			};
+			element.addEventListener("mousemove", onMouseMove);
+			element.addEventListener("mouseleave", onMouseLeave);
+			return () => {
+				element.removeEventListener("mousemove", onMouseMove);
+				element.removeEventListener("mouseleave", onMouseLeave);
+			};
+		}
+	}, []);
+	return [
+		offset,
+		outside,
+		reference
+	];
+};
+
+//#endregion
+export { useMouseOffset };
+//# sourceMappingURL=useMouseOffset.mjs.map

package/es/awesome/Spotlight/useMouseOffset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseOffset.mjs","names":[],"sources":["../../../src/awesome/Spotlight/useMouseOffset.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useMouseOffset = (): any => {\n  const [offset, setOffset] = useState<{ x: number; y: number }>();\n  const [outside, setOutside] = useState(true);\n  const reference = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (reference.current && reference.current.parentElement) {\n      const element = reference.current.parentElement;\n\n      // debounce?\n      const onMouseMove = (e: MouseEvent) => {\n        const bound = element.getBoundingClientRect();\n        setOffset({ x: e.clientX - bound.x, y: e.clientY - bound.y });\n        setOutside(false);\n      };\n\n      const onMouseLeave = () => {\n        setOutside(true);\n      };\n      element.addEventListener('mousemove', onMouseMove);\n      element.addEventListener('mouseleave', onMouseLeave);\n      return () => {\n        element.removeEventListener('mousemove', onMouseMove);\n        element.removeEventListener('mouseleave', onMouseLeave);\n      };\n    }\n  }, []);\n\n  return [offset, outside, reference] as const;\n};\n"],"mappings":";;;AAEA,MAAa,uBAA4B;CACvC,MAAM,CAAC,QAAQ,aAAa,UAAoC;CAChE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,YAAY,OAAuB,KAAK;AAE9C,iBAAgB;AACd,MAAI,UAAU,WAAW,UAAU,QAAQ,eAAe;GACxD,MAAM,UAAU,UAAU,QAAQ;GAGlC,MAAM,eAAe,MAAkB;IACrC,MAAM,QAAQ,QAAQ,uBAAuB;AAC7C,cAAU;KAAE,GAAG,EAAE,UAAU,MAAM;KAAG,GAAG,EAAE,UAAU,MAAM;KAAG,CAAC;AAC7D,eAAW,MAAM;;GAGnB,MAAM,qBAAqB;AACzB,eAAW,KAAK;;AAElB,WAAQ,iBAAiB,aAAa,YAAY;AAClD,WAAQ,iBAAiB,cAAc,aAAa;AACpD,gBAAa;AACX,YAAQ,oBAAoB,aAAa,YAAY;AACrD,YAAQ,oBAAoB,cAAc,aAAa;;;IAG1D,EAAE,CAAC;AAEN,QAAO;EAAC;EAAQ;EAAS;EAAU"}

package/es/awesome/SpotlightCard/SpotlightCard.d.mts

@@ -0,0 +1,8 @@
+import { SpotlightCardProps } from "./type.mjs";
+import * as react114 from "react";
+
+//#region src/awesome/SpotlightCard/SpotlightCard.d.ts
+declare const SpotlightCard: react114.NamedExoticComponent<SpotlightCardProps<any>>;
+//#endregion
+export { SpotlightCard };
+//# sourceMappingURL=SpotlightCard.d.mts.map

package/es/awesome/SpotlightCard/SpotlightCard.mjs

@@ -0,0 +1,54 @@
+'use client';
+
+import Grid_default from "../../Grid/Grid.mjs";
+import { CHILDREN_CLASSNAME, useStyles } from "./style.mjs";
+import SpotlightCardItem_default from "./SpotlightCardItem.mjs";
+import { memo, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/awesome/SpotlightCard/SpotlightCard.tsx
+const SpotlightCard = memo(({ items, renderItem: Content, maxItemWidth, className, columns = 3, gap = "1em", style, size = 800, borderRadius = 12, spotlight = true, ...rest }) => {
+	const { styles, cx } = useStyles({
+		borderRadius,
+		size
+	});
+	const ref = useRef(null);
+	useEffect(() => {
+		if (!ref.current) return;
+		if (!spotlight) return;
+		const fn = (e) => {
+			for (const card of document.querySelectorAll(`.${CHILDREN_CLASSNAME}`)) {
+				const rect = card.getBoundingClientRect(), x = e.clientX - rect.left, y = e.clientY - rect.top;
+				card.style.setProperty("--mouse-x", `${x}px`);
+				card.style.setProperty("--mouse-y", `${y}px`);
+			}
+		};
+		ref.current.addEventListener("mousemove", fn);
+		return () => {
+			ref.current?.removeEventListener("mousemove", fn);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(Grid_default, {
+		className: cx(styles.container, styles.grid, className),
+		gap,
+		maxItemWidth,
+		ref,
+		rows: columns,
+		style,
+		...rest,
+		children: items.map((item, index) => {
+			return /* @__PURE__ */ jsx(SpotlightCardItem_default, {
+				borderRadius,
+				className: CHILDREN_CLASSNAME,
+				size,
+				children: /* @__PURE__ */ jsx(Content, { ...item })
+			}, index);
+		})
+	});
+});
+SpotlightCard.displayName = "SpotlightCard";
+var SpotlightCard_default = SpotlightCard;
+
+//#endregion
+export { SpotlightCard_default as default };
+//# sourceMappingURL=SpotlightCard.mjs.map

package/es/awesome/SpotlightCard/SpotlightCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightCard.mjs","names":["Grid","SpotlightCardItem"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCard.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useEffect, useRef } from 'react';\n\nimport Grid from '@/Grid';\n\nimport SpotlightCardItem from './SpotlightCardItem';\nimport { CHILDREN_CLASSNAME, useStyles } from './style';\nimport type { SpotlightCardProps } from './type';\n\nconst SpotlightCard = memo<SpotlightCardProps>(\n  ({\n    items,\n    renderItem: Content,\n    maxItemWidth,\n    className,\n    columns = 3,\n    gap = '1em',\n    style,\n    size = 800,\n    borderRadius = 12,\n    spotlight = true,\n    ...rest\n  }) => {\n    const { styles, cx } = useStyles({ borderRadius, size });\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (!ref.current) return;\n      if (!spotlight) return;\n      const fn = (e: MouseEvent) => {\n        for (const card of document.querySelectorAll(`.${CHILDREN_CLASSNAME}`)) {\n          const rect = card.getBoundingClientRect(),\n            x = e.clientX - rect.left,\n            y = e.clientY - rect.top;\n\n          (card as HTMLDivElement).style.setProperty('--mouse-x', `${x}px`);\n          (card as HTMLDivElement).style.setProperty('--mouse-y', `${y}px`);\n        }\n      };\n      ref.current.addEventListener('mousemove', fn);\n\n      return () => {\n        ref.current?.removeEventListener('mousemove', fn);\n      };\n    }, []);\n\n    return (\n      <Grid\n        className={cx(styles.container, styles.grid, className)}\n        gap={gap}\n        maxItemWidth={maxItemWidth}\n        ref={ref}\n        rows={columns}\n        style={style}\n        {...rest}\n      >\n        {items.map((item, index) => {\n          return (\n            <SpotlightCardItem\n              borderRadius={borderRadius}\n              className={CHILDREN_CLASSNAME}\n              key={index}\n              size={size}\n            >\n              <Content {...item} />\n            </SpotlightCardItem>\n          );\n        })}\n      </Grid>\n    );\n  },\n);\n\nSpotlightCard.displayName = 'SpotlightCard';\n\nexport default SpotlightCard;\n"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAgB,MACnB,EACC,OACA,YAAY,SACZ,cACA,WACA,UAAU,GACV,MAAM,OACN,OACA,OAAO,KACP,eAAe,IACf,YAAY,MACZ,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE;EAAc;EAAM,CAAC;CACxD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;AACd,MAAI,CAAC,IAAI,QAAS;AAClB,MAAI,CAAC,UAAW;EAChB,MAAM,MAAM,MAAkB;AAC5B,QAAK,MAAM,QAAQ,SAAS,iBAAiB,IAAI,qBAAqB,EAAE;IACtE,MAAM,OAAO,KAAK,uBAAuB,EACvC,IAAI,EAAE,UAAU,KAAK,MACrB,IAAI,EAAE,UAAU,KAAK;AAEvB,IAAC,KAAwB,MAAM,YAAY,aAAa,GAAG,EAAE,IAAI;AACjE,IAAC,KAAwB,MAAM,YAAY,aAAa,GAAG,EAAE,IAAI;;;AAGrE,MAAI,QAAQ,iBAAiB,aAAa,GAAG;AAE7C,eAAa;AACX,OAAI,SAAS,oBAAoB,aAAa,GAAG;;IAElD,EAAE,CAAC;AAEN,QACE,oBAACA;EACC,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM,UAAU;EAClD;EACS;EACT;EACL,MAAM;EACC;EACP,GAAI;YAEH,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAACC;IACe;IACd,WAAW;IAEL;cAEN,oBAAC,WAAQ,GAAI,OAAQ;MAHhB,MAIa;IAEtB;GACG;EAGZ;AAED,cAAc,cAAc;AAE5B,4BAAe"}

package/es/awesome/SpotlightCard/SpotlightCardItem.mjs

@@ -0,0 +1,32 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/awesome/SpotlightCard/SpotlightCardItem.tsx
+const SpotlightCardItem = memo(({ children, className, style, borderRadius, size, ...rest }) => {
+	const { styles, cx } = useStyles({
+		borderRadius,
+		size
+	});
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(styles.itemContainer, className),
+		style: {
+			borderRadius,
+			...style
+		},
+		...rest,
+		children: /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: styles.content,
+			children
+		})
+	});
+});
+SpotlightCardItem.displayName = "SpotlightCardItem";
+var SpotlightCardItem_default = SpotlightCardItem;
+
+//#endregion
+export { SpotlightCardItem_default as default };
+//# sourceMappingURL=SpotlightCardItem.mjs.map

package/es/awesome/SpotlightCard/SpotlightCardItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightCardItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCardItem.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { SpotlightCardItemProps } from './type';\n\nconst SpotlightCardItem = memo<SpotlightCardItemProps>(\n  ({ children, className, style, borderRadius, size, ...rest }) => {\n    const { styles, cx } = useStyles({ borderRadius, size });\n\n    return (\n      <Flexbox\n        className={cx(styles.itemContainer, className)}\n        style={{ borderRadius, ...style }}\n        {...rest}\n      >\n        <Flexbox className={styles.content}>{children}</Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nSpotlightCardItem.displayName = 'SpotlightCardItem';\n\nexport default SpotlightCardItem;\n"],"mappings":";;;;;;;;AASA,MAAM,oBAAoB,MACvB,EAAE,UAAU,WAAW,OAAO,cAAc,MAAM,GAAG,WAAW;CAC/D,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE;EAAc;EAAM,CAAC;AAExD,QACE,oBAACA;EACC,WAAW,GAAG,OAAO,eAAe,UAAU;EAC9C,OAAO;GAAE;GAAc,GAAG;GAAO;EACjC,GAAI;YAEJ,oBAACA;GAAQ,WAAW,OAAO;GAAU;IAAmB;GAChD;EAGf;AAED,kBAAkB,cAAc;AAEhC,gCAAe"}

package/es/awesome/SpotlightCard/index.d.mts

@@ -0,0 +1,2 @@
+import { SpotlightCardProps } from "./type.mjs";
+import { SpotlightCard } from "./SpotlightCard.mjs";

package/es/awesome/SpotlightCard/style.mjs

@@ -0,0 +1,88 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/awesome/SpotlightCard/style.ts
+const CHILDREN_CLASSNAME = "hover-card";
+const useStyles = createStyles(({ css: css$1, responsive, token, isDarkMode }, { size, borderRadius }) => ({
+	container: css$1`
+      &:hover > .${CHILDREN_CLASSNAME}::after {
+        opacity: 1;
+      }
+    `,
+	content: css$1`
+      z-index: 2;
+
+      flex-grow: 1;
+
+      height: 100%;
+      margin: 1px;
+
+      background: ${token.colorBgContainer};
+      border-radius: ${borderRadius - 1}px;
+    `,
+	grid: css$1`
+      display: grid;
+
+      ${responsive.mobile} {
+        display: flex;
+        flex-direction: column;
+      }
+    `,
+	itemContainer: css$1`
+      cursor: pointer;
+
+      position: relative;
+
+      overflow: hidden;
+
+      width: 100%;
+
+      background: ${rgba(token.colorBorderSecondary, .75)};
+      border-radius: ${borderRadius}px;
+
+      &::before,
+      &::after {
+        content: '';
+
+        position: absolute;
+        inset-block-start: 0;
+        inset-inline-start: 0;
+
+        width: 100%;
+        height: 100%;
+
+        opacity: 0;
+        border-radius: inherit;
+
+        transition: opacity 500ms;
+      }
+
+      &::before {
+        pointer-events: none;
+        user-select: none;
+        z-index: 3;
+        background: radial-gradient(
+          ${size}px circle at var(--mouse-x) var(--mouse-y),
+          ${rgba(token.colorTextBase, isDarkMode ? .06 : .02)},
+          transparent 40%
+        );
+      }
+
+      &::after {
+        z-index: 1;
+        background: radial-gradient(
+          ${size * .75}px circle at var(--mouse-x) var(--mouse-y),
+          ${rgba(token.colorTextBase, isDarkMode ? .4 : .2)},
+          transparent 40%
+        );
+      }
+
+      :hover::before {
+        opacity: 1;
+      }
+    `
+}));
+
+//#endregion
+export { CHILDREN_CLASSNAME, useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/awesome/SpotlightCard/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const CHILDREN_CLASSNAME = 'hover-card';\n\nexport const useStyles = createStyles(\n  (\n    { css, responsive, token, isDarkMode },\n    { size, borderRadius }: { borderRadius: number; size: number },\n  ) => ({\n    container: css`\n      &:hover > .${CHILDREN_CLASSNAME}::after {\n        opacity: 1;\n      }\n    `,\n\n    content: css`\n      z-index: 2;\n\n      flex-grow: 1;\n\n      height: 100%;\n      margin: 1px;\n\n      background: ${token.colorBgContainer};\n      border-radius: ${borderRadius - 1}px;\n    `,\n    grid: css`\n      display: grid;\n\n      ${responsive.mobile} {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    itemContainer: css`\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      width: 100%;\n\n      background: ${rgba(token.colorBorderSecondary, 0.75)};\n      border-radius: ${borderRadius}px;\n\n      &::before,\n      &::after {\n        content: '';\n\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        width: 100%;\n        height: 100%;\n\n        opacity: 0;\n        border-radius: inherit;\n\n        transition: opacity 500ms;\n      }\n\n      &::before {\n        pointer-events: none;\n        user-select: none;\n        z-index: 3;\n        background: radial-gradient(\n          ${size}px circle at var(--mouse-x) var(--mouse-y),\n          ${rgba(token.colorTextBase, isDarkMode ? 0.06 : 0.02)},\n          transparent 40%\n        );\n      }\n\n      &::after {\n        z-index: 1;\n        background: radial-gradient(\n          ${size * 0.75}px circle at var(--mouse-x) var(--mouse-y),\n          ${rgba(token.colorTextBase, isDarkMode ? 0.4 : 0.2)},\n          transparent 40%\n        );\n      }\n\n      :hover::before {\n        opacity: 1;\n      }\n    `,\n  }),\n);\n"],"mappings":";;;;AAGA,MAAa,qBAAqB;AAElC,MAAa,YAAY,cAErB,EAAE,YAAK,YAAY,OAAO,cAC1B,EAAE,MAAM,oBACJ;CACJ,WAAW,KAAG;mBACC,mBAAmB;;;;CAKlC,SAAS,KAAG;;;;;;;;oBAQI,MAAM,iBAAiB;uBACpB,eAAe,EAAE;;CAEpC,MAAM,KAAG;;;QAGL,WAAW,OAAO;;;;;CAKtB,eAAe,KAAG;;;;;;;;;oBASF,KAAK,MAAM,sBAAsB,IAAK,CAAC;uBACpC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;YAwBxB,KAAK;YACL,KAAK,MAAM,eAAe,aAAa,MAAO,IAAK,CAAC;;;;;;;;YAQpD,OAAO,IAAK;YACZ,KAAK,MAAM,eAAe,aAAa,KAAM,GAAI,CAAC;;;;;;;;;CAS3D,EACF"}

package/es/awesome/SpotlightCard/type.d.mts

@@ -0,0 +1,17 @@
+import { DivProps } from "../../types/index.mjs";
+import { ReactNode } from "react";
+
+//#region src/awesome/SpotlightCard/type.d.ts
+interface SpotlightCardProps<T = any> extends DivProps {
+  borderRadius?: number;
+  columns?: number;
+  gap?: number | string;
+  items: T[];
+  maxItemWidth?: string | number;
+  renderItem: (item: T) => ReactNode;
+  size?: number;
+  spotlight?: boolean;
+}
+//#endregion
+export { SpotlightCardProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts

@@ -0,0 +1,8 @@
+import { TypewriterEffectProps } from "./type.mjs";
+import * as react110 from "react";
+
+//#region src/awesome/TypewriterEffect/TypewriterEffect.d.ts
+declare const TypewriterEffect: react110.NamedExoticComponent<TypewriterEffectProps>;
+//#endregion
+export { TypewriterEffect };
+//# sourceMappingURL=TypewriterEffect.d.mts.map

package/es/awesome/TypewriterEffect/TypewriterEffect.mjs

@@ -0,0 +1,178 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { motion } from "motion/react";
+import { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/awesome/TypewriterEffect/TypewriterEffect.tsx
+const TypewriterEffect = memo(({ sentences, as: Component = "div", typingSpeed = 100, initialDelay = 0, pauseDuration = 2e3, deletingSpeed = 50, deletePauseDuration = 0, loop = true, className = "", color, showCursor = true, hideCursorWhileTyping = false, cursorCharacter, cursorClassName = "", cursorColor, cursorBlinkDuration = .8, cursorFade = true, cursorStyle = "pipe", textColors = [], variableSpeed, onSentenceComplete, startOnVisible = false, reverseMode = false, segmentMode = "grapheme", ...props }) => {
+	const { styles, cx } = useStyles();
+	const [displayedText, setDisplayedText] = useState("");
+	const [currentCharIndex, setCurrentCharIndex] = useState(0);
+	const [isDeleting, setIsDeleting] = useState(false);
+	const [currentTextIndex, setCurrentTextIndex] = useState(0);
+	const [isVisible, setIsVisible] = useState(!startOnVisible);
+	const [isDeletePausing, setIsDeletePausing] = useState(false);
+	const containerRef = useRef(null);
+	const textArray = useMemo(() => Array.isArray(sentences) ? sentences : [sentences], [sentences]);
+	const splitText = useCallback((text) => {
+		if (typeof Intl !== "undefined" && "Segmenter" in Intl) {
+			const segmenter = new Intl.Segmenter(void 0, { granularity: segmentMode });
+			return Array.from(segmenter.segment(text), (segment) => segment.segment);
+		}
+		if (segmentMode === "word") return text.split(/(\s+)/).filter(Boolean);
+		return Array.from(text);
+	}, [segmentMode]);
+	const getRandomSpeed = useCallback(() => {
+		if (!variableSpeed) return typingSpeed;
+		const { min, max } = variableSpeed;
+		return Math.random() * (max - min) + min;
+	}, [variableSpeed, typingSpeed]);
+	const getCurrentTextColor = () => {
+		if (textColors.length > 0) return textColors[currentTextIndex % textColors.length];
+		return color;
+	};
+	const getCurrentCursorColor = () => {
+		return cursorColor || color;
+	};
+	useEffect(() => {
+		if (!startOnVisible || !containerRef.current) return;
+		const observer = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (entry.isIntersecting) setIsVisible(true);
+			});
+		}, { threshold: .1 });
+		observer.observe(containerRef.current);
+		return () => observer.disconnect();
+	}, [startOnVisible]);
+	useEffect(() => {
+		if (!isVisible) return;
+		let timeout;
+		const currentText = textArray[currentTextIndex];
+		const textSegments = splitText(currentText);
+		const processedText = reverseMode ? textSegments.reverse().join("") : currentText;
+		if (isDeletePausing) {
+			timeout = setTimeout(() => {
+				setIsDeletePausing(false);
+			}, deletePauseDuration);
+			return () => clearTimeout(timeout);
+		}
+		const executeTypingAnimation = () => {
+			if (isDeleting) if (displayedText === "") {
+				setIsDeleting(false);
+				if (currentTextIndex === textArray.length - 1 && !loop) return;
+				if (onSentenceComplete) onSentenceComplete(textArray[currentTextIndex], currentTextIndex);
+				setCurrentTextIndex((prev) => (prev + 1) % textArray.length);
+				setCurrentCharIndex(0);
+				if (deletePauseDuration > 0) {
+					setIsDeletePausing(true);
+					return;
+				}
+			} else timeout = setTimeout(() => {
+				setDisplayedText((prev) => {
+					return splitText(prev).slice(0, -1).join("");
+				});
+			}, deletingSpeed);
+			else {
+				const processedSegments = splitText(processedText);
+				if (currentCharIndex < processedSegments.length) timeout = setTimeout(() => {
+					setDisplayedText((prev) => prev + processedSegments[currentCharIndex]);
+					setCurrentCharIndex((prev) => prev + 1);
+				}, variableSpeed ? getRandomSpeed() : typingSpeed);
+				else if (textArray.length >= 1) {
+					if (!loop && currentTextIndex === textArray.length - 1) return;
+					timeout = setTimeout(() => {
+						setIsDeleting(true);
+					}, pauseDuration);
+				}
+			}
+		};
+		if (currentCharIndex === 0 && !isDeleting && displayedText === "") timeout = setTimeout(executeTypingAnimation, initialDelay);
+		else executeTypingAnimation();
+		return () => clearTimeout(timeout);
+	}, [
+		currentCharIndex,
+		displayedText,
+		isDeleting,
+		isDeletePausing,
+		typingSpeed,
+		deletingSpeed,
+		deletePauseDuration,
+		pauseDuration,
+		textArray,
+		currentTextIndex,
+		loop,
+		initialDelay,
+		isVisible,
+		reverseMode,
+		variableSpeed,
+		onSentenceComplete,
+		getRandomSpeed,
+		splitText
+	]);
+	const getCursorStyle = () => {
+		if (cursorCharacter) return styles.cursorCustom;
+		switch (cursorStyle) {
+			case "block": return styles.cursorBlock;
+			case "dot": return styles.cursorDot;
+			case "underscore": return styles.cursorUnderscore;
+			case "pipe": return styles.cursor;
+		}
+	};
+	const currentTextLength = splitText(textArray[currentTextIndex]).length;
+	const isTyping = currentCharIndex < currentTextLength && !isDeleting;
+	const isAfterTyping = currentCharIndex === currentTextLength && !isDeleting;
+	const shouldHideCursor = (() => {
+		if (hideCursorWhileTyping === true) return true;
+		if (hideCursorWhileTyping === "typing") return isTyping || isDeleting;
+		if (hideCursorWhileTyping === "afterTyping") return isAfterTyping;
+		return false;
+	})();
+	const textColor = getCurrentTextColor();
+	const finalCursorColor = getCurrentCursorColor();
+	const characters = splitText(displayedText);
+	return createElement(Component, {
+		className: cx(styles.container, className),
+		ref: containerRef,
+		...props
+	}, /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		className: styles.text,
+		style: textColor ? { color: textColor } : void 0,
+		children: characters.map((char, index) => /* @__PURE__ */ jsx(motion.span, {
+			animate: { opacity: 1 },
+			initial: { opacity: 0 },
+			style: { display: "inline-block" },
+			transition: {
+				duration: typingSpeed / 500,
+				ease: "easeInOut"
+			},
+			children: char === " " ? "\xA0" : char
+		}, `${currentTextIndex}-${index}`))
+	}), showCursor && (cursorFade ? /* @__PURE__ */ jsx(motion.span, {
+		animate: { opacity: shouldHideCursor ? 0 : 1 },
+		className: cx(getCursorStyle(), cursorClassName),
+		initial: { opacity: 0 },
+		style: finalCursorColor ? { backgroundColor: finalCursorColor } : void 0,
+		transition: {
+			duration: shouldHideCursor ? .2 : cursorBlinkDuration,
+			ease: "easeInOut",
+			repeat: shouldHideCursor ? 0 : Number.POSITIVE_INFINITY,
+			repeatType: "reverse"
+		},
+		children: cursorCharacter
+	}) : /* @__PURE__ */ jsx("span", {
+		className: cx(getCursorStyle(), cursorClassName),
+		style: {
+			backgroundColor: finalCursorColor,
+			opacity: shouldHideCursor ? 0 : 1
+		},
+		children: cursorCharacter
+	}))] }));
+});
+TypewriterEffect.displayName = "TypewriterEffect";
+var TypewriterEffect_default = TypewriterEffect;
+
+//#endregion
+export { TypewriterEffect_default as default };
+//# sourceMappingURL=TypewriterEffect.mjs.map

package/es/awesome/TypewriterEffect/TypewriterEffect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypewriterEffect.mjs","names":["timeout: ReturnType<typeof setTimeout>"],"sources":["../../../src/awesome/TypewriterEffect/TypewriterEffect.tsx"],"sourcesContent":["'use client';\n\nimport { motion } from 'motion/react';\nimport { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useStyles } from './style';\nimport type { TypewriterEffectProps } from './type';\n\nconst TypewriterEffect = memo<TypewriterEffectProps>(\n  ({\n    sentences,\n    as: Component = 'div',\n    typingSpeed = 100,\n    initialDelay = 0,\n    pauseDuration = 2000,\n    deletingSpeed = 50,\n    deletePauseDuration = 0,\n    loop = true,\n    className = '',\n    color,\n    showCursor = true,\n    hideCursorWhileTyping = false,\n    cursorCharacter,\n    cursorClassName = '',\n    cursorColor,\n    cursorBlinkDuration = 0.8,\n    cursorFade = true,\n    cursorStyle = 'pipe',\n    textColors = [],\n    variableSpeed,\n    onSentenceComplete,\n    startOnVisible = false,\n    reverseMode = false,\n    segmentMode = 'grapheme',\n    ...props\n  }: TypewriterEffectProps) => {\n    const { styles, cx } = useStyles();\n    const [displayedText, setDisplayedText] = useState('');\n    const [currentCharIndex, setCurrentCharIndex] = useState(0);\n    const [isDeleting, setIsDeleting] = useState(false);\n    const [currentTextIndex, setCurrentTextIndex] = useState(0);\n    const [isVisible, setIsVisible] = useState(!startOnVisible);\n    const [isDeletePausing, setIsDeletePausing] = useState(false);\n    const containerRef = useRef<HTMLElement>(null);\n\n    const textArray = useMemo(\n      () => (Array.isArray(sentences) ? sentences : [sentences]),\n      [sentences],\n    );\n\n    // Helper function to split text based on segment mode\n    const splitText = useCallback(\n      (text: string): string[] => {\n        // Use Intl.Segmenter if available\n        if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {\n          const segmenter = new Intl.Segmenter(undefined, { granularity: segmentMode });\n          return Array.from(segmenter.segment(text), (segment) => segment.segment);\n        }\n\n        // Fallback when Intl.Segmenter is not available\n        if (segmentMode === 'word') {\n          // Simple word splitting fallback\n          return text.split(/(\\s+)/).filter(Boolean);\n        }\n\n        // Grapheme fallback\n        return Array.from(text);\n      },\n      [segmentMode],\n    );\n\n    const getRandomSpeed = useCallback(() => {\n      if (!variableSpeed) return typingSpeed;\n      const { min, max } = variableSpeed;\n      return Math.random() * (max - min) + min;\n    }, [variableSpeed, typingSpeed]);\n\n    const getCurrentTextColor = () => {\n      if (textColors.length > 0) {\n        return textColors[currentTextIndex % textColors.length];\n      }\n      return color;\n    };\n\n    const getCurrentCursorColor = () => {\n      return cursorColor || color;\n    };\n\n    useEffect(() => {\n      if (!startOnVisible || !containerRef.current) return;\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              setIsVisible(true);\n            }\n          });\n        },\n        { threshold: 0.1 },\n      );\n\n      observer.observe(containerRef.current);\n\n      return () => observer.disconnect();\n    }, [startOnVisible]);\n\n    useEffect(() => {\n      if (!isVisible) return;\n\n      let timeout: ReturnType<typeof setTimeout>;\n\n      const currentText = textArray[currentTextIndex];\n      // Split text based on segment mode\n      const textSegments = splitText(currentText);\n      const processedText = reverseMode ? textSegments.reverse().join('') : currentText;\n\n      // Handle delete pause state\n      if (isDeletePausing) {\n        timeout = setTimeout(() => {\n          setIsDeletePausing(false);\n        }, deletePauseDuration);\n        return () => clearTimeout(timeout);\n      }\n\n      const executeTypingAnimation = () => {\n        if (isDeleting) {\n          if (displayedText === '') {\n            setIsDeleting(false);\n            if (currentTextIndex === textArray.length - 1 && !loop) {\n              return;\n            }\n            if (onSentenceComplete) {\n              onSentenceComplete(textArray[currentTextIndex], currentTextIndex);\n            }\n            setCurrentTextIndex((prev) => (prev + 1) % textArray.length);\n            setCurrentCharIndex(0);\n\n            if (deletePauseDuration > 0) {\n              setIsDeletePausing(true);\n              return;\n            }\n          } else {\n            timeout = setTimeout(() => {\n              setDisplayedText((prev) => {\n                const segments = splitText(prev);\n                return segments.slice(0, -1).join('');\n              });\n            }, deletingSpeed);\n          }\n        } else {\n          const processedSegments = splitText(processedText);\n          if (currentCharIndex < processedSegments.length) {\n            timeout = setTimeout(\n              () => {\n                setDisplayedText((prev) => prev + processedSegments[currentCharIndex]);\n                setCurrentCharIndex((prev) => prev + 1);\n              },\n              variableSpeed ? getRandomSpeed() : typingSpeed,\n            );\n          } else if (textArray.length >= 1) {\n            if (!loop && currentTextIndex === textArray.length - 1) return;\n\n            timeout = setTimeout(() => {\n              setIsDeleting(true);\n            }, pauseDuration);\n          }\n        }\n      };\n\n      if (currentCharIndex === 0 && !isDeleting && displayedText === '') {\n        timeout = setTimeout(executeTypingAnimation, initialDelay);\n      } else {\n        executeTypingAnimation();\n      }\n\n      return () => clearTimeout(timeout);\n    }, [\n      currentCharIndex,\n      displayedText,\n      isDeleting,\n      isDeletePausing,\n      typingSpeed,\n      deletingSpeed,\n      deletePauseDuration,\n      pauseDuration,\n      textArray,\n      currentTextIndex,\n      loop,\n      initialDelay,\n      isVisible,\n      reverseMode,\n      variableSpeed,\n      onSentenceComplete,\n      getRandomSpeed,\n      splitText,\n    ]);\n\n    const getCursorStyle = () => {\n      if (cursorCharacter) return styles.cursorCustom;\n\n      switch (cursorStyle) {\n        case 'block': {\n          return styles.cursorBlock;\n        }\n        case 'dot': {\n          return styles.cursorDot;\n        }\n        case 'underscore': {\n          return styles.cursorUnderscore;\n        }\n        case 'pipe': {\n          return styles.cursor;\n        }\n      }\n    };\n\n    const currentTextLength = splitText(textArray[currentTextIndex]).length;\n    const isTyping = currentCharIndex < currentTextLength && !isDeleting;\n    const isAfterTyping = currentCharIndex === currentTextLength && !isDeleting;\n\n    const shouldHideCursor = (() => {\n      if (hideCursorWhileTyping === true) return true; // 完全隐藏\n      if (hideCursorWhileTyping === 'typing') return isTyping || isDeleting; // 打字和删除时隐藏\n      if (hideCursorWhileTyping === 'afterTyping') return isAfterTyping; // 打字完成后隐藏\n      return false;\n    })();\n\n    const textColor = getCurrentTextColor();\n    const finalCursorColor = getCurrentCursorColor();\n\n    // Split displayed text for animation\n    const characters = splitText(displayedText);\n\n    return createElement(\n      Component,\n      {\n        className: cx(styles.container, className),\n        ref: containerRef,\n        ...props,\n      },\n      <>\n        <span className={styles.text} style={textColor ? { color: textColor } : undefined}>\n          {characters.map((char, index) => (\n            <motion.span\n              animate={{ opacity: 1 }}\n              initial={{ opacity: 0 }}\n              key={`${currentTextIndex}-${index}`}\n              style={{ display: 'inline-block' }}\n              transition={{\n                duration: typingSpeed / 500,\n                ease: 'easeInOut',\n              }}\n            >\n              {char === ' ' ? '\\u00A0' : char}\n            </motion.span>\n          ))}\n        </span>\n        {showCursor &&\n          (cursorFade ? (\n            <motion.span\n              animate={{ opacity: shouldHideCursor ? 0 : 1 }}\n              className={cx(getCursorStyle(), cursorClassName)}\n              initial={{ opacity: 0 }}\n              style={finalCursorColor ? { backgroundColor: finalCursorColor } : undefined}\n              transition={{\n                duration: shouldHideCursor ? 0.2 : cursorBlinkDuration,\n                ease: 'easeInOut',\n                repeat: shouldHideCursor ? 0 : Number.POSITIVE_INFINITY,\n                repeatType: 'reverse',\n              }}\n            >\n              {cursorCharacter}\n            </motion.span>\n          ) : (\n            <span\n              className={cx(getCursorStyle(), cursorClassName)}\n              style={{\n                backgroundColor: finalCursorColor,\n                opacity: shouldHideCursor ? 0 : 1,\n              }}\n            >\n              {cursorCharacter}\n            </span>\n          ))}\n      </>,\n    );\n  },\n);\n\nTypewriterEffect.displayName = 'TypewriterEffect';\n\nexport default TypewriterEffect;\n"],"mappings":"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"}

package/es/awesome/TypewriterEffect/index.d.mts

@@ -0,0 +1,2 @@
+import { CursorStyle, SegmentMode, TypewriterEffectProps } from "./type.mjs";
+import { TypewriterEffect } from "./TypewriterEffect.mjs";