@jinmi/ui 0.0.0-stage → 6.0.1

package/es/Toc/TocMobile.mjs

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

@@ -0,0 +1 @@
+{"version":3,"file":"TocMobile.mjs","names":["useControlledState"],"sources":["../../src/Toc/TocMobile.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Anchor, Collapse, ConfigProvider } from 'antd';\r\nimport { PanelTopClose, PanelTopOpen } from 'lucide-react';\r\nimport { memo, useMemo } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\n\r\nimport { styles } from './style';\r\nimport type { TocMobileProps } from './type';\r\nimport { mapItems } from './utils';\r\n\r\nconst TocMobile = memo<TocMobileProps>(\r\n  ({ items, activeKey, onChange, getContainer, headerHeight = 64, tocWidth = 176 }) => {\r\n    // tocWidth is part of the interface but not used in this component\r\n    void tocWidth;\r\n    const [activeLink, setActiveLink] = useControlledState<string>('', {\r\n      onChange,\r\n      value: activeKey,\r\n    });\r\n\r\n    const activeAnchor = items.find((item) => item.id === activeLink);\r\n\r\n    const tocItems = useMemo(() => mapItems(items), [items]);\r\n\r\n    return (\r\n      <ConfigProvider theme={{ token: { fontSize: 12, sizeStep: 3 } }}>\r\n        <section className={styles.mobileCtn}>\r\n          <Collapse\r\n            ghost\r\n            className={styles.expand}\r\n            expandIconPlacement={'end'}\r\n            expandIcon={({ isActive }) => (\r\n              <ActionIcon icon={isActive ? PanelTopClose : PanelTopOpen} size={'small'} />\r\n            )}\r\n          >\r\n            <Collapse.Panel\r\n              forceRender\r\n              header={activeAnchor ? activeAnchor.title : 'TOC'}\r\n              key={'toc'}\r\n            >\r\n              <ConfigProvider theme={{ token: { fontSize: 14, sizeStep: 4 } }}>\r\n                <Anchor\r\n                  getContainer={getContainer}\r\n                  items={tocItems}\r\n                  targetOffset={headerHeight + 48}\r\n                  onChange={(currentLink) => {\r\n                    setActiveLink(currentLink.replace('#', ''));\r\n                  }}\r\n                />\r\n              </ConfigProvider>\r\n            </Collapse.Panel>\r\n          </Collapse>\r\n        </section>\r\n      </ConfigProvider>\r\n    );\r\n  },\r\n);\r\n\r\nTocMobile.displayName = 'TocMobile';\r\n\r\nexport default TocMobile;\r\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

@@ -0,0 +1,3 @@
+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.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Toc/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Toc/index.mjs

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

package/es/Toc/style.mjs

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStaticStyles, cx, responsive } from 'antd-style';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nconst prefixCls = 'ant';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  const fixHeight = 36;\r\n\r\n  return {\r\n    anchor: cx(\r\n      lobeStaticStylish.blur,\r\n      css`\r\n        overflow: hidden auto;\r\n        max-height: 60dvh !important;\r\n      `,\r\n    ),\r\n    container: css`\r\n      position: sticky;\r\n      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);\r\n\r\n      overscroll-behavior: contain;\r\n      grid-area: toc;\r\n\r\n      width: var(--toc-width, 176px);\r\n      margin-inline-end: 24px;\r\n      border-radius: 3px;\r\n\r\n      -webkit-overflow-scrolling: touch;\r\n\r\n      ${responsive.sm} {\r\n        position: relative;\r\n        inset-inline-start: 0;\r\n        width: 100%;\r\n        margin-block-start: 0;\r\n      }\r\n\r\n      > h4 {\r\n        margin-block: 0 8px;\r\n        margin-inline: 0;\r\n\r\n        font-size: 12px;\r\n        line-height: 1;\r\n        color: ${cssVar.colorTextDescription};\r\n      }\r\n    `,\r\n    expand: cx(\r\n      lobeStaticStylish.blur,\r\n      css`\r\n        width: 100%;\r\n        border-block-end: 1px solid ${cssVar.colorSplit};\r\n        border-radius: 0;\r\n\r\n        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\r\n        box-shadow: ${cssVar.boxShadowSecondary};\r\n\r\n        .${prefixCls}-collapse-content {\r\n          overflow: auto;\r\n        }\r\n\r\n        .${prefixCls}-collapse-header {\r\n          z-index: 10;\r\n          padding-block: 8px !important;\r\n          padding-inline: 16px 8px !important;\r\n        }\r\n      `,\r\n    ),\r\n    mobileCtn: css`\r\n      width: 100%;\r\n      height: ${fixHeight}px;\r\n\r\n      .${prefixCls}-collapse-expand-icon {\r\n        color: ${cssVar.colorTextQuaternary};\r\n      }\r\n    `,\r\n  };\r\n});\r\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

