@lobehub/ui 3.4.2 → 3.4.3

package/es/ThemeSwitch/ThemeSwitch.d.mts

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

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -0,0 +1,75 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Icon_default from "../Icon/Icon.mjs";
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import Dropdown_default from "../Dropdown/Dropdown.mjs";
+import { Select } from "antd";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Moon, Sun } from "lucide-react";
+
+//#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
+		},
+		{
+			icon: DEFAULT_ICON_SET.light,
+			key: "light",
+			label: labels.light
+		},
+		{
+			icon: DEFAULT_ICON_SET.dark,
+			key: "dark",
+			label: labels.dark
+		}
+	], [labels]);
+	return type === "select" ? /* @__PURE__ */ jsx(Select, {
+		className,
+		defaultValue: themeMode,
+		onChange: onThemeSwitch,
+		options: items.map((item) => ({
+			label: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 8,
+				horizontal: true,
+				children: [/* @__PURE__ */ jsx(Icon_default, { icon: item.icon }), item.label]
+			}),
+			value: item.key
+		})),
+		style,
+		variant
+	}) : /* @__PURE__ */ jsx(Dropdown_default, {
+		menu: {
+			items,
+			onClick: (e) => onThemeSwitch(e.key)
+		},
+		trigger: ["click"],
+		children: /* @__PURE__ */ jsx(ActionIcon_default, {
+			className,
+			icon: DEFAULT_ICON_SET[themeMode],
+			size,
+			style,
+			variant
+		})
+	});
+};
+ThemeSwitch.displayName = "ThemeSwitch";
+var ThemeSwitch_default = ThemeSwitch;
+
+//#endregion
+export { ThemeSwitch_default as default };
+//# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitch.mjs","names":["ThemeSwitch: FC<ThemeSwitchProps>","items: MenuItemType[]","Flexbox","Icon","Dropdown","ActionIcon"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { ThemeMode } from 'antd-style';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Dropdown from '@/Dropdown';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport type { MenuItemType } from '@/Menu';\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: MenuItemType[] = useMemo(\n    () => [\n      { icon: DEFAULT_ICON_SET.auto, key: 'auto', label: labels.auto },\n      { icon: DEFAULT_ICON_SET.light, key: 'light', label: labels.light },\n      { icon: DEFAULT_ICON_SET.dark, key: 'dark', label: labels.dark },\n    ],\n    [labels],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      onChange={onThemeSwitch}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox align={'center'} gap={8} horizontal>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      style={style}\n      variant={variant}\n    />\n  ) : (\n    <Dropdown\n      menu={{\n        items,\n        onClick: (e) => onThemeSwitch(e.key as ThemeMode),\n      }}\n      trigger={['click']}\n    >\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </Dropdown>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAMA,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAMC,QAAwB,cACtB;EACJ;GAAE,MAAM,iBAAiB;GAAM,KAAK;GAAQ,OAAO,OAAO;GAAM;EAChE;GAAE,MAAM,iBAAiB;GAAO,KAAK;GAAS,OAAO,OAAO;GAAO;EACnE;GAAE,MAAM,iBAAiB;GAAM,KAAK;GAAQ,OAAO,OAAO;GAAM;EACjE,EACD,CAAC,OAAO,CACT;AAED,QAAO,SAAS,WACd,oBAAC;EACY;EACX,cAAc;EACd,UAAU;EACV,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACI;EACE;GACT,GAEF,oBAACC;EACC,MAAM;GACJ;GACA,UAAU,MAAM,cAAc,EAAE,IAAiB;GAClD;EACD,SAAS,CAAC,QAAQ;YAElB,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACO;;AAIf,YAAY,cAAc;AAE1B,0BAAe"}

package/es/ThemeSwitch/index.d.mts

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

package/es/ThemeSwitch/index.mjs

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

package/es/ThemeSwitch/type.d.mts

@@ -0,0 +1,21 @@
+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?: {
+    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

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

package/es/Toc/Toc.mjs

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

package/es/Toc/Toc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toc.mjs","names":["TocMobile"],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\n\nimport { Anchor } from 'antd';\nimport { memo } from 'react';\n\nimport { default as TocMobile } from './TocMobile';\nimport { useStyles } from './style';\nimport type { TocProps } from './type';\nimport { mapItems } from './utils';\n\nconst Toc = memo<TocProps>(\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\n    const { styles, cx } = useStyles({ headerHeight, tocWidth });\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)}>\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":";;;;;;;;;;AAUA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CACnF,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE;EAAc;EAAU,CAAC;AAE5D,KAAI,SACF,QACE,oBAACA;EACY;EACG;EACA;EACP;GACP;AAGN,QACE,qBAAC;EAAQ,WAAW,GAAG,OAAO,WAAW,OAAO,OAAO;aACrD,oBAAC,kBAAG,sBAAsB,EAC1B,oBAAC;GACe;GACd,OAAO,SAAS,MAAM;GACtB,cAAc,eAAe;IAC7B;GACM;EAGf;AAED,IAAI,cAAc;AAElB,kBAAe"}

