@lobehub/ui 5.6.2 → 5.6.4

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

@@ -1 +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"}
+{"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

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

package/es/awesome/SpotlightCard/SpotlightCard.mjs

@@ -1,12 +1,10 @@
-'use client';
-
-import Grid_default from "../../Grid/Grid.mjs";
+"use client";
+import Grid from "../../Grid/Grid.mjs";
 import { CHILDREN_CLASSNAME, styles } from "./style.mjs";
-import SpotlightCardItem_default from "./SpotlightCardItem.mjs";
+import SpotlightCardItem from "./SpotlightCardItem.mjs";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#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 cssVariables = useMemo(() => ({
@@ -29,7 +27,7 @@ const SpotlightCard = memo(({ items, renderItem: Content, maxItemWidth, classNam
 			ref.current?.removeEventListener("mousemove", fn);
 		};
 	}, []);
-	return /* @__PURE__ */ jsx(Grid_default, {
+	return /* @__PURE__ */ jsx(Grid, {
 		className: cx(styles.container, styles.grid, className),
 		gap,
 		maxItemWidth,
@@ -41,7 +39,7 @@ const SpotlightCard = memo(({ items, renderItem: Content, maxItemWidth, classNam
 		},
 		...rest,
 		children: items.map((item, index) => {
-			return /* @__PURE__ */ jsx(SpotlightCardItem_default, {
+			return /* @__PURE__ */ jsx(SpotlightCardItem, {
 				borderRadius,
 				className: CHILDREN_CLASSNAME,
 				size,
@@ -51,8 +49,7 @@ const SpotlightCard = memo(({ items, renderItem: Content, maxItemWidth, classNam
 	});
 });
 SpotlightCard.displayName = "SpotlightCard";
-var SpotlightCard_default = SpotlightCard;
-
 //#endregion
-export { SpotlightCard_default as default };
+export { SpotlightCard as default };
+
 //# sourceMappingURL=SpotlightCard.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpotlightCard.mjs","names":["Grid","SpotlightCardItem"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport Grid from '@/Grid';\n\nimport SpotlightCardItem from './SpotlightCardItem';\nimport { CHILDREN_CLASSNAME, styles } 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 cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\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={{\n          ...cssVariables,\n          ...style,\n        }}\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":";;;;;;;;;;AAWA,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,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;CACD,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;EACN,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,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"}
+{"version":3,"file":"SpotlightCard.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/SpotlightCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport Grid from '@/Grid';\n\nimport SpotlightCardItem from './SpotlightCardItem';\nimport { CHILDREN_CLASSNAME, styles } 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 cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\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={{\n          ...cssVariables,\n          ...style,\n        }}\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":";;;;;;;;AAWA,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,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;CACD,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;AAEtB,SAAwB,MAAM,YAAY,aAAa,GAAG,EAAE,IAAI;AAChE,SAAwB,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,oBAAC,MAAD;EACE,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM,UAAU;EAClD;EACS;EACT;EACL,MAAM;EACN,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;YAEH,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAAC,mBAAD;IACgB;IACd,WAAW;IAEL;cAEN,oBAAC,SAAD,EAAS,GAAI,MAAQ,CAAA;IACH,EAJb,MAIa;IAEtB;EACG,CAAA;EAGZ;AAED,cAAc,cAAc"}

package/es/awesome/SpotlightCard/SpotlightCardItem.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/awesome/SpotlightCard/SpotlightCardItem.tsx
 const SpotlightCardItem = memo(({ children, className, style, borderRadius, size, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -28,8 +26,7 @@ const SpotlightCardItem = memo(({ children, className, style, borderRadius, size
 	});
 });
 SpotlightCardItem.displayName = "SpotlightCardItem";
-var SpotlightCardItem_default = SpotlightCardItem;
-
 //#endregion
-export { SpotlightCardItem_default as default };
+export { SpotlightCardItem as default };
+
 //# sourceMappingURL=SpotlightCardItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpotlightCardItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCardItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SpotlightCardItemProps } from './type';\n\nconst SpotlightCardItem = memo<SpotlightCardItemProps>(\n  ({ children, className, style, borderRadius, size, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n\n    return (\n      <Flexbox\n        className={cx(isDarkMode ? styles.itemContainerDark : styles.itemContainerLight, className)}\n        style={{\n          ...cssVariables,\n          borderRadius,\n          ...style,\n        }}\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":";;;;;;;;;AAUA,MAAM,oBAAoB,MACvB,EAAE,UAAU,WAAW,OAAO,cAAc,MAAM,GAAG,WAAW;CAC/D,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;AAED,QACE,oBAACA;EACC,WAAW,GAAG,aAAa,OAAO,oBAAoB,OAAO,oBAAoB,UAAU;EAC3F,OAAO;GACL,GAAG;GACH;GACA,GAAG;GACJ;EACD,GAAI;YAEJ,oBAACA;GAAQ,WAAW,OAAO;GAAU;IAAmB;GAChD;EAGf;AAED,kBAAkB,cAAc;AAEhC,gCAAe"}
+{"version":3,"file":"SpotlightCardItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCardItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SpotlightCardItemProps } from './type';\n\nconst SpotlightCardItem = memo<SpotlightCardItemProps>(\n  ({ children, className, style, borderRadius, size, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n\n    return (\n      <Flexbox\n        className={cx(isDarkMode ? styles.itemContainerDark : styles.itemContainerLight, className)}\n        style={{\n          ...cssVariables,\n          borderRadius,\n          ...style,\n        }}\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":";;;;;;;AAUA,MAAM,oBAAoB,MACvB,EAAE,UAAU,WAAW,OAAO,cAAc,MAAM,GAAG,WAAW;CAC/D,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;AAED,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,aAAa,OAAO,oBAAoB,OAAO,oBAAoB,UAAU;EAC3F,OAAO;GACL,GAAG;GACH;GACA,GAAG;GACJ;EACD,GAAI;YAEJ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAU;GAAmB,CAAA;EAChD,CAAA;EAGf;AAED,kBAAkB,cAAc"}

package/es/awesome/SpotlightCard/style.mjs

@@ -1,14 +1,13 @@
 import { createStaticStyles, responsive } from "antd-style";
-
 //#region src/awesome/SpotlightCard/style.ts
 const CHILDREN_CLASSNAME = "hover-card";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	container: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	container: css`
     &:hover > .${CHILDREN_CLASSNAME}::after {
       opacity: 1;
     }
   `,
-	content: css$1`
+	content: css`
     z-index: 2;
 
     flex-grow: 1;
@@ -17,9 +16,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     margin: 1px;
     border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);
 
-    background: ${cssVar$1.colorBgContainer};
+    background: ${cssVar.colorBgContainer};
   `,
-	grid: css$1`
+	grid: css`
     display: grid;
 
     ${responsive.sm} {
@@ -27,7 +26,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       flex-direction: column;
     }
   `,
-	itemContainerDark: css$1`
+	itemContainerDark: css`
     cursor: pointer;
 
     position: relative;
@@ -37,7 +36,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     width: 100%;
     border-radius: var(--spotlight-card-border-radius, 12px);
 
-    background: color-mix(in srgb, ${cssVar$1.colorBorderSecondary} 75%, transparent);
+    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);
 
     &::before,
     &::after {
@@ -62,7 +61,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       z-index: 3;
       background: radial-gradient(
         var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),
-        color-mix(in srgb, ${cssVar$1.colorTextBase} 6%, transparent),
+        color-mix(in srgb, ${cssVar.colorTextBase} 6%, transparent),
         transparent 40%
       );
     }
@@ -71,7 +70,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       z-index: 1;
       background: radial-gradient(
         calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),
-        color-mix(in srgb, ${cssVar$1.colorTextBase} 40%, transparent),
+        color-mix(in srgb, ${cssVar.colorTextBase} 40%, transparent),
         transparent 40%
       );
     }
@@ -80,7 +79,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       opacity: 1;
     }
   `,
-	itemContainerLight: css$1`
+	itemContainerLight: css`
     cursor: pointer;
 
     position: relative;
@@ -90,7 +89,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     width: 100%;
     border-radius: var(--spotlight-card-border-radius, 12px);
 
-    background: color-mix(in srgb, ${cssVar$1.colorBorderSecondary} 75%, transparent);
+    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);
 
     &::before,
     &::after {
@@ -115,7 +114,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       z-index: 3;
       background: radial-gradient(
         var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),
-        color-mix(in srgb, ${cssVar$1.colorTextBase} 2%, transparent),
+        color-mix(in srgb, ${cssVar.colorTextBase} 2%, transparent),
         transparent 40%
       );
     }
@@ -124,7 +123,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       z-index: 1;
       background: radial-gradient(
         calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),
-        color-mix(in srgb, ${cssVar$1.colorTextBase} 20%, transparent),
+        color-mix(in srgb, ${cssVar.colorTextBase} 20%, transparent),
         transparent 40%
       );
     }
@@ -134,7 +133,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     }
   `
 }));
-
 //#endregion
 export { CHILDREN_CLASSNAME, styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/awesome/SpotlightCard/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const CHILDREN_CLASSNAME = 'hover-card';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\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    border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);\n\n    background: ${cssVar.colorBgContainer};\n  `,\n  grid: css`\n    display: grid;\n\n    ${responsive.sm} {\n      display: flex;\n      flex-direction: column;\n    }\n  `,\n  itemContainerDark: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\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      border-radius: inherit;\n\n      opacity: 0;\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        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 6%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 40%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n\n  itemContainerLight: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\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      border-radius: inherit;\n\n      opacity: 0;\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        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 2%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 20%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,qBAAqB;AAElC,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,WAAW,KAAG;iBACC,mBAAmB;;;;CAKlC,SAAS,KAAG;;;;;;;;;kBASIA,SAAO,iBAAiB;;CAExC,MAAM,KAAG;;;MAGL,WAAW,GAAG;;;;;CAKlB,mBAAmB,KAAG;;;;;;;;;;qCAUaA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpCA,SAAO,cAAc;;;;;;;;;6BASrBA,SAAO,cAAc;;;;;;;;;CAUhD,oBAAoB,KAAG;;;;;;;;;;qCAUYA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpCA,SAAO,cAAc;;;;;;;;;6BASrBA,SAAO,cAAc;;;;;;;;;CASjD,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const CHILDREN_CLASSNAME = 'hover-card';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\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    border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);\n\n    background: ${cssVar.colorBgContainer};\n  `,\n  grid: css`\n    display: grid;\n\n    ${responsive.sm} {\n      display: flex;\n      flex-direction: column;\n    }\n  `,\n  itemContainerDark: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\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      border-radius: inherit;\n\n      opacity: 0;\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        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 6%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 40%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n\n  itemContainerLight: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\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      border-radius: inherit;\n\n      opacity: 0;\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        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 2%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 20%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,qBAAqB;AAElC,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;iBACC,mBAAmB;;;;CAKlC,SAAS,GAAG;;;;;;;;;kBASI,OAAO,iBAAiB;;CAExC,MAAM,GAAG;;;MAGL,WAAW,GAAG;;;;;CAKlB,mBAAmB,GAAG;;;;;;;;;;qCAUa,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;CAUhD,oBAAoB,GAAG;;;;;;;;;;qCAUY,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;CASjD,EAAE"}

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

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

package/es/awesome/TypewriterEffect/TypewriterEffect.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { useMotionComponent } from "../../MotionProvider/index.mjs";
 import { styles } from "./style.mjs";
 import { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#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 Motion = useMotionComponent();
@@ -173,8 +171,7 @@ const TypewriterEffect = memo(({ sentences, as: Component = "div", typingSpeed =
 	}))] }));
 });
 TypewriterEffect.displayName = "TypewriterEffect";
