@lobehub/ui 4.9.2 → 4.10.0

package/es/Popover/useMergedPopoverProps.mjs

@@ -0,0 +1,88 @@
+'use client';
+
+import { PopoverGroupPropsContext } from "./groupContext.mjs";
+import { useContext, useMemo } from "react";
+
+//#region src/Popover/useMergedPopoverProps.ts
+const useMergedPopoverProps = (props) => {
+	const sharedProps = useContext(PopoverGroupPropsContext);
+	const { arrow, inset, trigger, placement, className, classNames, styles: styleProps, onOpenChange, content, closeDelay, disabled, getPopupContainer, mouseEnterDelay, mouseLeaveDelay, openDelay, portalled, zIndex } = props;
+	const mergedClassName = useMemo(() => {
+		if (!sharedProps?.className && !className) return void 0;
+		return [sharedProps?.className, className].filter(Boolean).join(" ");
+	}, [className, sharedProps?.className]);
+	const mergedClassNames = useMemo(() => {
+		if (!sharedProps?.classNames && !classNames) return void 0;
+		return {
+			...sharedProps?.classNames,
+			...classNames
+		};
+	}, [classNames, sharedProps?.classNames]);
+	const mergedStyles = useMemo(() => {
+		if (!sharedProps?.styles && !styleProps) return void 0;
+		return {
+			...sharedProps?.styles,
+			...styleProps
+		};
+	}, [sharedProps?.styles, styleProps]);
+	const mergedOnOpenChange = useMemo(() => {
+		if (!sharedProps?.onOpenChange && !onOpenChange) return void 0;
+		return (open) => {
+			sharedProps?.onOpenChange?.(open);
+			onOpenChange?.(open);
+		};
+	}, [onOpenChange, sharedProps?.onOpenChange]);
+	return useMemo(() => ({
+		arrow: arrow ?? sharedProps?.arrow ?? true,
+		className: mergedClassName,
+		classNames: mergedClassNames,
+		closeDelay: closeDelay ?? sharedProps?.closeDelay,
+		content,
+		disabled: disabled ?? sharedProps?.disabled,
+		getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,
+		inset: inset ?? sharedProps?.inset ?? false,
+		mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,
+		mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,
+		onOpenChange: mergedOnOpenChange,
+		openDelay: openDelay ?? sharedProps?.openDelay,
+		placement: placement ?? sharedProps?.placement ?? "top",
+		portalled: portalled ?? sharedProps?.portalled,
+		styles: mergedStyles,
+		trigger: trigger ?? sharedProps?.trigger ?? "hover",
+		zIndex: zIndex ?? sharedProps?.zIndex
+	}), [
+		arrow,
+		closeDelay,
+		content,
+		disabled,
+		getPopupContainer,
+		inset,
+		mergedClassName,
+		mergedClassNames,
+		mergedOnOpenChange,
+		mergedStyles,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		openDelay,
+		placement,
+		portalled,
+		sharedProps?.arrow,
+		sharedProps?.closeDelay,
+		sharedProps?.disabled,
+		sharedProps?.getPopupContainer,
+		sharedProps?.inset,
+		sharedProps?.mouseEnterDelay,
+		sharedProps?.mouseLeaveDelay,
+		sharedProps?.openDelay,
+		sharedProps?.placement,
+		sharedProps?.portalled,
+		sharedProps?.trigger,
+		sharedProps?.zIndex,
+		trigger,
+		zIndex
+	]);
+};
+
+//#endregion
+export { useMergedPopoverProps };
+//# sourceMappingURL=useMergedPopoverProps.mjs.map

package/es/Popover/useMergedPopoverProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedPopoverProps.mjs","names":[],"sources":["../../src/Popover/useMergedPopoverProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type PopoverGroupItem, PopoverGroupPropsContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport const useMergedPopoverProps = (props: Partial<PopoverProps>): PopoverGroupItem => {\n  const sharedProps = useContext(PopoverGroupPropsContext);\n\n  const {\n    arrow,\n    inset,\n    trigger,\n    placement,\n    className,\n    classNames,\n    styles: styleProps,\n    onOpenChange,\n    content,\n    closeDelay,\n    disabled,\n    getPopupContainer,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    openDelay,\n    portalled,\n    zIndex,\n  } = props;\n\n  const mergedClassName = useMemo(() => {\n    if (!sharedProps?.className && !className) return undefined;\n    return [sharedProps?.className, className].filter(Boolean).join(' ');\n  }, [className, sharedProps?.className]);\n\n  const mergedClassNames = useMemo(() => {\n    if (!sharedProps?.classNames && !classNames) return undefined;\n    return { ...sharedProps?.classNames, ...classNames };\n  }, [classNames, sharedProps?.classNames]);\n\n  const mergedStyles = useMemo(() => {\n    if (!sharedProps?.styles && !styleProps) return undefined;\n    return { ...sharedProps?.styles, ...styleProps };\n  }, [sharedProps?.styles, styleProps]);\n\n  const mergedOnOpenChange = useMemo(() => {\n    if (!sharedProps?.onOpenChange && !onOpenChange) return undefined;\n    return (open: boolean) => {\n      sharedProps?.onOpenChange?.(open);\n      onOpenChange?.(open);\n    };\n  }, [onOpenChange, sharedProps?.onOpenChange]);\n\n  const item: PopoverGroupItem = useMemo(\n    () => ({\n      arrow: arrow ?? sharedProps?.arrow ?? true,\n      className: mergedClassName,\n      classNames: mergedClassNames,\n      closeDelay: closeDelay ?? sharedProps?.closeDelay,\n      content,\n      disabled: disabled ?? sharedProps?.disabled,\n      getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n      inset: inset ?? sharedProps?.inset ?? false,\n      mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,\n      mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,\n      onOpenChange: mergedOnOpenChange,\n      openDelay: openDelay ?? sharedProps?.openDelay,\n      placement: placement ?? sharedProps?.placement ?? 'top',\n      portalled: portalled ?? sharedProps?.portalled,\n      styles: mergedStyles,\n      trigger: trigger ?? sharedProps?.trigger ?? 'hover',\n      zIndex: zIndex ?? sharedProps?.zIndex,\n    }),\n    [\n      arrow,\n      closeDelay,\n      content,\n      disabled,\n      getPopupContainer,\n      inset,\n      mergedClassName,\n      mergedClassNames,\n      mergedOnOpenChange,\n      mergedStyles,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      openDelay,\n      placement,\n      portalled,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.inset,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.portalled,\n      sharedProps?.trigger,\n      sharedProps?.zIndex,\n      trigger,\n      zIndex,\n    ],\n  );\n\n  return item;\n};\n"],"mappings":";;;;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,yBAAyB;CAExD,MAAM,EACJ,OACA,OACA,SACA,WACA,WACA,YACA,QAAQ,YACR,cACA,SACA,YACA,UACA,mBACA,iBACA,iBACA,WACA,WACA,WACE;CAEJ,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,aAAa,aAAa,CAAC,UAAW,QAAO;AAClD,SAAO,CAAC,aAAa,WAAW,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IACnE,CAAC,WAAW,aAAa,UAAU,CAAC;CAEvC,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,aAAa,cAAc,CAAC,WAAY,QAAO;AACpD,SAAO;GAAE,GAAG,aAAa;GAAY,GAAG;GAAY;IACnD,CAAC,YAAY,aAAa,WAAW,CAAC;CAEzC,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,aAAa,UAAU,CAAC,WAAY,QAAO;AAChD,SAAO;GAAE,GAAG,aAAa;GAAQ,GAAG;GAAY;IAC/C,CAAC,aAAa,QAAQ,WAAW,CAAC;CAErC,MAAM,qBAAqB,cAAc;AACvC,MAAI,CAAC,aAAa,gBAAgB,CAAC,aAAc,QAAO;AACxD,UAAQ,SAAkB;AACxB,gBAAa,eAAe,KAAK;AACjC,kBAAe,KAAK;;IAErB,CAAC,cAAc,aAAa,aAAa,CAAC;AAuD7C,QArD+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC;EACA,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,OAAO,SAAS,aAAa,SAAS;EACtC,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,WAAW,aAAa,aAAa;EACrC,QAAQ;EACR,SAAS,WAAW,aAAa,WAAW;EAC5C,QAAQ,UAAU,aAAa;EAChC,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACD,CACF"}

