@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/ThemeProvider/ThemeProvider.mjs

@@ -1,107 +0,0 @@
-"use client";
-import { useCdnFn } from "../ConfigProvider/index.mjs";
-import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
-import { generateCustomToken } from "../styles/theme/customToken.mjs";
-import AppElementContext from "./AppElementContext.mjs";
-import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import FontLoader from "../FontLoader/index.mjs";
-import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
-import ConfigProvider$1 from "./ConfigProvider.mjs";
-import GlobalStyle, { EssentialStyle } from "./GlobalStyle/index.mjs";
-import { memo, useCallback, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ThemeProvider } from "antd-style";
-import { merge } from "es-toolkit/compat";
-import { App } from "antd";
-//#region src/ThemeProvider/ThemeProvider.tsx
-const ThemeProvider$1 = memo(({ appId = LOBE_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
-	const genCdnUrl = useCdnFn();
-	const [appRef, setAppRef] = useState(null);
-	const webfontUrls = useMemo(() => customFonts || [
-		genCdnUrl({
-			path: "css/index.css",
-			pkg: "@lobehub/webfont-mono",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "css/index-full.css",
-			pkg: "@lobehub/webfont-harmony-sans",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "css/index.css",
-			pkg: "@lobehub/webfont-harmony-sans-sc",
-			version: "1.0.0"
-		}),
-		genCdnUrl({
-			path: "dist/katex.min.css",
-			pkg: "katex",
-			version: "0.18.1"
-		})
-	], [customFonts, genCdnUrl]);
-	const stylish = useCallback((theme) => ({
-		...generateCustomStylish(theme),
-		...customStylish?.(theme)
-	}), [customStylish]);
-	const token = useCallback((theme) => ({
-		...generateCustomToken(theme),
-		...customToken?.(theme)
-	}), [customToken]);
-	const theme = useCallback((appearance) => {
-		const lobeTheme = createLobeAntdTheme({
-			appearance,
-			neutralColor: customTheme.neutralColor,
-			primaryColor: customTheme.primaryColor
-		});
-		return merge(lobeTheme, antdTheme);
-	}, [
-		customTheme.primaryColor,
-		customTheme.neutralColor,
-		antdTheme
-	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
-		customStylish: stylish,
-		customToken: token,
-		theme,
-		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [
-			/* @__PURE__ */ jsx(EssentialStyle, {}),
-			enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}),
-			/* @__PURE__ */ jsx(App, {
-				className,
-				style: {
-					isolation: "isolate",
-					minHeight: "inherit",
-					width: "inherit",
-					...style
-				},
-				children: /* @__PURE__ */ jsx("div", {
-					id: appId,
-					style: contentsStyle,
-					children: /* @__PURE__ */ jsxs(AppElementContext, {
-						value: appRef,
-						children: [children, /* @__PURE__ */ jsx("div", {
-							"data-lobe-portal-host": "",
-							ref: setAppRef,
-							style: hostPortalHostStyle
-						})]
-					})
-				})
-			})
-		] })
-	})] });
-});
-ThemeProvider$1.displayName = "LobeThemeProvider";
-const hostPortalHostStyle = {
-	height: 0,
-	left: 0,
-	position: "fixed",
-	right: 0,
-	top: 0,
-	zIndex: 1100
-};
-const contentsStyle = { display: "contents" };
-//#endregion
-export { ThemeProvider$1 as default };
-
-//# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +0,0 @@
-{"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-mono',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index-full.css',\n            pkg: '@lobehub/webfont-harmony-sans',\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.18.1',\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;EACd,MAAM,YAAY,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;EAC5B,CAAC;EACD,OAAO,MAAM,WAAW,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;EAEJ,UAAA,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;IAEhF,UAAA,oBAAC,OAAD;KAAK,IAAI;KAAO,OAAO;KACrB,UAAA,qBAAC,mBAAD;MAAmB,OAAO;MAA1B,UAAA,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/constants.d.mts

@@ -1,5 +0,0 @@
-//#region src/ThemeProvider/constants.d.ts
-declare const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-//#endregion
-export { LOBE_THEME_APP_ID };
-//# sourceMappingURL=constants.d.mts.map

package/es/ThemeProvider/constants.mjs

@@ -1,6 +0,0 @@
-//#region src/ThemeProvider/constants.ts
-const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-//#endregion
-export { LOBE_THEME_APP_ID };
-
-//# sourceMappingURL=constants.mjs.map

package/es/ThemeProvider/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/ThemeProvider/constants.ts"],"sourcesContent":["export const LOBE_THEME_APP_ID = 'lobe-ui-theme-app';\n"],"mappings":";AAAA,MAAa,oBAAoB"}

package/es/ThemeProvider/index.d.mts

@@ -1,6 +0,0 @@
-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, type MetaProps, type ThemeProviderProps, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/index.mjs

@@ -1,5 +0,0 @@
-import { useAppElement } from "./AppElementContext.mjs";
-import { LOBE_THEME_APP_ID } from "./constants.mjs";
-import Meta from "./Meta.mjs";
-import ThemeProvider from "./ThemeProvider.mjs";
-export { LOBE_THEME_APP_ID, Meta, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/type.d.mts

@@ -1,31 +0,0 @@
-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) => {
-    [key: string]: any;
-  };
-  customTheme?: {
-    neutralColor?: NeutralColors;
-    primaryColor?: PrimaryColors;
-  };
-  customToken?: (theme: CustomTokenParams) => {
-    [key: string]: any;
-  };
-  enableCustomFonts?: boolean;
-  enableGlobalStyle?: boolean;
-  style?: CSSProperties;
-}
-interface MetaProps {
-  description?: string;
-  title?: string;
-  withManifest?: boolean;
-}
-//#endregion
-export { MetaProps, ThemeProviderProps$1 as ThemeProviderProps };
-//# sourceMappingURL=type.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.d.mts

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

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -1,72 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon from "../Icon/Icon.mjs";
-import DropdownMenu from "../base-ui/DropdownMenu/DropdownMenu.mjs";
-import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Monitor, Moon, Sun } from "lucide-react";
-import { Select } from "antd";
-//#region src/ThemeSwitch/ThemeSwitch.tsx
-const DEFAULT_ICON_SET = {
-	auto: Monitor,
-	dark: Moon,
-	light: Sun
-};
-const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon", labels = {
-	auto: "System",
-	dark: "Dark",
-	light: "Light"
-}, className, variant, style }) => {
-	const items = useMemo(() => [
-		{
-			icon: DEFAULT_ICON_SET.auto,
-			key: "auto",
-			label: labels.auto,
-			onClick: () => onThemeSwitch("auto")
-		},
-		{
-			icon: DEFAULT_ICON_SET.light,
-			key: "light",
-			label: labels.light,
-			onClick: () => onThemeSwitch("light")
-		},
-		{
-			icon: DEFAULT_ICON_SET.dark,
-			key: "dark",
-			label: labels.dark,
-			onClick: () => onThemeSwitch("dark")
-		}
-	], [labels, onThemeSwitch]);
-	return type === "select" ? /* @__PURE__ */ jsx(Select, {
-		className,
-		defaultValue: themeMode,
-		style,
-		variant,
-		options: items.map((item) => ({
-			label: /* @__PURE__ */ jsxs(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				gap: 8,
-				children: [/* @__PURE__ */ jsx(Icon, { icon: item.icon }), item.label]
-			}),
-			value: item.key
-		})),
-		onChange: onThemeSwitch
-	}) : /* @__PURE__ */ jsx(DropdownMenu, {
-		items,
-		nativeButton: false,
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className,
-			icon: DEFAULT_ICON_SET[themeMode],
-			size,
-			style,
-			variant
-		})
-	});
-};
-ThemeSwitch.displayName = "ThemeSwitch";
-//#endregion
-export { ThemeSwitch as default };
-
-//# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -1 +0,0 @@
-{"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 '@/base-ui/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;IAA1C,UAAA,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;EACxC,UAAA,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 +0,0 @@
-import { ThemeSwitchProps } from "./type.mjs";
-import ThemeSwitch from "./ThemeSwitch.mjs";
-export { type ThemeSwitchProps, ThemeSwitch as default };

package/es/ThemeSwitch/index.mjs

@@ -1 +0,0 @@
-export { default } from "./ThemeSwitch.mjs";

package/es/ThemeSwitch/type.d.mts

@@ -1,20 +0,0 @@
-import { DivProps } from "../types/index.mjs";
-import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
-import "../base-ui/ActionIcon/index.mjs";
-import { ThemeMode } from "antd-style";
-//#region src/ThemeSwitch/type.d.ts
-interface ThemeSwitchProps extends DivProps {
-  labels?: {
-    auto: string;
-    dark: string;
-    light: string;
-  };
-  onThemeSwitch: (themeMode: ThemeMode) => void;
-  size?: ActionIconProps['size'];
-  themeMode: ThemeMode;
-  type?: 'icon' | 'select';
-  variant?: ActionIconProps['variant'];
-}
-//#endregion
-export { ThemeSwitchProps };
-//# sourceMappingURL=type.d.mts.map

package/es/Toc/Toc.d.mts

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

package/es/Toc/Toc.mjs

@@ -1,35 +0,0 @@
-"use client";
-import { styles } from "./style.mjs";
-import { mapItems } from "./utils.mjs";
-import TocMobile from "./TocMobile.mjs";
-import { memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Anchor } from "antd";
-//#region src/Toc/Toc.tsx
-const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {
-	const cssVariables = useMemo(() => ({
-		"--toc-header-height": `${headerHeight}px`,
-		"--toc-width": `${tocWidth}px`
-	}), [headerHeight, tocWidth]);
-	if (isMobile) return /* @__PURE__ */ jsx(TocMobile, {
-		activeKey,
-		getContainer,
-		headerHeight,
-		items
-	});
-	return /* @__PURE__ */ jsxs("section", {
-		className: cx(styles.container, styles.anchor),
-		style: cssVariables,
-		children: [/* @__PURE__ */ jsx("h4", { children: "Table of Contents" }), /* @__PURE__ */ jsx(Anchor, {
-			getContainer,
-			items: mapItems(items),
-			targetOffset: headerHeight + 12
-		})]
-	});
-});
-Toc.displayName = "Toc";
-//#endregion
-export { Toc as default };
-
-//# sourceMappingURL=Toc.mjs.map