@@ -0,0 +1,21 @@
+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 type { TocItemType } from '@/Toc/type';\r\n\r\nexport const mapItems = (items: TocItemType[]) =>\r\n  items.map((item) => ({\r\n    children: item.children?.map((child) => ({\r\n      href: `#${child.id}`,\r\n      key: child.id,\r\n      title: child?.title,\r\n    })),\r\n    href: `#${item.id}`,\r\n    key: item.id,\r\n    title: item.title,\r\n  }));\r\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

@@ -0,0 +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";
+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.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Tooltip/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Tooltip/index.mjs

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

@@ -0,0 +1,43 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { VideoProps as VideoProps$1 } from "../types/index.mjs";
+import { CSSProperties, Ref } from "react";
+//#region src/Video/index.d.ts
+interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'> {
+  autoPlay?: boolean;
+  classNames?: {
+    mask?: string;
+    video?: string;
+    wrapper?: string;
+  };
+  isLoading?: boolean;
+  loop?: boolean;
+  maxHeight?: number | string;
+  maxWidth?: number | string;
+  minHeight?: number | string;
+  minWidth?: number | string;
+  muted?: HTMLVideoElement['muted'];
+  onEnded?: VideoProps$1['onEnded'];
+  onMouseEnter?: VideoProps$1['onMouseEnter'];
+  onMouseLeave?: VideoProps$1['onMouseLeave'];
+  onPause?: VideoProps$1['onPause'];
+  onPlay?: VideoProps$1['onPlay'];
+  onPlaying?: VideoProps$1['onPlaying'];
+  onProgress?: VideoProps$1['onProgress'];
+  poster?: string;
+  preload?: HTMLVideoElement['preload'];
+  preview?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  size?: number | string;
+  src: string;
+  styles?: {
+    mask?: CSSProperties;
+    video?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+  variant?: 'borderless' | 'filled' | 'outlined';
+}
+declare const Video: import("react").NamedExoticComponent<VideoProps>;
+//#endregion
+export { VideoProps, Video as default };
+//# sourceMappingURL=index.d.mts.map

package/es/Video/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Video/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Video/index.mjs