-var TypewriterEffect_default = TypewriterEffect;
-
 //#endregion
-export { TypewriterEffect_default as default };
+export { TypewriterEffect as default };
+
 //# sourceMappingURL=TypewriterEffect.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypewriterEffect.mjs","names":["timeout: ReturnType<typeof setTimeout>"],"sources":["../../../src/awesome/TypewriterEffect/TypewriterEffect.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { styles } 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 Motion = useMotionComponent();\n    const cxStyles = cx;\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: cxStyles(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={cxStyles(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={cxStyles(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":";;;;;;;;;AAUA,MAAM,mBAAmB,MACtB,EACC,WACA,IAAI,YAAY,OAChB,cAAc,KACd,eAAe,GACf,gBAAgB,KAChB,gBAAgB,IAChB,sBAAsB,GACtB,OAAO,MACP,YAAY,IACZ,OACA,aAAa,MACb,wBAAwB,OACxB,iBACA,kBAAkB,IAClB,aACA,sBAAsB,IACtB,aAAa,MACb,cAAc,QACd,aAAa,EAAE,EACf,eACA,oBACA,iBAAiB,OACjB,cAAc,OACd,cAAc,YACd,GAAG,YACwB;CAC3B,MAAM,SAAS,oBAAoB;CACnC,MAAM,WAAW;CACjB,MAAM,CAAC,eAAe,oBAAoB,SAAS,GAAG;CACtD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,EAAE;CAC3D,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,EAAE;CAC3D,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC,eAAe;CAC3D,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,eAAe,OAAoB,KAAK;CAE9C,MAAM,YAAY,cACT,MAAM,QAAQ,UAAU,GAAG,YAAY,CAAC,UAAU,EACzD,CAAC,UAAU,CACZ;CAGD,MAAM,YAAY,aACf,SAA2B;AAE1B,MAAI,OAAO,SAAS,eAAe,eAAe,MAAM;GACtD,MAAM,YAAY,IAAI,KAAK,UAAU,QAAW,EAAE,aAAa,aAAa,CAAC;AAC7E,UAAO,MAAM,KAAK,UAAU,QAAQ,KAAK,GAAG,YAAY,QAAQ,QAAQ;;AAI1E,MAAI,gBAAgB,OAElB,QAAO,KAAK,MAAM,QAAQ,CAAC,OAAO,QAAQ;AAI5C,SAAO,MAAM,KAAK,KAAK;IAEzB,CAAC,YAAY,CACd;CAED,MAAM,iBAAiB,kBAAkB;AACvC,MAAI,CAAC,cAAe,QAAO;EAC3B,MAAM,EAAE,KAAK,QAAQ;AACrB,SAAO,KAAK,QAAQ,IAAI,MAAM,OAAO;IACpC,CAAC,eAAe,YAAY,CAAC;CAEhC,MAAM,4BAA4B;AAChC,MAAI,WAAW,SAAS,EACtB,QAAO,WAAW,mBAAmB,WAAW;AAElD,SAAO;;CAGT,MAAM,8BAA8B;AAClC,SAAO,eAAe;;AAGxB,iBAAgB;AACd,MAAI,CAAC,kBAAkB,CAAC,aAAa,QAAS;EAE9C,MAAM,WAAW,IAAI,sBAClB,YAAY;AACX,WAAQ,SAAS,UAAU;AACzB,QAAI,MAAM,eACR,cAAa,KAAK;KAEpB;KAEJ,EAAE,WAAW,IAAK,CACnB;AAED,WAAS,QAAQ,aAAa,QAAQ;AAEtC,eAAa,SAAS,YAAY;IACjC,CAAC,eAAe,CAAC;AAEpB,iBAAgB;AACd,MAAI,CAAC,UAAW;EAEhB,IAAIA;EAEJ,MAAM,cAAc,UAAU;EAE9B,MAAM,eAAe,UAAU,YAAY;EAC3C,MAAM,gBAAgB,cAAc,aAAa,SAAS,CAAC,KAAK,GAAG,GAAG;AAGtE,MAAI,iBAAiB;AACnB,aAAU,iBAAiB;AACzB,uBAAmB,MAAM;MACxB,oBAAoB;AACvB,gBAAa,aAAa,QAAQ;;EAGpC,MAAM,+BAA+B;AACnC,OAAI,WACF,KAAI,kBAAkB,IAAI;AACxB,kBAAc,MAAM;AACpB,QAAI,qBAAqB,UAAU,SAAS,KAAK,CAAC,KAChD;AAEF,QAAI,mBACF,oBAAmB,UAAU,mBAAmB,iBAAiB;AAEnE,yBAAqB,UAAU,OAAO,KAAK,UAAU,OAAO;AAC5D,wBAAoB,EAAE;AAEtB,QAAI,sBAAsB,GAAG;AAC3B,wBAAmB,KAAK;AACxB;;SAGF,WAAU,iBAAiB;AACzB,sBAAkB,SAAS;AAEzB,YADiB,UAAU,KAAK,CAChB,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG;MACrC;MACD,cAAc;QAEd;IACL,MAAM,oBAAoB,UAAU,cAAc;AAClD,QAAI,mBAAmB,kBAAkB,OACvC,WAAU,iBACF;AACJ,uBAAkB,SAAS,OAAO,kBAAkB,kBAAkB;AACtE,0BAAqB,SAAS,OAAO,EAAE;OAEzC,gBAAgB,gBAAgB,GAAG,YACpC;aACQ,UAAU,UAAU,GAAG;AAChC,SAAI,CAAC,QAAQ,qBAAqB,UAAU,SAAS,EAAG;AAExD,eAAU,iBAAiB;AACzB,oBAAc,KAAK;QAClB,cAAc;;;;AAKvB,MAAI,qBAAqB,KAAK,CAAC,cAAc,kBAAkB,GAC7D,WAAU,WAAW,wBAAwB,aAAa;MAE1D,yBAAwB;AAG1B,eAAa,aAAa,QAAQ;IACjC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,uBAAuB;AAC3B,MAAI,gBAAiB,QAAO,OAAO;AAEnC,UAAQ,aAAR;GACE,KAAK,QACH,QAAO,OAAO;GAEhB,KAAK,MACH,QAAO,OAAO;GAEhB,KAAK,aACH,QAAO,OAAO;GAEhB,KAAK,OACH,QAAO,OAAO;;;CAKpB,MAAM,oBAAoB,UAAU,UAAU,kBAAkB,CAAC;CACjE,MAAM,WAAW,mBAAmB,qBAAqB,CAAC;CAC1D,MAAM,gBAAgB,qBAAqB,qBAAqB,CAAC;CAEjE,MAAM,0BAA0B;AAC9B,MAAI,0BAA0B,KAAM,QAAO;AAC3C,MAAI,0BAA0B,SAAU,QAAO,YAAY;AAC3D,MAAI,0BAA0B,cAAe,QAAO;AACpD,SAAO;KACL;CAEJ,MAAM,YAAY,qBAAqB;CACvC,MAAM,mBAAmB,uBAAuB;CAGhD,MAAM,aAAa,UAAU,cAAc;AAE3C,QAAO,cACL,WACA;EACE,WAAW,SAAS,OAAO,WAAW,UAAU;EAChD,KAAK;EACL,GAAG;EACJ,EACD,8CACE,oBAAC;EAAK,WAAW,OAAO;EAAM,OAAO,YAAY,EAAE,OAAO,WAAW,GAAG;YACrE,WAAW,KAAK,MAAM,UACrB,oBAAC,OAAO;GACN,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;GAEvB,OAAO,EAAE,SAAS,gBAAgB;GAClC,YAAY;IACV,UAAU,cAAc;IACxB,MAAM;IACP;aAEA,SAAS,MAAM,SAAW;KAPtB,GAAG,iBAAiB,GAAG,QAQhB,CACd;GACG,EACN,eACE,aACC,oBAAC,OAAO;EACN,SAAS,EAAE,SAAS,mBAAmB,IAAI,GAAG;EAC9C,WAAW,SAAS,gBAAgB,EAAE,gBAAgB;EACtD,SAAS,EAAE,SAAS,GAAG;EACvB,OAAO,mBAAmB,EAAE,iBAAiB,kBAAkB,GAAG;EAClE,YAAY;GACV,UAAU,mBAAmB,KAAM;GACnC,MAAM;GACN,QAAQ,mBAAmB,IAAI,OAAO;GACtC,YAAY;GACb;YAEA;GACW,GAEd,oBAAC;EACC,WAAW,SAAS,gBAAgB,EAAE,gBAAgB;EACtD,OAAO;GACL,iBAAiB;GACjB,SAAS,mBAAmB,IAAI;GACjC;YAEA;GACI,KAEV,CACJ;EAEJ;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"TypewriterEffect.mjs","names":[],"sources":["../../../src/awesome/TypewriterEffect/TypewriterEffect.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { styles } 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 Motion = useMotionComponent();\n    const cxStyles = cx;\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: cxStyles(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={cxStyles(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={cxStyles(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/style.mjs

