@lobehub/ui 5.20.2 → 5.21.0

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-geist-mono',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index-full.css',\n            pkg: '@lobehub/webfont-geist',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n            // pkg: '@lobehub/webfont-harmony-sans-sc-mini',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'dist/katex.min.css',\n            pkg: 'katex',\n            version: '0.17.0',\n          }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={LOBE_THEME_APP_ID} style={contentsStyle}>\n                <AppElementContext value={appRef}>\n                  {children}\n                  {/*\n                    In-tree portal host for Base UI floating components\n                    (Select, Combobox, etc.). Keeping it inside `<App>` keeps\n                    the antd-style / emotion theme cascade intact so popups\n                    render with the correct tokens, while the layout-bearing\n                    block lets Base UI's Portal actually mount — the outer\n                    wrapper uses `display: contents` and cannot host portals.\n                  */}\n                  <div data-lobe-portal-host=\"\" ref={setAppRef} style={hostPortalHostStyle} />\n                </AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n\nconst hostPortalHostStyle: React.CSSProperties = {\n  // `height: 0` keeps the host invisible and gives it no hit region of\n  // its own; absolute children (Base UI Positioner) have their own hit\n  // region, so we must NOT set `pointer-events: none` here — it would\n  // be inherited by popup descendants and break clicks/hover.\n  height: 0,\n  left: 0,\n  // `position: fixed` keeps a stacking context so portaled popups can\n  // win over sibling z-indexes. `right: 0` (instead of `width: 0`)\n  // gives the host a full viewport-width containing block — without it,\n  // Base UI Positioner uses `position: absolute` against a 0-width\n  // containing block and collapses text to one character per line.\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  zIndex: 1100,\n};\n\nconst contentsStyle: React.CSSProperties = {\n  display: 'contents',\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAgC,KAAK;CAEjE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GAEL,SAAS;GACV,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;GACV,CAAC;EACH,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,MAAM;EAAE,GAAG,gBAAgB,MAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,MAAM;EAAE,GAAG,cAAc,MAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CACqB,EAAE,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,SAAW,EAAzB,QAAyB,CAAC,EAC1E,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,kBAAD,EAAA,UAAA,CACG,qBAAqB,oBAAC,aAAD,EAAe,CAAA,EAErC,oBAAC,KAAD;GACa;GACX,OAAO;IAAE,WAAW;IAAW,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aAEjF,oBAAC,OAAD;IAAK,IAAI;IAAmB,OAAO;cACjC,qBAAC,mBAAD;KAAmB,OAAO;eAA1B,CACG,UASD,oBAAC,OAAD;MAAK,yBAAsB;MAAG,KAAK;MAAW,OAAO;MAAuB,CAAA,CAC1D;;IAChB,CAAA;GACF,CAAA,CACa,EAAA,CAAA;EACH,CAAA,CACnB,EAAA,CAAA;EAGR;AAED,gBAAc,cAAc;AAI5B,MAAM,sBAA2C;CAK/C,QAAQ;CACR,MAAM;CAMN,UAAU;CACV,OAAO;CACP,KAAK;CACL,QAAQ;CACT;AAED,MAAM,gBAAqC,EACzC,SAAS,YACV"}
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle, { EssentialStyle } from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    appId = LOBE_THEME_APP_ID,\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-geist-mono',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index-full.css',\n            pkg: '@lobehub/webfont-geist',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n            // pkg: '@lobehub/webfont-harmony-sans-sc-mini',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'dist/katex.min.css',\n            pkg: 'katex',\n            version: '0.17.0',\n          }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            <EssentialStyle />\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={appId} style={contentsStyle}>\n                <AppElementContext value={appRef}>\n                  {children}\n                  {/*\n                    In-tree portal host for Base UI floating components\n                    (Select, Combobox, etc.). Keeping it inside `<App>` keeps\n                    the antd-style / emotion theme cascade intact so popups\n                    render with the correct tokens, while the layout-bearing\n                    block lets Base UI's Portal actually mount — the outer\n                    wrapper uses `display: contents` and cannot host portals.\n                  */}\n                  <div data-lobe-portal-host=\"\" ref={setAppRef} style={hostPortalHostStyle} />\n                </AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n\nconst hostPortalHostStyle: React.CSSProperties = {\n  // `height: 0` keeps the host invisible and gives it no hit region of\n  // its own; absolute children (Base UI Positioner) have their own hit\n  // region, so we must NOT set `pointer-events: none` here — it would\n  // be inherited by popup descendants and break clicks/hover.\n  height: 0,\n  left: 0,\n  // `position: fixed` keeps a stacking context so portaled popups can\n  // win over sibling z-indexes. `right: 0` (instead of `width: 0`)\n  // gives the host a full viewport-width containing block — without it,\n  // Base UI Positioner uses `position: absolute` against a 0-width\n  // containing block and collapses text to one character per line.\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  zIndex: 1100,\n};\n\nconst contentsStyle: React.CSSProperties = {\n  display: 'contents',\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,QAAQ,mBACR,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,CAAC,GACf,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,CAAC,QAAQ,aAAa,SAAgC,IAAI;CAEhE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GAEL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;CACH,GACF,CAAC,aAAa,SAAS,CACzB;CAEA,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,KAAK;EAAG,GAAG,gBAAgB,KAAK;CAAE,IAC1F,CAAC,aAAa,CAChB;CAEA,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,KAAK;EAAG,GAAG,cAAc,KAAK;CAAE,IACpF,CAAC,WAAW,CACd;CAEA,MAAM,QAAQ,aACX,eAAe;EAMd,OAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;EAC5B,CACqB,GAAG,SAAS;CACnC,GACA;EAAC,YAAY;EAAc,YAAY;EAAc;CAAS,CAChE;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,QAAU,GAAxB,OAAwB,CAAC,GACzE,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,kBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,CAAiB,CAAA;GAChB,qBAAqB,oBAAC,aAAD,CAAc,CAAA;GAEpC,oBAAC,KAAD;IACa;IACX,OAAO;KAAE,WAAW;KAAW,WAAW;KAAW,OAAO;KAAW,GAAG;IAAM;cAEhF,oBAAC,OAAD;KAAK,IAAI;KAAO,OAAO;eACrB,qBAAC,mBAAD;MAAmB,OAAO;gBAA1B,CACG,UASD,oBAAC,OAAD;OAAK,yBAAsB;OAAG,KAAK;OAAW,OAAO;MAAsB,CAAA,CAC1D;;IAChB,CAAA;GACF,CAAA;EACa,EAAA,CAAA;CACH,CAAA,CACnB,EAAA,CAAA;AAEN,CACF;AAEA,gBAAc,cAAc;AAI5B,MAAM,sBAA2C;CAK/C,QAAQ;CACR,MAAM;CAMN,UAAU;CACV,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,MAAM,gBAAqC,EACzC,SAAS,WACX"}