package/es/Toc/Toc.mjs.map

@@ -1 +0,0 @@
-{"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;EAAhE,UAAA,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

@@ -1,59 +0,0 @@
-"use client";
-import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
-import { styles } from "./style.mjs";
-import { mapItems } from "./utils.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import useMergeState from "use-merge-value";
-import { PanelTopClose, PanelTopOpen } from "lucide-react";
-import { Anchor, Collapse, ConfigProvider } from "antd";
-//#region src/Toc/TocMobile.tsx
-const TocMobile = memo(({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {
-	const [activeLink, setActiveLink] = useMergeState("", {
-		onChange,
-		value: activeKey
-	});
-	const activeAnchor = items.find((item) => item.id === activeLink);
-	const tocItems = useMemo(() => mapItems(items), [items]);
-	return /* @__PURE__ */ jsx(ConfigProvider, {
-		theme: { token: {
-			fontSize: 12,
-			sizeStep: 3
-		} },
-		children: /* @__PURE__ */ jsx("section", {
-			className: styles.mobileCtn,
-			children: /* @__PURE__ */ jsx(Collapse, {
-				ghost: true,
-				className: styles.expand,
-				expandIconPlacement: "end",
-				expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(ActionIcon, {
-					icon: isActive ? PanelTopClose : PanelTopOpen,
-					size: "small"
-				}),
-				children: /* @__PURE__ */ jsx(Collapse.Panel, {
-					forceRender: true,
-					header: activeAnchor ? activeAnchor.title : "TOC",
-					children: /* @__PURE__ */ jsx(ConfigProvider, {
-						theme: { token: {
-							fontSize: 14,
-							sizeStep: 4
-						} },
-						children: /* @__PURE__ */ jsx(Anchor, {
-							getContainer,
-							items: tocItems,
-							targetOffset: headerHeight + 48,
-							onChange: (currentLink) => {
-								setActiveLink(currentLink.replace("#", ""));
-							}
-						})
-					})
-				}, "toc")
-			})
-		})
-	});
-});
-TocMobile.displayName = "TocMobile";
-//#endregion
-export { TocMobile as default };
-
-//# sourceMappingURL=TocMobile.mjs.map

package/es/Toc/TocMobile.mjs.map

@@ -1 +0,0 @@
-{"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 '@/base-ui/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;EAC5D,UAAA,oBAAC,WAAD;GAAS,WAAW,OAAO;GACzB,UAAA,oBAAC,UAAD;IACE,OAAA;IACA,WAAW,OAAO;IAClB,qBAAqB;IACrB,aAAa,EAAE,eACb,oBAAC,YAAD;KAAY,MAAM,WAAW,gBAAgB;KAAc,MAAM;IAAU,CAAA;IAG7E,UAAA,oBAAC,SAAS,OAAV;KACE,aAAA;KACA,QAAQ,eAAe,aAAa,QAAQ;KAG5C,UAAA,oBAAC,gBAAD;MAAgB,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;MAAE,EAAE;MAC5D,UAAA,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 +0,0 @@
-import { TocItemType, TocMobileProps, TocProps } from "./type.mjs";
-import Toc from "./Toc.mjs";
-export { type TocItemType, type TocMobileProps, type TocProps, Toc as default };

package/es/Toc/index.mjs

@@ -1 +0,0 @@
-export { default } from "./Toc.mjs";

package/es/Toc/style.mjs

@@ -1,71 +0,0 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles, cx, responsive } from "antd-style";
-//#region src/Toc/style.ts
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		anchor: cx(staticStylish.blur, css`
-        overflow: hidden auto;
-        max-height: 60dvh !important;
-      `),
-		container: css`
-      position: sticky;
-      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);
-
-      overscroll-behavior: contain;
-      grid-area: toc;
-
-      width: var(--toc-width, 176px);
-      margin-inline-end: 24px;
-      border-radius: 3px;
-
-      -webkit-overflow-scrolling: touch;
-
-      ${responsive.sm} {
-        position: relative;
-        inset-inline-start: 0;
-        width: 100%;
-        margin-block-start: 0;
-      }
-
-      > h4 {
-        margin-block: 0 8px;
-        margin-inline: 0;
-
-        font-size: 12px;
-        line-height: 1;
-        color: ${cssVar.colorTextDescription};
-      }
-    `,
-		expand: cx(staticStylish.blur, css`
-        width: 100%;
-        border-block-end: 1px solid ${cssVar.colorSplit};
-        border-radius: 0;
-
-        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
-        box-shadow: ${cssVar.boxShadowSecondary};
-
-        .${prefixCls}-collapse-content {
-          overflow: auto;
-        }
-
-        .${prefixCls}-collapse-header {
-          z-index: 10;
-          padding-block: 8px !important;
-          padding-inline: 16px 8px !important;
-        }
-      `),
-		mobileCtn: css`
-      width: 100%;
-      height: ${36}px;
-
-      .${prefixCls}-collapse-expand-icon {
-        color: ${cssVar.colorTextQuaternary};
-      }
-    `
-	};
-});
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/Toc/style.mjs.map