@@ -1,12 +1,11 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/awesome/TypewriterEffect/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	container: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	container: css`
     display: inline-block;
     white-space: pre-wrap;
   `,
-	cursor: css$1`
+	cursor: css`
     transform: translateY(10%);
 
     display: inline-block;
@@ -18,9 +17,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     border-radius: 2px;
 
     opacity: 1;
-    background-color: ${cssVar$1.colorPrimary};
+    background-color: ${cssVar.colorPrimary};
   `,
-	cursorBlock: css$1`
+	cursorBlock: css`
     transform: translateY(10%);
 
     display: inline-block;
@@ -32,15 +31,15 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     border-radius: 2px;
 
     opacity: 1;
-    background-color: ${cssVar$1.colorPrimary};
+    background-color: ${cssVar.colorPrimary};
   `,
-	cursorCustom: css$1`
+	cursorCustom: css`
     display: inline-block;
     align-items: center;
     margin-inline-start: 0.25rem;
     opacity: 1;
   `,
-	cursorDot: css$1`
+	cursorDot: css`
     display: inline-block;
     align-items: center;
 
@@ -50,12 +49,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     border-radius: 50%;
 
     opacity: 1;
-    background-color: ${cssVar$1.colorPrimary};
+    background-color: ${cssVar.colorPrimary};
   `,
