@lobehub/ui 5.6.3 → 5.6.4

package/es/Tooltip/useMergedTooltipProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedTooltipProps.mjs","names":[],"sources":["../../src/Tooltip/useMergedTooltipProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type TooltipGroupItem, TooltipGroupPropsContext } from './groupContext';\nimport type { TooltipProps } from './type';\n\nexport const useMergedTooltipProps = (props: Partial<TooltipProps>): TooltipGroupItem => {\n  const sharedProps = useContext(TooltipGroupPropsContext);\n\n  const {\n    arrow,\n    className,\n    classNames,\n    closeDelay,\n    disabled,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    openDelay,\n    placement,\n    popupContainer,\n    styles: styleProps,\n    title,\n    zIndex,\n    positionerProps,\n    triggerProps,\n    popupProps,\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 resolvedSharedStyles = useMemo(() => {\n    if (typeof sharedProps?.styles === 'function') return undefined;\n    return sharedProps?.styles;\n  }, [sharedProps?.styles]);\n\n  const resolvedLocalStyles = useMemo(() => {\n    if (typeof styleProps === 'function') return undefined;\n    return styleProps;\n  }, [styleProps]);\n\n  const mergedStyles = useMemo(() => {\n    if (!resolvedSharedStyles && !resolvedLocalStyles) return undefined;\n    return { ...resolvedSharedStyles, ...resolvedLocalStyles };\n  }, [resolvedSharedStyles, resolvedLocalStyles]);\n\n  const mergedHotkeyProps = useMemo(() => {\n    if (!sharedProps?.hotkeyProps && !hotkeyProps) return undefined;\n    return { ...sharedProps?.hotkeyProps, ...hotkeyProps };\n  }, [hotkeyProps, sharedProps?.hotkeyProps]);\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: TooltipGroupItem = useMemo(\n    () => ({\n      arrow: arrow ?? sharedProps?.arrow ?? false,\n      className: mergedClassName,\n      classNames: mergedClassNames,\n      closeDelay: closeDelay ?? sharedProps?.closeDelay,\n      disabled: disabled ?? sharedProps?.disabled,\n      getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n      hotkey: hotkey ?? sharedProps?.hotkey,\n      popupContainer: popupContainer ?? sharedProps?.popupContainer,\n      hotkeyProps: mergedHotkeyProps,\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      popupProps: popupProps ?? sharedProps?.popupProps,\n      positionerProps: positionerProps ?? sharedProps?.positionerProps,\n      styles: mergedStyles,\n      title,\n      triggerProps: triggerProps ?? sharedProps?.triggerProps,\n      zIndex: zIndex ?? sharedProps?.zIndex,\n    }),\n    [\n      arrow,\n      closeDelay,\n      disabled,\n      getPopupContainer,\n      hotkey,\n      mergedClassName,\n      mergedClassNames,\n      mergedHotkeyProps,\n      mergedOnOpenChange,\n      mergedStyles,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      positionerProps,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.hotkey,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.onOpenChange,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.popupContainer,\n      sharedProps?.popupProps,\n      sharedProps?.positionerProps,\n      sharedProps?.triggerProps,\n      sharedProps?.zIndex,\n      title,\n      triggerProps,\n      zIndex,\n    ],\n  );\n\n  return item;\n};\n"],"mappings":";;;;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,yBAAyB;CAExD,MAAM,EACJ,OACA,WACA,YACA,YACA,UACA,mBACA,QACA,aACA,iBACA,iBACA,cACA,WACA,WACA,gBACA,QAAQ,YACR,OACA,QACA,iBACA,cACA,eACE;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,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,WAAW,WAAY,QAAO;AACtD,SAAO,aAAa;IACnB,CAAC,aAAa,OAAO,CAAC;CAEzB,MAAM,sBAAsB,cAAc;AACxC,MAAI,OAAO,eAAe,WAAY,QAAO;AAC7C,SAAO;IACN,CAAC,WAAW,CAAC;CAEhB,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,wBAAwB,CAAC,oBAAqB,QAAO;AAC1D,SAAO;GAAE,GAAG;GAAsB,GAAG;GAAqB;IACzD,CAAC,sBAAsB,oBAAoB,CAAC;CAE/C,MAAM,oBAAoB,cAAc;AACtC,MAAI,CAAC,aAAa,eAAe,CAAC,YAAa,QAAO;AACtD,SAAO;GAAE,GAAG,aAAa;GAAa,GAAG;GAAa;IACrD,CAAC,aAAa,aAAa,YAAY,CAAC;CAE3C,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;AAgE7C,QA9D+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,QAAQ,UAAU,aAAa;EAC/B,gBAAgB,kBAAkB,aAAa;EAC/C,aAAa;EACb,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,YAAY,cAAc,aAAa;EACvC,iBAAiB,mBAAmB,aAAa;EACjD,QAAQ;EACR;EACA,cAAc,gBAAgB,aAAa;EAC3C,QAAQ,UAAU,aAAa;EAChC,GACD;EACE;EACA;EACA;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,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACA;EACD,CACF"}
+{"version":3,"file":"useMergedTooltipProps.mjs","names":[],"sources":["../../src/Tooltip/useMergedTooltipProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type TooltipGroupItem, TooltipGroupPropsContext } from './groupContext';\nimport type { TooltipProps } from './type';\n\nexport const useMergedTooltipProps = (props: Partial<TooltipProps>): TooltipGroupItem => {\n  const sharedProps = useContext(TooltipGroupPropsContext);\n\n  const {\n    arrow,\n    className,\n    classNames,\n    closeDelay,\n    disabled,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    openDelay,\n    placement,\n    popupContainer,\n    styles: styleProps,\n    title,\n    zIndex,\n    positionerProps,\n    triggerProps,\n    popupProps,\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 resolvedSharedStyles = useMemo(() => {\n    if (typeof sharedProps?.styles === 'function') return undefined;\n    return sharedProps?.styles;\n  }, [sharedProps?.styles]);\n\n  const resolvedLocalStyles = useMemo(() => {\n    if (typeof styleProps === 'function') return undefined;\n    return styleProps;\n  }, [styleProps]);\n\n  const mergedStyles = useMemo(() => {\n    if (!resolvedSharedStyles && !resolvedLocalStyles) return undefined;\n    return { ...resolvedSharedStyles, ...resolvedLocalStyles };\n  }, [resolvedSharedStyles, resolvedLocalStyles]);\n\n  const mergedHotkeyProps = useMemo(() => {\n    if (!sharedProps?.hotkeyProps && !hotkeyProps) return undefined;\n    return { ...sharedProps?.hotkeyProps, ...hotkeyProps };\n  }, [hotkeyProps, sharedProps?.hotkeyProps]);\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: TooltipGroupItem = useMemo(\n    () => ({\n      arrow: arrow ?? sharedProps?.arrow ?? false,\n      className: mergedClassName,\n      classNames: mergedClassNames,\n      closeDelay: closeDelay ?? sharedProps?.closeDelay,\n      disabled: disabled ?? sharedProps?.disabled,\n      getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n      hotkey: hotkey ?? sharedProps?.hotkey,\n      popupContainer: popupContainer ?? sharedProps?.popupContainer,\n      hotkeyProps: mergedHotkeyProps,\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      popupProps: popupProps ?? sharedProps?.popupProps,\n      positionerProps: positionerProps ?? sharedProps?.positionerProps,\n      styles: mergedStyles,\n      title,\n      triggerProps: triggerProps ?? sharedProps?.triggerProps,\n      zIndex: zIndex ?? sharedProps?.zIndex,\n    }),\n    [\n      arrow,\n      closeDelay,\n      disabled,\n      getPopupContainer,\n      hotkey,\n      mergedClassName,\n      mergedClassNames,\n      mergedHotkeyProps,\n      mergedOnOpenChange,\n      mergedStyles,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      positionerProps,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.hotkey,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.onOpenChange,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.popupContainer,\n      sharedProps?.popupProps,\n      sharedProps?.positionerProps,\n      sharedProps?.triggerProps,\n      sharedProps?.zIndex,\n      title,\n      triggerProps,\n      zIndex,\n    ],\n  );\n\n  return item;\n};\n"],"mappings":";;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,yBAAyB;CAExD,MAAM,EACJ,OACA,WACA,YACA,YACA,UACA,mBACA,QACA,aACA,iBACA,iBACA,cACA,WACA,WACA,gBACA,QAAQ,YACR,OACA,QACA,iBACA,cACA,eACE;CAEJ,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,aAAa,aAAa,CAAC,UAAW,QAAO,KAAA;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,KAAA;AACpD,SAAO;GAAE,GAAG,aAAa;GAAY,GAAG;GAAY;IACnD,CAAC,YAAY,aAAa,WAAW,CAAC;CAEzC,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,WAAW,WAAY,QAAO,KAAA;AACtD,SAAO,aAAa;IACnB,CAAC,aAAa,OAAO,CAAC;CAEzB,MAAM,sBAAsB,cAAc;AACxC,MAAI,OAAO,eAAe,WAAY,QAAO,KAAA;AAC7C,SAAO;IACN,CAAC,WAAW,CAAC;CAEhB,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,wBAAwB,CAAC,oBAAqB,QAAO,KAAA;AAC1D,SAAO;GAAE,GAAG;GAAsB,GAAG;GAAqB;IACzD,CAAC,sBAAsB,oBAAoB,CAAC;CAE/C,MAAM,oBAAoB,cAAc;AACtC,MAAI,CAAC,aAAa,eAAe,CAAC,YAAa,QAAO,KAAA;AACtD,SAAO;GAAE,GAAG,aAAa;GAAa,GAAG;GAAa;IACrD,CAAC,aAAa,aAAa,YAAY,CAAC;CAE3C,MAAM,qBAAqB,cAAc;AACvC,MAAI,CAAC,aAAa,gBAAgB,CAAC,aAAc,QAAO,KAAA;AACxD,UAAQ,SAAkB;AACxB,gBAAa,eAAe,KAAK;AACjC,kBAAe,KAAK;;IAErB,CAAC,cAAc,aAAa,aAAa,CAAC;AAgE7C,QA9D+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,QAAQ,UAAU,aAAa;EAC/B,gBAAgB,kBAAkB,aAAa;EAC/C,aAAa;EACb,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,YAAY,cAAc,aAAa;EACvC,iBAAiB,mBAAmB,aAAa;EACjD,QAAQ;EACR;EACA,cAAc,gBAAgB,aAAa;EAC3C,QAAQ,UAAU,aAAa;EAChC,GACD;EACE;EACA;EACA;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,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACA;EACD,CACF"}

package/es/Video/index.d.mts

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

package/es/Video/index.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import { styles, variants } from "./style.mjs";
 import { memo, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "antd";
 import { cssVar, cx } from "antd-style";
 import { PlayIcon } from "lucide-react";
-
 //#region src/Video/index.tsx
 const Video = memo(({ ref, preload = "auto", src, style, classNames, className, maxHeight = "100%", maxWidth = "100%", minHeight, minWidth, onEnded, onPause, onPlay, onPlaying, width, height, onMouseEnter, styles: customStyles, onMouseLeave, preview = true, isLoading, variant = "filled", autoPlay, ...rest }) => {
 	const [isPlaying, setIsPlaying] = useState(false);
@@ -53,7 +51,7 @@ const Video = memo(({ ref, preload = "auto", src, style, classNames, className,
 			className: cx(styles.mask, classNames?.mask),
 			justify: "center",
 			style: customStyles?.mask,
-			children: /* @__PURE__ */ jsx(ActionIcon_default, {
+			children: /* @__PURE__ */ jsx(ActionIcon, {
 				color: "#fff",
 				icon: PlayIcon,
 				variant: "filled"
@@ -100,8 +98,7 @@ const Video = memo(({ ref, preload = "auto", src, style, classNames, className,
 	});
 });
 Video.displayName = "Video";
-var Video_default = Video;
-
 //#endregion
-export { Video_default as default };
+export { Video as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Video/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["vars: Record<string, string>","Flexbox","ActionIcon"],"sources":["../../src/Video/index.tsx"],"sourcesContent":["'use client';\n\nimport { Skeleton } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { PlayIcon } from 'lucide-react';\nimport { type CSSProperties, memo, type Ref, useMemo, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport { type VideoProps as VProps } from '@/types';\n\nimport { styles, variants } from './style';\n\nexport interface VideoProps extends VProps, Pick<FlexboxProps, 'width' | 'height'> {\n  autoPlay?: boolean;\n  classNames?: {\n    mask?: string;\n    video?: string;\n    wrapper?: string;\n  };\n  isLoading?: boolean;\n  loop?: boolean;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  minHeight?: number | string;\n  minWidth?: number | string;\n  muted?: HTMLVideoElement['muted'];\n  onEnded?: VProps['onEnded'];\n  onMouseEnter?: VProps['onMouseEnter'];\n  onMouseLeave?: VProps['onMouseLeave'];\n  onPause?: VProps['onPause'];\n  onPlay?: VProps['onPlay'];\n  onPlaying?: VProps['onPlaying'];\n  onProgress?: VProps['onProgress'];\n  poster?: string;\n  preload?: HTMLVideoElement['preload'];\n  preview?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  size?: number | string;\n  src: string;\n  styles?: {\n    mask?: CSSProperties;\n    video?: CSSProperties;\n    wrapper?: CSSProperties;\n  };\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst Video = memo<VideoProps>(\n  ({\n    ref,\n    preload = 'auto',\n    src,\n    style,\n    classNames,\n    className,\n    maxHeight = '100%',\n    maxWidth = '100%',\n    minHeight,\n    minWidth,\n    onEnded,\n    onPause,\n    onPlay,\n    onPlaying,\n    width,\n    height,\n    onMouseEnter,\n    styles: customStyles,\n    onMouseLeave,\n    preview = true,\n    isLoading,\n    variant = 'filled',\n    autoPlay,\n    ...rest\n  }) => {\n    const [isPlaying, setIsPlaying] = useState(false);\n    const [showControls, setShowControls] = useState(false);\n\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {};\n      if (maxHeight !== undefined) {\n        vars['--video-max-height'] = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n      }\n      if (maxWidth !== undefined) {\n        vars['--video-max-width'] = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\n      }\n      if (minHeight !== undefined) {\n        vars['--video-min-height'] = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n      }\n      if (minWidth !== undefined) {\n        vars['--video-min-width'] = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\n      }\n      return vars;\n    }, [maxHeight, maxWidth, minHeight, minWidth]);\n\n    if (isLoading)\n      return (\n        <Skeleton.Avatar\n          active\n          style={{\n            borderRadius: cssVar.borderRadiusLG,\n            height,\n            maxHeight,\n            maxWidth,\n            minHeight,\n            minWidth,\n            width,\n          }}\n        />\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className, classNames?.wrapper)}\n        height={height}\n        ref={ref}\n        width={width}\n        style={{\n          ...cssVariables,\n          ...style,\n          ...customStyles?.wrapper,\n        }}\n      >\n        {preview && !isPlaying && (\n          <Flexbox\n            align={'center'}\n            className={cx(styles.mask, classNames?.mask)}\n            justify={'center'}\n            style={customStyles?.mask}\n          >\n            <ActionIcon color={'#fff'} icon={PlayIcon} variant={'filled'} />\n          </Flexbox>\n        )}\n        <video\n          autoPlay={autoPlay}\n          className={cx(styles.video, classNames?.video)}\n          controls={showControls}\n          height={height}\n          preload={preload}\n          width={width}\n          style={{\n            height: 'auto',\n            maxWidth: '100%',\n            ...customStyles?.video,\n          }}\n          onEnded={(e) => {\n            setIsPlaying(false);\n            onEnded?.(e);\n          }}\n          onMouseEnter={(e) => {\n            setShowControls(true);\n            onMouseEnter?.(e);\n          }}\n          onMouseLeave={(e) => {\n            setShowControls(false);\n            onMouseLeave?.(e);\n          }}\n          onPause={(e) => {\n            setIsPlaying(false);\n            onPause?.(e);\n          }}\n          onPlay={(e) => {\n            setIsPlaying(true);\n            onPlay?.(e);\n          }}\n          onPlaying={(e) => {\n            setIsPlaying(true);\n            onPlaying?.(e);\n          }}\n          {...rest}\n        >\n          <source src={src} />\n        </video>\n      </Flexbox>\n    );\n  },\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n"],"mappings":";;;;;;;;;;;;AAgDA,MAAM,QAAQ,MACX,EACC,KACA,UAAU,QACV,KACA,OACA,YACA,WACA,YAAY,QACZ,WAAW,QACX,WACA,UACA,SACA,SACA,QACA,WACA,OACA,QACA,cACA,QAAQ,cACR,cACA,UAAU,MACV,WACA,UAAU,UACV,UACA,GAAG,WACC;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAGvD,MAAM,eAAe,cAAsC;EACzD,MAAMA,OAA+B,EAAE;AACvC,MAAI,cAAc,OAChB,MAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;AAElF,MAAI,aAAa,OACf,MAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;AAE/E,MAAI,cAAc,OAChB,MAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;AAElF,MAAI,aAAa,OACf,MAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;AAE/E,SAAO;IACN;EAAC;EAAW;EAAU;EAAW;EAAS,CAAC;AAE9C,KAAI,UACF,QACE,oBAAC,SAAS;EACR;EACA,OAAO;GACL,cAAc,OAAO;GACrB;GACA;GACA;GACA;GACA;GACA;GACD;GACD;AAGN,QACE,qBAACC;EACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,WAAW,YAAY,QAAQ;EAC5D;EACH;EACE;EACP,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG,cAAc;GAClB;aAEA,WAAW,CAAC,aACX,oBAACA;GACC,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAC5C,SAAS;GACT,OAAO,cAAc;aAErB,oBAACC;IAAW,OAAO;IAAQ,MAAM;IAAU,SAAS;KAAY;IACxD,EAEZ,oBAAC;GACW;GACV,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;GAC9C,UAAU;GACF;GACC;GACF;GACP,OAAO;IACL,QAAQ;IACR,UAAU;IACV,GAAG,cAAc;IAClB;GACD,UAAU,MAAM;AACd,iBAAa,MAAM;AACnB,cAAU,EAAE;;GAEd,eAAe,MAAM;AACnB,oBAAgB,KAAK;AACrB,mBAAe,EAAE;;GAEnB,eAAe,MAAM;AACnB,oBAAgB,MAAM;AACtB,mBAAe,EAAE;;GAEnB,UAAU,MAAM;AACd,iBAAa,MAAM;AACnB,cAAU,EAAE;;GAEd,SAAS,MAAM;AACb,iBAAa,KAAK;AAClB,aAAS,EAAE;;GAEb,YAAY,MAAM;AAChB,iBAAa,KAAK;AAClB,gBAAY,EAAE;;GAEhB,GAAI;aAEJ,oBAAC,YAAY,MAAO;IACd;GACA;EAGf;AAED,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../src/Video/index.tsx"],"sourcesContent":["'use client';\n\nimport { Skeleton } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { PlayIcon } from 'lucide-react';\nimport { type CSSProperties, memo, type Ref, useMemo, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport { type VideoProps as VProps } from '@/types';\n\nimport { styles, variants } from './style';\n\nexport interface VideoProps extends VProps, Pick<FlexboxProps, 'width' | 'height'> {\n  autoPlay?: boolean;\n  classNames?: {\n    mask?: string;\n    video?: string;\n    wrapper?: string;\n  };\n  isLoading?: boolean;\n  loop?: boolean;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  minHeight?: number | string;\n  minWidth?: number | string;\n  muted?: HTMLVideoElement['muted'];\n  onEnded?: VProps['onEnded'];\n  onMouseEnter?: VProps['onMouseEnter'];\n  onMouseLeave?: VProps['onMouseLeave'];\n  onPause?: VProps['onPause'];\n  onPlay?: VProps['onPlay'];\n  onPlaying?: VProps['onPlaying'];\n  onProgress?: VProps['onProgress'];\n  poster?: string;\n  preload?: HTMLVideoElement['preload'];\n  preview?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  size?: number | string;\n  src: string;\n  styles?: {\n    mask?: CSSProperties;\n    video?: CSSProperties;\n    wrapper?: CSSProperties;\n  };\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst Video = memo<VideoProps>(\n  ({\n    ref,\n    preload = 'auto',\n    src,\n    style,\n    classNames,\n    className,\n    maxHeight = '100%',\n    maxWidth = '100%',\n    minHeight,\n    minWidth,\n    onEnded,\n    onPause,\n    onPlay,\n    onPlaying,\n    width,\n    height,\n    onMouseEnter,\n    styles: customStyles,\n    onMouseLeave,\n    preview = true,\n    isLoading,\n    variant = 'filled',\n    autoPlay,\n    ...rest\n  }) => {\n    const [isPlaying, setIsPlaying] = useState(false);\n    const [showControls, setShowControls] = useState(false);\n\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {};\n      if (maxHeight !== undefined) {\n        vars['--video-max-height'] = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n      }\n      if (maxWidth !== undefined) {\n        vars['--video-max-width'] = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\n      }\n      if (minHeight !== undefined) {\n        vars['--video-min-height'] = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n      }\n      if (minWidth !== undefined) {\n        vars['--video-min-width'] = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\n      }\n      return vars;\n    }, [maxHeight, maxWidth, minHeight, minWidth]);\n\n    if (isLoading)\n      return (\n        <Skeleton.Avatar\n          active\n          style={{\n            borderRadius: cssVar.borderRadiusLG,\n            height,\n            maxHeight,\n            maxWidth,\n            minHeight,\n            minWidth,\n            width,\n          }}\n        />\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className, classNames?.wrapper)}\n        height={height}\n        ref={ref}\n        width={width}\n        style={{\n          ...cssVariables,\n          ...style,\n          ...customStyles?.wrapper,\n        }}\n      >\n        {preview && !isPlaying && (\n          <Flexbox\n            align={'center'}\n            className={cx(styles.mask, classNames?.mask)}\n            justify={'center'}\n            style={customStyles?.mask}\n          >\n            <ActionIcon color={'#fff'} icon={PlayIcon} variant={'filled'} />\n          </Flexbox>\n        )}\n        <video\n          autoPlay={autoPlay}\n          className={cx(styles.video, classNames?.video)}\n          controls={showControls}\n          height={height}\n          preload={preload}\n          width={width}\n          style={{\n            height: 'auto',\n            maxWidth: '100%',\n            ...customStyles?.video,\n          }}\n          onEnded={(e) => {\n            setIsPlaying(false);\n            onEnded?.(e);\n          }}\n          onMouseEnter={(e) => {\n            setShowControls(true);\n            onMouseEnter?.(e);\n          }}\n          onMouseLeave={(e) => {\n            setShowControls(false);\n            onMouseLeave?.(e);\n          }}\n          onPause={(e) => {\n            setIsPlaying(false);\n            onPause?.(e);\n          }}\n          onPlay={(e) => {\n            setIsPlaying(true);\n            onPlay?.(e);\n          }}\n          onPlaying={(e) => {\n            setIsPlaying(true);\n            onPlaying?.(e);\n          }}\n          {...rest}\n        >\n          <source src={src} />\n        </video>\n      </Flexbox>\n    );\n  },\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,QAAQ,MACX,EACC,KACA,UAAU,QACV,KACA,OACA,YACA,WACA,YAAY,QACZ,WAAW,QACX,WACA,UACA,SACA,SACA,QACA,WACA,OACA,QACA,cACA,QAAQ,cACR,cACA,UAAU,MACV,WACA,UAAU,UACV,UACA,GAAG,WACC;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAGvD,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EAAE;AACvC,MAAI,cAAc,KAAA,EAChB,MAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;AAElF,MAAI,aAAa,KAAA,EACf,MAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;AAE/E,MAAI,cAAc,KAAA,EAChB,MAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;AAElF,MAAI,aAAa,KAAA,EACf,MAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;AAE/E,SAAO;IACN;EAAC;EAAW;EAAU;EAAW;EAAS,CAAC;AAE9C,KAAI,UACF,QACE,oBAAC,SAAS,QAAV;EACE,QAAA;EACA,OAAO;GACL,cAAc,OAAO;GACrB;GACA;GACA;GACA;GACA;GACA;GACD;EACD,CAAA;AAGN,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,WAAW,YAAY,QAAQ;EAC5D;EACH;EACE;EACP,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG,cAAc;GAClB;YATH,CAWG,WAAW,CAAC,aACX,oBAACA,mBAAD;GACE,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAC5C,SAAS;GACT,OAAO,cAAc;aAErB,oBAAC,YAAD;IAAY,OAAO;IAAQ,MAAM;IAAU,SAAS;IAAY,CAAA;GACxD,CAAA,EAEZ,oBAAC,SAAD;GACY;GACV,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;GAC9C,UAAU;GACF;GACC;GACF;GACP,OAAO;IACL,QAAQ;IACR,UAAU;IACV,GAAG,cAAc;IAClB;GACD,UAAU,MAAM;AACd,iBAAa,MAAM;AACnB,cAAU,EAAE;;GAEd,eAAe,MAAM;AACnB,oBAAgB,KAAK;AACrB,mBAAe,EAAE;;GAEnB,eAAe,MAAM;AACnB,oBAAgB,MAAM;AACtB,mBAAe,EAAE;;GAEnB,UAAU,MAAM;AACd,iBAAa,MAAM;AACnB,cAAU,EAAE;;GAEd,SAAS,MAAM;AACb,iBAAa,KAAK;AAClB,aAAS,EAAE;;GAEb,YAAY,MAAM;AAChB,iBAAa,KAAK;AAClB,gBAAY,EAAE;;GAEhB,GAAI;aAEJ,oBAAC,UAAD,EAAa,KAAO,CAAA;GACd,CAAA,CACA;;EAGf;AAED,MAAM,cAAc"}

package/es/Video/style.mjs

@@ -1,11 +1,10 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Video/style.ts
 const maskHoverCls = "lobe-video-mask";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
-	const mask = css$1`
+const styles = createStaticStyles(({ css, cssVar }) => {
+	const mask = css`
     pointer-events: none;
 
     position: absolute;
@@ -16,7 +15,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     height: 100%;
 
     opacity: 0;
-    background: ${cssVar$1.colorBgMask};
+    background: ${cssVar.colorBgMask};
 
     transition: opacity 0.2s ease;
   `;
@@ -25,7 +24,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 		filled: cx(staticStylish.variantOutlinedWithoutHover, staticStylish.variantFilledWithoutHover),
 		mask: cx(maskHoverCls, mask),
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css$1`
+		root: css`
       position: relative;
 
       overflow: hidden;
@@ -37,9 +36,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       min-height: var(--video-min-height, unset);
       max-height: var(--video-max-height, 100%);
       margin-block: 0 1em;
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
 
-      background: ${cssVar$1.colorFillTertiary};
+      background: ${cssVar.colorFillTertiary};
 
       &:hover {
         [class*='${maskHoverCls}'] {
@@ -47,7 +46,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		video: css$1`
+		video: css`
       cursor: pointer;
       width: 100%;
     `
@@ -61,7 +60,7 @@ const variants = cva(styles.root, {
 		borderless: styles.borderless
 	} }
 });
-
 //#endregion
 export { styles, variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Video/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Video/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 用于 hover 选择器的类名标识\nexport const maskHoverCls = 'lobe-video-mask';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const mask = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    background: ${cssVar.colorBgMask};\n\n    transition: opacity 0.2s ease;\n  `;\n\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantOutlinedWithoutHover,\n      lobeStaticStylish.variantFilledWithoutHover,\n    ),\n    mask: cx(maskHoverCls, mask),\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      width: 100%;\n      min-width: var(--video-min-width, unset);\n      max-width: var(--video-max-width, 100%);\n      height: auto;\n      min-height: var(--video-min-height, unset);\n      max-height: var(--video-max-height, 100%);\n      margin-block: 0 1em;\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n\n      &:hover {\n        [class*='${maskHoverCls}'] {\n          opacity: 1;\n        }\n      }\n    `,\n    video: css`\n      cursor: pointer;\n      width: 100%;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,eAAe;AAE5B,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,OAAO,KAAG;;;;;;;;;;;kBAWAA,SAAO,YAAY;;;;AAKnC,QAAO;EACL,YAAYC,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,6BAClBA,cAAkB,0BACnB;EACD,MAAM,GAAG,cAAc,KAAK;EAC5B,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;;;;uBAYUD,SAAO,aAAa;;oBAEvBA,SAAO,kBAAkB;;;mBAG1B,aAAa;;;;;EAK5B,OAAO,KAAG;;;;EAIX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Video/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 用于 hover 选择器的类名标识\nexport const maskHoverCls = 'lobe-video-mask';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const mask = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    background: ${cssVar.colorBgMask};\n\n    transition: opacity 0.2s ease;\n  `;\n\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantOutlinedWithoutHover,\n      lobeStaticStylish.variantFilledWithoutHover,\n    ),\n    mask: cx(maskHoverCls, mask),\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      width: 100%;\n      min-width: var(--video-min-width, unset);\n      max-width: var(--video-max-width, 100%);\n      height: auto;\n      min-height: var(--video-min-height, unset);\n      max-height: var(--video-max-height, 100%);\n      margin-block: 0 1em;\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n\n      &:hover {\n        [class*='${maskHoverCls}'] {\n          opacity: 1;\n        }\n      }\n    `,\n    video: css`\n      cursor: pointer;\n      width: 100%;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAMA,MAAa,eAAe;AAE5B,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,OAAO,GAAG;;;;;;;;;;;kBAWA,OAAO,YAAY;;;;AAKnC,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,6BAClBA,cAAkB,0BACnB;EACD,MAAM,GAAG,cAAc,KAAK;EAC5B,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;uBAYU,OAAO,aAAa;;oBAEvB,OAAO,kBAAkB;;;mBAG1B,aAAa;;;;;EAK5B,OAAO,GAAG;;;;EAIX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}

package/es/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll };

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

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

package/es/awesome/AuroraBackground/AuroraBackground.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/awesome/AuroraBackground/AuroraBackground.tsx
 const AuroraBackground = memo(({ ref, classNames, styles: customStyles, children, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -29,8 +27,7 @@ const AuroraBackground = memo(({ ref, classNames, styles: customStyles, children
 	});
 });
 AuroraBackground.displayName = "AuroraBackground";
-var AuroraBackground_default = AuroraBackground;
-
 //#endregion
-export { AuroraBackground_default as default };
+export { AuroraBackground as default };
+
 //# sourceMappingURL=AuroraBackground.mjs.map

package/es/awesome/AuroraBackground/AuroraBackground.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuroraBackground.mjs","names":["Flexbox"],"sources":["../../../src/awesome/AuroraBackground/AuroraBackground.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { AuroraBackgroundProps } from './type';\n\nconst AuroraBackground = memo<AuroraBackgroundProps>(\n  ({ ref, classNames, styles: customStyles, children, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n    return (\n      <Flexbox ref={ref} {...rest}>\n        <Flexbox className={cx(styles.wrapper, classNames?.wrapper)} style={customStyles?.wrapper}>\n          <div className={isDarkMode ? styles.bgDark : styles.bgLight} />\n        </Flexbox>\n        <Flexbox\n          className={classNames?.content}\n          flex={1}\n          style={{ zIndex: 1, ...customStyles?.content }}\n          width={'100%'}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAuroraBackground.displayName = 'AuroraBackground';\n\nexport default AuroraBackground;\n"],"mappings":";;;;;;;;;AAUA,MAAM,mBAAmB,MACtB,EAAE,KAAK,YAAY,QAAQ,cAAc,UAAU,GAAG,WAAW;CAChE,MAAM,EAAE,eAAe,cAAc;AACrC,QACE,qBAACA;EAAa;EAAK,GAAI;aACrB,oBAACA;GAAQ,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;GAAE,OAAO,cAAc;aAChF,oBAAC,SAAI,WAAW,aAAa,OAAO,SAAS,OAAO,UAAW;IACvD,EACV,oBAACA;GACC,WAAW,YAAY;GACvB,MAAM;GACN,OAAO;IAAE,QAAQ;IAAG,GAAG,cAAc;IAAS;GAC9C,OAAO;GAEN;IACO;GACF;EAGf;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"AuroraBackground.mjs","names":["Flexbox"],"sources":["../../../src/awesome/AuroraBackground/AuroraBackground.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { AuroraBackgroundProps } from './type';\n\nconst AuroraBackground = memo<AuroraBackgroundProps>(\n  ({ ref, classNames, styles: customStyles, children, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n    return (\n      <Flexbox ref={ref} {...rest}>\n        <Flexbox className={cx(styles.wrapper, classNames?.wrapper)} style={customStyles?.wrapper}>\n          <div className={isDarkMode ? styles.bgDark : styles.bgLight} />\n        </Flexbox>\n        <Flexbox\n          className={classNames?.content}\n          flex={1}\n          style={{ zIndex: 1, ...customStyles?.content }}\n          width={'100%'}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAuroraBackground.displayName = 'AuroraBackground';\n\nexport default AuroraBackground;\n"],"mappings":";;;;;;;AAUA,MAAM,mBAAmB,MACtB,EAAE,KAAK,YAAY,QAAQ,cAAc,UAAU,GAAG,WAAW;CAChE,MAAM,EAAE,eAAe,cAAc;AACrC,QACE,qBAACA,mBAAD;EAAc;EAAK,GAAI;YAAvB,CACE,oBAACA,mBAAD;GAAS,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;GAAE,OAAO,cAAc;aAChF,oBAAC,OAAD,EAAK,WAAW,aAAa,OAAO,SAAS,OAAO,SAAW,CAAA;GACvD,CAAA,EACV,oBAACA,mBAAD;GACE,WAAW,YAAY;GACvB,MAAM;GACN,OAAO;IAAE,QAAQ;IAAG,GAAG,cAAc;IAAS;GAC9C,OAAO;GAEN;GACO,CAAA,CACF;;EAGf;AAED,iBAAiB,cAAc"}

package/es/awesome/AuroraBackground/style.mjs

@@ -1,5 +1,4 @@
 import { createStaticStyles, keyframes, responsive } from "antd-style";
-
 //#region src/awesome/AuroraBackground/style.ts
 const aurora = keyframes`
   0% {
@@ -47,8 +46,8 @@ const lightBackground = `
       rgb(96, 165, 250) 30%
     );
 `;
-const styles = createStaticStyles(({ css: css$1 }) => ({
-	bgDark: css$1`
+const styles = createStaticStyles(({ css }) => ({
+	bgDark: css`
     ${darkBackground}
     pointer-events: none;
     will-change: transform;
@@ -89,7 +88,7 @@ const styles = createStaticStyles(({ css: css$1 }) => ({
       max-height: 25vh;
     }
   `,
-	bgLight: css$1`
+	bgLight: css`
     ${lightBackground}
     pointer-events: none;
     will-change: transform;
@@ -130,14 +129,14 @@ const styles = createStaticStyles(({ css: css$1 }) => ({
       max-height: 25vh;
     }
   `,
-	wrapper: css$1`
+	wrapper: css`
     position: absolute;
     z-index: 0;
     inset: 0;
     overflow: hidden;
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/AuroraBackground/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes, responsive } from 'antd-style';\n\nconst aurora = keyframes`\n  0% {\n    background-position: 50% 50%, 50% 50%;\n  }\n  100% {\n    background-position: 350% 50%, 350% 50%;\n  }\n`;\n\nconst darkBackground = `\n  background-image:\n    repeating-linear-gradient(\n      100deg,\n      rgb(0, 0, 0) 0%,\n      rgb(0, 0, 0) 7%,\n      rgba(0, 0, 0, 0%) 10%,\n      rgba(0, 0, 0, 0%) 12%,\n      rgb(0, 0, 0) 16%\n    ),\n    repeating-linear-gradient(\n      100deg,\n      rgb(59, 130, 246) 10%,\n      rgb(165, 180, 252) 15%,\n      rgb(147, 197, 253) 20%,\n      rgb(221, 214, 254) 25%,\n      rgb(96, 165, 250) 30%\n    );\n`;\n\nconst lightBackground = `\n  background-image:\n    repeating-linear-gradient(\n      100deg,\n      rgb(255, 255, 255) 0%,\n      rgb(255, 255, 255) 7%,\n      rgba(0, 0, 0, 0%) 10%,\n      rgba(0, 0, 0, 0%) 12%,\n      rgb(255, 255, 255) 16%\n    ),\n    repeating-linear-gradient(\n      100deg,\n      rgb(59, 130, 246) 10%,\n      rgb(165, 180, 252) 15%,\n      rgb(147, 197, 253) 20%,\n      rgb(221, 214, 254) 25%,\n      rgb(96, 165, 250) 30%\n    );\n`;\n\nexport const styles = createStaticStyles(({ css }) => ({\n  bgDark: css`\n    ${darkBackground}\n    pointer-events: none;\n    will-change: transform;\n\n    position: absolute;\n    inset: -10px;\n\n    max-height: 100vh;\n\n    opacity: 0.3;\n    background-position:\n      50% 50%,\n      50% 50%;\n    background-size: 300%, 200%;\n    filter: blur(10px) invert(0);\n\n    animation: ${aurora} 100s linear infinite;\n\n    mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);\n\n    &::after {\n      ${darkBackground}\n      position: absolute;\n\n      content: '';\n\n      inset: 0;\n\n      animation: ${aurora} 100s linear infinite;\n\n      mix-blend-mode: difference;\n      background-attachment: fixed;\n      background-size: 200%, 100%;\n    }\n\n    ${responsive.sm} {\n      transform: scale(2);\n      max-height: 25vh;\n    }\n  `,\n\n  bgLight: css`\n    ${lightBackground}\n    pointer-events: none;\n    will-change: transform;\n\n    position: absolute;\n    inset: -10px;\n\n    max-height: 100vh;\n\n    opacity: 0.6;\n    background-position:\n      50% 50%,\n      50% 50%;\n    background-size: 300%, 200%;\n    filter: blur(10px) invert(1);\n\n    animation: ${aurora} 100s linear infinite;\n\n    mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);\n\n    &::after {\n      ${lightBackground}\n      position: absolute;\n\n      content: '';\n\n      inset: 0;\n\n      animation: ${aurora} 100s linear infinite;\n\n      mix-blend-mode: difference;\n      background-attachment: fixed;\n      background-size: 200%, 100%;\n    }\n\n    ${responsive.sm} {\n      transform: scale(2);\n      max-height: 25vh;\n    }\n  `,\n\n  wrapper: css`\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    overflow: hidden;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAM,SAAS,SAAS;;;;;;;;AASxB,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;AAoBvB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;AAoBxB,MAAa,SAAS,oBAAoB,EAAE,kBAAW;CACrD,QAAQ,KAAG;MACP,eAAe;;;;;;;;;;;;;;;;iBAgBJ,OAAO;;;;;QAKhB,eAAe;;;;;;;mBAOJ,OAAO;;;;;;;MAOpB,WAAW,GAAG;;;;;CAMlB,SAAS,KAAG;MACR,gBAAgB;;;;;;;;;;;;;;;;iBAgBL,OAAO;;;;;QAKhB,gBAAgB;;;;;;;mBAOL,OAAO;;;;;;;MAOpB,WAAW,GAAG;;;;;CAMlB,SAAS,KAAG;;;;;;CAMb,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/AuroraBackground/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes, responsive } from 'antd-style';\n\nconst aurora = keyframes`\n  0% {\n    background-position: 50% 50%, 50% 50%;\n  }\n  100% {\n    background-position: 350% 50%, 350% 50%;\n  }\n`;\n\nconst darkBackground = `\n  background-image:\n    repeating-linear-gradient(\n      100deg,\n      rgb(0, 0, 0) 0%,\n      rgb(0, 0, 0) 7%,\n      rgba(0, 0, 0, 0%) 10%,\n      rgba(0, 0, 0, 0%) 12%,\n      rgb(0, 0, 0) 16%\n    ),\n    repeating-linear-gradient(\n      100deg,\n      rgb(59, 130, 246) 10%,\n      rgb(165, 180, 252) 15%,\n      rgb(147, 197, 253) 20%,\n      rgb(221, 214, 254) 25%,\n      rgb(96, 165, 250) 30%\n    );\n`;\n\nconst lightBackground = `\n  background-image:\n    repeating-linear-gradient(\n      100deg,\n      rgb(255, 255, 255) 0%,\n      rgb(255, 255, 255) 7%,\n      rgba(0, 0, 0, 0%) 10%,\n      rgba(0, 0, 0, 0%) 12%,\n      rgb(255, 255, 255) 16%\n    ),\n    repeating-linear-gradient(\n      100deg,\n      rgb(59, 130, 246) 10%,\n      rgb(165, 180, 252) 15%,\n      rgb(147, 197, 253) 20%,\n      rgb(221, 214, 254) 25%,\n      rgb(96, 165, 250) 30%\n    );\n`;\n\nexport const styles = createStaticStyles(({ css }) => ({\n  bgDark: css`\n    ${darkBackground}\n    pointer-events: none;\n    will-change: transform;\n\n    position: absolute;\n    inset: -10px;\n\n    max-height: 100vh;\n\n    opacity: 0.3;\n    background-position:\n      50% 50%,\n      50% 50%;\n    background-size: 300%, 200%;\n    filter: blur(10px) invert(0);\n\n    animation: ${aurora} 100s linear infinite;\n\n    mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);\n\n    &::after {\n      ${darkBackground}\n      position: absolute;\n\n      content: '';\n\n      inset: 0;\n\n      animation: ${aurora} 100s linear infinite;\n\n      mix-blend-mode: difference;\n      background-attachment: fixed;\n      background-size: 200%, 100%;\n    }\n\n    ${responsive.sm} {\n      transform: scale(2);\n      max-height: 25vh;\n    }\n  `,\n\n  bgLight: css`\n    ${lightBackground}\n    pointer-events: none;\n    will-change: transform;\n\n    position: absolute;\n    inset: -10px;\n\n    max-height: 100vh;\n\n    opacity: 0.6;\n    background-position:\n      50% 50%,\n      50% 50%;\n    background-size: 300%, 200%;\n    filter: blur(10px) invert(1);\n\n    animation: ${aurora} 100s linear infinite;\n\n    mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);\n\n    &::after {\n      ${lightBackground}\n      position: absolute;\n\n      content: '';\n\n      inset: 0;\n\n      animation: ${aurora} 100s linear infinite;\n\n      mix-blend-mode: difference;\n      background-attachment: fixed;\n      background-size: 200%, 100%;\n    }\n\n    ${responsive.sm} {\n      transform: scale(2);\n      max-height: 25vh;\n    }\n  `,\n\n  wrapper: css`\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    overflow: hidden;\n  `,\n}));\n"],"mappings":";;AAEA,MAAM,SAAS,SAAS;;;;;;;;AASxB,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;AAoBvB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;AAoBxB,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,QAAQ,GAAG;MACP,eAAe;;;;;;;;;;;;;;;;iBAgBJ,OAAO;;;;;QAKhB,eAAe;;;;;;;mBAOJ,OAAO;;;;;;;MAOpB,WAAW,GAAG;;;;;CAMlB,SAAS,GAAG;MACR,gBAAgB;;;;;;;;;;;;;;;;iBAgBL,OAAO;;;;;QAKhB,gBAAgB;;;;;;;mBAOL,OAAO;;;;;;;MAOpB,WAAW,GAAG;;;;;CAMlB,SAAS,GAAG;;;;;;CAMb,EAAE"}

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

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { CSSProperties, Ref } from "react";
 
 //#region src/awesome/AuroraBackground/type.d.ts

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

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

package/es/awesome/BottomGradientButton/BottomGradientButton.mjs

@@ -1,14 +1,12 @@
-'use client';
-
-import Button_default from "../../Button/Button.mjs";
+"use client";
+import Button from "../../Button/Button.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/awesome/BottomGradientButton/BottomGradientButton.tsx
 const BottomGradientButton = memo(({ className, children, style, ref, ...rest }) => {
-	return /* @__PURE__ */ jsx(Button_default, {
+	return /* @__PURE__ */ jsx(Button, {
 		className: cx(styles, className),
 		ref,
 		shape: "round",
@@ -23,8 +21,7 @@ const BottomGradientButton = memo(({ className, children, style, ref, ...rest })
 	});
 });
 BottomGradientButton.displayName = "BottomGradientButton";
-var BottomGradientButton_default = BottomGradientButton;
-
 //#endregion
-export { BottomGradientButton_default as default };
+export { BottomGradientButton as default };
+
 //# sourceMappingURL=BottomGradientButton.mjs.map

package/es/awesome/BottomGradientButton/BottomGradientButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomGradientButton.mjs","names":["Button"],"sources":["../../../src/awesome/BottomGradientButton/BottomGradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { BottomGradientButtonProps } from './type';\n\nconst BottomGradientButton = memo<BottomGradientButtonProps>(\n  ({ className, children, style, ref, ...rest }) => {\n    return (\n      <Button\n        className={cx(styles, className)}\n        ref={ref}\n        shape={'round'}\n        variant={'filled'}\n        style={{\n          paddingInline: 16,\n          width: 'unset',\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n  },\n);\n\nBottomGradientButton.displayName = 'BottomGradientButton';\n\nexport default BottomGradientButton;\n"],"mappings":";;;;;;;;;AAUA,MAAM,uBAAuB,MAC1B,EAAE,WAAW,UAAU,OAAO,KAAK,GAAG,WAAW;AAChD,QACE,oBAACA;EACC,WAAW,GAAG,QAAQ,UAAU;EAC3B;EACL,OAAO;EACP,SAAS;EACT,OAAO;GACL,eAAe;GACf,OAAO;GACP,GAAG;GACJ;EACD,GAAI;EAEH;GACM;EAGd;AAED,qBAAqB,cAAc;AAEnC,mCAAe"}
+{"version":3,"file":"BottomGradientButton.mjs","names":[],"sources":["../../../src/awesome/BottomGradientButton/BottomGradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { BottomGradientButtonProps } from './type';\n\nconst BottomGradientButton = memo<BottomGradientButtonProps>(\n  ({ className, children, style, ref, ...rest }) => {\n    return (\n      <Button\n        className={cx(styles, className)}\n        ref={ref}\n        shape={'round'}\n        variant={'filled'}\n        style={{\n          paddingInline: 16,\n          width: 'unset',\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n  },\n);\n\nBottomGradientButton.displayName = 'BottomGradientButton';\n\nexport default BottomGradientButton;\n"],"mappings":";;;;;;;AAUA,MAAM,uBAAuB,MAC1B,EAAE,WAAW,UAAU,OAAO,KAAK,GAAG,WAAW;AAChD,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,QAAQ,UAAU;EAC3B;EACL,OAAO;EACP,SAAS;EACT,OAAO;GACL,eAAe;GACf,OAAO;GACP,GAAG;GACJ;EACD,GAAI;EAEH;EACM,CAAA;EAGd;AAED,qBAAqB,cAAc"}

package/es/awesome/BottomGradientButton/style.mjs

@@ -1,11 +1,10 @@
 import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/awesome/BottomGradientButton/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => cx(staticStylish.resetLinkColor, css$1`
+const styles = createStaticStyles(({ css, cssVar }) => cx(staticStylish.resetLinkColor, css`
       overflow: hidden;
       font-weight: bold;
-      color: ${cssVar$1.colorTextSecondary};
+      color: ${cssVar.colorTextSecondary};
       transition: all 0.2s ease-in-out;
 
       &::before {
@@ -20,7 +19,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => cx(stati
         height: 1px;
 
         opacity: 0;
-        background-image: linear-gradient(to right, transparent, ${cssVar$1.gold}, transparent);
+        background-image: linear-gradient(to right, transparent, ${cssVar.gold}, transparent);
 
         transition: all 0.2s ease-in-out;
       }
@@ -31,7 +30,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => cx(stati
         }
       }
     `));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../../src/awesome/BottomGradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) =>\n  cx(\n    lobeStaticStylish.resetLinkColor,\n    css`\n      overflow: hidden;\n      font-weight: bold;\n      color: ${cssVar.colorTextSecondary};\n      transition: all 0.2s ease-in-out;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-end: 0;\n\n        display: block;\n\n        width: 50%;\n        height: 1px;\n\n        opacity: 0;\n        background-image: linear-gradient(to right, transparent, ${cssVar.gold}, transparent);\n\n        transition: all 0.2s ease-in-out;\n      }\n\n      &:hover {\n        &::before {\n          opacity: 1;\n        }\n      }\n    `,\n  ),\n);\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAC/C,GACEA,cAAkB,gBAClB,KAAG;;;eAGQC,SAAO,mBAAmB;;;;;;;;;;;;;;;mEAe0BA,SAAO,KAAK;;;;;;;;;;MAW5E,CACF"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/BottomGradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) =>\n  cx(\n    lobeStaticStylish.resetLinkColor,\n    css`\n      overflow: hidden;\n      font-weight: bold;\n      color: ${cssVar.colorTextSecondary};\n      transition: all 0.2s ease-in-out;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-end: 0;\n\n        display: block;\n\n        width: 50%;\n        height: 1px;\n\n        opacity: 0;\n        background-image: linear-gradient(to right, transparent, ${cssVar.gold}, transparent);\n\n        transition: all 0.2s ease-in-out;\n      }\n\n      &:hover {\n        &::before {\n          opacity: 1;\n        }\n      }\n    `,\n  ),\n);\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAC/C,GACEA,cAAkB,gBAClB,GAAG;;;eAGQ,OAAO,mBAAmB;;;;;;;;;;;;;;;mEAe0B,OAAO,KAAK;;;;;;;;;;MAW5E,CACF"}

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

@@ -1,6 +1,4 @@
 import { ButtonProps } from "../../Button/type.mjs";
-import "../../Button/index.mjs";
-
 //#region src/awesome/BottomGradientButton/type.d.ts
 type BottomGradientButtonProps = ButtonProps;
 //#endregion

package/es/awesome/Features/FeatureItem.mjs

@@ -1,24 +1,22 @@
-'use client';
-
-import A_default from "../../A/index.mjs";
+"use client";
+import A from "../../A/index.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Center_default from "../../Flex/Center.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
-import Text_default from "../../Text/Text.mjs";
-import Img_default from "../../Img/index.mjs";
+import Center from "../../Flex/Center.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Text from "../../Text/Text.mjs";
+import Img from "../../Img/index.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/awesome/Features/FeatureItem.tsx
 const Image = memo(({ image, className, title, style }) => {
-	return image.startsWith("http") ? /* @__PURE__ */ jsx(Img_default, {
+	return image.startsWith("http") ? /* @__PURE__ */ jsx(Img, {
 		alt: title,
 		className,
 		src: image,
 		style
-	}) : /* @__PURE__ */ jsx(Center_default, {
+	}) : /* @__PURE__ */ jsx(Center, {
 		className,
 		style,
 		children: image
@@ -43,10 +41,10 @@ const Item = memo(({ style, className, row, column, description, image, title, l
 		children: /* @__PURE__ */ jsxs("div", {
 			className: styles.cell,
 			children: [
-				image || icon && /* @__PURE__ */ jsxs(Center_default, {
+				image || icon && /* @__PURE__ */ jsxs(Center, {
 					className: styles.imgContainer,
 					style: imageStyle,
-					children: [icon && /* @__PURE__ */ jsx(Icon_default, {
+					children: [icon && /* @__PURE__ */ jsx(Icon, {
 						className: styles.img,
 						icon
 					}), image && /* @__PURE__ */ jsx(Image, {
@@ -63,14 +61,14 @@ const Item = memo(({ style, className, row, column, description, image, title, l
 					gap: 8,
 					children: title
 				}),
-				description && /* @__PURE__ */ jsx(Text_default, {
+				description && /* @__PURE__ */ jsx(Text, {
 					className: styles.desc,
 					ellipsis: { rows: 4 },
 					children: description
 				}),
 				link && /* @__PURE__ */ jsx("div", {
 					className: styles.link,
-					children: /* @__PURE__ */ jsx(A_default, {
+					children: /* @__PURE__ */ jsx(A, {
 						href: link,
 						rel: "noreferrer",
 						target: openExternal ? "_blank" : void 0,
@@ -82,8 +80,7 @@ const Item = memo(({ style, className, row, column, description, image, title, l
 	});
 });
 Item.displayName = "FeatureItem";
-var FeatureItem_default = Item;
-
 //#endregion
-export { FeatureItem_default as default };
+export { Item as default };
+
 //# sourceMappingURL=FeatureItem.mjs.map

package/es/awesome/Features/FeatureItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureItem.mjs","names":["Img","Center","Icon","Flexbox","Text","A"],"sources":["../../../src/awesome/Features/FeatureItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo, useMemo } from 'react';\n\nimport A from '@/A';\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { FeatureItemProps } from './type';\n\nconst Image = memo<{ className?: string; image: string; style?: CSSProperties; title: string }>(\n  ({ image, className, title, style }) => {\n    return image.startsWith('http') ? (\n      <Img alt={title} className={className} src={image} style={style} />\n    ) : (\n      <Center className={className} style={style}>\n        {image}\n      </Center>\n    );\n  },\n);\n\nconst Item = memo<FeatureItemProps>(\n  ({\n    style,\n    className,\n    row,\n    column,\n    description,\n    image,\n    title,\n    link,\n    icon,\n    imageStyle,\n    openExternal,\n    ...rest\n  }) => {\n    const rowNumber = row || 7;\n    const hasLink = Boolean(link);\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--features-row-num': String(rowNumber),\n        '--features-title-hover-size': hasLink ? '14px' : '20px',\n      }),\n      [rowNumber, hasLink],\n    );\n\n    return (\n      <div\n        className={cx(hasLink ? styles.containerHasLink : styles.container, className)}\n        style={{\n          ...cssVariables,\n          gridColumn: `span ${column || 1}`,\n          gridRow: `span ${rowNumber}`,\n          ...style,\n        }}\n        {...rest}\n      >\n        <div className={styles.cell}>\n          {image ||\n            (icon && (\n              <Center className={styles.imgContainer} style={imageStyle}>\n                {icon && <Icon className={styles.img} icon={icon} />}\n                {image && <Image className={styles.img} image={image} title={title} />}\n              </Center>\n            ))}\n          {title && (\n            <Flexbox horizontal align={'center'} as={'h3'} className={styles.title} gap={8}>\n              {title}\n            </Flexbox>\n          )}\n          {description && (\n            <Text\n              className={styles.desc}\n              ellipsis={{\n                rows: 4,\n              }}\n            >\n              {description}\n            </Text>\n          )}\n          {link && (\n            <div className={styles.link}>\n              <A href={link} rel=\"noreferrer\" target={openExternal ? '_blank' : undefined}>\n                Read More\n              </A>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nItem.displayName = 'FeatureItem';\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,QAAQ,MACX,EAAE,OAAO,WAAW,OAAO,YAAY;AACtC,QAAO,MAAM,WAAW,OAAO,GAC7B,oBAACA;EAAI,KAAK;EAAkB;EAAW,KAAK;EAAc;GAAS,GAEnE,oBAACC;EAAkB;EAAkB;YAClC;GACM;EAGd;AAED,MAAM,OAAO,MACV,EACC,OACA,WACA,KACA,QACA,aACA,OACA,OACA,MACA,MACA,YACA,cACA,GAAG,WACC;CACJ,MAAM,YAAY,OAAO;CACzB,MAAM,UAAU,QAAQ,KAAK;CAE7B,MAAM,eAAe,eACZ;EACL,sBAAsB,OAAO,UAAU;EACvC,+BAA+B,UAAU,SAAS;EACnD,GACD,CAAC,WAAW,QAAQ,CACrB;AAED,QACE,oBAAC;EACC,WAAW,GAAG,UAAU,OAAO,mBAAmB,OAAO,WAAW,UAAU;EAC9E,OAAO;GACL,GAAG;GACH,YAAY,QAAQ,UAAU;GAC9B,SAAS,QAAQ;GACjB,GAAG;GACJ;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAW,OAAO;;IACpB,SACE,QACC,qBAACA;KAAO,WAAW,OAAO;KAAc,OAAO;gBAC5C,QAAQ,oBAACC;MAAK,WAAW,OAAO;MAAW;OAAQ,EACnD,SAAS,oBAAC;MAAM,WAAW,OAAO;MAAY;MAAc;OAAS;MAC/D;IAEZ,SACC,oBAACC;KAAQ;KAAW,OAAO;KAAU,IAAI;KAAM,WAAW,OAAO;KAAO,KAAK;eAC1E;MACO;IAEX,eACC,oBAACC;KACC,WAAW,OAAO;KAClB,UAAU,EACR,MAAM,GACP;eAEA;MACI;IAER,QACC,oBAAC;KAAI,WAAW,OAAO;eACrB,oBAACC;MAAE,MAAM;MAAM,KAAI;MAAa,QAAQ,eAAe,WAAW;gBAAW;OAEzE;MACA;;IAEJ;GACF;EAGX;AAED,KAAK,cAAc;AAEnB,0BAAe"}
+{"version":3,"file":"FeatureItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/Features/FeatureItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo, useMemo } from 'react';\n\nimport A from '@/A';\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { FeatureItemProps } from './type';\n\nconst Image = memo<{ className?: string; image: string; style?: CSSProperties; title: string }>(\n  ({ image, className, title, style }) => {\n    return image.startsWith('http') ? (\n      <Img alt={title} className={className} src={image} style={style} />\n    ) : (\n      <Center className={className} style={style}>\n        {image}\n      </Center>\n    );\n  },\n);\n\nconst Item = memo<FeatureItemProps>(\n  ({\n    style,\n    className,\n    row,\n    column,\n    description,\n    image,\n    title,\n    link,\n    icon,\n    imageStyle,\n    openExternal,\n    ...rest\n  }) => {\n    const rowNumber = row || 7;\n    const hasLink = Boolean(link);\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--features-row-num': String(rowNumber),\n        '--features-title-hover-size': hasLink ? '14px' : '20px',\n      }),\n      [rowNumber, hasLink],\n    );\n\n    return (\n      <div\n        className={cx(hasLink ? styles.containerHasLink : styles.container, className)}\n        style={{\n          ...cssVariables,\n          gridColumn: `span ${column || 1}`,\n          gridRow: `span ${rowNumber}`,\n          ...style,\n        }}\n        {...rest}\n      >\n        <div className={styles.cell}>\n          {image ||\n            (icon && (\n              <Center className={styles.imgContainer} style={imageStyle}>\n                {icon && <Icon className={styles.img} icon={icon} />}\n                {image && <Image className={styles.img} image={image} title={title} />}\n              </Center>\n            ))}\n          {title && (\n            <Flexbox horizontal align={'center'} as={'h3'} className={styles.title} gap={8}>\n              {title}\n            </Flexbox>\n          )}\n          {description && (\n            <Text\n              className={styles.desc}\n              ellipsis={{\n                rows: 4,\n              }}\n            >\n              {description}\n            </Text>\n          )}\n          {link && (\n            <div className={styles.link}>\n              <A href={link} rel=\"noreferrer\" target={openExternal ? '_blank' : undefined}>\n                Read More\n              </A>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nItem.displayName = 'FeatureItem';\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,QAAQ,MACX,EAAE,OAAO,WAAW,OAAO,YAAY;AACtC,QAAO,MAAM,WAAW,OAAO,GAC7B,oBAAC,KAAD;EAAK,KAAK;EAAkB;EAAW,KAAK;EAAc;EAAS,CAAA,GAEnE,oBAAC,QAAD;EAAmB;EAAkB;YAClC;EACM,CAAA;EAGd;AAED,MAAM,OAAO,MACV,EACC,OACA,WACA,KACA,QACA,aACA,OACA,OACA,MACA,MACA,YACA,cACA,GAAG,WACC;CACJ,MAAM,YAAY,OAAO;CACzB,MAAM,UAAU,QAAQ,KAAK;CAE7B,MAAM,eAAe,eACZ;EACL,sBAAsB,OAAO,UAAU;EACvC,+BAA+B,UAAU,SAAS;EACnD,GACD,CAAC,WAAW,QAAQ,CACrB;AAED,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU,OAAO,mBAAmB,OAAO,WAAW,UAAU;EAC9E,OAAO;GACL,GAAG;GACH,YAAY,QAAQ,UAAU;GAC9B,SAAS,QAAQ;GACjB,GAAG;GACJ;EACD,GAAI;YAEJ,qBAAC,OAAD;GAAK,WAAW,OAAO;aAAvB;IACG,SACE,QACC,qBAAC,QAAD;KAAQ,WAAW,OAAO;KAAc,OAAO;eAA/C,CACG,QAAQ,oBAAC,MAAD;MAAM,WAAW,OAAO;MAAW;MAAQ,CAAA,EACnD,SAAS,oBAAC,OAAD;MAAO,WAAW,OAAO;MAAY;MAAc;MAAS,CAAA,CAC/D;;IAEZ,SACC,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,IAAI;KAAM,WAAW,OAAO;KAAO,KAAK;eAC1E;KACO,CAAA;IAEX,eACC,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,UAAU,EACR,MAAM,GACP;eAEA;KACI,CAAA;IAER,QACC,oBAAC,OAAD;KAAK,WAAW,OAAO;eACrB,oBAAC,GAAD;MAAG,MAAM;MAAM,KAAI;MAAa,QAAQ,eAAe,WAAW,KAAA;gBAAW;MAEzE,CAAA;KACA,CAAA;IAEJ;;EACF,CAAA;EAGX;AAED,KAAK,cAAc"}

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

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

package/es/awesome/Features/Features.mjs

@@ -1,21 +1,19 @@
-'use client';
-
-import SpotlightCard_default from "../SpotlightCard/SpotlightCard.mjs";
-import FeatureItem_default from "./FeatureItem.mjs";
+"use client";
+import SpotlightCard from "../SpotlightCard/SpotlightCard.mjs";
+import Item from "./FeatureItem.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/awesome/Features/Features.tsx
 const Features = memo(({ items, className, itemClassName, itemStyle, maxWidth = 960, style, ...rest }) => {
 	if (!items?.length) return;
-	return /* @__PURE__ */ jsx(SpotlightCard_default, {
+	return /* @__PURE__ */ jsx(SpotlightCard, {
 		className,
 		items,
 		style: {
 			maxWidth,
 			...style
 		},
-		renderItem: (item) => /* @__PURE__ */ jsx(FeatureItem_default, {
+		renderItem: (item) => /* @__PURE__ */ jsx(Item, {
 			className: itemClassName,
 			style: itemStyle,
 			...item
@@ -24,8 +22,7 @@ const Features = memo(({ items, className, itemClassName, itemStyle, maxWidth =
 	});
 });
 Features.displayName = "Features";
-var Features_default = Features;
-
 //#endregion
-export { Features_default as default };
+export { Features as default };
+
 //# sourceMappingURL=Features.mjs.map

package/es/awesome/Features/Features.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Features.mjs","names":["SpotlightCard","FeatureItem"],"sources":["../../../src/awesome/Features/Features.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport SpotlightCard from '@/awesome/SpotlightCard';\n\nimport FeatureItem from './FeatureItem';\nimport type { FeaturesProps } from './type';\n\nconst Features = memo<FeaturesProps>(\n  ({ items, className, itemClassName, itemStyle, maxWidth = 960, style, ...rest }) => {\n    if (!items?.length) return;\n\n    return (\n      <SpotlightCard\n        className={className}\n        items={items}\n        style={{ maxWidth, ...style }}\n        renderItem={(item: any) => (\n          <FeatureItem className={itemClassName} key={item.title} style={itemStyle} {...item} />\n        )}\n        {...rest}\n      />\n    );\n  },\n);\n\nFeatures.displayName = 'Features';\n\nexport default Features;\n"],"mappings":";;;;;;;;AASA,MAAM,WAAW,MACd,EAAE,OAAO,WAAW,eAAe,WAAW,WAAW,KAAK,OAAO,GAAG,WAAW;AAClF,KAAI,CAAC,OAAO,OAAQ;AAEpB,QACE,oBAACA;EACY;EACJ;EACP,OAAO;GAAE;GAAU,GAAG;GAAO;EAC7B,aAAa,SACX,oBAACC;GAAY,WAAW;GAAgC,OAAO;GAAW,GAAI;KAAlC,KAAK,MAAqC;EAExF,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"Features.mjs","names":["FeatureItem"],"sources":["../../../src/awesome/Features/Features.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport SpotlightCard from '@/awesome/SpotlightCard';\n\nimport FeatureItem from './FeatureItem';\nimport type { FeaturesProps } from './type';\n\nconst Features = memo<FeaturesProps>(\n  ({ items, className, itemClassName, itemStyle, maxWidth = 960, style, ...rest }) => {\n    if (!items?.length) return;\n\n    return (\n      <SpotlightCard\n        className={className}\n        items={items}\n        style={{ maxWidth, ...style }}\n        renderItem={(item: any) => (\n          <FeatureItem className={itemClassName} key={item.title} style={itemStyle} {...item} />\n        )}\n        {...rest}\n      />\n    );\n  },\n);\n\nFeatures.displayName = 'Features';\n\nexport default Features;\n"],"mappings":";;;;;;AASA,MAAM,WAAW,MACd,EAAE,OAAO,WAAW,eAAe,WAAW,WAAW,KAAK,OAAO,GAAG,WAAW;AAClF,KAAI,CAAC,OAAO,OAAQ;AAEpB,QACE,oBAAC,eAAD;EACa;EACJ;EACP,OAAO;GAAE;GAAU,GAAG;GAAO;EAC7B,aAAa,SACX,oBAACA,MAAD;GAAa,WAAW;GAAgC,OAAO;GAAW,GAAI;GAAQ,EAA1C,KAAK,MAAqC;EAExF,GAAI;EACJ,CAAA;EAGP;AAED,SAAS,cAAc"}