@@ -1 +0,0 @@
-{"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,21 +0,0 @@
-import { AnchorProps } from "antd";
-//#region src/Toc/type.d.ts
-interface TocItemType {
-  children?: TocItemType[];
-  id: string;
-  title: string;
-}
-interface TocMobileProps {
-  activeKey?: string;
-  getContainer?: AnchorProps['getContainer'];
-  headerHeight?: number;
-  items: TocItemType[];
-  onChange?: (activeKey: string) => void;
-  tocWidth?: number;
-}
-interface TocProps extends TocMobileProps {
-  isMobile?: boolean;
-}
-//#endregion
-export { TocItemType, TocMobileProps, TocProps };
-//# sourceMappingURL=type.d.mts.map

package/es/Toc/utils.mjs

@@ -1,15 +0,0 @@
-//#region src/Toc/utils.ts
-const mapItems = (items) => items.map((item) => ({
-	children: item.children?.map((child) => ({
-		href: `#${child.id}`,
-		key: child.id,
-		title: child?.title
-	})),
-	href: `#${item.id}`,
-	key: item.id,
-	title: item.title
-}));
-//#endregion
-export { mapItems };
-
-//# sourceMappingURL=utils.mjs.map

package/es/Toc/utils.mjs.map

@@ -1 +0,0 @@
-{"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.mjs

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

package/es/base-ui/Accordion/Accordion.d.mts

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

package/es/base-ui/Accordion/Accordion.mjs

@@ -1,58 +0,0 @@
-"use client";
-import { actionVariants } from "./style.mjs";
-import { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger } from "./atoms.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/Accordion/Accordion.tsx
-const Accordion = ({ className, classNames, defaultValue, gap, hideIndicator, indicatorPlacement = "start", items, keepMounted, multiple = true, onValueChange, ref, style, styles: customStyles, value, variant = "borderless" }) => {
-	return /* @__PURE__ */ jsx(AccordionRoot, {
-		className: cx(classNames?.root, className),
-		defaultValue,
-		hideIndicator,
-		indicatorPlacement,
-		multiple,
-		ref,
-		style: {
-			gap,
-			...style,
-			...customStyles?.root
-		},
-		value,
-		variant,
-		onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
-		children: items?.map((item) => /* @__PURE__ */ jsxs(AccordionItem, {
-			className: classNames?.item,
-			disabled: item.disabled,
-			style: customStyles?.item,
-			value: item.key,
-			children: [/* @__PURE__ */ jsxs(AccordionHeader, {
-				className: classNames?.header,
-				style: customStyles?.header,
-				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					className: classNames?.trigger,
-					style: customStyles?.trigger,
-					children: item.title
-				}), item.action && /* @__PURE__ */ jsx("div", {
-					style: customStyles?.action,
-					className: cx("accordion-action", actionVariants({
-						alwaysVisible: item.alwaysShowAction,
-						variant
-					}), classNames?.action),
-					children: item.action
-				})]
-			}), /* @__PURE__ */ jsx(AccordionPanel, {
-				className: classNames?.panel,
-				contentClassName: classNames?.content,
-				contentStyle: customStyles?.content,
-				keepMounted,
-				style: customStyles?.panel,
-				children: item.children
-			})]
-		}, item.key))
-	});
-};
-Accordion.displayName = "Accordion";
-//#endregion
-export { Accordion as default };
-
-//# sourceMappingURL=Accordion.mjs.map