package/es/SearchBar/SearchBar.d.mts

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

package/es/Segmented/Segmented.d.mts

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

package/es/Select/Select.d.mts

@@ -1,8 +1,8 @@
 import { SelectProps } from "./type.mjs";
-import * as react73 from "react";
+import * as react44 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react73.NamedExoticComponent<SelectProps>;
+declare const Input: react44.NamedExoticComponent<SelectProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Select.d.mts.map

package/es/SideNav/SideNav.d.mts

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

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SortableList/components/DragHandle.d.mts

@@ -1,9 +1,9 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
 import "../../ActionIcon/index.mjs";
-import * as react106 from "react";
+import * as react109 from "react";
 
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: react106.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: react109.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { DragHandle };
 //# sourceMappingURL=DragHandle.d.mts.map

package/es/SortableList/components/SortableItem.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react104 from "react";
+import * as react107 from "react";
 import "@dnd-kit/core";
 
 //#region src/SortableList/components/SortableItem.d.ts
@@ -9,7 +9,7 @@ interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
   id: string | number;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const SortableItem: react104.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: react107.NamedExoticComponent<SortableItemProps>;
 //#endregion
 export { SortableItem };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -1,12 +1,13 @@
+import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
 import { css } from "antd-style";
-import { readableColor, rgba } from "polished";
+import { rgba } from "polished";
 
 //#region src/ThemeProvider/GlobalStyle/antdOverride.ts
 var antdOverride_default = (token) => {
-	const readColor = readableColor(token.colorPrimary);
+	const readColor = safeReadableColor(token.colorPrimary);
 	return css`
     .${token.prefixCls}-checkbox-inner:after {
-      border-color: ${readableColor(token.colorPrimary)} !important;
+      border-color: ${safeReadableColor(token.colorPrimary)} !important;
     }
 
     .${token.prefixCls}-btn {

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\nimport { readableColor, rgba } from 'polished';\n\nexport default (token: Theme) => {\n  const readColor = readableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${readableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before,\n      .${token.prefixCls}-tooltip-arrow::after,\n      .${token.prefixCls}-tooltip-container {\n      color: ${token.colorBgLayout} !important;\n      background: ${token.colorText} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border-radius: ${token.borderRadiusSM}px !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAGA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,cAAc,MAAM,aAAa;AACnD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,cAAc,MAAM,aAAa,CAAC;;;OAGjD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;eACV,MAAM,cAAc;oBACf,MAAM,UAAU;;;OAG7B,MAAM,UAAU;;;;;;;;uBAQA,MAAM,eAAe;;;OAGrC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before,\n      .${token.prefixCls}-tooltip-arrow::after,\n      .${token.prefixCls}-tooltip-container {\n      color: ${token.colorBgLayout} !important;\n      background: ${token.colorText} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border-radius: ${token.borderRadiusSM}px !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;;AAKA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;eACV,MAAM,cAAc;oBACf,MAAM,UAAU;;;OAG7B,MAAM,UAAU;;;;;;;;uBAQA,MAAM,eAAe;;;OAGrC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/Toc/Toc.d.mts

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

package/es/Tooltip/TooltipGroup.mjs

@@ -3,7 +3,7 @@
 import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext.mjs";
 import TooltipFloating_default from "./TooltipFloating.mjs";
 import TooltipPortal_default from "./TooltipPortal.mjs";
-import { antdPlacementToFloating } from "./antdPlacementToFloating.mjs";
+import { toFloatingUIPlacement } from "../utils/placement.mjs";
 import { isElementHidden, observeElementVisibility } from "./utils.mjs";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,7 +20,7 @@ const TooltipGroup = ({ children, layoutAnimation = true, ...sharedProps }) => {
 	useEffect(() => {
 		activeRef.current = active;
 	}, [active]);
-	const floatingPlacement = useMemo(() => antdPlacementToFloating(active?.item.placement), [active?.item.placement]);
+	const floatingPlacement = useMemo(() => toFloatingUIPlacement(active?.item.placement), [active?.item.placement]);
 	const { context, floatingStyles, refs } = useFloating({
 		middleware: useMemo(() => {
 			const base = [

package/es/Tooltip/TooltipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","arrowMiddleware","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { type FC, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n  type TooltipGroupSharedProps,\n} from './groupContext';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\ntype TooltipGroupProps = TooltipGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  layoutAnimation = true,\n  ...sharedProps\n}) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const [active, setActive] = useState<{\n    item: TooltipGroupItem;\n    triggerEl: HTMLElement;\n  } | null>(null);\n  const [open, setOpen] = useState(false);\n  const activeRef = useRef<typeof active>(null);\n\n  useEffect(() => {\n    activeRef.current = active;\n  }, [active]);\n\n  const floatingPlacement = useMemo(\n    () => antdPlacementToFloating(active?.item.placement),\n    [active?.item.placement],\n  );\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (active?.item.arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [active?.item.arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  useEffect(() => {\n    if (!active?.triggerEl) return;\n    refs.setReference(active.triggerEl);\n  }, [active?.triggerEl, refs]);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n    if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);\n    openTimerRef.current = null;\n    closeTimerRef.current = null;\n  }, []);\n\n  const closeImmediately = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n  }, [clearTimers]);\n\n  const destroyActive = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n    setActive(null);\n  }, [clearTimers]);\n\n  const isActiveTrigger = useCallback((triggerEl: HTMLElement) => {\n    return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);\n  }, []);\n\n  const closeFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;\n\n      clearTimers();\n\n      const delayMs =\n        item.closeDelay ?? (item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        setOpen(false);\n        item.onOpenChange?.(false);\n        return;\n      }\n\n      closeTimerRef.current = window.setTimeout(() => {\n        setOpen(false);\n        item.onOpenChange?.(false);\n      }, delayMs);\n    },\n    [clearTimers],\n  );\n\n  const openFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!triggerEl) return;\n      if (!item.title) return;\n      if (item.disabled) return;\n\n      clearTimers();\n\n      if (isElementHidden(triggerEl)) {\n        if (isActiveTrigger(triggerEl)) destroyActive();\n        return;\n      }\n\n      setActive({ item, triggerEl });\n\n      const delayMs =\n        item.openDelay ?? (item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 400);\n      if (delayMs <= 0) {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n        return;\n      }\n\n      openTimerRef.current = window.setTimeout(() => {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n      }, delayMs);\n    },\n    [clearTimers, destroyActive, isActiveTrigger],\n  );\n\n  const groupApi = useMemo(\n    () => ({ closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger }),\n    [closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const triggerEl = active?.triggerEl;\n    if (!triggerEl) return;\n\n    if (isElementHidden(triggerEl)) {\n      destroyActive();\n      return;\n    }\n\n    const stopVisibilityObserver = observeElementVisibility(triggerEl, (visible) => {\n      if (!visible) destroyActive();\n    });\n\n    const root = triggerEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (triggerEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(triggerEl)) destroyActive();\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [active?.triggerEl, destroyActive, open]);\n\n  useEffect(() => {\n    return () => {\n      clearTimers();\n    };\n  }, [clearTimers]);\n\n  const portalRoot =\n    active?.item.getPopupContainer && active?.triggerEl\n      ? active.item.getPopupContainer(active.triggerEl)\n      : undefined;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const isInitialShow = !openRef.current && open;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={active?.item.arrow}\n      arrowRef={arrowRef}\n      className={active?.item.className}\n      classNames={active?.item.classNames}\n      context={context}\n      floatingStyles={floatingStyles}\n      hotkey={active?.item.hotkey}\n      hotkeyProps={active?.item.hotkeyProps}\n      isInitialShow={isInitialShow}\n      layoutAnimation={layoutAnimation}\n      open={open}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={active?.item.styles}\n      title={active?.item.title}\n      zIndex={active?.item.zIndex}\n    />\n  );\n\n  return (\n    <TooltipGroupApiContext.Provider value={groupApi}>\n      <TooltipGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        {active?.item.title &&\n          !active.item.disabled &&\n          ((active.item.portalled ?? true) ? (\n            <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n          ) : (\n            floatingNode\n          ))}\n      </TooltipGroupPropsContext.Provider>\n    </TooltipGroupApiContext.Provider>\n  );\n};\n\nexport default TooltipGroup;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","arrowMiddleware","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { type FC, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { toFloatingUIPlacement } from '@/utils/placement';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n  type TooltipGroupSharedProps,\n} from './groupContext';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\ntype TooltipGroupProps = TooltipGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  layoutAnimation = true,\n  ...sharedProps\n}) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const [active, setActive] = useState<{\n    item: TooltipGroupItem;\n    triggerEl: HTMLElement;\n  } | null>(null);\n  const [open, setOpen] = useState(false);\n  const activeRef = useRef<typeof active>(null);\n\n  useEffect(() => {\n    activeRef.current = active;\n  }, [active]);\n\n  const floatingPlacement = useMemo(\n    () => toFloatingUIPlacement(active?.item.placement),\n    [active?.item.placement],\n  );\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (active?.item.arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [active?.item.arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  useEffect(() => {\n    if (!active?.triggerEl) return;\n    refs.setReference(active.triggerEl);\n  }, [active?.triggerEl, refs]);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n    if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);\n    openTimerRef.current = null;\n    closeTimerRef.current = null;\n  }, []);\n\n  const closeImmediately = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n  }, [clearTimers]);\n\n  const destroyActive = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n    setActive(null);\n  }, [clearTimers]);\n\n  const isActiveTrigger = useCallback((triggerEl: HTMLElement) => {\n    return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);\n  }, []);\n\n  const closeFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;\n\n      clearTimers();\n\n      const delayMs =\n        item.closeDelay ?? (item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        setOpen(false);\n        item.onOpenChange?.(false);\n        return;\n      }\n\n      closeTimerRef.current = window.setTimeout(() => {\n        setOpen(false);\n        item.onOpenChange?.(false);\n      }, delayMs);\n    },\n    [clearTimers],\n  );\n\n  const openFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!triggerEl) return;\n      if (!item.title) return;\n      if (item.disabled) return;\n\n      clearTimers();\n\n      if (isElementHidden(triggerEl)) {\n        if (isActiveTrigger(triggerEl)) destroyActive();\n        return;\n      }\n\n      setActive({ item, triggerEl });\n\n      const delayMs =\n        item.openDelay ?? (item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 400);\n      if (delayMs <= 0) {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n        return;\n      }\n\n      openTimerRef.current = window.setTimeout(() => {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n      }, delayMs);\n    },\n    [clearTimers, destroyActive, isActiveTrigger],\n  );\n\n  const groupApi = useMemo(\n    () => ({ closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger }),\n    [closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const triggerEl = active?.triggerEl;\n    if (!triggerEl) return;\n\n    if (isElementHidden(triggerEl)) {\n      destroyActive();\n      return;\n    }\n\n    const stopVisibilityObserver = observeElementVisibility(triggerEl, (visible) => {\n      if (!visible) destroyActive();\n    });\n\n    const root = triggerEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (triggerEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(triggerEl)) destroyActive();\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [active?.triggerEl, destroyActive, open]);\n\n  useEffect(() => {\n    return () => {\n      clearTimers();\n    };\n  }, [clearTimers]);\n\n  const portalRoot =\n    active?.item.getPopupContainer && active?.triggerEl\n      ? active.item.getPopupContainer(active.triggerEl)\n      : undefined;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const isInitialShow = !openRef.current && open;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={active?.item.arrow}\n      arrowRef={arrowRef}\n      className={active?.item.className}\n      classNames={active?.item.classNames}\n      context={context}\n      floatingStyles={floatingStyles}\n      hotkey={active?.item.hotkey}\n      hotkeyProps={active?.item.hotkeyProps}\n      isInitialShow={isInitialShow}\n      layoutAnimation={layoutAnimation}\n      open={open}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={active?.item.styles}\n      title={active?.item.title}\n      zIndex={active?.item.zIndex}\n    />\n  );\n\n  return (\n    <TooltipGroupApiContext.Provider value={groupApi}>\n      <TooltipGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        {active?.item.title &&\n          !active.item.disabled &&\n          ((active.item.portalled ?? true) ? (\n            <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n          ) : (\n            floatingNode\n          ))}\n      </TooltipGroupPropsContext.Provider>\n    </TooltipGroupApiContext.Provider>\n  );\n};\n\nexport default TooltipGroup;\n"],"mappings":"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"}

package/es/Tooltip/type.d.mts

@@ -1,10 +1,10 @@
 import { HotkeyProps } from "../Hotkey/type.mjs";
 import "../Hotkey/index.mjs";
+import { Placement } from "../utils/placement.mjs";
 import { CSSProperties, ReactElement, ReactNode, Ref } from "react";
-import { Placement } from "@floating-ui/react";
 
 //#region src/Tooltip/type.d.ts
-type TooltipPlacement = Placement | 'topLeft' | 'top' | 'topRight' | 'leftTop' | 'left' | 'leftBottom' | 'rightTop' | 'right' | 'rightBottom' | 'bottomLeft' | 'bottom' | 'bottomRight';
+type TooltipPlacement = Placement;
 type TooltipProps = {
   /**
    * Whether the tooltip has an arrow pointer.

package/es/Tooltip/useTooltipFloating.mjs

@@ -1,11 +1,11 @@
-import { antdPlacementToFloating } from "./antdPlacementToFloating.mjs";
+import { toFloatingUIPlacement } from "../utils/placement.mjs";
 import { useMemo, useRef } from "react";
 import { arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
 
 //#region src/Tooltip/useTooltipFloating.ts
 const useTooltipFloating = ({ arrow: arrow$1, placement, openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, disabled, open, onOpenChange }) => {
 	const arrowRef = useRef(null);
-	const floatingPlacement = useMemo(() => antdPlacementToFloating(placement), [placement]);
+	const floatingPlacement = useMemo(() => toFloatingUIPlacement(placement), [placement]);
 	const { context, floatingStyles, refs } = useFloating({
 		middleware: useMemo(() => {
 			const base = [

package/es/Tooltip/useTooltipFloating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipFloating.mjs","names":["arrow","arrowMiddleware"],"sources":["../../src/Tooltip/useTooltipFloating.ts"],"sourcesContent":["import {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport type { FloatingContext, Placement } from '@floating-ui/react';\nimport { useMemo, useRef } from 'react';\nimport type { CSSProperties, RefObject } from 'react';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\n\nimport type { TooltipPlacement } from './type';\n\ntype UseTooltipFloatingReturn = {\n  arrowRef: RefObject<SVGSVGElement | null>;\n  context: FloatingContext;\n  floatingPlacement: Placement;\n  floatingStyles: CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];\n  refs: ReturnType<typeof useFloating>['refs'];\n};\n\nexport const useTooltipFloating = ({\n  arrow,\n  placement,\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  disabled,\n  open,\n  onOpenChange,\n}: {\n  arrow?: boolean;\n  closeDelay?: number;\n  disabled?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  openDelay?: number;\n  placement: TooltipPlacement;\n}): UseTooltipFloatingReturn => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n\n  const floatingPlacement = useMemo(() => antdPlacementToFloating(placement), [placement]);\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    onOpenChange,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const resolvedDelay = useMemo(\n    () => ({\n      close: closeDelay ?? (mouseLeaveDelay !== undefined ? mouseLeaveDelay * 1000 : 100),\n      open: openDelay ?? (mouseEnterDelay !== undefined ? mouseEnterDelay * 1000 : 400),\n    }),\n    [closeDelay, mouseEnterDelay, mouseLeaveDelay, openDelay],\n  );\n\n  const hover = useHover(context, {\n    delay: resolvedDelay,\n    enabled: !disabled,\n    move: false,\n  });\n  const focus = useFocus(context, { enabled: !disabled });\n  const dismiss = useDismiss(context, { enabled: !disabled });\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([hover, focus, dismiss, role]);\n\n  return {\n    arrowRef,\n    context,\n    floatingPlacement,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    refs,\n  };\n};\n"],"mappings":";;;;;AA+BA,MAAa,sBAAsB,EACjC,gBACA,WACA,WACA,YACA,iBACA,iBACA,UACA,MACA,mBAW8B;CAC9B,MAAM,WAAW,OAA6B,KAAK;CAEnD,MAAM,oBAAoB,cAAc,wBAAwB,UAAU,EAAE,CAAC,UAAU,CAAC;CAQxF,MAAM,EAAE,SAAS,gBAAgB,SAAS,YAAY;EACpD,YAPiB,cAAc;GAC/B,MAAM,OAAO;IAAC,OAAO,EAAE;IAAE,MAAM;IAAE,MAAM,EAAE,SAAS,GAAG,CAAC;IAAC;AACvD,OAAIA,QAAO,MAAK,KAAKC,MAAgB,EAAE,SAAS,UAAU,CAAC,CAAC;AAC5D,UAAO;KACN,CAACD,QAAM,CAAC;EAIT;EACA;EACA,WAAW;EACX,sBAAsB;EACvB,CAAC;CAmBF,MAAM,EAAE,kBAAkB,sBAAsB,gBAAgB;EATlD,SAAS,SAAS;GAC9B,OAToB,eACb;IACL,OAAO,eAAe,oBAAoB,SAAY,kBAAkB,MAAO;IAC/E,MAAM,cAAc,oBAAoB,SAAY,kBAAkB,MAAO;IAC9E,GACD;IAAC;IAAY;IAAiB;IAAiB;IAAU,CAC1D;GAIC,SAAS,CAAC;GACV,MAAM;GACP,CAAC;EACY,SAAS,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EACvC,WAAW,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EAC9C,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;EAE2C,CAAC;AAE9F,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useTooltipFloating.mjs","names":["arrow","arrowMiddleware"],"sources":["../../src/Tooltip/useTooltipFloating.ts"],"sourcesContent":["import {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport type { FloatingContext, Placement } from '@floating-ui/react';\nimport { useMemo, useRef } from 'react';\nimport type { CSSProperties, RefObject } from 'react';\n\nimport { toFloatingUIPlacement } from '@/utils/placement';\n\nimport type { TooltipPlacement } from './type';\n\ntype UseTooltipFloatingReturn = {\n  arrowRef: RefObject<SVGSVGElement | null>;\n  context: FloatingContext;\n  floatingPlacement: Placement;\n  floatingStyles: CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];\n  refs: ReturnType<typeof useFloating>['refs'];\n};\n\nexport const useTooltipFloating = ({\n  arrow,\n  placement,\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  disabled,\n  open,\n  onOpenChange,\n}: {\n  arrow?: boolean;\n  closeDelay?: number;\n  disabled?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  openDelay?: number;\n  placement: TooltipPlacement;\n}): UseTooltipFloatingReturn => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n\n  const floatingPlacement = useMemo(() => toFloatingUIPlacement(placement), [placement]);\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    onOpenChange,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const resolvedDelay = useMemo(\n    () => ({\n      close: closeDelay ?? (mouseLeaveDelay !== undefined ? mouseLeaveDelay * 1000 : 100),\n      open: openDelay ?? (mouseEnterDelay !== undefined ? mouseEnterDelay * 1000 : 400),\n    }),\n    [closeDelay, mouseEnterDelay, mouseLeaveDelay, openDelay],\n  );\n\n  const hover = useHover(context, {\n    delay: resolvedDelay,\n    enabled: !disabled,\n    move: false,\n  });\n  const focus = useFocus(context, { enabled: !disabled });\n  const dismiss = useDismiss(context, { enabled: !disabled });\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([hover, focus, dismiss, role]);\n\n  return {\n    arrowRef,\n    context,\n    floatingPlacement,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    refs,\n  };\n};\n"],"mappings":";;;;;AA+BA,MAAa,sBAAsB,EACjC,gBACA,WACA,WACA,YACA,iBACA,iBACA,UACA,MACA,mBAW8B;CAC9B,MAAM,WAAW,OAA6B,KAAK;CAEnD,MAAM,oBAAoB,cAAc,sBAAsB,UAAU,EAAE,CAAC,UAAU,CAAC;CAQtF,MAAM,EAAE,SAAS,gBAAgB,SAAS,YAAY;EACpD,YAPiB,cAAc;GAC/B,MAAM,OAAO;IAAC,OAAO,EAAE;IAAE,MAAM;IAAE,MAAM,EAAE,SAAS,GAAG,CAAC;IAAC;AACvD,OAAIA,QAAO,MAAK,KAAKC,MAAgB,EAAE,SAAS,UAAU,CAAC,CAAC;AAC5D,UAAO;KACN,CAACD,QAAM,CAAC;EAIT;EACA;EACA,WAAW;EACX,sBAAsB;EACvB,CAAC;CAmBF,MAAM,EAAE,kBAAkB,sBAAsB,gBAAgB;EATlD,SAAS,SAAS;GAC9B,OAToB,eACb;IACL,OAAO,eAAe,oBAAoB,SAAY,kBAAkB,MAAO;IAC/E,MAAM,cAAc,oBAAoB,SAAY,kBAAkB,MAAO;IAC9E,GACD;IAAC;IAAY;IAAiB;IAAiB;IAAU,CAC1D;GAIC,SAAS,CAAC;GACV,MAAM;GACP,CAAC;EACY,SAAS,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EACvC,WAAW,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EAC9C,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;EAE2C,CAAC;AAE9F,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/es/Video/index.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { VideoProps as VideoProps$1 } from "../types/index.mjs";
-import * as react72 from "react";
+import * as react5 from "react";
 import { CSSProperties, Ref } from "react";
 
 //#region src/Video/index.d.ts
@@ -39,7 +39,7 @@ interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'
   };
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const Video: react72.NamedExoticComponent<VideoProps>;
+declare const Video: react5.NamedExoticComponent<VideoProps>;
 //#endregion
 export { Video, VideoProps };
 //# sourceMappingURL=index.d.mts.map

package/es/awesome/AuroraBackground/AuroraBackground.d.mts

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

package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts

@@ -1,9 +1,9 @@
 import { ButtonProps } from "../../Button/type.mjs";
 import "../../Button/index.mjs";
-import * as react128 from "react";
+import * as react123 from "react";
 
 //#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
-declare const BottomGradientButton: react128.NamedExoticComponent<ButtonProps>;
+declare const BottomGradientButton: react123.NamedExoticComponent<ButtonProps>;
 //#endregion
 export { BottomGradientButton };
 //# sourceMappingURL=BottomGradientButton.d.mts.map

package/es/awesome/Features/Features.d.mts

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

package/es/awesome/Giscus/style.mjs

@@ -1,6 +1,7 @@
+import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
 import { useMemo } from "react";
 import { css, useTheme } from "antd-style";
-import { readableColor, rgba } from "polished";
+import { rgba } from "polished";
 
 //#region src/awesome/Giscus/style.ts
 const useStyles = () => {
@@ -56,7 +57,7 @@ const useStyles = () => {
       --color-btn-active-bg: ${theme.colorFillSecondary};
       --color-btn-active-border: ${theme.colorBorder};
       --color-btn-selected-bg: ${theme.colorFillSecondary};
-      --color-btn-primary-text: ${readableColor(theme.colorPrimary)};
+      --color-btn-primary-text: ${safeReadableColor(theme.colorPrimary)};
       --color-btn-primary-bg: ${theme.colorPrimary};
       --color-btn-primary-border: ${theme.colorPrimaryBorder};
       --color-btn-primary-shadow: 0 0 transparent;
@@ -65,7 +66,7 @@ const useStyles = () => {
       --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};
       --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};
       --color-btn-primary-selected-shadow: 0 0 transparent;
-      --color-btn-primary-disabled-text: ${rgba(readableColor(theme.colorPrimary), .5)};
+      --color-btn-primary-disabled-text: ${rgba(safeReadableColor(theme.colorPrimary), .5)};
       --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, .5)};
       --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, .5)};
       --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { readableColor, rgba } from 'polished';\nimport { useMemo } from 'react';\n\nexport const useStyles = () => {\n  const theme = useTheme();\n  const colorText = theme.colorText;\n  const colorTextSecondary = theme.colorTextSecondary;\n  const colorTextTertiary = theme.colorTextTertiary;\n  const colorRed = theme.colorError;\n  const colorOrange = theme.colorWarning;\n  const colorGreen = theme.colorSuccess;\n  const colorBlue = theme.colorInfo;\n  const loaderContainer = theme.isDarkMode\n    ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg'\n    : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';\n  const loadingImage = theme.isDarkMode\n    ? 'https://github.githubassets.com/images/mona-loading-dark.gif'\n    : 'https://github.githubassets.com/images/mona-loading-default.gif';\n  const { styles } = css`\n    main {\n      --color-prettylights-syntax-comment: ${colorTextTertiary};\n      --color-prettylights-syntax-constant: ${colorGreen};\n      --color-prettylights-syntax-entity: ${colorOrange};\n      --color-prettylights-syntax-storage-modifier-import: ${colorRed};\n      --color-prettylights-syntax-entity-tag: ${colorBlue};\n      --color-prettylights-syntax-keyword: ${colorBlue};\n      --color-prettylights-syntax-string: ${colorGreen};\n      --color-prettylights-syntax-variable: ${colorRed};\n      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};\n      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};\n      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, 0.4)};\n      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};\n      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, 0.6)};\n      --color-prettylights-syntax-string-regexp: ${colorGreen};\n      --color-prettylights-syntax-markup-list: ${colorOrange};\n      --color-prettylights-syntax-markup-heading: ${colorBlue};\n      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};\n      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, 0.2)};\n      --color-prettylights-syntax-markup-changed-text: ${colorOrange};\n      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, 0.2)};\n      --color-prettylights-syntax-meta-diff-range: ${colorOrange};\n      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};\n      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};\n      --color-btn-text: ${theme.colorText};\n      --color-btn-bg: ${theme.colorFillTertiary};\n      --color-btn-border: ${theme.colorBorderSecondary};\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ${theme.colorFillSecondary};\n      --color-btn-hover-border: ${theme.colorBorder};\n      --color-btn-active-bg: ${theme.colorFillSecondary};\n      --color-btn-active-border: ${theme.colorBorder};\n      --color-btn-selected-bg: ${theme.colorFillSecondary};\n      --color-btn-primary-text: ${readableColor(theme.colorPrimary)};\n      --color-btn-primary-bg: ${theme.colorPrimary};\n      --color-btn-primary-border: ${theme.colorPrimaryBorder};\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};\n      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};\n      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ${rgba(readableColor(theme.colorPrimary), 0.5)};\n      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, 0.5)};\n      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, 0.5)};\n      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};\n      --color-segmented-control-bg: ${theme.colorFillTertiary};\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ${theme.colorBorder};\n      --color-fg-default: ${theme.colorText};\n      --color-fg-muted: ${theme.colorTextSecondary};\n      --color-fg-subtle: ${theme.colorTextQuaternary};\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ${theme.colorBgElevated};\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ${theme.colorFillQuaternary};\n      --color-border-default: ${theme.colorBorder};\n      --color-border-muted: ${theme.colorBorderSecondary};\n      --color-neutral-muted: ${theme.colorFillQuaternary};\n      --color-neutral-subtle: ${theme.colorFillTertiary};\n      --color-accent-fg: ${theme.colorInfo};\n      --color-accent-emphasis: ${theme.colorInfoBorderHover};\n      --color-accent-muted: ${theme.colorInfoBorder};\n      --color-accent-subtle: ${theme.colorInfoBg};\n      --color-success-fg: ${theme.colorSuccess};\n      --color-attention-fg: ${theme.colorWarning};\n      --color-attention-muted: ${theme.colorWarningBorder};\n      --color-attention-subtle: ${theme.colorWarningBg};\n      --color-danger-fg: ${theme.colorError};\n      --color-danger-muted: ${theme.colorErrorBorder};\n      --color-danger-subtle: ${theme.colorErrorBg};\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ${theme.colorBgContainer};\n      --color-scale-blue-8: ${theme.colorInfoBg};\n      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};\n      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};\n\n      .markdown pre {\n        color: ${colorText};\n      }\n\n      .pagination-loader-container {\n        background-image: url(${loaderContainer});\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ${theme.colorInfoBorderHover};\n        border-radius: ${theme.borderRadius}px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(${loadingImage});\n      }\n    }\n  `;\n\n  return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);\n};\n\nexport const formatLang = (lang: string) => {\n  if (['zh_CN', 'zh_TW'].includes(lang)) {\n    return lang.replace('_', '-');\n  } else if (lang === 'zh_HK') {\n    return 'zh-TW';\n  } else {\n    return lang.split('_')[0];\n  }\n};\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB;CAC7B,MAAM,QAAQ,UAAU;CACxB,MAAM,YAAY,MAAM;CACxB,MAAM,qBAAqB,MAAM;CACjC,MAAM,oBAAoB,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,MAAM;CACxB,MAAM,kBAAkB,MAAM,aAC1B,iFACA;CACJ,MAAM,eAAe,MAAM,aACvB,iEACA;CACJ,MAAM,EAAE,WAAW,GAAG;;6CAEqB,kBAAkB;8CACjB,WAAW;4CACb,YAAY;6DACK,SAAS;gDACtB,UAAU;6CACb,UAAU;4CACX,WAAW;8CACT,SAAS;kEACW,SAAS;0DACjB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;0DAClB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;mDACzB,WAAW;iDACb,YAAY;oDACT,UAAU;mDACX,mBAAmB;iDACrB,mBAAmB;yDACX,mBAAmB;uDACrB,KAAK,UAAU,GAAI,CAAC;0DACjB,WAAW;wDACb,KAAK,YAAY,GAAI,CAAC;yDACrB,YAAY;uDACd,KAAK,UAAU,GAAI,CAAC;yDAClB,mBAAmB;uDACrB,KAAK,WAAW,GAAI,CAAC;qDACvB,YAAY;8DACH,mBAAmB;+DAClB,kBAAkB;mEACd,UAAU;0BACnD,MAAM,UAAU;wBAClB,MAAM,kBAAkB;4BACpB,MAAM,qBAAqB;;;8BAGzB,MAAM,mBAAmB;kCACrB,MAAM,YAAY;+BACrB,MAAM,mBAAmB;mCACrB,MAAM,YAAY;iCACpB,MAAM,mBAAmB;kCACxB,cAAc,MAAM,aAAa,CAAC;gCACpC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,cAAc,MAAM,aAAa,EAAE,GAAI,CAAC;yCAC/C,KAAK,MAAM,cAAc,GAAI,CAAC;6CAC1B,KAAK,MAAM,oBAAoB,GAAI,CAAC;mDAC9B,MAAM,oBAAoB;sCACvC,MAAM,kBAAkB;;0DAEJ,MAAM,YAAY;4BAChD,MAAM,UAAU;0BAClB,MAAM,mBAAmB;2BACxB,MAAM,oBAAoB;;gCAErB,MAAM,gBAAgB;;+BAEvB,MAAM,oBAAoB;gCACzB,MAAM,YAAY;8BACpB,MAAM,qBAAqB;+BAC1B,MAAM,oBAAoB;gCACzB,MAAM,kBAAkB;2BAC7B,MAAM,UAAU;iCACV,MAAM,qBAAqB;8BAC9B,MAAM,gBAAgB;+BACrB,MAAM,YAAY;4BACrB,MAAM,aAAa;8BACjB,MAAM,aAAa;iCAChB,MAAM,mBAAmB;kCACxB,MAAM,eAAe;2BAC5B,MAAM,WAAW;8BACd,MAAM,iBAAiB;+BACtB,MAAM,aAAa;;8BAEpB,MAAM,iBAAiB;8BACvB,MAAM,YAAY;0CACN,MAAM,mBAAmB;kDACjB,MAAM,iBAAiB;;;iBAGxD,UAAU;;;;gCAIK,gBAAgB;;;;;;;;;;;;;;;;;;wBAkBxB,MAAM,qBAAqB;yBAC1B,MAAM,aAAa;;;;gCAIZ,aAAa;;;;AAK3C,QAAO,cAAc,wBAAwB,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC;;AAGxE,MAAa,cAAc,SAAiB;AAC1C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,CACnC,QAAO,KAAK,QAAQ,KAAK,IAAI;UACpB,SAAS,QAClB,QAAO;KAEP,QAAO,KAAK,MAAM,IAAI,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { useMemo } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport const useStyles = () => {\n  const theme = useTheme();\n  const colorText = theme.colorText;\n  const colorTextSecondary = theme.colorTextSecondary;\n  const colorTextTertiary = theme.colorTextTertiary;\n  const colorRed = theme.colorError;\n  const colorOrange = theme.colorWarning;\n  const colorGreen = theme.colorSuccess;\n  const colorBlue = theme.colorInfo;\n  const loaderContainer = theme.isDarkMode\n    ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg'\n    : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';\n  const loadingImage = theme.isDarkMode\n    ? 'https://github.githubassets.com/images/mona-loading-dark.gif'\n    : 'https://github.githubassets.com/images/mona-loading-default.gif';\n  const { styles } = css`\n    main {\n      --color-prettylights-syntax-comment: ${colorTextTertiary};\n      --color-prettylights-syntax-constant: ${colorGreen};\n      --color-prettylights-syntax-entity: ${colorOrange};\n      --color-prettylights-syntax-storage-modifier-import: ${colorRed};\n      --color-prettylights-syntax-entity-tag: ${colorBlue};\n      --color-prettylights-syntax-keyword: ${colorBlue};\n      --color-prettylights-syntax-string: ${colorGreen};\n      --color-prettylights-syntax-variable: ${colorRed};\n      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};\n      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};\n      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, 0.4)};\n      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};\n      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, 0.6)};\n      --color-prettylights-syntax-string-regexp: ${colorGreen};\n      --color-prettylights-syntax-markup-list: ${colorOrange};\n      --color-prettylights-syntax-markup-heading: ${colorBlue};\n      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};\n      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, 0.2)};\n      --color-prettylights-syntax-markup-changed-text: ${colorOrange};\n      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, 0.2)};\n      --color-prettylights-syntax-meta-diff-range: ${colorOrange};\n      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};\n      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};\n      --color-btn-text: ${theme.colorText};\n      --color-btn-bg: ${theme.colorFillTertiary};\n      --color-btn-border: ${theme.colorBorderSecondary};\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ${theme.colorFillSecondary};\n      --color-btn-hover-border: ${theme.colorBorder};\n      --color-btn-active-bg: ${theme.colorFillSecondary};\n      --color-btn-active-border: ${theme.colorBorder};\n      --color-btn-selected-bg: ${theme.colorFillSecondary};\n      --color-btn-primary-text: ${safeReadableColor(theme.colorPrimary)};\n      --color-btn-primary-bg: ${theme.colorPrimary};\n      --color-btn-primary-border: ${theme.colorPrimaryBorder};\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};\n      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};\n      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ${rgba(safeReadableColor(theme.colorPrimary), 0.5)};\n      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, 0.5)};\n      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, 0.5)};\n      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};\n      --color-segmented-control-bg: ${theme.colorFillTertiary};\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ${theme.colorBorder};\n      --color-fg-default: ${theme.colorText};\n      --color-fg-muted: ${theme.colorTextSecondary};\n      --color-fg-subtle: ${theme.colorTextQuaternary};\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ${theme.colorBgElevated};\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ${theme.colorFillQuaternary};\n      --color-border-default: ${theme.colorBorder};\n      --color-border-muted: ${theme.colorBorderSecondary};\n      --color-neutral-muted: ${theme.colorFillQuaternary};\n      --color-neutral-subtle: ${theme.colorFillTertiary};\n      --color-accent-fg: ${theme.colorInfo};\n      --color-accent-emphasis: ${theme.colorInfoBorderHover};\n      --color-accent-muted: ${theme.colorInfoBorder};\n      --color-accent-subtle: ${theme.colorInfoBg};\n      --color-success-fg: ${theme.colorSuccess};\n      --color-attention-fg: ${theme.colorWarning};\n      --color-attention-muted: ${theme.colorWarningBorder};\n      --color-attention-subtle: ${theme.colorWarningBg};\n      --color-danger-fg: ${theme.colorError};\n      --color-danger-muted: ${theme.colorErrorBorder};\n      --color-danger-subtle: ${theme.colorErrorBg};\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ${theme.colorBgContainer};\n      --color-scale-blue-8: ${theme.colorInfoBg};\n      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};\n      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};\n\n      .markdown pre {\n        color: ${colorText};\n      }\n\n      .pagination-loader-container {\n        background-image: url(${loaderContainer});\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ${theme.colorInfoBorderHover};\n        border-radius: ${theme.borderRadius}px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(${loadingImage});\n      }\n    }\n  `;\n\n  return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);\n};\n\nexport const formatLang = (lang: string) => {\n  if (['zh_CN', 'zh_TW'].includes(lang)) {\n    return lang.replace('_', '-');\n  } else if (lang === 'zh_HK') {\n    return 'zh-TW';\n  } else {\n    return lang.split('_')[0];\n  }\n};\n"],"mappings":";;;;;;AAMA,MAAa,kBAAkB;CAC7B,MAAM,QAAQ,UAAU;CACxB,MAAM,YAAY,MAAM;CACxB,MAAM,qBAAqB,MAAM;CACjC,MAAM,oBAAoB,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,MAAM;CACxB,MAAM,kBAAkB,MAAM,aAC1B,iFACA;CACJ,MAAM,eAAe,MAAM,aACvB,iEACA;CACJ,MAAM,EAAE,WAAW,GAAG;;6CAEqB,kBAAkB;8CACjB,WAAW;4CACb,YAAY;6DACK,SAAS;gDACtB,UAAU;6CACb,UAAU;4CACX,WAAW;8CACT,SAAS;kEACW,SAAS;0DACjB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;0DAClB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;mDACzB,WAAW;iDACb,YAAY;oDACT,UAAU;mDACX,mBAAmB;iDACrB,mBAAmB;yDACX,mBAAmB;uDACrB,KAAK,UAAU,GAAI,CAAC;0DACjB,WAAW;wDACb,KAAK,YAAY,GAAI,CAAC;yDACrB,YAAY;uDACd,KAAK,UAAU,GAAI,CAAC;yDAClB,mBAAmB;uDACrB,KAAK,WAAW,GAAI,CAAC;qDACvB,YAAY;8DACH,mBAAmB;+DAClB,kBAAkB;mEACd,UAAU;0BACnD,MAAM,UAAU;wBAClB,MAAM,kBAAkB;4BACpB,MAAM,qBAAqB;;;8BAGzB,MAAM,mBAAmB;kCACrB,MAAM,YAAY;+BACrB,MAAM,mBAAmB;mCACrB,MAAM,YAAY;iCACpB,MAAM,mBAAmB;kCACxB,kBAAkB,MAAM,aAAa,CAAC;gCACxC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,kBAAkB,MAAM,aAAa,EAAE,GAAI,CAAC;yCACnD,KAAK,MAAM,cAAc,GAAI,CAAC;6CAC1B,KAAK,MAAM,oBAAoB,GAAI,CAAC;mDAC9B,MAAM,oBAAoB;sCACvC,MAAM,kBAAkB;;0DAEJ,MAAM,YAAY;4BAChD,MAAM,UAAU;0BAClB,MAAM,mBAAmB;2BACxB,MAAM,oBAAoB;;gCAErB,MAAM,gBAAgB;;+BAEvB,MAAM,oBAAoB;gCACzB,MAAM,YAAY;8BACpB,MAAM,qBAAqB;+BAC1B,MAAM,oBAAoB;gCACzB,MAAM,kBAAkB;2BAC7B,MAAM,UAAU;iCACV,MAAM,qBAAqB;8BAC9B,MAAM,gBAAgB;+BACrB,MAAM,YAAY;4BACrB,MAAM,aAAa;8BACjB,MAAM,aAAa;iCAChB,MAAM,mBAAmB;kCACxB,MAAM,eAAe;2BAC5B,MAAM,WAAW;8BACd,MAAM,iBAAiB;+BACtB,MAAM,aAAa;;8BAEpB,MAAM,iBAAiB;8BACvB,MAAM,YAAY;0CACN,MAAM,mBAAmB;kDACjB,MAAM,iBAAiB;;;iBAGxD,UAAU;;;;gCAIK,gBAAgB;;;;;;;;;;;;;;;;;;wBAkBxB,MAAM,qBAAqB;yBAC1B,MAAM,aAAa;;;;gCAIZ,aAAa;;;;AAK3C,QAAO,cAAc,wBAAwB,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC;;AAGxE,MAAa,cAAc,SAAiB;AAC1C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,CACnC,QAAO,KAAK,QAAQ,KAAK,IAAI;UACpB,SAAS,QAClB,QAAO;KAEP,QAAO,KAAK,MAAM,IAAI,CAAC"}

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GridBackground/GridBackground.d.mts

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

package/es/awesome/GridBackground/GridShowcase.d.mts

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

package/es/awesome/Hero/Hero.d.mts

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

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

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

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

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

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

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

package/es/brand/LobeChat/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react0 from "react";
+import * as react35 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeChat/index.d.ts
@@ -8,7 +8,7 @@ interface LobeChatProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeChat: react0.NamedExoticComponent<LobeChatProps>;
+declare const LobeChat: react35.NamedExoticComponent<LobeChatProps>;
 //#endregion
 export { LobeChat, LobeChatProps };
 //# sourceMappingURL=index.d.mts.map