package/es/ThemeProvider/index.d.mts

@@ -1,6 +1,6 @@
 import { useAppElement } from "./AppElementContext.mjs";
 import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import { MetaProps, ThemeProviderProps } from "./type.mjs";
-import { Meta } from "./Meta.mjs";
-import { ThemeProvider } from "./ThemeProvider.mjs";
-export { LOBE_THEME_APP_ID, Meta, MetaProps, ThemeProviderProps, ThemeProvider as default, useAppElement };
+import Meta from "./Meta.mjs";
+import ThemeProvider from "./ThemeProvider.mjs";
+export { LOBE_THEME_APP_ID, Meta, type MetaProps, type ThemeProviderProps, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/type.d.mts

@@ -1,9 +1,10 @@
 import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
+import "../styles/index.mjs";
 import { CSSProperties } from "react";
 import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
-
 //#region src/ThemeProvider/type.d.ts
 interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
+  appId?: string;
   className?: string;
   customFonts?: string[];
   customStylish?: (theme: CustomStylishParams) => {

package/es/ThemeSwitch/ThemeSwitch.d.mts

@@ -1,8 +1,7 @@
 import { ThemeSwitchProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/ThemeSwitch/ThemeSwitch.d.ts
 declare const ThemeSwitch: FC<ThemeSwitchProps>;
 //#endregion
-export { ThemeSwitch };
+export { ThemeSwitch as default };
 //# sourceMappingURL=ThemeSwitch.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.mjs","names":["Flexbox"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAM,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAM,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,QAAQ;GACtC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACF,EACD,CAAC,QAAQ,cAAc,CACxB;AAED,QAAO,SAAS,WACd,oBAAC,QAAD;EACa;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,MAAQ,CAAA,EACxB,KAAK,MACE;;GAEZ,OAAO,KAAK;GACb,EAAE;EACH,UAAU;EACV,CAAA,GAEF,oBAAC,cAAD;EAAqB;EAAO,cAAc;YACxC,oBAAC,YAAD;GACa;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;GACT,CAAA;EACW,CAAA;;AAInB,YAAY,cAAc"}
+{"version":3,"file":"ThemeSwitch.mjs","names":["Flexbox"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAEA,MAAM,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;AACT,GACA,WACA,SACA,YACI;CACJ,MAAM,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;EACtC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;CACF,GACA,CAAC,QAAQ,aAAa,CACxB;CAEA,OAAO,SAAS,WACd,oBAAC,QAAD;EACa;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,KAAO,CAAA,GACvB,KAAK,KACC;;GAEX,OAAO,KAAK;EACd,EAAE;EACF,UAAU;CACX,CAAA,IAED,oBAAC,cAAD;EAAqB;EAAO,cAAc;YACxC,oBAAC,YAAD;GACa;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;EACV,CAAA;CACW,CAAA;AAElB;AAEA,YAAY,cAAc"}

package/es/ThemeSwitch/index.d.mts

@@ -1,3 +1,3 @@
 import { ThemeSwitchProps } from "./type.mjs";
-import { ThemeSwitch } from "./ThemeSwitch.mjs";
-export { ThemeSwitchProps, ThemeSwitch as default };
+import ThemeSwitch from "./ThemeSwitch.mjs";
+export { type ThemeSwitchProps, ThemeSwitch as default };

package/es/ThemeSwitch/type.d.mts

@@ -1,7 +1,7 @@
 import { DivProps } from "../types/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 import { ThemeMode } from "antd-style";
-
 //#region src/ThemeSwitch/type.d.ts
 interface ThemeSwitchProps extends DivProps {
   labels?: {

package/es/Toast/index.d.mts

@@ -1,3 +1,4 @@
 import { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "../base-ui/Toast/type.mjs";
 import { ToastHost, ToastHostProps, toast, useToast } from "../base-ui/Toast/imperative.mjs";
-export { ToastAPI, ToastAction, ToastActionVariant, ToastHost, ToastHostProps, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType, toast, useToast };
+import "../base-ui/Toast/index.mjs";
+export { type ToastAPI, type ToastAction, type ToastActionVariant, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, toast, useToast };

package/es/Toc/Toc.d.mts

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

package/es/Toc/Toc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toc.mjs","names":[],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport { default as TocMobile } from './TocMobile';\nimport { type TocProps } from './type';\nimport { mapItems } from './utils';\n\nconst Toc = memo<TocProps>(\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--toc-header-height': `${headerHeight}px`,\n        '--toc-width': `${tocWidth}px`,\n      }),\n      [headerHeight, tocWidth],\n    );\n\n    if (isMobile)\n      return (\n        <TocMobile\n          activeKey={activeKey}\n          getContainer={getContainer}\n          headerHeight={headerHeight}\n          items={items}\n        />\n      );\n\n    return (\n      <section className={cx(styles.container, styles.anchor)} style={cssVariables}>\n        <h4>Table of Contents</h4>\n        <Anchor\n          getContainer={getContainer}\n          items={mapItems(items)}\n          targetOffset={headerHeight + 12}\n        />\n      </section>\n    );\n  },\n);\n\nToc.displayName = 'Toc';\n\nexport default Toc;\n"],"mappings":";;;;;;;;;AAWA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CAEnF,MAAM,eAAe,eACZ;EACL,uBAAuB,GAAG,aAAa;EACvC,eAAe,GAAG,SAAS;EAC5B,GACD,CAAC,cAAc,SAAS,CACzB;AAED,KAAI,SACF,QACE,oBAAC,WAAD;EACa;EACG;EACA;EACP;EACP,CAAA;AAGN,QACE,qBAAC,WAAD;EAAS,WAAW,GAAG,OAAO,WAAW,OAAO,OAAO;EAAE,OAAO;YAAhE,CACE,oBAAC,MAAD,EAAA,UAAI,qBAAsB,CAAA,EAC1B,oBAAC,QAAD;GACgB;GACd,OAAO,SAAS,MAAM;GACtB,cAAc,eAAe;GAC7B,CAAA,CACM;;EAGf;AAED,IAAI,cAAc"}
+{"version":3,"file":"Toc.mjs","names":[],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport { default as TocMobile } from './TocMobile';\nimport { type TocProps } from './type';\nimport { mapItems } from './utils';\n\nconst Toc = memo<TocProps>(\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--toc-header-height': `${headerHeight}px`,\n        '--toc-width': `${tocWidth}px`,\n      }),\n      [headerHeight, tocWidth],\n    );\n\n    if (isMobile)\n      return (\n        <TocMobile\n          activeKey={activeKey}\n          getContainer={getContainer}\n          headerHeight={headerHeight}\n          items={items}\n        />\n      );\n\n    return (\n      <section className={cx(styles.container, styles.anchor)} style={cssVariables}>\n        <h4>Table of Contents</h4>\n        <Anchor\n          getContainer={getContainer}\n          items={mapItems(items)}\n          targetOffset={headerHeight + 12}\n        />\n      </section>\n    );\n  },\n);\n\nToc.displayName = 'Toc';\n\nexport default Toc;\n"],"mappings":";;;;;;;;;AAWA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CAEnF,MAAM,eAAe,eACZ;EACL,uBAAuB,GAAG,aAAa;EACvC,eAAe,GAAG,SAAS;CAC7B,IACA,CAAC,cAAc,QAAQ,CACzB;CAEA,IAAI,UACF,OACE,oBAAC,WAAD;EACa;EACG;EACA;EACP;CACR,CAAA;CAGL,OACE,qBAAC,WAAD;EAAS,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM;EAAG,OAAO;YAAhE,CACE,oBAAC,MAAD,EAAA,UAAI,oBAAqB,CAAA,GACzB,oBAAC,QAAD;GACgB;GACd,OAAO,SAAS,KAAK;GACrB,cAAc,eAAe;EAC9B,CAAA,CACM;;AAEb,CACF;AAEA,IAAI,cAAc"}

package/es/Toc/TocMobile.mjs

@@ -5,11 +5,11 @@ import { mapItems } from "./utils.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Anchor, Collapse, ConfigProvider } from "antd";
-import useControlledState from "use-merge-value";
+import useMergeState from "use-merge-value";
 import { PanelTopClose, PanelTopOpen } from "lucide-react";
 //#region src/Toc/TocMobile.tsx
 const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {
-	const [activeLink, setActiveLink] = useControlledState("", {
+	const [activeLink, setActiveLink] = useMergeState("", {
 		onChange,
 		value: activeKey
 	});

package/es/Toc/TocMobile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TocMobile.mjs","names":[],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles } from './style';\nimport type { TocMobileProps } from './type';\nimport { mapItems } from './utils';\n\nconst TocMobile = memo<TocMobileProps>(\n  ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\n    // tocWidth is part of the interface but not used in this component\n    void tocWidth;\n    const [activeLink, setActiveLink] = useControlledState<string>('', {\n      onChange,\n      value: activeKey,\n    });\n\n    const activeAnchor = items.find((item) => item.id === activeLink);\n\n    const tocItems = useMemo(() => mapItems(items), [items]);\n\n    return (\n      <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\n        <section className={styles.mobileCtn}>\n          <Collapse\n            ghost\n            className={styles.expand}\n            expandIconPlacement={'end'}\n            expandIcon={({ isActive }) => (\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n            )}\n          >\n            <Collapse.Panel\n              forceRender\n              header={activeAnchor ? activeAnchor.title : 'TOC'}\n              key={'toc'}\n            >\n              <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\n                <Anchor\n                  getContainer={getContainer}\n                  items={tocItems}\n                  targetOffset={headerHeight + 48}\n                  onChange={(currentLink) => {\n                    setActiveLink(currentLink.replace('#', ''));\n                  }}\n                />\n              </ConfigProvider>\n            </Collapse.Panel>\n          </Collapse>\n        </section>\n      </ConfigProvider>\n    );\n  },\n);\n\nTocMobile.displayName = 'TocMobile';\n\nexport default TocMobile;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EAAE,OAAO,WAAW,UAAU,cAAc,eAAe,IAAI,WAAW,UAAU;CAGnF,MAAM,CAAC,YAAY,iBAAiB,mBAA2B,IAAI;EACjE;EACA,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,WAAW;CAEjE,MAAM,WAAW,cAAc,SAAS,MAAM,EAAE,CAAC,MAAM,CAAC;AAExD,QACE,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;GAAG,EAAE;YAC7D,oBAAC,WAAD;GAAS,WAAW,OAAO;aACzB,oBAAC,UAAD;IACE,OAAA;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAAC,YAAD;KAAY,MAAM,WAAW,gBAAgB;KAAc,MAAM;KAAW,CAAA;cAG9E,oBAAC,SAAS,OAAV;KACE,aAAA;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC,gBAAD;MAAgB,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;OAAG,EAAE;gBAC7D,oBAAC,QAAD;OACgB;OACd,OAAO;OACP,cAAc,eAAe;OAC7B,WAAW,gBAAgB;AACzB,sBAAc,YAAY,QAAQ,KAAK,GAAG,CAAC;;OAE7C,CAAA;MACa,CAAA;KACF,EAZV,MAYU;IACR,CAAA;GACH,CAAA;EACK,CAAA;EAGtB;AAED,UAAU,cAAc"}
+{"version":3,"file":"TocMobile.mjs","names":["useControlledState"],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles } from './style';\nimport type { TocMobileProps } from './type';\nimport { mapItems } from './utils';\n\nconst TocMobile = memo<TocMobileProps>(\n  ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\n    // tocWidth is part of the interface but not used in this component\n    void tocWidth;\n    const [activeLink, setActiveLink] = useControlledState<string>('', {\n      onChange,\n      value: activeKey,\n    });\n\n    const activeAnchor = items.find((item) => item.id === activeLink);\n\n    const tocItems = useMemo(() => mapItems(items), [items]);\n\n    return (\n      <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\n        <section className={styles.mobileCtn}>\n          <Collapse\n            ghost\n            className={styles.expand}\n            expandIconPlacement={'end'}\n            expandIcon={({ isActive }) => (\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n            )}\n          >\n            <Collapse.Panel\n              forceRender\n              header={activeAnchor ? activeAnchor.title : 'TOC'}\n              key={'toc'}\n            >\n              <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\n                <Anchor\n                  getContainer={getContainer}\n                  items={tocItems}\n                  targetOffset={headerHeight + 48}\n                  onChange={(currentLink) => {\n                    setActiveLink(currentLink.replace('#', ''));\n                  }}\n                />\n              </ConfigProvider>\n            </Collapse.Panel>\n          </Collapse>\n        </section>\n      </ConfigProvider>\n    );\n  },\n);\n\nTocMobile.displayName = 'TocMobile';\n\nexport default TocMobile;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EAAE,OAAO,WAAW,UAAU,cAAc,eAAe,IAAI,WAAW,UAAU;CAGnF,MAAM,CAAC,YAAY,iBAAiBA,cAA2B,IAAI;EACjE;EACA,OAAO;CACT,CAAC;CAED,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,UAAU;CAEhE,MAAM,WAAW,cAAc,SAAS,KAAK,GAAG,CAAC,KAAK,CAAC;CAEvD,OACE,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;EAAE,EAAE;YAC5D,oBAAC,WAAD;GAAS,WAAW,OAAO;aACzB,oBAAC,UAAD;IACE,OAAA;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAAC,YAAD;KAAY,MAAM,WAAW,gBAAgB;KAAc,MAAM;IAAU,CAAA;cAG7E,oBAAC,SAAS,OAAV;KACE,aAAA;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC,gBAAD;MAAgB,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;MAAE,EAAE;gBAC5D,oBAAC,QAAD;OACgB;OACd,OAAO;OACP,cAAc,eAAe;OAC7B,WAAW,gBAAgB;QACzB,cAAc,YAAY,QAAQ,KAAK,EAAE,CAAC;OAC5C;MACD,CAAA;KACa,CAAA;IACF,GAZT,KAYS;GACR,CAAA;EACH,CAAA;CACK,CAAA;AAEpB,CACF;AAEA,UAAU,cAAc"}

package/es/Toc/index.d.mts

@@ -1,3 +1,3 @@
 import { TocItemType, TocMobileProps, TocProps } from "./type.mjs";
-import { Toc } from "./Toc.mjs";
-export { TocItemType, TocMobileProps, TocProps, Toc as default };
+import Toc from "./Toc.mjs";
+export { type TocItemType, type TocMobileProps, type TocProps, Toc as default };

package/es/Toc/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStaticStyles, cx, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const fixHeight = 36;\n\n  return {\n    anchor: cx(\n      lobeStaticStylish.blur,\n      css`\n        overflow: hidden auto;\n        max-height: 60dvh !important;\n      `,\n    ),\n    container: css`\n      position: sticky;\n      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);\n\n      overscroll-behavior: contain;\n      grid-area: toc;\n\n      width: var(--toc-width, 176px);\n      margin-inline-end: 24px;\n      border-radius: 3px;\n\n      -webkit-overflow-scrolling: touch;\n\n      ${responsive.sm} {\n        position: relative;\n        inset-inline-start: 0;\n        width: 100%;\n        margin-block-start: 0;\n      }\n\n      > h4 {\n        margin-block: 0 8px;\n        margin-inline: 0;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    expand: cx(\n      lobeStaticStylish.blur,\n      css`\n        width: 100%;\n        border-block-end: 1px solid ${cssVar.colorSplit};\n        border-radius: 0;\n\n        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        box-shadow: ${cssVar.boxShadowSecondary};\n\n        .${prefixCls}-collapse-content {\n          overflow: auto;\n        }\n\n        .${prefixCls}-collapse-header {\n          z-index: 10;\n          padding-block: 8px !important;\n          padding-inline: 16px 8px !important;\n        }\n      `,\n    ),\n    mobileCtn: css`\n      width: 100%;\n      height: ${fixHeight}px;\n\n      .${prefixCls}-collapse-expand-icon {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAG5D,QAAO;EACL,QAAQ,GACNA,cAAkB,MAClB,GAAG;;;QAIJ;EACD,WAAW,GAAG;;;;;;;;;;;;;QAaV,WAAW,GAAG;;;;;;;;;;;;;iBAaL,OAAO,qBAAqB;;;EAGzC,QAAQ,GACNA,cAAkB,MAClB,GAAG;;sCAE6B,OAAO,WAAW;;;+CAGT,OAAO,cAAc;sBAC9C,OAAO,mBAAmB;;WAErC,UAAU;;;;WAIV,UAAU;;;;;QAMhB;EACD,WAAW,GAAG;;gBAEF,GAAU;;SAEjB,UAAU;iBACF,OAAO,oBAAoB;;;EAGzC;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStaticStyles, cx, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const fixHeight = 36;\n\n  return {\n    anchor: cx(\n      lobeStaticStylish.blur,\n      css`\n        overflow: hidden auto;\n        max-height: 60dvh !important;\n      `,\n    ),\n    container: css`\n      position: sticky;\n      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);\n\n      overscroll-behavior: contain;\n      grid-area: toc;\n\n      width: var(--toc-width, 176px);\n      margin-inline-end: 24px;\n      border-radius: 3px;\n\n      -webkit-overflow-scrolling: touch;\n\n      ${responsive.sm} {\n        position: relative;\n        inset-inline-start: 0;\n        width: 100%;\n        margin-block-start: 0;\n      }\n\n      > h4 {\n        margin-block: 0 8px;\n        margin-inline: 0;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    expand: cx(\n      lobeStaticStylish.blur,\n      css`\n        width: 100%;\n        border-block-end: 1px solid ${cssVar.colorSplit};\n        border-radius: 0;\n\n        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        box-shadow: ${cssVar.boxShadowSecondary};\n\n        .${prefixCls}-collapse-content {\n          overflow: auto;\n        }\n\n        .${prefixCls}-collapse-header {\n          z-index: 10;\n          padding-block: 8px !important;\n          padding-inline: 16px 8px !important;\n        }\n      `,\n    ),\n    mobileCtn: css`\n      width: 100%;\n      height: ${fixHeight}px;\n\n      .${prefixCls}-collapse-expand-icon {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAG5D,OAAO;EACL,QAAQ,GACNA,cAAkB,MAClB,GAAG;;;OAIL;EACA,WAAW,GAAG;;;;;;;;;;;;;QAaV,WAAW,GAAG;;;;;;;;;;;;;iBAaL,OAAO,qBAAqB;;;EAGzC,QAAQ,GACNA,cAAkB,MAClB,GAAG;;sCAE6B,OAAO,WAAW;;;+CAGT,OAAO,cAAc;sBAC9C,OAAO,mBAAmB;;WAErC,UAAU;;;;WAIV,UAAU;;;;;OAMjB;EACA,WAAW,GAAG;;gBAEF,GAAU;;SAEjB,UAAU;iBACF,OAAO,oBAAoB;;;CAG1C;AACF,CAAC"}

package/es/Toc/type.d.mts

@@ -1,5 +1,4 @@
 import { AnchorProps } from "antd";
-
 //#region src/Toc/type.d.ts
 interface TocItemType {
   children?: TocItemType[];

package/es/Toc/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Toc/utils.ts"],"sourcesContent":["import type { TocItemType } from '@/Toc/type';\n\nexport const mapItems = (items: TocItemType[]) =>\n  items.map((item) => ({\n    children: item.children?.map((child) => ({\n      href: `#${child.id}`,\n      key: child.id,\n      title: child?.title,\n    })),\n    href: `#${item.id}`,\n    key: item.id,\n    title: item.title,\n  }));\n"],"mappings":";AAEA,MAAa,YAAY,UACvB,MAAM,KAAK,UAAU;CACnB,UAAU,KAAK,UAAU,KAAK,WAAW;EACvC,MAAM,IAAI,MAAM;EAChB,KAAK,MAAM;EACX,OAAO,OAAO;EACf,EAAE;CACH,MAAM,IAAI,KAAK;CACf,KAAK,KAAK;CACV,OAAO,KAAK;CACb,EAAE"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Toc/utils.ts"],"sourcesContent":["import type { TocItemType } from '@/Toc/type';\n\nexport const mapItems = (items: TocItemType[]) =>\n  items.map((item) => ({\n    children: item.children?.map((child) => ({\n      href: `#${child.id}`,\n      key: child.id,\n      title: child?.title,\n    })),\n    href: `#${item.id}`,\n    key: item.id,\n    title: item.title,\n  }));\n"],"mappings":";AAEA,MAAa,YAAY,UACvB,MAAM,KAAK,UAAU;CACnB,UAAU,KAAK,UAAU,KAAK,WAAW;EACvC,MAAM,IAAI,MAAM;EAChB,KAAK,MAAM;EACX,OAAO,OAAO;CAChB,EAAE;CACF,MAAM,IAAI,KAAK;CACf,KAAK,KAAK;CACV,OAAO,KAAK;AACd,EAAE"}

package/es/Tooltip/index.d.mts

@@ -1,4 +1,5 @@
 import { TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps } from "../base-ui/Tooltip/type.mjs";
 import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
-import { TooltipGroup } from "../base-ui/Tooltip/TooltipGroup.mjs";
-export { TooltipGroup, TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps, Tooltip as default };
+import TooltipGroup from "../base-ui/Tooltip/TooltipGroup.mjs";
+import "../base-ui/Tooltip/index.mjs";
+export { TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tooltip as default };

package/es/Tooltip/index.mjs

@@ -1,3 +1,3 @@
-import Tooltip from "../base-ui/Tooltip/Tooltip.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
 import TooltipGroup from "../base-ui/Tooltip/TooltipGroup.mjs";
 export { TooltipGroup, Tooltip as default };

package/es/Video/index.d.mts

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

package/es/Video/index.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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,KAAK;CAChD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAGtD,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,CAAC;EACtC,IAAI,cAAc,KAAA,GAChB,KAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;EAElF,IAAI,aAAa,KAAA,GACf,KAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;EAE/E,IAAI,cAAc,KAAA,GAChB,KAAK,wBAAwB,OAAO,cAAc,WAAW,GAAG,UAAU,MAAM;EAElF,IAAI,aAAa,KAAA,GACf,KAAK,uBAAuB,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;EAE/E,OAAO;CACT,GAAG;EAAC;EAAW;EAAU;EAAW;CAAQ,CAAC;CAE7C,IAAI,WACF,OACE,oBAAC,SAAS,QAAV;EACE,QAAA;EACA,OAAO;GACL,cAAc,OAAO;GACrB;GACA;GACA;GACA;GACA;GACA;EACF;CACD,CAAA;CAGL,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,WAAW,YAAY,OAAO;EAC3D;EACH;EACE;EACP,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG,cAAc;EACnB;YATF,CAWG,WAAW,CAAC,aACX,oBAACA,mBAAD;GACE,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;GAC3C,SAAS;GACT,OAAO,cAAc;aAErB,oBAAC,YAAD;IAAY,OAAO;IAAQ,MAAM;IAAU,SAAS;GAAW,CAAA;EACxD,CAAA,GAEX,oBAAC,SAAD;GACY;GACV,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;GAC7C,UAAU;GACF;GACC;GACF;GACP,OAAO;IACL,QAAQ;IACR,UAAU;IACV,GAAG,cAAc;GACnB;GACA,UAAU,MAAM;IACd,aAAa,KAAK;IAClB,UAAU,CAAC;GACb;GACA,eAAe,MAAM;IACnB,gBAAgB,IAAI;IACpB,eAAe,CAAC;GAClB;GACA,eAAe,MAAM;IACnB,gBAAgB,KAAK;IACrB,eAAe,CAAC;GAClB;GACA,UAAU,MAAM;IACd,aAAa,KAAK;IAClB,UAAU,CAAC;GACb;GACA,SAAS,MAAM;IACb,aAAa,IAAI;IACjB,SAAS,CAAC;GACZ;GACA,YAAY,MAAM;IAChB,aAAa,IAAI;IACjB,YAAY,CAAC;GACf;GACA,GAAI;aAEJ,oBAAC,UAAD,EAAa,IAAM,CAAA;EACd,CAAA,CACA;;AAEb,CACF;AAEA,MAAM,cAAc"}

package/es/Video/style.mjs

@@ -61,6 +61,6 @@ const variants = cva(styles.root, {
 	} }
 });
 //#endregion
-export { styles, variants };
+export { maskHoverCls, styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Video/style.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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;;;;CAKnC,OAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,6BAClBA,cAAkB,yBACpB;EACA,MAAM,GAAG,cAAc,IAAI;EAC3B,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;uBAYU,OAAO,aAAa;;oBAEvB,OAAO,kBAAkB;;;mBAG1B,aAAa;;;;;EAK5B,OAAO,GAAG;;;;CAIZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC"}

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

@@ -1,8 +1,6 @@
 import { AuroraBackgroundProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/awesome/AuroraBackground/AuroraBackground.d.ts
-declare const AuroraBackground: _$react.NamedExoticComponent<AuroraBackgroundProps>;
+declare const AuroraBackground: import("react").NamedExoticComponent<AuroraBackgroundProps>;
 //#endregion
-export { AuroraBackground };
+export { AuroraBackground as default };
 //# sourceMappingURL=AuroraBackground.d.mts.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,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"}
+{"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,aAAa;CACpC,OACE,qBAACA,mBAAD;EAAc;EAAK,GAAI;YAAvB,CACE,oBAACA,mBAAD;GAAS,WAAW,GAAG,OAAO,SAAS,YAAY,OAAO;GAAG,OAAO,cAAc;aAChF,oBAAC,OAAD,EAAK,WAAW,aAAa,OAAO,SAAS,OAAO,QAAU,CAAA;EACvD,CAAA,GACT,oBAACA,mBAAD;GACE,WAAW,YAAY;GACvB,MAAM;GACN,OAAO;IAAE,QAAQ;IAAG,GAAG,cAAc;GAAQ;GAC7C,OAAO;GAEN;EACM,CAAA,CACF;;AAEb,CACF;AAEA,iBAAiB,cAAc"}

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

@@ -1,2 +1,3 @@
 import { AuroraBackgroundProps } from "./type.mjs";
-import { AuroraBackground } from "./AuroraBackground.mjs";
+import AuroraBackground from "./AuroraBackground.mjs";
+export { type AuroraBackgroundProps, AuroraBackground as default };

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,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"}
+{"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;;;;;;AAMd,EAAE"}

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

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
 import { CSSProperties, Ref } from "react";
-
 //#region src/awesome/AuroraBackground/type.d.ts
 interface AuroraBackgroundProps extends FlexboxProps {
   classNames?: {

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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;CAChD,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,QAAQ,SAAS;EAC1B;EACL,OAAO;EACP,SAAS;EACT,OAAO;GACL,eAAe;GACf,OAAO;GACP,GAAG;EACL;EACA,GAAI;EAEH;CACK,CAAA;AAEZ,CACF;AAEA,qBAAqB,cAAc"}

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

@@ -1,2 +1,3 @@
-import { BottomGradientButton } from "./BottomGradientButton.mjs";
-import { BottomGradientButtonProps } from "./type.mjs";
+import BottomGradientButton from "./BottomGradientButton.mjs";
+import { BottomGradientButtonProps } from "./type.mjs";
+export { type BottomGradientButtonProps, BottomGradientButton as default };

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;;;;;;;KAW7E,CACF"}

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

@@ -1,4 +1,5 @@
 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.map

@@ -1 +1 @@
-{"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"}
+{"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;CACtC,OAAO,MAAM,WAAW,MAAM,IAC5B,oBAAC,KAAD;EAAK,KAAK;EAAkB;EAAW,KAAK;EAAc;CAAQ,CAAA,IAElE,oBAAC,QAAD;EAAmB;EAAkB;YAClC;CACK,CAAA;AAEZ,CACF;AAEA,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,IAAI;CAE5B,MAAM,eAAe,eACZ;EACL,sBAAsB,OAAO,SAAS;EACtC,+BAA+B,UAAU,SAAS;CACpD,IACA,CAAC,WAAW,OAAO,CACrB;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU,OAAO,mBAAmB,OAAO,WAAW,SAAS;EAC7E,OAAO;GACL,GAAG;GACH,YAAY,QAAQ,UAAU;GAC9B,SAAS,QAAQ;GACjB,GAAG;EACL;EACA,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;KAAO,CAAA,GAClD,SAAS,oBAAC,OAAD;MAAO,WAAW,OAAO;MAAY;MAAc;KAAQ,CAAA,CAC/D;;IAEX,SACC,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,IAAI;KAAM,WAAW,OAAO;KAAO,KAAK;eAC1E;IACM,CAAA;IAEV,eACC,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,UAAU,EACR,MAAM,EACR;eAEC;IACG,CAAA;IAEP,QACC,oBAAC,OAAD;KAAK,WAAW,OAAO;eACrB,oBAAC,GAAD;MAAG,MAAM;MAAM,KAAI;MAAa,QAAQ,eAAe,WAAW,KAAA;gBAAW;KAE1E,CAAA;IACA,CAAA;GAEJ;;CACF,CAAA;AAET,CACF;AAEA,KAAK,cAAc"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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;CAClF,IAAI,CAAC,OAAO,QAAQ;CAEpB,OACE,oBAAC,eAAD;EACa;EACJ;EACP,OAAO;GAAE;GAAU,GAAG;EAAM;EAC5B,aAAa,SACX,oBAACA,MAAD;GAAa,WAAW;GAAgC,OAAO;GAAW,GAAI;EAAO,GAAzC,KAAK,KAAoC;EAEvF,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}

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

@@ -1,2 +1,3 @@
 import { FeatureItemType, FeaturesProps } from "./type.mjs";
-import { Features } from "./Features.mjs";
+import Features from "./Features.mjs";
+export { type FeatureItemType, type FeaturesProps, Features as default };

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Features/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `${prefixCls}-features`;\n  const coverCls = `${prefix}-cover`;\n  const descCls = `${prefix}-description`;\n  const titleCls = `${prefix}-title`;\n  const imgCls = `${prefix}-img`;\n\n  const scaleUnit = 20;\n\n  const genSize = (size: number) => css`\n    width: ${size}px;\n    height: ${size}px;\n    font-size: ${size * (22 / 24)}px;\n  `;\n\n  const withTransition = css`\n    transition: all ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};\n  `;\n\n  return {\n    cell: css`\n      overflow: hidden;\n    `,\n\n    container: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: var(--features-title-hover-size, 20px);\n        }\n      }\n    `,\n\n    containerHasLink: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: 14px;\n        }\n      }\n    `,\n    desc: css`\n      ${descCls}\n      ${withTransition}\n      pointer-events: none;\n      color: ${cssVar.colorTextSecondary};\n\n      quotient {\n        position: relative;\n\n        display: block;\n\n        margin-block: 12px;\n        margin-inline: 0;\n        padding-inline-start: 12px;\n\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    img: css`\n      ${imgCls}\n      ${withTransition}\n      ${genSize(20)};\n      color: ${cssVar.colorText};\n    `,\n\n    imgContainer: css`\n      ${coverCls}\n      ${withTransition}\n      ${genSize(24)};\n      padding: 4px;\n      opacity: 0.8;\n      border-radius: ${cssVar.borderRadius};\n    `,\n\n    link: css`\n      ${withTransition};\n      margin-block-start: 24px;\n    `,\n\n    title: css`\n      ${titleCls}\n      ${withTransition}\n      pointer-events: none;\n\n      margin-block: 16px;\n      margin-inline: 0;\n\n      font-size: 20px;\n      line-height: ${cssVar.lineHeightHeading3};\n      color: ${cssVar.colorText};\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,SAAS,GAAG,UAAU;CAC5B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,SAAS,GAAG,OAAO;CAEzB,MAAM,YAAY;CAElB,MAAM,WAAW,SAAiB,GAAG;aAC1B,KAAK;cACJ,KAAK;iBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,GAAG;sBACN,OAAO,mBAAmB,GAAG,OAAO,oBAAoB;;AAG5E,QAAO;EACL,MAAM,GAAG;;;EAIT,WAAW,GAAG;QACV,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAMhB,kBAAkB,GAAG;QACjB,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAKhB,MAAM,GAAG;QACL,QAAQ;QACR,eAAe;;eAER,OAAO,mBAAmB;;;;;;;;;;;iBAWxB,OAAO,qBAAqB;;;EAGzC,KAAK,GAAG;QACJ,OAAO;QACP,eAAe;QACf,QAAQ,GAAG,CAAC;eACL,OAAO,UAAU;;EAG5B,cAAc,GAAG;QACb,SAAS;QACT,eAAe;QACf,QAAQ,GAAG,CAAC;;;uBAGG,OAAO,aAAa;;EAGvC,MAAM,GAAG;QACL,eAAe;;;EAInB,OAAO,GAAG;QACN,SAAS;QACT,eAAe;;;;;;;qBAOF,OAAO,mBAAmB;eAChC,OAAO,UAAU;;EAE7B;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Features/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `${prefixCls}-features`;\n  const coverCls = `${prefix}-cover`;\n  const descCls = `${prefix}-description`;\n  const titleCls = `${prefix}-title`;\n  const imgCls = `${prefix}-img`;\n\n  const scaleUnit = 20;\n\n  const genSize = (size: number) => css`\n    width: ${size}px;\n    height: ${size}px;\n    font-size: ${size * (22 / 24)}px;\n  `;\n\n  const withTransition = css`\n    transition: all ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};\n  `;\n\n  return {\n    cell: css`\n      overflow: hidden;\n    `,\n\n    container: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: var(--features-title-hover-size, 20px);\n        }\n      }\n    `,\n\n    containerHasLink: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: 14px;\n        }\n      }\n    `,\n    desc: css`\n      ${descCls}\n      ${withTransition}\n      pointer-events: none;\n      color: ${cssVar.colorTextSecondary};\n\n      quotient {\n        position: relative;\n\n        display: block;\n\n        margin-block: 12px;\n        margin-inline: 0;\n        padding-inline-start: 12px;\n\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    img: css`\n      ${imgCls}\n      ${withTransition}\n      ${genSize(20)};\n      color: ${cssVar.colorText};\n    `,\n\n    imgContainer: css`\n      ${coverCls}\n      ${withTransition}\n      ${genSize(24)};\n      padding: 4px;\n      opacity: 0.8;\n      border-radius: ${cssVar.borderRadius};\n    `,\n\n    link: css`\n      ${withTransition};\n      margin-block-start: 24px;\n    `,\n\n    title: css`\n      ${titleCls}\n      ${withTransition}\n      pointer-events: none;\n\n      margin-block: 16px;\n      margin-inline: 0;\n\n      font-size: 20px;\n      line-height: ${cssVar.lineHeightHeading3};\n      color: ${cssVar.colorText};\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,SAAS,GAAG,UAAU;CAC5B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,SAAS,GAAG,OAAO;CAEzB,MAAM,YAAY;CAElB,MAAM,WAAW,SAAiB,GAAG;aAC1B,KAAK;cACJ,KAAK;iBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,GAAG;sBACN,OAAO,mBAAmB,GAAG,OAAO,oBAAoB;;CAG5E,OAAO;EACL,MAAM,GAAG;;;EAIT,WAAW,GAAG;QACV,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,GAAG,EAAE;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAMhB,kBAAkB,GAAG;QACjB,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,GAAG,EAAE;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAKhB,MAAM,GAAG;QACL,QAAQ;QACR,eAAe;;eAER,OAAO,mBAAmB;;;;;;;;;;;iBAWxB,OAAO,qBAAqB;;;EAGzC,KAAK,GAAG;QACJ,OAAO;QACP,eAAe;QACf,QAAQ,EAAE,EAAE;eACL,OAAO,UAAU;;EAG5B,cAAc,GAAG;QACb,SAAS;QACT,eAAe;QACf,QAAQ,EAAE,EAAE;;;uBAGG,OAAO,aAAa;;EAGvC,MAAM,GAAG;QACL,eAAe;;;EAInB,OAAO,GAAG;QACN,SAAS;QACT,eAAe;;;;;;;qBAOF,OAAO,mBAAmB;eAChC,OAAO,UAAU;;CAE9B;AACF,CAAC"}

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

@@ -1,8 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
 import { SpotlightCardProps } from "../SpotlightCard/type.mjs";
+import "../SpotlightCard/index.mjs";
 import { CSSProperties } from "react";
-
 //#region src/awesome/Features/type.d.ts
 interface FeatureItemType {
   column?: number;

package/es/awesome/Giscus/Giscus.d.mts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Giscus.mjs","names":[],"sources":["../../../src/awesome/Giscus/Giscus.tsx"],"sourcesContent":["'use client';\n\nimport GiscusComponent from '@giscus/react';\nimport { memo } from 'react';\n\nimport { formatLang, useStyles } from './style';\nimport type { GiscusProps } from './type';\n\nconst Giscus = memo<GiscusProps>(\n  ({\n    style,\n    className,\n    reactionsEnabled = '1',\n    mapping = 'title',\n    lang = 'en_US',\n    inputPosition = 'top',\n    id = 'giscus',\n    loading = 'lazy',\n    emitMetadata = '0',\n    ...rest\n  }) => {\n    const theme = useStyles();\n\n    return (\n      <div className={className} style={style}>\n        <GiscusComponent\n          emitMetadata={emitMetadata}\n          id={id}\n          inputPosition={inputPosition}\n          lang={formatLang(lang)}\n          loading={loading}\n          mapping={mapping}\n          reactionsEnabled={reactionsEnabled}\n          theme={theme}\n          {...rest}\n        />\n      </div>\n    );\n  },\n);\n\nGiscus.displayName = 'Giscus';\n\nexport default Giscus;\n"],"mappings":";;;;;;AAQA,MAAM,SAAS,MACZ,EACC,OACA,WACA,mBAAmB,KACnB,UAAU,SACV,OAAO,SACP,gBAAgB,OAChB,KAAK,UACL,UAAU,QACV,eAAe,KACf,GAAG,WACC;CACJ,MAAM,QAAQ,WAAW;AAEzB,QACE,oBAAC,OAAD;EAAgB;EAAkB;YAChC,oBAAC,iBAAD;GACgB;GACV;GACW;GACf,MAAM,WAAW,KAAK;GACb;GACA;GACS;GACX;GACP,GAAI;GACJ,CAAA;EACE,CAAA;EAGX;AAED,OAAO,cAAc"}
+{"version":3,"file":"Giscus.mjs","names":[],"sources":["../../../src/awesome/Giscus/Giscus.tsx"],"sourcesContent":["'use client';\n\nimport GiscusComponent from '@giscus/react';\nimport { memo } from 'react';\n\nimport { formatLang, useStyles } from './style';\nimport type { GiscusProps } from './type';\n\nconst Giscus = memo<GiscusProps>(\n  ({\n    style,\n    className,\n    reactionsEnabled = '1',\n    mapping = 'title',\n    lang = 'en_US',\n    inputPosition = 'top',\n    id = 'giscus',\n    loading = 'lazy',\n    emitMetadata = '0',\n    ...rest\n  }) => {\n    const theme = useStyles();\n\n    return (\n      <div className={className} style={style}>\n        <GiscusComponent\n          emitMetadata={emitMetadata}\n          id={id}\n          inputPosition={inputPosition}\n          lang={formatLang(lang)}\n          loading={loading}\n          mapping={mapping}\n          reactionsEnabled={reactionsEnabled}\n          theme={theme}\n          {...rest}\n        />\n      </div>\n    );\n  },\n);\n\nGiscus.displayName = 'Giscus';\n\nexport default Giscus;\n"],"mappings":";;;;;;AAQA,MAAM,SAAS,MACZ,EACC,OACA,WACA,mBAAmB,KACnB,UAAU,SACV,OAAO,SACP,gBAAgB,OAChB,KAAK,UACL,UAAU,QACV,eAAe,KACf,GAAG,WACC;CACJ,MAAM,QAAQ,UAAU;CAExB,OACE,oBAAC,OAAD;EAAgB;EAAkB;YAChC,oBAAC,iBAAD;GACgB;GACV;GACW;GACf,MAAM,WAAW,IAAI;GACZ;GACA;GACS;GACX;GACP,GAAI;EACL,CAAA;CACE,CAAA;AAET,CACF;AAEA,OAAO,cAAc"}

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

@@ -1,2 +1,3 @@
 import { GiscusProps } from "./type.mjs";
-import { Giscus } from "./Giscus.mjs";
+import Giscus from "./Giscus.mjs";
+export { type GiscusProps, Giscus as default };