@@ -0,0 +1,103 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
+import Skeleton from "../base-ui/Skeleton/index.mjs";
+import { styles, variants } from "./style.mjs";
+import { memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx } from "antd-style";
+import { PlayIcon } from "lucide-react";
+//#region src/Video/index.tsx
+const Video = memo(({ ref, preload = "auto", src, style, classNames, className, maxHeight = "100%", maxWidth = "100%", minHeight, minWidth, onEnded, onPause, onPlay, onPlaying, width, height, onMouseEnter, styles: customStyles, onMouseLeave, preview = true, isLoading, variant = "filled", autoPlay, ...rest }) => {
+	const [isPlaying, setIsPlaying] = useState(false);
+	const [showControls, setShowControls] = useState(false);
+	const cssVariables = useMemo(() => {
+		const vars = {};
+		if (maxHeight !== void 0) vars["--video-max-height"] = typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight;
+		if (maxWidth !== void 0) vars["--video-max-width"] = typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth;
+		if (minHeight !== void 0) vars["--video-min-height"] = typeof minHeight === "number" ? `${minHeight}px` : minHeight;
+		if (minWidth !== void 0) vars["--video-min-width"] = typeof minWidth === "number" ? `${minWidth}px` : minWidth;
+		return vars;
+	}, [
+		maxHeight,
+		maxWidth,
+		minHeight,
+		minWidth
+	]);
+	if (isLoading) return /* @__PURE__ */ jsx(Skeleton, {
+		radius: cssVar.borderRadiusLG,
+		style: {
+			height,
+			maxHeight,
+			maxWidth,
+			minHeight,
+			minWidth,
+			width
+		}
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(variants({ variant }), className, classNames?.wrapper),
+		height,
+		ref,
+		width,
+		style: {
+			...cssVariables,
+			...style,
+			...customStyles?.wrapper
+		},
+		children: [preview && !isPlaying && /* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			className: cx(styles.mask, classNames?.mask),
+			justify: "center",
+			style: customStyles?.mask,
+			children: /* @__PURE__ */ jsx(ActionIcon, {
+				color: "#fff",
+				icon: PlayIcon,
+				variant: "filled"
+			})
+		}), /* @__PURE__ */ jsx("video", {
+			autoPlay,
+			className: cx(styles.video, classNames?.video),
+			controls: showControls,
+			height,
+			preload,
+			width,
+			style: {
+				height: "auto",
+				maxWidth: "100%",
+				...customStyles?.video
+			},
+			onEnded: (e) => {
+				setIsPlaying(false);
+				onEnded?.(e);
+			},
+			onMouseEnter: (e) => {
+				setShowControls(true);
+				onMouseEnter?.(e);
+			},
+			onMouseLeave: (e) => {
+				setShowControls(false);
+				onMouseLeave?.(e);
+			},
+			onPause: (e) => {
+				setIsPlaying(false);
+				onPause?.(e);
+			},
+			onPlay: (e) => {
+				setIsPlaying(true);
+				onPlay?.(e);
+			},
+			onPlaying: (e) => {
+				setIsPlaying(true);
+				onPlaying?.(e);
+			},
+			...rest,
+			children: /* @__PURE__ */ jsx("source", { src })
+		})]
+	});
+});
+Video.displayName = "Video";
+//#endregion
+export { Video as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/Video/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../src/Video/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { PlayIcon } from 'lucide-react';\r\nimport { type CSSProperties, memo, type Ref, useMemo, useState } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport Skeleton from '@/base-ui/Skeleton';\r\nimport { Flexbox, type FlexboxProps } from '@/Flex';\r\nimport { type VideoProps as VProps } from '@/types';\r\n\r\nimport { styles, variants } from './style';\r\n\r\nexport interface VideoProps extends VProps, Pick<FlexboxProps, 'width' | 'height'> {\r\n  autoPlay?: boolean;\r\n  classNames?: {\r\n    mask?: string;\r\n    video?: string;\r\n    wrapper?: string;\r\n  };\r\n  isLoading?: boolean;\r\n  loop?: boolean;\r\n  maxHeight?: number | string;\r\n  maxWidth?: number | string;\r\n  minHeight?: number | string;\r\n  minWidth?: number | string;\r\n  muted?: HTMLVideoElement['muted'];\r\n  onEnded?: VProps['onEnded'];\r\n  onMouseEnter?: VProps['onMouseEnter'];\r\n  onMouseLeave?: VProps['onMouseLeave'];\r\n  onPause?: VProps['onPause'];\r\n  onPlay?: VProps['onPlay'];\r\n  onPlaying?: VProps['onPlaying'];\r\n  onProgress?: VProps['onProgress'];\r\n  poster?: string;\r\n  preload?: HTMLVideoElement['preload'];\r\n  preview?: boolean;\r\n  ref?: Ref<HTMLDivElement>;\r\n  size?: number | string;\r\n  src: string;\r\n  styles?: {\r\n    mask?: CSSProperties;\r\n    video?: CSSProperties;\r\n    wrapper?: CSSProperties;\r\n  };\r\n  variant?: 'borderless' | 'filled' | 'outlined';\r\n}\r\n\r\nconst Video = memo<VideoProps>(\r\n  ({\r\n    ref,\r\n    preload = 'auto',\r\n    src,\r\n    style,\r\n    classNames,\r\n    className,\r\n    maxHeight = '100%',\r\n    maxWidth = '100%',\r\n    minHeight,\r\n    minWidth,\r\n    onEnded,\r\n    onPause,\r\n    onPlay,\r\n    onPlaying,\r\n    width,\r\n    height,\r\n    onMouseEnter,\r\n    styles: customStyles,\r\n    onMouseLeave,\r\n    preview = true,\r\n    isLoading,\r\n    variant = 'filled',\r\n    autoPlay,\r\n    ...rest\r\n  }) => {\r\n    const [isPlaying, setIsPlaying] = useState(false);\r\n    const [showControls, setShowControls] = useState(false);\r\n\r\n    // Convert props to CSS variables\r\n    const cssVariables = useMemo<Record<string, string>>(() => {\r\n      const vars: Record<string, string> = {};\r\n      if (maxHeight !== undefined) {\r\n        vars['--video-max-height'] = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\r\n      }\r\n      if (maxWidth !== undefined) {\r\n        vars['--video-max-width'] = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\r\n      }\r\n      if (minHeight !== undefined) {\r\n        vars['--video-min-height'] = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\r\n      }\r\n      if (minWidth !== undefined) {\r\n        vars['--video-min-width'] = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\r\n      }\r\n      return vars;\r\n    }, [maxHeight, maxWidth, minHeight, minWidth]);\r\n\r\n    if (isLoading)\r\n      return (\r\n        <Skeleton\r\n          radius={cssVar.borderRadiusLG}\r\n          style={{\r\n            height,\r\n            maxHeight,\r\n            maxWidth,\r\n            minHeight,\r\n            minWidth,\r\n            width,\r\n          }}\r\n        />\r\n      );\r\n\r\n    return (\r\n      <Flexbox\r\n        className={cx(variants({ variant }), className, classNames?.wrapper)}\r\n        height={height}\r\n        ref={ref}\r\n        width={width}\r\n        style={{\r\n          ...cssVariables,\r\n          ...style,\r\n          ...customStyles?.wrapper,\r\n        }}\r\n      >\r\n        {preview && !isPlaying && (\r\n          <Flexbox\r\n            align={'center'}\r\n            className={cx(styles.mask, classNames?.mask)}\r\n            justify={'center'}\r\n            style={customStyles?.mask}\r\n          >\r\n            <ActionIcon color={'#fff'} icon={PlayIcon} variant={'filled'} />\r\n          </Flexbox>\r\n        )}\r\n        <video\r\n          autoPlay={autoPlay}\r\n          className={cx(styles.video, classNames?.video)}\r\n          controls={showControls}\r\n          height={height}\r\n          preload={preload}\r\n          width={width}\r\n          style={{\r\n            height: 'auto',\r\n            maxWidth: '100%',\r\n            ...customStyles?.video,\r\n          }}\r\n          onEnded={(e) => {\r\n            setIsPlaying(false);\r\n            onEnded?.(e);\r\n          }}\r\n          onMouseEnter={(e) => {\r\n            setShowControls(true);\r\n            onMouseEnter?.(e);\r\n          }}\r\n          onMouseLeave={(e) => {\r\n            setShowControls(false);\r\n            onMouseLeave?.(e);\r\n          }}\r\n          onPause={(e) => {\r\n            setIsPlaying(false);\r\n            onPause?.(e);\r\n          }}\r\n          onPlay={(e) => {\r\n            setIsPlaying(true);\r\n            onPlay?.(e);\r\n          }}\r\n          onPlaying={(e) => {\r\n            setIsPlaying(true);\r\n            onPlaying?.(e);\r\n          }}\r\n          {...rest}\r\n        >\r\n          <source src={src} />\r\n        </video>\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nVideo.displayName = 'Video';\r\n\r\nexport default Video;\r\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,UAAD;EACE,QAAQ,OAAO;EACf,OAAO;GACL;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;EATF,UAAA,CAWG,WAAW,CAAC,aACX,oBAACA,mBAAD;GACE,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;GAC3C,SAAS;GACT,OAAO,cAAc;GAErB,UAAA,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;GAEJ,UAAA,oBAAC,UAAD,EAAa,IAAM,CAAA;EACd,CAAA,CACA;;AAEb,CACF;AAEA,MAAM,cAAc"}

package/es/Video/style.mjs

@@ -0,0 +1,66 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Video/style.ts
+const maskHoverCls = "jinmi-video-mask";
+const styles = createStaticStyles(({ css, cssVar }) => {
+	const mask = css`
+    pointer-events: none;
+
+    position: absolute;
+    z-index: 1;
+    inset: 0;
+
+    width: 100%;
+    height: 100%;
+
+    opacity: 0;
+    background: ${cssVar.colorBgMask};
+
+    transition: opacity 0.2s ease;
+  `;
+	return {
+		borderless: staticStylish.variantBorderlessWithoutHover,
+		filled: cx(staticStylish.variantOutlinedWithoutHover, staticStylish.variantFilledWithoutHover),
+		mask: cx(maskHoverCls, mask),
+		outlined: staticStylish.variantOutlinedWithoutHover,
+		root: css`
+      position: relative;
+
+      overflow: hidden;
+
+      width: 100%;
+      min-width: var(--video-min-width, unset);
+      max-width: var(--video-max-width, 100%);
+      height: auto;
+      min-height: var(--video-min-height, unset);
+      max-height: var(--video-max-height, 100%);
+      margin-block: 0 1em;
+      border-radius: ${cssVar.borderRadius};
+
+      background: ${cssVar.colorFillTertiary};
+
+      &:hover {
+        [class*='${maskHoverCls}'] {
+          opacity: 1;
+        }
+      }
+    `,
+		video: css`
+      cursor: pointer;
+      width: 100%;
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: { variant: "filled" },
+	variants: { variant: {
+		filled: styles.filled,
+		outlined: styles.outlined,
+		borderless: styles.borderless
+	} }
+});
+//#endregion
+export { maskHoverCls, styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/Video/style.mjs.map

@@ -0,0 +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 = 'jinmi-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/_virtual/_rolldown/runtime.mjs

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

package/es/awesome/AgentSkillCard/AgentSkillCard.d.mts

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

package/es/awesome/AgentSkillCard/AgentSkillCard.mjs

@@ -0,0 +1,83 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import Segmented from "../../base-ui/Segmented/Segmented.mjs";
+import Snippet from "../../Snippet/Snippet.mjs";
+import { DEFAULT_SKILL_AGENTS } from "./agents.mjs";
+import { renderLandingIcon } from "../landingIcon.mjs";
+import { styles } from "./style.mjs";
+import { memo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Bot, UserRound } from "lucide-react";
+//#region src/awesome/AgentSkillCard/AgentSkillCard.tsx
+const AVATAR_SIZE = 28;
+const AgentSkillCard = memo(({ agent, agents = DEFAULT_SKILL_AGENTS, className, defaultMode = "agent", footer, human, mode: controlledMode, onModeChange, ...rest }) => {
+	const [innerMode, setInnerMode] = useState(defaultMode);
+	const mode = human ? controlledMode ?? innerMode : "agent";
+	const panel = mode === "human" && human ? human : agent;
+	const shell = panel.shell ?? mode === "human";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.root, className),
+		...rest,
+		children: [
+			human && /* @__PURE__ */ jsx(Segmented, {
+				block: true,
+				size: "large",
+				value: mode,
+				variant: "outlined",
+				options: [{
+					icon: /* @__PURE__ */ jsx(Icon, {
+						icon: Bot,
+						size: 16
+					}),
+					label: agent.label ?? "I'm an Agent",
+					value: "agent"
+				}, {
+					icon: /* @__PURE__ */ jsx(Icon, {
+						icon: UserRound,
+						size: 16
+					}),
+					label: human.label ?? "I'm a Human",
+					value: "human"
+				}],
+				onChange: (next) => {
+					setInnerMode(next);
+					onModeChange?.(next);
+				}
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: styles.panel,
+				children: [
+					mode === "agent" && agents.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: styles.agents,
+						children: agents.map(({ avatar, title }) => /* @__PURE__ */ jsx("span", {
+							className: styles.agent,
+							title,
+							children: renderLandingIcon(avatar, AVATAR_SIZE)
+						}, title))
+					}),
+					panel.description && /* @__PURE__ */ jsx("p", {
+						className: styles.description,
+						children: panel.description
+					}),
+					/* @__PURE__ */ jsx(Snippet, {
+						className: styles.code,
+						language: "bash",
+						prefix: shell ? "$" : void 0,
+						variant: "outlined",
+						children: panel.code
+					})
+				]
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: styles.footer,
+				children: footer
+			})
+		]
+	});
+});
+AgentSkillCard.displayName = "AgentSkillCard";
+//#endregion
+export { AgentSkillCard as default };
+
+//# sourceMappingURL=AgentSkillCard.mjs.map

package/es/awesome/AgentSkillCard/AgentSkillCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSkillCard.mjs","names":[],"sources":["../../../src/awesome/AgentSkillCard/AgentSkillCard.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { Bot, UserRound } from 'lucide-react';\r\nimport { memo, useState } from 'react';\r\n\r\nimport { renderLandingIcon } from '@/awesome/landingIcon';\r\nimport Segmented from '@/base-ui/Segmented';\r\nimport Icon from '@/Icon';\r\nimport Snippet from '@/Snippet';\r\n\r\nimport { DEFAULT_SKILL_AGENTS } from './agents';\r\nimport { styles } from './style';\r\nimport type { AgentSkillCardMode, AgentSkillCardProps } from './type';\r\n\r\nconst AVATAR_SIZE = 28;\r\n\r\nconst AgentSkillCard = memo<AgentSkillCardProps>(\r\n  ({\r\n    agent,\r\n    agents = DEFAULT_SKILL_AGENTS,\r\n    className,\r\n    defaultMode = 'agent',\r\n    footer,\r\n    human,\r\n    mode: controlledMode,\r\n    onModeChange,\r\n    ...rest\r\n  }) => {\r\n    const [innerMode, setInnerMode] = useState<AgentSkillCardMode>(defaultMode);\r\n    const mode = human ? (controlledMode ?? innerMode) : 'agent';\r\n    const panel = mode === 'human' && human ? human : agent;\r\n    const shell = panel.shell ?? mode === 'human';\r\n\r\n    return (\r\n      <div className={cx(styles.root, className)} {...rest}>\r\n        {human && (\r\n          <Segmented<AgentSkillCardMode>\r\n            block\r\n            size={'large'}\r\n            value={mode}\r\n            variant={'outlined'}\r\n            options={[\r\n              {\r\n                icon: <Icon icon={Bot} size={16} />,\r\n                label: agent.label ?? \"I'm an Agent\",\r\n                value: 'agent',\r\n              },\r\n              {\r\n                icon: <Icon icon={UserRound} size={16} />,\r\n                label: human.label ?? \"I'm a Human\",\r\n                value: 'human',\r\n              },\r\n            ]}\r\n            onChange={(next) => {\r\n              setInnerMode(next);\r\n              onModeChange?.(next);\r\n            }}\r\n          />\r\n        )}\r\n        <div className={styles.panel}>\r\n          {mode === 'agent' && agents.length > 0 && (\r\n            <div className={styles.agents}>\r\n              {agents.map(({ avatar, title }) => (\r\n                <span className={styles.agent} key={title} title={title}>\r\n                  {renderLandingIcon(avatar, AVATAR_SIZE)}\r\n                </span>\r\n              ))}\r\n            </div>\r\n          )}\r\n          {panel.description && <p className={styles.description}>{panel.description}</p>}\r\n          <Snippet\r\n            className={styles.code}\r\n            language={'bash'}\r\n            prefix={shell ? '$' : undefined}\r\n            variant={'outlined'}\r\n          >\r\n            {panel.code}\r\n          </Snippet>\r\n        </div>\r\n        {footer && <div className={styles.footer}>{footer}</div>}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nAgentSkillCard.displayName = 'AgentSkillCard';\r\n\r\nexport default AgentSkillCard;\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,cAAc;AAEpB,MAAM,iBAAiB,MACpB,EACC,OACA,SAAS,sBACT,WACA,cAAc,SACd,QACA,OACA,MAAM,gBACN,cACA,GAAG,WACC;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAA6B,WAAW;CAC1E,MAAM,OAAO,QAAS,kBAAkB,YAAa;CACrD,MAAM,QAAQ,SAAS,WAAW,QAAQ,QAAQ;CAClD,MAAM,QAAQ,MAAM,SAAS,SAAS;CAEtC,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,GAAI;EAAhD,UAAA;GACG,SACC,oBAAC,WAAD;IACE,OAAA;IACA,MAAM;IACN,OAAO;IACP,SAAS;IACT,SAAS,CACP;KACE,MAAM,oBAAC,MAAD;MAAM,MAAM;MAAK,MAAM;KAAK,CAAA;KAClC,OAAO,MAAM,SAAS;KACtB,OAAO;IACT,GACA;KACE,MAAM,oBAAC,MAAD;MAAM,MAAM;MAAW,MAAM;KAAK,CAAA;KACxC,OAAO,MAAM,SAAS;KACtB,OAAO;IACT,CACF;IACA,WAAW,SAAS;KAClB,aAAa,IAAI;KACjB,eAAe,IAAI;IACrB;GACD,CAAA;GAEH,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA;KACG,SAAS,WAAW,OAAO,SAAS,KACnC,oBAAC,OAAD;MAAK,WAAW,OAAO;MACpB,UAAA,OAAO,KAAK,EAAE,QAAQ,YACrB,oBAAC,QAAD;OAAM,WAAW,OAAO;OAA0B;OAC/C,UAAA,kBAAkB,QAAQ,WAAW;MAClC,GAF8B,KAE9B,CACP;KACE,CAAA;KAEN,MAAM,eAAe,oBAAC,KAAD;MAAG,WAAW,OAAO;MAAc,UAAA,MAAM;KAAe,CAAA;KAC9E,oBAAC,SAAD;MACE,WAAW,OAAO;MAClB,UAAU;MACV,QAAQ,QAAQ,MAAM,KAAA;MACtB,SAAS;MAER,UAAA,MAAM;KACA,CAAA;IACN;;GACJ,UAAU,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAS,UAAA;GAAY,CAAA;EACpD;;AAET,CACF;AAEA,eAAe,cAAc"}

package/es/awesome/AgentSkillCard/agents.d.mts

@@ -0,0 +1,6 @@
+import { AgentSkillCardAgent } from "./type.mjs";
+//#region src/awesome/AgentSkillCard/agents.d.ts
+declare const DEFAULT_SKILL_AGENTS: AgentSkillCardAgent[];
+//#endregion
+export { DEFAULT_SKILL_AGENTS };
+//# sourceMappingURL=agents.d.mts.map

package/es/awesome/AgentSkillCard/agents.mjs

@@ -0,0 +1,40 @@
+import { ClaudeCode, Cline, Codex, Cursor, GeminiCLI, GithubCopilot, OpenCode, Windsurf } from "@lobehub/icons";
+//#region src/awesome/AgentSkillCard/agents.ts
+const DEFAULT_SKILL_AGENTS = [
+	{
+		avatar: ClaudeCode.Avatar,
+		title: "Claude Code"
+	},
+	{
+		avatar: Codex.Avatar,
+		title: "Codex"
+	},
+	{
+		avatar: Cursor.Avatar,
+		title: "Cursor"
+	},
+	{
+		avatar: GeminiCLI.Avatar,
+		title: "Gemini CLI"
+	},
+	{
+		avatar: GithubCopilot.Avatar,
+		title: "GitHub Copilot"
+	},
+	{
+		avatar: Windsurf.Avatar,
+		title: "Windsurf"
+	},
+	{
+		avatar: Cline.Avatar,
+		title: "Cline"
+	},
+	{
+		avatar: OpenCode.Avatar,
+		title: "OpenCode"
+	}
+];
+//#endregion
+export { DEFAULT_SKILL_AGENTS };
+
+//# sourceMappingURL=agents.mjs.map

package/es/awesome/AgentSkillCard/agents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agents.mjs","names":[],"sources":["../../../src/awesome/AgentSkillCard/agents.ts"],"sourcesContent":["import {\r\n  ClaudeCode,\r\n  Cline,\r\n  Codex,\r\n  Cursor,\r\n  GeminiCLI,\r\n  GithubCopilot,\r\n  OpenCode,\r\n  Windsurf,\r\n} from '@lobehub/icons';\r\n\r\nimport type { AgentSkillCardAgent } from './type';\r\n\r\nexport const DEFAULT_SKILL_AGENTS: AgentSkillCardAgent[] = [\r\n  { avatar: ClaudeCode.Avatar, title: 'Claude Code' },\r\n  { avatar: Codex.Avatar, title: 'Codex' },\r\n  { avatar: Cursor.Avatar, title: 'Cursor' },\r\n  { avatar: GeminiCLI.Avatar, title: 'Gemini CLI' },\r\n  { avatar: GithubCopilot.Avatar, title: 'GitHub Copilot' },\r\n  { avatar: Windsurf.Avatar, title: 'Windsurf' },\r\n  { avatar: Cline.Avatar, title: 'Cline' },\r\n  { avatar: OpenCode.Avatar, title: 'OpenCode' },\r\n];\r\n"],"mappings":";;AAaA,MAAa,uBAA8C;CACzD;EAAE,QAAQ,WAAW;EAAQ,OAAO;CAAc;CAClD;EAAE,QAAQ,MAAM;EAAQ,OAAO;CAAQ;CACvC;EAAE,QAAQ,OAAO;EAAQ,OAAO;CAAS;CACzC;EAAE,QAAQ,UAAU;EAAQ,OAAO;CAAa;CAChD;EAAE,QAAQ,cAAc;EAAQ,OAAO;CAAiB;CACxD;EAAE,QAAQ,SAAS;EAAQ,OAAO;CAAW;CAC7C;EAAE,QAAQ,MAAM;EAAQ,OAAO;CAAQ;CACvC;EAAE,QAAQ,SAAS;EAAQ,OAAO;CAAW;AAC/C"}

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

@@ -0,0 +1,4 @@
+import { AgentSkillCardAgent, AgentSkillCardMode, AgentSkillCardPanel, AgentSkillCardProps } from "./type.mjs";
+import { DEFAULT_SKILL_AGENTS } from "./agents.mjs";
+import AgentSkillCard from "./AgentSkillCard.mjs";
+export { type AgentSkillCardAgent, type AgentSkillCardMode, type AgentSkillCardPanel, type AgentSkillCardProps, DEFAULT_SKILL_AGENTS, AgentSkillCard as default };