package/es/Toc/TocMobile.mjs

@@ -0,0 +1,66 @@
+'use client';
+
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { useStyles } from "./style.mjs";
+import { mapItems } from "./utils.mjs";
+import { Anchor, Collapse, ConfigProvider } from "antd";
+import { memo, useMemo } from "react";
+import useMergeState from "use-merge-value";
+import { jsx } from "react/jsx-runtime";
+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] = useMergeState("", {
+		onChange,
+		value: activeKey
+	});
+	const { styles } = useStyles({
+		headerHeight,
+		tocWidth
+	});
+	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, {
+				className: styles.expand,
+				expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(ActionIcon_default, {
+					icon: isActive ? PanelTopClose : PanelTopOpen,
+					size: "small"
+				}),
+				expandIconPlacement: "end",
+				ghost: true,
+				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,
+							onChange: (currentLink) => {
+								setActiveLink(currentLink.replace("#", ""));
+							},
+							targetOffset: headerHeight + 48
+						})
+					})
+				}, "toc")
+			})
+		})
+	});
+});
+TocMobile.displayName = "TocMobile";
+var TocMobile_default = TocMobile;
+
+//#endregion
+export { TocMobile_default as default };
+//# sourceMappingURL=TocMobile.mjs.map

package/es/Toc/TocMobile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TocMobile.mjs","names":["useControlledState","ActionIcon"],"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 { useStyles } 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    const [activeLink, setActiveLink] = useControlledState<string>('', {\n      onChange,\n      value: activeKey,\n    });\n    const { styles } = useStyles({ headerHeight, tocWidth });\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            className={styles.expand}\n            expandIcon={({ isActive }) => (\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\n            )}\n            expandIconPlacement={'end'}\n            ghost\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                  onChange={(currentLink) => {\n                    setActiveLink(currentLink.replace('#', ''));\n                  }}\n                  targetOffset={headerHeight + 48}\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;CACnF,MAAM,CAAC,YAAY,iBAAiBA,cAA2B,IAAI;EACjE;EACA,OAAO;EACR,CAAC;CACF,MAAM,EAAE,WAAW,UAAU;EAAE;EAAc;EAAU,CAAC;CAExD,MAAM,eAAe,MAAM,MAAM,SAAS,KAAK,OAAO,WAAW;CAEjE,MAAM,WAAW,cAAc,SAAS,MAAM,EAAE,CAAC,MAAM,CAAC;AAExD,QACE,oBAAC;EAAe,OAAO,EAAE,OAAO;GAAE,UAAU;GAAI,UAAU;GAAG,EAAE;YAC7D,oBAAC;GAAQ,WAAW,OAAO;aACzB,oBAAC;IACC,WAAW,OAAO;IAClB,aAAa,EAAE,eACb,oBAACC;KAAW,MAAM,WAAW,gBAAgB;KAAc,MAAM;MAAW;IAE9E,qBAAqB;IACrB;cAEA,oBAAC,SAAS;KACR;KACA,QAAQ,eAAe,aAAa,QAAQ;eAG5C,oBAAC;MAAe,OAAO,EAAE,OAAO;OAAE,UAAU;OAAI,UAAU;OAAG,EAAE;gBAC7D,oBAAC;OACe;OACd,OAAO;OACP,WAAW,gBAAgB;AACzB,sBAAc,YAAY,QAAQ,KAAK,GAAG,CAAC;;OAE7C,cAAc,eAAe;QAC7B;OACa;OAXZ,MAYU;KACR;IACH;GACK;EAGtB;AAED,UAAU,cAAc;AAExB,wBAAe"}

package/es/Toc/index.d.mts

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

package/es/Toc/index.mjs

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

package/es/Toc/style.mjs