-	cursorHidden: css$1`
+	cursorHidden: css`
     display: none;
   `,
-	cursorUnderscore: css$1`
+	cursorUnderscore: css`
     transform: translateY(0.3em);
 
     display: inline-block;
@@ -67,13 +66,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     border-radius: 2px;
 
     opacity: 1;
-    background-color: ${cssVar$1.colorPrimary};
+    background-color: ${cssVar.colorPrimary};
   `,
-	text: css$1`
-    color: ${cssVar$1.colorText};
+	text: css`
+    color: ${cssVar.colorText};
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/awesome/TypewriterEffect/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  container: css`\n    display: inline-block;\n    white-space: pre-wrap;\n  `,\n\n  cursor: css`\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 3px;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorBlock: css`\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.5em;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorCustom: css`\n    display: inline-block;\n    align-items: center;\n    margin-inline-start: 0.25rem;\n    opacity: 1;\n  `,\n\n  cursorDot: css`\n    display: inline-block;\n    align-items: center;\n\n    width: 0.75em;\n    height: 0.75em;\n    margin-inline-start: 0.25rem;\n    border-radius: 50%;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorHidden: css`\n    display: none;\n  `,\n\n  cursorUnderscore: css`\n    transform: translateY(0.3em);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.6em;\n    height: 0.15em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  text: css`\n    color: ${cssVar.colorText};\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,WAAW,KAAG;;;;CAKd,QAAQ,KAAG;;;;;;;;;;;;wBAYWA,SAAO,aAAa;;CAG1C,aAAa,KAAG;;;;;;;;;;;;wBAYMA,SAAO,aAAa;;CAG1C,cAAc,KAAG;;;;;;CAOjB,WAAW,KAAG;;;;;;;;;;wBAUQA,SAAO,aAAa;;CAG1C,cAAc,KAAG;;;CAIjB,kBAAkB,KAAG;;;;;;;;;;;;wBAYCA,SAAO,aAAa;;CAG1C,MAAM,KAAG;aACEA,SAAO,UAAU;;CAE7B,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/TypewriterEffect/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  container: css`\n    display: inline-block;\n    white-space: pre-wrap;\n  `,\n\n  cursor: css`\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 3px;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorBlock: css`\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.5em;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorCustom: css`\n    display: inline-block;\n    align-items: center;\n    margin-inline-start: 0.25rem;\n    opacity: 1;\n  `,\n\n  cursorDot: css`\n    display: inline-block;\n    align-items: center;\n\n    width: 0.75em;\n    height: 0.75em;\n    margin-inline-start: 0.25rem;\n    border-radius: 50%;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  cursorHidden: css`\n    display: none;\n  `,\n\n  cursorUnderscore: css`\n    transform: translateY(0.3em);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.6em;\n    height: 0.15em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ${cssVar.colorPrimary};\n  `,\n\n  text: css`\n    color: ${cssVar.colorText};\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;CAKd,QAAQ,GAAG;;;;;;;;;;;;wBAYW,OAAO,aAAa;;CAG1C,aAAa,GAAG;;;;;;;;;;;;wBAYM,OAAO,aAAa;;CAG1C,cAAc,GAAG;;;;;;CAOjB,WAAW,GAAG;;;;;;;;;;wBAUQ,OAAO,aAAa;;CAG1C,cAAc,GAAG;;;CAIjB,kBAAkB,GAAG;;;;;;;;;;;;wBAYC,OAAO,aAAa;;CAG1C,MAAM,GAAG;aACE,OAAO,UAAU;;CAE7B,EAAE"}

package/es/awesome/index.d.mts

@@ -1,35 +1,24 @@
 import { AuroraBackgroundProps } from "./AuroraBackground/type.mjs";
 import { AuroraBackground } from "./AuroraBackground/AuroraBackground.mjs";
-import "./AuroraBackground/index.mjs";
 import { BottomGradientButton } from "./BottomGradientButton/BottomGradientButton.mjs";
 import { BottomGradientButtonProps } from "./BottomGradientButton/type.mjs";
-import "./BottomGradientButton/index.mjs";
 import { SpotlightCardProps } from "./SpotlightCard/type.mjs";
 import { SpotlightCard } from "./SpotlightCard/SpotlightCard.mjs";
-import "./SpotlightCard/index.mjs";
 import { FeatureItemType, FeaturesProps } from "./Features/type.mjs";
 import { Features } from "./Features/Features.mjs";
-import "./Features/index.mjs";
 import { GiscusProps } from "./Giscus/type.mjs";
 import { Giscus } from "./Giscus/Giscus.mjs";
-import "./Giscus/index.mjs";
 import { GradientButtonProps } from "./GradientButton/type.mjs";
 import { GradientButton } from "./GradientButton/GradientButton.mjs";
-import "./GradientButton/index.mjs";
 import { GridBackgroundProps, GridShowcaseProps } from "./GridBackground/type.mjs";
 import { GridBackground } from "./GridBackground/GridBackground.mjs";
 import { GridShowcase } from "./GridBackground/GridShowcase.mjs";
-import "./GridBackground/index.mjs";
 import { HeroAction, HeroProps } from "./Hero/type.mjs";
 import { Hero } from "./Hero/Hero.mjs";
-import "./Hero/index.mjs";
 import { SplineProps } from "./Spline/type.mjs";
 import { Spline } from "./Spline/Spine.mjs";
-import "./Spline/index.mjs";
 import { SpotlightProps } from "./Spotlight/type.mjs";
 import { Spotlight } from "./Spotlight/Spotlight.mjs";
-import "./Spotlight/index.mjs";
 import { CursorStyle, SegmentMode, TypewriterEffectProps } from "./TypewriterEffect/type.mjs";
 import { TypewriterEffect } from "./TypewriterEffect/TypewriterEffect.mjs";
-import "./TypewriterEffect/index.mjs";
 export { AuroraBackground, type AuroraBackgroundProps, BottomGradientButton, type BottomGradientButtonProps, type CursorStyle, type FeatureItemType, Features, type FeaturesProps, Giscus, type GiscusProps, GradientButton, type GradientButtonProps, GridBackground, type GridBackgroundProps, GridShowcase, type GridShowcaseProps, Hero, type HeroAction, type HeroProps, type SegmentMode, Spline, type SplineProps, Spotlight, SpotlightCard, type SpotlightCardProps, type SpotlightProps, TypewriterEffect, type TypewriterEffectProps };

package/es/awesome/index.mjs

@@ -1,14 +1,13 @@
-import Spotlight_default from "./Spotlight/Spotlight.mjs";
-import AuroraBackground_default from "./AuroraBackground/AuroraBackground.mjs";
-import BottomGradientButton_default from "./BottomGradientButton/BottomGradientButton.mjs";
-import SpotlightCard_default from "./SpotlightCard/SpotlightCard.mjs";
-import Features_default from "./Features/Features.mjs";
-import Giscus_default from "./Giscus/Giscus.mjs";
-import GradientButton_default from "./GradientButton/GradientButton.mjs";
-import GridBackground_default from "./GridBackground/GridBackground.mjs";
-import GridShowcase_default from "./GridBackground/GridShowcase.mjs";
-import Hero_default from "./Hero/Hero.mjs";
-import Spine_default from "./Spline/Spine.mjs";
-import TypewriterEffect_default from "./TypewriterEffect/TypewriterEffect.mjs";
-
-export { AuroraBackground_default as AuroraBackground, BottomGradientButton_default as BottomGradientButton, Features_default as Features, Giscus_default as Giscus, GradientButton_default as GradientButton, GridBackground_default as GridBackground, GridShowcase_default as GridShowcase, Hero_default as Hero, Spine_default as Spline, Spotlight_default as Spotlight, SpotlightCard_default as SpotlightCard, TypewriterEffect_default as TypewriterEffect };
+import Spotlight from "./Spotlight/Spotlight.mjs";
+import AuroraBackground from "./AuroraBackground/AuroraBackground.mjs";
+import BottomGradientButton from "./BottomGradientButton/BottomGradientButton.mjs";
+import SpotlightCard from "./SpotlightCard/SpotlightCard.mjs";
+import Features from "./Features/Features.mjs";
+import Giscus from "./Giscus/Giscus.mjs";
+import GradientButton from "./GradientButton/GradientButton.mjs";
+import GridBackground from "./GridBackground/GridBackground.mjs";
+import GridShowcase from "./GridBackground/GridShowcase.mjs";
+import Hero from "./Hero/Hero.mjs";
+import Spline from "./Spline/Spine.mjs";
+import TypewriterEffect from "./TypewriterEffect/TypewriterEffect.mjs";
+export { AuroraBackground, BottomGradientButton, Features, Giscus, GradientButton, GridBackground, GridShowcase, Hero, Spline, Spotlight, SpotlightCard, TypewriterEffect };

package/es/base-ui/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react198 from "react";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/base-ui/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react198.MemoExoticComponent<() => react_jsx_runtime73.JSX.Element | null>;
+declare const ContextMenuHost: _$react.MemoExoticComponent<() => _$react_jsx_runtime0.JSX.Element | null>;
 //#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/base-ui/ContextMenu/ContextMenuHost.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { useIsClient } from "../../hooks/useIsClient.mjs";
 import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
 import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
@@ -10,7 +9,6 @@ import { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuState,
 import { memo, useEffect, useMemo, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu } from "@base-ui/react/context-menu";
-
 //#region src/base-ui/ContextMenu/ContextMenuHost.tsx
 const noAnimationStyles = { "--lobe-dropdown-animation-duration": "0ms" };
 const ContextMenuHost = memo(() => {
@@ -67,7 +65,7 @@ const ContextMenuHost = memo(() => {
 	});
 });
 ContextMenuHost.displayName = "ContextMenuHost";
-
 //#endregion
 export { ContextMenuHost };
+
 //# sourceMappingURL=ContextMenuHost.mjs.map

package/es/base-ui/ContextMenu/ContextMenuHost.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuHost.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuHost.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { memo, useEffect, useMemo, useSyncExternalStore } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { renderContextMenuItems } from './renderItems';\nimport {\n  closeContextMenu,\n  getServerSnapshot,\n  getSnapshot,\n  setContextMenuState,\n  subscribe,\n  updateLastPointer,\n} from './store';\nimport { styles } from './style';\n\nconst noAnimationStyles = { '--lobe-dropdown-animation-duration': '0ms' } as React.CSSProperties;\n\nexport const ContextMenuHost = memo(() => {\n  const isClient = useIsClient();\n  const appElement = useAppElement();\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => {\n    const DEV = process.env.NODE_ENV === 'development';\n    if (!isClient || !DEV) return;\n    return registerDevSingleton('ContextMenuHost', document.body);\n  }, [isClient]);\n\n  useEffect(() => {\n    const handler = (event: MouseEvent | PointerEvent) => updateLastPointer(event);\n    window.addEventListener('pointerdown', handler, true);\n    window.addEventListener('contextmenu', handler, true);\n    return () => {\n      window.removeEventListener('pointerdown', handler, true);\n      window.removeEventListener('contextmenu', handler, true);\n    };\n  }, []);\n\n  const menuItems = useMemo(\n    () =>\n      renderContextMenuItems(state.items, [], {\n        iconAlign: state.iconAlign,\n        iconSpaceMode: state.iconSpaceMode,\n      }),\n    [state.items, state.iconAlign, state.iconSpaceMode],\n  );\n  if (!isClient) return null;\n  if (!state.open && state.items.length === 0) return null;\n\n  return (\n    <ContextMenu.Root\n      open={state.open}\n      onOpenChange={(open) => {\n        if (open) {\n          setContextMenuState({ open });\n          return;\n        }\n        closeContextMenu();\n      }}\n    >\n      <ContextMenu.Portal container={appElement}>\n        <ContextMenu.Positioner\n          anchor={state.anchor ?? undefined}\n          className={styles.positioner}\n          sideOffset={6}\n          style={noAnimationStyles}\n        >\n          <ContextMenu.Popup\n            className={styles.popup}\n            onContextMenu={preventDefaultAndStopPropagation}\n          >\n            {menuItems}\n          </ContextMenu.Popup>\n        </ContextMenu.Positioner>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n\nContextMenuHost.displayName = 'ContextMenuHost';\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,oBAAoB,EAAE,sCAAsC,OAAO;AAEzE,MAAa,kBAAkB,WAAW;CACxC,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,eAAe;CAClC,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;AAE7E,iBAAgB;EACd,MAAM,MAAM,QAAQ,IAAI,aAAa;AACrC,MAAI,CAAC,YAAY,CAAC,IAAK;AACvB,SAAO,qBAAqB,mBAAmB,SAAS,KAAK;IAC5D,CAAC,SAAS,CAAC;AAEd,iBAAgB;EACd,MAAM,WAAW,UAAqC,kBAAkB,MAAM;AAC9E,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,eAAa;AACX,UAAO,oBAAoB,eAAe,SAAS,KAAK;AACxD,UAAO,oBAAoB,eAAe,SAAS,KAAK;;IAEzD,EAAE,CAAC;CAEN,MAAM,YAAY,cAEd,uBAAuB,MAAM,OAAO,EAAE,EAAE;EACtC,WAAW,MAAM;EACjB,eAAe,MAAM;EACtB,CAAC,EACJ;EAAC,MAAM;EAAO,MAAM;EAAW,MAAM;EAAc,CACpD;AACD,KAAI,CAAC,SAAU,QAAO;AACtB,KAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,WAAW,EAAG,QAAO;AAEpD,QACE,oBAAC,YAAY;EACX,MAAM,MAAM;EACZ,eAAe,SAAS;AACtB,OAAI,MAAM;AACR,wBAAoB,EAAE,MAAM,CAAC;AAC7B;;AAEF,qBAAkB;;YAGpB,oBAAC,YAAY;GAAO,WAAW;aAC7B,oBAAC,YAAY;IACX,QAAQ,MAAM,UAAU;IACxB,WAAW,OAAO;IAClB,YAAY;IACZ,OAAO;cAEP,oBAAC,YAAY;KACX,WAAW,OAAO;KAClB,eAAe;eAEd;MACiB;KACG;IACN;GACJ;EAErB;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"ContextMenuHost.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuHost.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { memo, useEffect, useMemo, useSyncExternalStore } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { renderContextMenuItems } from './renderItems';\nimport {\n  closeContextMenu,\n  getServerSnapshot,\n  getSnapshot,\n  setContextMenuState,\n  subscribe,\n  updateLastPointer,\n} from './store';\nimport { styles } from './style';\n\nconst noAnimationStyles = { '--lobe-dropdown-animation-duration': '0ms' } as React.CSSProperties;\n\nexport const ContextMenuHost = memo(() => {\n  const isClient = useIsClient();\n  const appElement = useAppElement();\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => {\n    const DEV = process.env.NODE_ENV === 'development';\n    if (!isClient || !DEV) return;\n    return registerDevSingleton('ContextMenuHost', document.body);\n  }, [isClient]);\n\n  useEffect(() => {\n    const handler = (event: MouseEvent | PointerEvent) => updateLastPointer(event);\n    window.addEventListener('pointerdown', handler, true);\n    window.addEventListener('contextmenu', handler, true);\n    return () => {\n      window.removeEventListener('pointerdown', handler, true);\n      window.removeEventListener('contextmenu', handler, true);\n    };\n  }, []);\n\n  const menuItems = useMemo(\n    () =>\n      renderContextMenuItems(state.items, [], {\n        iconAlign: state.iconAlign,\n        iconSpaceMode: state.iconSpaceMode,\n      }),\n    [state.items, state.iconAlign, state.iconSpaceMode],\n  );\n  if (!isClient) return null;\n  if (!state.open && state.items.length === 0) return null;\n\n  return (\n    <ContextMenu.Root\n      open={state.open}\n      onOpenChange={(open) => {\n        if (open) {\n          setContextMenuState({ open });\n          return;\n        }\n        closeContextMenu();\n      }}\n    >\n      <ContextMenu.Portal container={appElement}>\n        <ContextMenu.Positioner\n          anchor={state.anchor ?? undefined}\n          className={styles.positioner}\n          sideOffset={6}\n          style={noAnimationStyles}\n        >\n          <ContextMenu.Popup\n            className={styles.popup}\n            onContextMenu={preventDefaultAndStopPropagation}\n          >\n            {menuItems}\n          </ContextMenu.Popup>\n        </ContextMenu.Positioner>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n\nContextMenuHost.displayName = 'ContextMenuHost';\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,oBAAoB,EAAE,sCAAsC,OAAO;AAEzE,MAAa,kBAAkB,WAAW;CACxC,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,eAAe;CAClC,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;AAE7E,iBAAgB;EACd,MAAM,MAAM,QAAQ,IAAI,aAAa;AACrC,MAAI,CAAC,YAAY,CAAC,IAAK;AACvB,SAAO,qBAAqB,mBAAmB,SAAS,KAAK;IAC5D,CAAC,SAAS,CAAC;AAEd,iBAAgB;EACd,MAAM,WAAW,UAAqC,kBAAkB,MAAM;AAC9E,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,eAAa;AACX,UAAO,oBAAoB,eAAe,SAAS,KAAK;AACxD,UAAO,oBAAoB,eAAe,SAAS,KAAK;;IAEzD,EAAE,CAAC;CAEN,MAAM,YAAY,cAEd,uBAAuB,MAAM,OAAO,EAAE,EAAE;EACtC,WAAW,MAAM;EACjB,eAAe,MAAM;EACtB,CAAC,EACJ;EAAC,MAAM;EAAO,MAAM;EAAW,MAAM;EAAc,CACpD;AACD,KAAI,CAAC,SAAU,QAAO;AACtB,KAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,WAAW,EAAG,QAAO;AAEpD,QACE,oBAAC,YAAY,MAAb;EACE,MAAM,MAAM;EACZ,eAAe,SAAS;AACtB,OAAI,MAAM;AACR,wBAAoB,EAAE,MAAM,CAAC;AAC7B;;AAEF,qBAAkB;;YAGpB,oBAAC,YAAY,QAAb;GAAoB,WAAW;aAC7B,oBAAC,YAAY,YAAb;IACE,QAAQ,MAAM,UAAU,KAAA;IACxB,WAAW,OAAO;IAClB,YAAY;IACZ,OAAO;cAEP,oBAAC,YAAY,OAAb;KACE,WAAW,OAAO;KAClB,eAAe;eAEd;KACiB,CAAA;IACG,CAAA;GACN,CAAA;EACJ,CAAA;EAErB;AAEF,gBAAgB,cAAc"}

package/es/base-ui/ContextMenu/ContextMenuTrigger.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { CLASSNAMES } from "../../styles/classNames.mjs";
 import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from "./store.mjs";
 import React, { cloneElement, isValidElement, memo, useCallback, useId, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import clsx from "clsx";
-
 //#region src/base-ui/ContextMenu/ContextMenuTrigger.tsx
 const styles = { trigger: { display: "contents" } };
 const ContextMenuTrigger = memo(({ children, items, onContextMenu, ...rest }) => {
@@ -37,7 +35,7 @@ const ContextMenuTrigger = memo(({ children, items, onContextMenu, ...rest }) =>
 	});
 });
 ContextMenuTrigger.displayName = "ContextMenuTrigger";
-
 //#endregion
 export { ContextMenuTrigger };
+
 //# sourceMappingURL=ContextMenuTrigger.mjs.map

package/es/base-ui/ContextMenu/ContextMenuTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport clsx from 'clsx';\nimport React, {\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useId,\n  useSyncExternalStore,\n} from 'react';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\nimport { type ContextMenuItem } from './type';\n\nexport type ContextMenuTriggerProps = {\n  children: ReactNode;\n  /**\n   * Menu items to display. Supports lazy rendering via function.\n   * When provided, context menu will be automatically shown on right-click.\n   */\n  items?: ContextMenuItem[] | (() => ContextMenuItem[]);\n  /**\n   * Custom context menu handler. If `items` is provided, this is optional.\n   */\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\n\nconst styles = {\n  trigger: {\n    display: 'contents',\n  },\n};\n\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\n  ({ children, items, onContextMenu, ...rest }) => {\n    const triggerId = useId();\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const open = state.open && state.triggerId === triggerId;\n\n    const handleContextMenu = useCallback(\n      (event: MouseEvent<HTMLElement>) => {\n        if (items) {\n          event.preventDefault();\n          const resolvedItems = typeof items === 'function' ? items() : items;\n          showContextMenu(resolvedItems);\n        }\n        onContextMenu?.(event);\n      },\n      [items, onContextMenu],\n    );\n\n    const triggerProps = {\n      ...rest,\n      'aria-expanded': open || undefined,\n      'className': clsx(CLASSNAMES.ContextTrigger, rest.className),\n      'data-contextmenu-trigger': triggerId,\n      'data-popup-open': open ? '' : undefined,\n      'data-state': open ? 'open' : undefined,\n      'onContextMenu': handleContextMenu,\n    };\n\n    if (isValidElement(children) && React.Children.only(children)) {\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\n    }\n\n    return (\n      <span style={styles.trigger} {...triggerProps}>\n        {children}\n      </span>\n    );\n  },\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n"],"mappings":";;;;;;;;;;AAkCA,MAAM,SAAS,EACb,SAAS,EACP,SAAS,YACV,EACF;AAED,MAAa,qBAAqB,MAC/B,EAAE,UAAU,OAAO,eAAe,GAAG,WAAW;CAC/C,MAAM,YAAY,OAAO;CACzB,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;CAC7E,MAAM,OAAO,MAAM,QAAQ,MAAM,cAAc;CAE/C,MAAM,oBAAoB,aACvB,UAAmC;AAClC,MAAI,OAAO;AACT,SAAM,gBAAgB;AAEtB,mBADsB,OAAO,UAAU,aAAa,OAAO,GAAG,MAChC;;AAEhC,kBAAgB,MAAM;IAExB,CAAC,OAAO,cAAc,CACvB;CAED,MAAM,eAAe;EACnB,GAAG;EACH,iBAAiB,QAAQ;EACzB,aAAa,KAAK,WAAW,gBAAgB,KAAK,UAAU;EAC5D,4BAA4B;EAC5B,mBAAmB,OAAO,KAAK;EAC/B,cAAc,OAAO,SAAS;EAC9B,iBAAiB;EAClB;AAED,KAAI,eAAe,SAAS,IAAI,MAAM,SAAS,KAAK,SAAS,CAC3D,QAAO,aAAa,UAAU,WAAW,SAAS,OAAc,aAAa,CAAC;AAGhF,QACE,oBAAC;EAAK,OAAO,OAAO;EAAS,GAAI;EAC9B;GACI;EAGZ;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport clsx from 'clsx';\nimport React, {\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useId,\n  useSyncExternalStore,\n} from 'react';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\nimport { type ContextMenuItem } from './type';\n\nexport type ContextMenuTriggerProps = {\n  children: ReactNode;\n  /**\n   * Menu items to display. Supports lazy rendering via function.\n   * When provided, context menu will be automatically shown on right-click.\n   */\n  items?: ContextMenuItem[] | (() => ContextMenuItem[]);\n  /**\n   * Custom context menu handler. If `items` is provided, this is optional.\n   */\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\n\nconst styles = {\n  trigger: {\n    display: 'contents',\n  },\n};\n\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\n  ({ children, items, onContextMenu, ...rest }) => {\n    const triggerId = useId();\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const open = state.open && state.triggerId === triggerId;\n\n    const handleContextMenu = useCallback(\n      (event: MouseEvent<HTMLElement>) => {\n        if (items) {\n          event.preventDefault();\n          const resolvedItems = typeof items === 'function' ? items() : items;\n          showContextMenu(resolvedItems);\n        }\n        onContextMenu?.(event);\n      },\n      [items, onContextMenu],\n    );\n\n    const triggerProps = {\n      ...rest,\n      'aria-expanded': open || undefined,\n      'className': clsx(CLASSNAMES.ContextTrigger, rest.className),\n      'data-contextmenu-trigger': triggerId,\n      'data-popup-open': open ? '' : undefined,\n      'data-state': open ? 'open' : undefined,\n      'onContextMenu': handleContextMenu,\n    };\n\n    if (isValidElement(children) && React.Children.only(children)) {\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\n    }\n\n    return (\n      <span style={styles.trigger} {...triggerProps}>\n        {children}\n      </span>\n    );\n  },\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n"],"mappings":";;;;;;;;AAkCA,MAAM,SAAS,EACb,SAAS,EACP,SAAS,YACV,EACF;AAED,MAAa,qBAAqB,MAC/B,EAAE,UAAU,OAAO,eAAe,GAAG,WAAW;CAC/C,MAAM,YAAY,OAAO;CACzB,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;CAC7E,MAAM,OAAO,MAAM,QAAQ,MAAM,cAAc;CAE/C,MAAM,oBAAoB,aACvB,UAAmC;AAClC,MAAI,OAAO;AACT,SAAM,gBAAgB;AAEtB,mBADsB,OAAO,UAAU,aAAa,OAAO,GAAG,MAChC;;AAEhC,kBAAgB,MAAM;IAExB,CAAC,OAAO,cAAc,CACvB;CAED,MAAM,eAAe;EACnB,GAAG;EACH,iBAAiB,QAAQ,KAAA;EACzB,aAAa,KAAK,WAAW,gBAAgB,KAAK,UAAU;EAC5D,4BAA4B;EAC5B,mBAAmB,OAAO,KAAK,KAAA;EAC/B,cAAc,OAAO,SAAS,KAAA;EAC9B,iBAAiB;EAClB;AAED,KAAI,eAAe,SAAS,IAAI,MAAM,SAAS,KAAK,SAAS,CAC3D,QAAO,aAAa,UAAU,WAAW,SAAS,OAAc,aAAa,CAAC;AAGhF,QACE,oBAAC,QAAD;EAAM,OAAO,OAAO;EAAS,GAAI;EAC9B;EACI,CAAA;EAGZ;AAED,mBAAmB,cAAc"}