package/es/base-ui/Accordion/Accordion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../../src/base-ui/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport {\n  AccordionHeader,\n  AccordionItem,\n  AccordionPanel,\n  AccordionRoot,\n  AccordionTrigger,\n} from './atoms';\nimport { actionVariants } from './style';\nimport type { AccordionProps } from './type';\n\nconst Accordion: FC<AccordionProps> = ({\n  className,\n  classNames,\n  defaultValue,\n  gap,\n  hideIndicator,\n  indicatorPlacement = 'start',\n  items,\n  keepMounted,\n  multiple = true,\n  onValueChange,\n  ref,\n  style,\n  styles: customStyles,\n  value,\n  variant = 'borderless',\n}) => {\n  return (\n    <AccordionRoot\n      className={cx(classNames?.root, className)}\n      defaultValue={defaultValue}\n      hideIndicator={hideIndicator}\n      indicatorPlacement={indicatorPlacement}\n      multiple={multiple}\n      ref={ref}\n      style={{ gap, ...style, ...customStyles?.root }}\n      value={value}\n      variant={variant}\n      onValueChange={onValueChange ? (next) => onValueChange(next as string[]) : undefined}\n    >\n      {items?.map((item) => (\n        <AccordionItem\n          className={classNames?.item}\n          disabled={item.disabled}\n          key={item.key}\n          style={customStyles?.item}\n          value={item.key}\n        >\n          <AccordionHeader className={classNames?.header} style={customStyles?.header}>\n            <AccordionTrigger className={classNames?.trigger} style={customStyles?.trigger}>\n              {item.title}\n            </AccordionTrigger>\n            {item.action && (\n              <div\n                style={customStyles?.action}\n                className={cx(\n                  'accordion-action',\n                  actionVariants({ alwaysVisible: item.alwaysShowAction, variant }),\n                  classNames?.action,\n                )}\n              >\n                {item.action}\n              </div>\n            )}\n          </AccordionHeader>\n          <AccordionPanel\n            className={classNames?.panel}\n            contentClassName={classNames?.content}\n            contentStyle={customStyles?.content}\n            keepMounted={keepMounted}\n            style={customStyles?.panel}\n          >\n            {item.children}\n          </AccordionPanel>\n        </AccordionItem>\n      ))}\n    </AccordionRoot>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;AAeA,MAAM,aAAiC,EACrC,WACA,YACA,cACA,KACA,eACA,qBAAqB,SACrB,OACA,aACA,WAAW,MACX,eACA,KACA,OACA,QAAQ,cACR,OACA,UAAU,mBACN;CACJ,OACE,oBAAC,eAAD;EACE,WAAW,GAAG,YAAY,MAAM,SAAS;EAC3B;EACC;EACK;EACV;EACL;EACL,OAAO;GAAE;GAAK,GAAG;GAAO,GAAG,cAAc;EAAK;EACvC;EACE;EACT,eAAe,iBAAiB,SAAS,cAAc,IAAgB,IAAI,KAAA;EAE1E,UAAA,OAAO,KAAK,SACX,qBAAC,eAAD;GACE,WAAW,YAAY;GACvB,UAAU,KAAK;GAEf,OAAO,cAAc;GACrB,OAAO,KAAK;GALd,UAAA,CAOE,qBAAC,iBAAD;IAAiB,WAAW,YAAY;IAAQ,OAAO,cAAc;IAArE,UAAA,CACE,oBAAC,kBAAD;KAAkB,WAAW,YAAY;KAAS,OAAO,cAAc;KACpE,UAAA,KAAK;IACU,CAAA,GACjB,KAAK,UACJ,oBAAC,OAAD;KACE,OAAO,cAAc;KACrB,WAAW,GACT,oBACA,eAAe;MAAE,eAAe,KAAK;MAAkB;KAAQ,CAAC,GAChE,YAAY,MACd;KAEC,UAAA,KAAK;IACH,CAAA,CAEQ;GACjB,CAAA,GAAA,oBAAC,gBAAD;IACE,WAAW,YAAY;IACvB,kBAAkB,YAAY;IAC9B,cAAc,cAAc;IACf;IACb,OAAO,cAAc;IAEpB,UAAA,KAAK;GACQ,CAAA,CACH;EA9BR,GAAA,KAAK,GA8BG,CAChB;CACY,CAAA;AAEnB;AAEA,UAAU,cAAc"}