@@ -0,0 +1,72 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/Toc/style.ts
+const useStyles = createStyles(({ token, stylish, responsive, cx: cx$1, css: css$1, prefixCls }, { tocWidth, headerHeight }) => {
+	return {
+		anchor: cx$1(stylish.blur, css$1`
+          overflow: hidden auto;
+          max-height: 60dvh !important;
+        `),
+		container: css$1`
+        position: sticky;
+        inset-block-start: ${headerHeight + 64}px;
+
+        overscroll-behavior: contain;
+        grid-area: toc;
+
+        width: ${tocWidth}px;
+        margin-inline-end: 24px;
+
+        border-radius: 3px;
+
+        -webkit-overflow-scrolling: touch;
+
+        ${responsive.mobile} {
+          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: ${token.colorTextDescription};
+        }
+      `,
+		expand: cx$1(stylish.blur, css$1`
+          width: 100%;
+
+          background-color: ${rgba(token.colorBgLayout, .5)};
+          border-block-end: 1px solid ${token.colorSplit};
+          border-radius: 0;
+          box-shadow: ${token.boxShadowSecondary};
+
+          .${prefixCls}-collapse-content {
+            overflow: auto;
+          }
+
+          .${prefixCls}-collapse-header {
+            z-index: 10;
+            padding-block: 8px !important;
+            padding-inline: 16px 8px !important;
+          }
+        `),
+		mobileCtn: css$1`
+        width: 100%;
+        height: ${36}px;
+
+        .${prefixCls}-collapse-expand-icon {
+          color: ${token.colorTextQuaternary};
+        }
+      `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Toc/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(\n  (\n    { token, stylish, responsive, cx, css, prefixCls },\n    { tocWidth, headerHeight }: { headerHeight: number; tocWidth: number },\n  ) => {\n    const fixHeight = 36;\n\n    return {\n      anchor: cx(\n        stylish.blur,\n        css`\n          overflow: hidden auto;\n          max-height: 60dvh !important;\n        `,\n      ),\n      container: css`\n        position: sticky;\n        inset-block-start: ${headerHeight + 64}px;\n\n        overscroll-behavior: contain;\n        grid-area: toc;\n\n        width: ${tocWidth}px;\n        margin-inline-end: 24px;\n\n        border-radius: 3px;\n\n        -webkit-overflow-scrolling: touch;\n\n        ${responsive.mobile} {\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: ${token.colorTextDescription};\n        }\n      `,\n      expand: cx(\n        stylish.blur,\n        css`\n          width: 100%;\n\n          background-color: ${rgba(token.colorBgLayout, 0.5)};\n          border-block-end: 1px solid ${token.colorSplit};\n          border-radius: 0;\n          box-shadow: ${token.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: ${token.colorTextQuaternary};\n        }\n      `,\n    };\n  },\n);\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAErB,EAAE,OAAO,SAAS,YAAY,UAAI,YAAK,aACvC,EAAE,UAAU,mBACT;AAGH,QAAO;EACL,QAAQA,KACN,QAAQ,MACR,KAAG;;;UAIJ;EACD,WAAW,KAAG;;6BAES,eAAe,GAAG;;;;;iBAK9B,SAAS;;;;;;;UAOhB,WAAW,OAAO;;;;;;;;;;;;;mBAaT,MAAM,qBAAqB;;;EAGxC,QAAQA,KACN,QAAQ,MACR,KAAG;;;8BAGmB,KAAK,MAAM,eAAe,GAAI,CAAC;wCACrB,MAAM,WAAW;;wBAEjC,MAAM,mBAAmB;;aAEpC,UAAU;;;;aAIV,UAAU;;;;;UAMhB;EACD,WAAW,KAAG;;kBA7DE,GA+DM;;WAEjB,UAAU;mBACF,MAAM,oBAAoB;;;EAGxC;EAEJ"}

package/es/Toc/type.d.mts

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,15 @@
+//#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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Toc/utils.ts"],"sourcesContent":["import { 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"}

package/es/Tooltip/Tooltip.d.mts

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

package/es/Tooltip/Tooltip.mjs

@@ -0,0 +1,250 @@
+'use client';
+
+import { antdPlacementToFloating } from "./antdPlacementToFloating.mjs";
+import { composeEventHandlers } from "../utils/composeEventHandlers.mjs";
+import TooltipFloating_default from "./TooltipFloating.mjs";
+import TooltipPortal_default from "./TooltipPortal.mjs";
+import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext.mjs";
+import { cloneElement, isValidElement, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
+import { mergeRefs } from "react-merge-refs";
+
+//#region src/Tooltip/Tooltip.tsx
+const TooltipInGroup = ({ ref, hotkey, className, arrow: arrow$1, title, hotkeyProps, children, placement, openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, onOpenChange, disabled, classNames, styles: styleProps, zIndex, portalled, getPopupContainer }) => {
+	const group = useContext(TooltipGroupApiContext);
+	const sharedProps = useContext(TooltipGroupPropsContext);
+	const triggerElRef = useRef(null);
+	const mergedClassName = useMemo(() => {
+		if (!sharedProps?.className && !className) return void 0;
+		return [sharedProps?.className, className].filter(Boolean).join(" ");
+	}, [className, sharedProps?.className]);
+	const mergedClassNames = useMemo(() => {
+		if (!sharedProps?.classNames && !classNames) return void 0;
+		return {
+			...sharedProps?.classNames,
+			...classNames
+		};
+	}, [classNames, sharedProps?.classNames]);
+	const mergedStyles = useMemo(() => {
+		if (!sharedProps?.styles && !styleProps) return void 0;
+		return {
+			...sharedProps?.styles,
+			...styleProps
+		};
+	}, [sharedProps?.styles, styleProps]);
+	const mergedHotkeyProps = useMemo(() => {
+		if (!sharedProps?.hotkeyProps && !hotkeyProps) return void 0;
+		return {
+			...sharedProps?.hotkeyProps,
+			...hotkeyProps
+		};
+	}, [hotkeyProps, sharedProps?.hotkeyProps]);
+	const mergedOnOpenChange = useMemo(() => {
+		if (!sharedProps?.onOpenChange && !onOpenChange) return void 0;
+		return (open) => {
+			sharedProps?.onOpenChange?.(open);
+			onOpenChange?.(open);
+		};
+	}, [onOpenChange, sharedProps?.onOpenChange]);
+	const item = useMemo(() => ({
+		arrow: arrow$1 ?? sharedProps?.arrow ?? false,
+		className: mergedClassName,
+		classNames: mergedClassNames,
+		closeDelay: closeDelay ?? sharedProps?.closeDelay,
+		disabled: disabled ?? sharedProps?.disabled,
+		getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,
+		hotkey: hotkey ?? sharedProps?.hotkey,
+		hotkeyProps: mergedHotkeyProps,
+		mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,
+		mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,
+		onOpenChange: mergedOnOpenChange,
+		openDelay: openDelay ?? sharedProps?.openDelay,
+		placement: placement ?? sharedProps?.placement ?? "top",
+		portalled: portalled ?? sharedProps?.portalled,
+		styles: mergedStyles,
+		title,
+		zIndex: zIndex ?? sharedProps?.zIndex
+	}), [
+		arrow$1,
+		closeDelay,
+		disabled,
+		getPopupContainer,
+		hotkey,
+		mergedClassName,
+		mergedClassNames,
+		mergedHotkeyProps,
+		mergedOnOpenChange,
+		mergedStyles,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		openDelay,
+		placement,
+		portalled,
+		sharedProps?.arrow,
+		sharedProps?.closeDelay,
+		sharedProps?.disabled,
+		sharedProps?.getPopupContainer,
+		sharedProps?.hotkey,
+		sharedProps?.mouseEnterDelay,
+		sharedProps?.mouseLeaveDelay,
+		sharedProps?.openDelay,
+		sharedProps?.placement,
+		sharedProps?.portalled,
+		sharedProps?.zIndex,
+		title,
+		zIndex
+	]);
+	const trigger = useMemo(() => {
+		if (!isValidElement(children)) return /* @__PURE__ */ jsx("span", { children });
+		if (typeof children.type === "string" && Boolean(children.props?.disabled)) return /* @__PURE__ */ jsx("span", {
+			style: { display: "inline-flex" },
+			children
+		});
+		return children;
+	}, [children]);
+	const referenceNode = useMemo(() => {
+		if (!isValidElement(trigger)) return trigger;
+		const originalRef = trigger.ref;
+		const triggerProps = trigger.props || {};
+		const setTriggerEl = (node) => {
+			triggerElRef.current = node instanceof HTMLElement ? node : null;
+		};
+		return cloneElement(trigger, {
+			...triggerProps,
+			onBlur: composeEventHandlers(triggerProps.onBlur, (e) => {
+				group?.closeFromTrigger(e.currentTarget, item);
+			}),
+			onFocus: composeEventHandlers(triggerProps.onFocus, (e) => {
+				group?.openFromTrigger(e.currentTarget, item);
+			}),
+			onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (e) => {
+				if (e?.key === "Escape") group?.closeImmediately();
+			}),
+			onPointerEnter: composeEventHandlers(triggerProps.onPointerEnter, (e) => {
+				group?.openFromTrigger(e.currentTarget, item);
+			}),
+			onPointerLeave: composeEventHandlers(triggerProps.onPointerLeave, (e) => {
+				group?.closeFromTrigger(e.currentTarget, item);
+			}),
+			ref: mergeRefs([
+				originalRef,
+				setTriggerEl,
+				ref
+			])
+		});
+	}, [
+		group,
+		item,
+		ref,
+		trigger
+	]);
+	useEffect(() => {
+		return () => {
+			if (!group) return;
+			const el = triggerElRef.current;
+			if (el && group.isActiveTrigger(el)) group.closeImmediately();
+		};
+	}, [group]);
+	return referenceNode;
+};
+TooltipInGroup.displayName = "TooltipInGroup";
+const TooltipStandalone = ({ ref, hotkey, className, arrow: arrow$1 = false, title, hotkeyProps, children, placement = "top", openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, open, defaultOpen, onOpenChange, disabled, classNames, styles: styleProps, zIndex, portalled = true, getPopupContainer }) => {
+	const arrowRef = useRef(null);
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const mergedOpen = open ?? uncontrolledOpen;
+	const setOpen = (next) => {
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const floatingPlacement = useMemo(() => antdPlacementToFloating(placement), [placement]);
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: useMemo(() => {
+			const base = [
+				offset(8),
+				flip(),
+				shift({ padding: 8 })
+			];
+			if (arrow$1) base.push(arrow({ element: arrowRef }));
+			return base;
+		}, [arrow$1]),
+		onOpenChange: setOpen,
+		open: disabled ? false : mergedOpen,
+		placement: floatingPlacement,
+		whileElementsMounted: autoUpdate
+	});
+	const { getFloatingProps, getReferenceProps } = useInteractions([
+		useHover(context, {
+			delay: useMemo(() => ({
+				close: closeDelay ?? (mouseLeaveDelay !== void 0 ? mouseLeaveDelay * 1e3 : 100),
+				open: openDelay ?? (mouseEnterDelay !== void 0 ? mouseEnterDelay * 1e3 : 100)
+			}), [
+				closeDelay,
+				mouseEnterDelay,
+				mouseLeaveDelay,
+				openDelay
+			]),
+			enabled: !disabled,
+			move: false
+		}),
+		useFocus(context, { enabled: !disabled }),
+		useDismiss(context, { enabled: !disabled }),
+		useRole(context, { role: "tooltip" })
+	]);
+	const trigger = useMemo(() => {
+		if (!isValidElement(children)) return /* @__PURE__ */ jsx("span", { children });
+		if (typeof children.type === "string" && Boolean(children.props?.disabled)) return /* @__PURE__ */ jsx("span", {
+			style: { display: "inline-flex" },
+			children
+		});
+		return children;
+	}, [children]);
+	const referenceNode = useMemo(() => {
+		if (!isValidElement(trigger)) return trigger;
+		const originalRef = trigger.ref;
+		return cloneElement(trigger, getReferenceProps({
+			...trigger.props,
+			ref: mergeRefs([
+				originalRef,
+				refs.setReference,
+				ref
+			])
+		}));
+	}, [
+		getReferenceProps,
+		ref,
+		refs.setReference,
+		trigger
+	]);
+	const portalRoot = getPopupContainer && refs.reference.current ? getPopupContainer(refs.reference.current) : void 0;
+	const floatingNode = /* @__PURE__ */ jsx(TooltipFloating_default, {
+		arrow: arrow$1,
+		arrowRef,
+		className,
+		classNames,
+		context,
+		floatingProps: getFloatingProps(),
+		floatingStyles,
+		hotkey,
+		hotkeyProps,
+		open: mergedOpen,
+		placement: floatingPlacement,
+		setFloating: refs.setFloating,
+		styles: styleProps,
+		title,
+		zIndex
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [referenceNode, !disabled && title && (portalled ? /* @__PURE__ */ jsx(TooltipPortal_default, {
+		root: portalRoot,
+		children: floatingNode
+	}) : floatingNode)] });
+};
+const Tooltip = (props) => {
+	const group = useContext(TooltipGroupApiContext);
+	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 ? /* @__PURE__ */ jsx(TooltipInGroup, { ...props }) : /* @__PURE__ */ jsx(TooltipStandalone, { ...props });
+};
+var Tooltip_default = Tooltip;
+
+//#endregion
+export { Tooltip_default as default };
+//# sourceMappingURL=Tooltip.mjs.map