@hubstr/kit 0.1.5 → 0.1.6

package/ui/es/Layout/style.mjs

@@ -0,0 +1,47 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/Layout/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		app: css`
+      overflow: hidden auto;
+      height: 100dvh;
+    `,
+		aside: css`
+      position: sticky;
+      z-index: 2;
+      height: 100%;
+    `,
+		asideInner: css`
+      overflow: hidden auto;
+      width: 100%;
+      height: calc(100dvh - var(--layout-header-height, 64px));
+    `,
+		content: css`
+      position: relative;
+      flex: 1;
+      max-width: 100%;
+    `,
+		footer: css`
+      position: relative;
+      max-width: 100%;
+    `,
+		header: cx(staticStylish.blur, css`
+        position: sticky;
+        z-index: 999;
+        inset-block-start: 0;
+        max-width: 100%;
+      `),
+		main: css`
+      position: relative;
+      display: flex;
+      align-items: stretch;
+      max-width: 100vw;
+    `,
+		toc: css``
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/Layout/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["hubstrStaticStylish"],"sources":["../../src/Layout/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\r\n\r\nimport { hubstrStaticStylish } from '../styles';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    app: css`\r\n      overflow: hidden auto;\r\n      height: 100dvh;\r\n    `,\r\n    aside: css`\r\n      position: sticky;\r\n      z-index: 2;\r\n      height: 100%;\r\n    `,\r\n    asideInner: css`\r\n      overflow: hidden auto;\r\n      width: 100%;\r\n      height: calc(100dvh - var(--layout-header-height, 64px));\r\n    `,\r\n    content: css`\r\n      position: relative;\r\n      flex: 1;\r\n      max-width: 100%;\r\n    `,\r\n\r\n    footer: css`\r\n      position: relative;\r\n      max-width: 100%;\r\n    `,\r\n    header: cx(\r\n      hubstrStaticStylish.blur,\r\n      css`\r\n        position: sticky;\r\n        z-index: 999;\r\n        inset-block-start: 0;\r\n        max-width: 100%;\r\n      `,\r\n    ),\r\n    main: css`\r\n      position: relative;\r\n      display: flex;\r\n      align-items: stretch;\r\n      max-width: 100vw;\r\n    `,\r\n    toc: css``,\r\n  };\r\n});\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,KAAK,GAAG;;;;EAIR,OAAO,GAAG;;;;;EAKV,YAAY,GAAG;;;;;EAKf,SAAS,GAAG;;;;;EAMZ,QAAQ,GAAG;;;;EAIX,QAAQ,GACNA,cAAoB,MACpB,GAAG;;;;;QAMJ;EACD,MAAM,GAAG;;;;;;EAMT,KAAK,GAAG;EACT;EACD"}

package/ui/es/Layout/type.d.mts

@@ -0,0 +1,33 @@
+import { DivProps } from "../types/index.mjs";
+import { ReactNode } from "react";
+
+//#region src/Layout/type.d.ts
+interface LayoutProps {
+  asideWidth?: number;
+  children?: ReactNode;
+  content?: ReactNode;
+  footer?: ReactNode;
+  header?: ReactNode;
+  headerHeight?: number;
+  helmet?: ReactNode;
+  sidebar?: ReactNode;
+  toc?: ReactNode;
+  tocWidth?: number;
+}
+type LayoutFooterProps = DivProps;
+interface LayoutHeaderProps extends DivProps {
+  headerHeight?: number;
+}
+type LayoutMainProps = DivProps;
+interface LayoutSidebarProps extends DivProps {
+  headerHeight?: number;
+}
+interface LayoutSidebarInnerProps extends DivProps {
+  headerHeight?: number;
+}
+interface LayoutTocProps extends DivProps {
+  tocWidth?: number;
+}
+//#endregion
+export { LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutProps, LayoutSidebarInnerProps, LayoutSidebarProps, LayoutTocProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/List/List.mjs

@@ -0,0 +1,43 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import ListItem from "./ListItem/index.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/List/List.tsx
+const List = memo(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		gap: 4,
+		padding: 4,
+		...rest,
+		children: items.map((item) => {
+			const { key, onClick: itemOnClick, className: itemClassName, style: itemStyle, ...itemRest } = item;
+			const { item: customItemClassName, ...restClassName } = classNames || {};
+			const { item: customItemStyle, ...restStyles } = styles || {};
+			return /* @__PURE__ */ jsx(ListItem, {
+				active: item.key === activeKey,
+				className: cx(customItemClassName, itemClassName),
+				classNames: restClassName,
+				ref,
+				style: {
+					...customItemStyle,
+					...itemStyle
+				},
+				styles: restStyles,
+				onClick: (e) => {
+					onClick?.({
+						item,
+						key
+					});
+					itemOnClick?.(e);
+				},
+				...itemRest
+			}, key);
+		})
+	});
+});
+List.displayName = "List";
+//#endregion
+export { List as default };
+
+//# sourceMappingURL=List.mjs.map

package/ui/es/List/List.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","names":["Flexbox"],"sources":["../../src/List/List.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { Flexbox } from '../Flex';\r\n\r\nimport ListItem from './ListItem';\r\nimport type { ListProps } from './type';\r\n\r\nconst List = memo<ListProps>(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {\r\n  return (\r\n    <Flexbox gap={4} padding={4} {...rest}>\r\n      {items.map((item) => {\r\n        const {\r\n          key,\r\n          onClick: itemOnClick,\r\n          className: itemClassName,\r\n          style: itemStyle,\r\n          ...itemRest\r\n        } = item;\r\n        const { item: customItemClassName, ...restClassName } = classNames || {};\r\n        const { item: customItemStyle, ...restStyles } = styles || {};\r\n        return (\r\n          <ListItem\r\n            active={item.key === activeKey}\r\n            className={cx(customItemClassName, itemClassName)}\r\n            classNames={restClassName}\r\n            key={key}\r\n            ref={ref}\r\n            style={{ ...customItemStyle, ...itemStyle }}\r\n            styles={restStyles}\r\n            onClick={(e) => {\r\n              onClick?.({\r\n                item,\r\n                key,\r\n              });\r\n              itemOnClick?.(e);\r\n            }}\r\n            {...itemRest}\r\n          />\r\n        );\r\n      })}\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nList.displayName = 'List';\r\n\r\nexport default List;\r\n"],"mappings":";;;;;;;AAUA,MAAM,OAAO,MAAiB,EAAE,KAAK,WAAW,YAAY,QAAQ,SAAS,OAAO,GAAG,WAAW;AAChG,QACE,oBAACA,mBAAD;EAAS,KAAK;EAAG,SAAS;EAAG,GAAI;YAC9B,MAAM,KAAK,SAAS;GACnB,MAAM,EACJ,KACA,SAAS,aACT,WAAW,eACX,OAAO,WACP,GAAG,aACD;GACJ,MAAM,EAAE,MAAM,qBAAqB,GAAG,kBAAkB,cAAc,EAAE;GACxE,MAAM,EAAE,MAAM,iBAAiB,GAAG,eAAe,UAAU,EAAE;AAC7D,UACE,oBAAC,UAAD;IACE,QAAQ,KAAK,QAAQ;IACrB,WAAW,GAAG,qBAAqB,cAAc;IACjD,YAAY;IAEP;IACL,OAAO;KAAE,GAAG;KAAiB,GAAG;KAAW;IAC3C,QAAQ;IACR,UAAU,MAAM;AACd,eAAU;MACR;MACA;MACD,CAAC;AACF,mBAAc,EAAE;;IAElB,GAAI;IACJ,EAZK,IAYL;IAEJ;EACM,CAAA;EAEZ;AAEF,KAAK,cAAc"}

package/ui/es/List/ListItem/index.d.mts

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

package/ui/es/List/ListItem/index.mjs

@@ -0,0 +1,104 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Text from "../../Text/Text.mjs";
+import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
+import { styles } from "./style.mjs";
+import { getChatItemTime } from "./time.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Loader2, MessageSquare } from "lucide-react";
+//#region src/List/ListItem/index.tsx
+const ListItem = memo(({ ref, active, avatar, loading, description, date, title, onHoverChange, actions, className, style, showAction, children, classNames, addon, pin, styles: customStyles, ...rest }) => {
+	const loadingNode = /* @__PURE__ */ jsx(Icon, {
+		spin: true,
+		icon: Loader2
+	});
+	const pinNode = pin && /* @__PURE__ */ jsx("div", {
+		className: cx(styles.pin, classNames?.pin),
+		style: customStyles?.pin,
+		children: /* @__PURE__ */ jsx("div", { className: styles.triangle })
+	});
+	const actionsNode = actions && /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		className: cx(styles.actions, classNames?.actions),
+		gap: 4,
+		style: {
+			display: showAction ? void 0 : "none",
+			...customStyles?.actions
+		},
+		onClick: preventDefaultAndStopPropagation,
+		children: actions
+	});
+	const timeNode = date && /* @__PURE__ */ jsx("div", {
+		className: cx(styles.date, classNames?.date),
+		style: {
+			opacity: showAction ? 0 : void 0,
+			...customStyles?.date
+		},
+		children: getChatItemTime(date)
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "flex-start",
+		className: cx(styles.root, active && styles.active, className),
+		distribution: "space-between",
+		gap: 8,
+		padding: 12,
+		ref,
+		style,
+		onMouseEnter: () => {
+			onHoverChange?.(true);
+		},
+		onMouseLeave: () => {
+			onHoverChange?.(false);
+		},
+		...rest,
+		children: [
+			pinNode,
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				align: "flex-start",
+				className: classNames?.container,
+				flex: 1,
+				gap: 8,
+				style: {
+					overflow: "hidden",
+					...customStyles?.container
+				},
+				children: [avatar ?? /* @__PURE__ */ jsx(Icon, {
+					icon: MessageSquare,
+					style: { marginTop: 4 }
+				}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+					className: cx(styles.content, classNames?.content),
+					gap: 4,
+					style: customStyles?.content,
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							ellipsis: true,
+							as: "h3",
+							className: cx(styles.title, classNames?.title),
+							style: customStyles?.title,
+							children: title
+						}),
+						description && /* @__PURE__ */ jsx(Text, {
+							ellipsis: true,
+							className: cx(styles.desc, classNames?.desc),
+							style: customStyles?.desc,
+							children: description
+						}),
+						addon
+					]
+				})]
+			}),
+			loading ? loadingNode : /* @__PURE__ */ jsxs(Fragment$1, { children: [actionsNode, timeNode] }),
+			children
+		]
+	});
+});
+ListItem.displayName = "ListItem";
+//#endregion
+export { ListItem as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/List/ListItem/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/List/ListItem/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { Loader2, MessageSquare } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport { Flexbox } from '../../Flex';\r\nimport Icon from '../../Icon';\r\nimport Text from '../../Text';\r\nimport { preventDefaultAndStopPropagation } from '../../utils/dom';\r\n\r\nimport type { ListItemProps } from '../type';\r\nimport { styles } from './style';\r\nimport { getChatItemTime } from './time';\r\n\r\nconst ListItem = memo<ListItemProps>(\r\n  ({\r\n    ref,\r\n    active,\r\n    avatar,\r\n    loading,\r\n    description,\r\n    date,\r\n    title,\r\n    onHoverChange,\r\n    actions,\r\n    className,\r\n    style,\r\n    showAction,\r\n    children,\r\n    classNames,\r\n    addon,\r\n    pin,\r\n    styles: customStyles,\r\n    ...rest\r\n  }) => {\r\n    const loadingNode = <Icon spin icon={Loader2} />;\r\n\r\n    const pinNode = pin && (\r\n      <div className={cx(styles.pin, classNames?.pin)} style={customStyles?.pin}>\r\n        <div className={styles.triangle} />\r\n      </div>\r\n    );\r\n\r\n    const actionsNode = actions && (\r\n      <Flexbox\r\n        horizontal\r\n        className={cx(styles.actions, classNames?.actions)}\r\n        gap={4}\r\n        style={{ display: showAction ? undefined : 'none', ...customStyles?.actions }}\r\n        onClick={preventDefaultAndStopPropagation}\r\n      >\r\n        {actions}\r\n      </Flexbox>\r\n    );\r\n\r\n    const timeNode = date && (\r\n      <div\r\n        className={cx(styles.date, classNames?.date)}\r\n        style={{ opacity: showAction ? 0 : undefined, ...customStyles?.date }}\r\n      >\r\n        {getChatItemTime(date)}\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <Flexbox\r\n        horizontal\r\n        align={'flex-start'}\r\n        className={cx(styles.root, active && styles.active, className)}\r\n        distribution={'space-between'}\r\n        gap={8}\r\n        padding={12}\r\n        ref={ref}\r\n        style={style}\r\n        onMouseEnter={() => {\r\n          onHoverChange?.(true);\r\n        }}\r\n        onMouseLeave={() => {\r\n          onHoverChange?.(false);\r\n        }}\r\n        {...rest}\r\n      >\r\n        {pinNode}\r\n        <Flexbox\r\n          horizontal\r\n          align={'flex-start'}\r\n          className={classNames?.container}\r\n          flex={1}\r\n          gap={8}\r\n          style={{ overflow: 'hidden', ...customStyles?.container }}\r\n        >\r\n          {avatar ?? <Icon icon={MessageSquare} style={{ marginTop: 4 }} />}\r\n          <Flexbox\r\n            className={cx(styles.content, classNames?.content)}\r\n            gap={4}\r\n            style={customStyles?.content}\r\n          >\r\n            <Text\r\n              ellipsis\r\n              as={'h3'}\r\n              className={cx(styles.title, classNames?.title)}\r\n              style={customStyles?.title}\r\n            >\r\n              {title}\r\n            </Text>\r\n            {description && (\r\n              <Text\r\n                ellipsis\r\n                className={cx(styles.desc, classNames?.desc)}\r\n                style={customStyles?.desc}\r\n              >\r\n                {description}\r\n              </Text>\r\n            )}\r\n            {addon}\r\n          </Flexbox>\r\n        </Flexbox>\r\n        {loading ? (\r\n          loadingNode\r\n        ) : (\r\n          <>\r\n            {actionsNode}\r\n            {timeNode}\r\n          </>\r\n        )}\r\n        {children}\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nListItem.displayName = 'ListItem';\r\n\r\nexport default ListItem;\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,WAAW,MACd,EACC,KACA,QACA,QACA,SACA,aACA,MACA,OACA,eACA,SACA,WACA,OACA,YACA,UACA,YACA,OACA,KACA,QAAQ,cACR,GAAG,WACC;CACJ,MAAM,cAAc,oBAAC,MAAD;EAAM,MAAA;EAAK,MAAM;EAAW,CAAA;CAEhD,MAAM,UAAU,OACd,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,KAAK,YAAY,IAAI;EAAE,OAAO,cAAc;YACpE,oBAAC,OAAD,EAAK,WAAW,OAAO,UAAY,CAAA;EAC/B,CAAA;CAGR,MAAM,cAAc,WAClB,oBAACA,mBAAD;EACE,YAAA;EACA,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;EAClD,KAAK;EACL,OAAO;GAAE,SAAS,aAAa,KAAA,IAAY;GAAQ,GAAG,cAAc;GAAS;EAC7E,SAAS;YAER;EACO,CAAA;CAGZ,MAAM,WAAW,QACf,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;EAC5C,OAAO;GAAE,SAAS,aAAa,IAAI,KAAA;GAAW,GAAG,cAAc;GAAM;YAEpE,gBAAgB,KAAK;EAClB,CAAA;AAGR,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EAC9D,cAAc;EACd,KAAK;EACL,SAAS;EACJ;EACE;EACP,oBAAoB;AAClB,mBAAgB,KAAK;;EAEvB,oBAAoB;AAClB,mBAAgB,MAAM;;EAExB,GAAI;YAfN;GAiBG;GACD,qBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,YAAY;IACvB,MAAM;IACN,KAAK;IACL,OAAO;KAAE,UAAU;KAAU,GAAG,cAAc;KAAW;cAN3D,CAQG,UAAU,oBAAC,MAAD;KAAM,MAAM;KAAe,OAAO,EAAE,WAAW,GAAG;KAAI,CAAA,EACjE,qBAACA,mBAAD;KACE,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;KAClD,KAAK;KACL,OAAO,cAAc;eAHvB;MAKE,oBAAC,MAAD;OACE,UAAA;OACA,IAAI;OACJ,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;OAC9C,OAAO,cAAc;iBAEpB;OACI,CAAA;MACN,eACC,oBAAC,MAAD;OACE,UAAA;OACA,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;OAC5C,OAAO,cAAc;iBAEpB;OACI,CAAA;MAER;MACO;OACF;;GACT,UACC,cAEA,qBAAA,YAAA,EAAA,UAAA,CACG,aACA,SACA,EAAA,CAAA;GAEJ;GACO;;EAGf;AAED,SAAS,cAAc"}

package/ui/es/List/ListItem/style.mjs

@@ -0,0 +1,65 @@
+import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/List/ListItem/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		actions: css`
+      position: absolute;
+      inset-block-start: 50%;
+      inset-inline-end: 16px;
+      transform: translateY(-50%);
+    `,
+		active: staticStylish.active,
+		content: css`
+      position: relative;
+      overflow: hidden;
+      flex: 1;
+      align-self: center;
+    `,
+		date: css`
+      font-size: 12px;
+      color: ${cssVar.colorTextPlaceholder};
+    `,
+		desc: css`
+      width: 100%;
+      margin: 0;
+
+      font-size: 12px;
+      line-height: 1.2;
+      color: ${cssVar.colorTextDescription};
+    `,
+		pin: css`
+      position: absolute;
+      inset-block-start: 6px;
+      inset-inline-end: 6px;
+    `,
+		root: cx(staticStylish.variantBorderless, css`
+        cursor: pointer;
+        position: relative;
+        border-radius: ${cssVar.borderRadius};
+        color: ${cssVar.colorTextTertiary};
+      `),
+		title: css`
+      width: 100%;
+      margin: 0;
+
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 1.2;
+      color: ${cssVar.colorText};
+    `,
+		triangle: css`
+      width: 10px;
+      height: 10px;
+      border-radius: 2px;
+
+      opacity: 0.5;
+      background: ${cssVar.colorPrimaryBorder};
+      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/List/ListItem/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["hubstrStaticStylish"],"sources":["../../../src/List/ListItem/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\r\n\r\nimport { hubstrStaticStylish } from '../../styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    actions: css`\r\n      position: absolute;\r\n      inset-block-start: 50%;\r\n      inset-inline-end: 16px;\r\n      transform: translateY(-50%);\r\n    `,\r\n    active: hubstrStaticStylish.active,\r\n    content: css`\r\n      position: relative;\r\n      overflow: hidden;\r\n      flex: 1;\r\n      align-self: center;\r\n    `,\r\n    date: css`\r\n      font-size: 12px;\r\n      color: ${cssVar.colorTextPlaceholder};\r\n    `,\r\n    desc: css`\r\n      width: 100%;\r\n      margin: 0;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      color: ${cssVar.colorTextDescription};\r\n    `,\r\n\r\n    pin: css`\r\n      position: absolute;\r\n      inset-block-start: 6px;\r\n      inset-inline-end: 6px;\r\n    `,\r\n    root: cx(\r\n      hubstrStaticStylish.variantBorderless,\r\n      css`\r\n        cursor: pointer;\r\n        position: relative;\r\n        border-radius: ${cssVar.borderRadius};\r\n        color: ${cssVar.colorTextTertiary};\r\n      `,\r\n    ),\r\n\r\n    title: css`\r\n      width: 100%;\r\n      margin: 0;\r\n\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      color: ${cssVar.colorText};\r\n    `,\r\n    triangle: css`\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 2px;\r\n\r\n      opacity: 0.5;\r\n      background: ${cssVar.colorPrimaryBorder};\r\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;;;;;EAMZ,QAAQA,cAAoB;EAC5B,SAAS,GAAG;;;;;;EAMZ,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,MAAM,GAAG;;;;;;eAME,OAAO,qBAAqB;;EAGvC,KAAK,GAAG;;;;;EAKR,MAAM,GACJA,cAAoB,mBACpB,GAAG;;;yBAGgB,OAAO,aAAa;iBAC5B,OAAO,kBAAkB;QAErC;EAED,OAAO,GAAG;;;;;;;eAOC,OAAO,UAAU;;EAE5B,UAAU,GAAG;;;;;;oBAMG,OAAO,mBAAmB;;;EAG3C;EACD"}

package/ui/es/List/ListItem/time.mjs

@@ -0,0 +1,11 @@
+import dayjs from "dayjs";
+//#region src/List/ListItem/time.ts
+const getChatItemTime = (updateAt) => {
+	const time = dayjs(updateAt);
+	if (time.isSame(dayjs(), "day")) return time.format("HH:mm");
+	return time.format("MM-DD");
+};
+//#endregion
+export { getChatItemTime };
+
+//# sourceMappingURL=time.mjs.map

package/ui/es/List/ListItem/time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.mjs","names":[],"sources":["../../../src/List/ListItem/time.ts"],"sourcesContent":["import dayjs from 'dayjs';\r\n\r\nexport const getChatItemTime = (updateAt: number) => {\r\n  const time = dayjs(updateAt);\r\n\r\n  if (time.isSame(dayjs(), 'day')) return time.format('HH:mm');\r\n\r\n  return time.format('MM-DD');\r\n};\r\n"],"mappings":";;AAEA,MAAa,mBAAmB,aAAqB;CACnD,MAAM,OAAO,MAAM,SAAS;AAE5B,KAAI,KAAK,OAAO,OAAO,EAAE,MAAM,CAAE,QAAO,KAAK,OAAO,QAAQ;AAE5D,QAAO,KAAK,OAAO,QAAQ"}

package/ui/es/List/index.d.mts

@@ -0,0 +1,13 @@
+import { ListItemProps, ListProps } from "./type.mjs";
+import { ListItem } from "./ListItem/index.mjs";
+import { ReactNode, RefAttributes } from "react";
+
+//#region src/List/index.d.ts
+interface IList {
+  (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;
+  Item: typeof ListItem;
+}
+declare const List: IList;
+//#endregion
+export { ListItem, ListItemProps, ListProps, List as default };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/List/index.d.ts

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

package/ui/es/List/index.js

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

package/ui/es/List/index.mjs

@@ -0,0 +1,9 @@
+import ListItem from "./ListItem/index.mjs";
+import List$1 from "./List.mjs";
+//#region src/List/index.ts
+const List = List$1;
+List.Item = ListItem;
+//#endregion
+export { ListItem, List as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/List/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ListParent"],"sources":["../../src/List/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\r\n\r\nimport ListParent from './List';\r\nimport ListItem from './ListItem';\r\nimport type { ListProps } from './type';\r\n\r\ninterface IList {\r\n  (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;\r\n  Item: typeof ListItem;\r\n}\r\n\r\nconst List = ListParent as unknown as IList;\r\n\r\nList.Item = ListItem;\r\n\r\nexport default List;\r\nexport { default as ListItem } from './ListItem';\r\nexport type * from './type';\r\n"],"mappings":";;;AAWA,MAAM,OAAOA;AAEb,KAAK,OAAO"}

package/ui/es/List/type.d.mts

@@ -0,0 +1,55 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+
+//#region src/List/type.d.ts
+interface ListItemProps extends Omit<FlexboxProps, 'title'> {
+  actions?: ReactNode;
+  active?: boolean;
+  addon?: ReactNode;
+  avatar?: ReactNode;
+  classNames?: {
+    actions?: string;
+    container?: string;
+    content?: string;
+    date?: string;
+    desc?: string;
+    pin?: string;
+    title?: string;
+  };
+  date?: number;
+  description?: ReactNode;
+  key: string;
+  loading?: boolean;
+  onHoverChange?: (hover: boolean) => void;
+  pin?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  showAction?: boolean;
+  styles?: {
+    actions?: CSSProperties;
+    container?: CSSProperties;
+    content?: CSSProperties;
+    date?: CSSProperties;
+    desc?: CSSProperties;
+    pin?: CSSProperties;
+    title?: CSSProperties;
+  };
+  title: ReactNode;
+}
+interface ListProps extends Omit<FlexboxProps, 'onClick'> {
+  activeKey?: string;
+  classNames?: {
+    item?: string;
+  } & ListItemProps['classNames'];
+  items: ListItemProps[];
+  onClick?: (props: {
+    item: ListItemProps;
+    key: ListItemProps['key'];
+  }) => void;
+  ref?: Ref<HTMLDivElement>;
+  styles?: {
+    item?: CSSProperties;
+  } & ListItemProps['styles'];
+}
+//#endregion
+export { ListItemProps, ListProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/Markdown/Markdown.d.mts

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

package/ui/es/Markdown/Markdown.mjs

@@ -0,0 +1,76 @@
+"use client";
+import PreviewGroup from "../Image/PreviewGroup.mjs";
+import { useStableValue } from "../hooks/useStableValue.mjs";
+import { MarkdownProvider } from "./components/MarkdownProvider.mjs";
+import { useDelayedAnimated } from "./components/useDelayedAnimated.mjs";
+import { variants } from "./style.mjs";
+import MarkdownRenderer from "./SyntaxMarkdown/MarkdownRender.mjs";
+import StreamdownRender from "./SyntaxMarkdown/StreamdownRender.mjs";
+import Typography from "./Typography.mjs";
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/Markdown/Markdown.tsx
+const Markdown = memo((props) => {
+	const { ref, children = "", className, style, fullFeaturedCodeBlock, onDoubleClick, animated, enableHtmlPreview = false, enableLatex = true, enableMermaid = true, enableImageGallery, enableCustomFootnotes, enableGithubAlert, enableStream = true, componentProps, rehypePluginsAhead, allowHtml, borderRadius, fontSize = props.variant === "chat" ? 14 : void 0, headerMultiple = props.variant === "chat" ? .25 : void 0, marginMultiple = props.variant === "chat" ? 1 : void 0, variant = "default", reactMarkdownProps, lineHeight = props.variant === "chat" ? 1.6 : void 0, rehypePlugins, remarkPlugins, remarkPluginsAhead, components = {}, customRender, showFootnotes = true, streamAnimationGranularity, streamSmoothingPreset, citations, ...rest } = props;
+	const delayedAnimated = useDelayedAnimated(animated);
+	const stableComponentProps = useStableValue(componentProps);
+	const stableComponents = useStableValue(components);
+	const Render = useCallback(({ enableStream, children, reactMarkdownProps }) => {
+		const defaultDOM = /* @__PURE__ */ jsx(enableStream ? StreamdownRender : MarkdownRenderer, {
+			...reactMarkdownProps,
+			children
+		});
+		return customRender ? customRender(defaultDOM, { text: children }) : defaultDOM;
+	}, [customRender]);
+	return /* @__PURE__ */ jsx(PreviewGroup, {
+		enable: enableImageGallery,
+		children: /* @__PURE__ */ jsx(Typography, {
+			borderRadius,
+			className: cx(variants({
+				enableLatex,
+				variant
+			}), className),
+			"data-code-type": "markdown",
+			fontSize,
+			headerMultiple,
+			lineHeight,
+			marginMultiple,
+			ref,
+			style,
+			onDoubleClick,
+			...rest,
+			children: /* @__PURE__ */ jsx(MarkdownProvider, {
+				allowHtml,
+				animated: delayedAnimated,
+				citations,
+				componentProps: stableComponentProps,
+				components: stableComponents,
+				enableCustomFootnotes,
+				enableGithubAlert,
+				enableHtmlPreview,
+				enableLatex,
+				enableMermaid,
+				fullFeaturedCodeBlock,
+				rehypePlugins,
+				rehypePluginsAhead,
+				remarkPlugins,
+				remarkPluginsAhead,
+				showFootnotes,
+				streamAnimationGranularity,
+				streamSmoothingPreset,
+				variant,
+				children: /* @__PURE__ */ jsx(Render, {
+					enableStream: enableStream && delayedAnimated,
+					reactMarkdownProps,
+					children
+				})
+			})
+		})
+	});
+});
+Markdown.displayName = "Markdown";
+//#endregion
+export { Markdown as default };
+
+//# sourceMappingURL=Markdown.mjs.map

package/ui/es/Markdown/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","names":["MarkdownRender"],"sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo, useCallback } from 'react';\r\n\r\nimport { useStableValue } from '../hooks/useStableValue';\r\nimport { PreviewGroup } from '../Image';\r\n\r\nimport { MarkdownProvider } from './components/MarkdownProvider';\r\nimport { useDelayedAnimated } from './components/useDelayedAnimated';\r\nimport { variants } from './style';\r\nimport { MarkdownRender, StreamdownRender } from './SyntaxMarkdown';\r\nimport { type MarkdownProps } from './type';\r\nimport Typography from './Typography';\r\n\r\nconst Markdown = memo<MarkdownProps>((props) => {\r\n  const {\r\n    ref,\r\n    children = '',\r\n    className,\r\n    style,\r\n    fullFeaturedCodeBlock,\r\n    onDoubleClick,\r\n    animated,\r\n    enableHtmlPreview = false,\r\n    enableLatex = true,\r\n    enableMermaid = true,\r\n    enableImageGallery,\r\n    enableCustomFootnotes,\r\n    enableGithubAlert,\r\n    enableStream = true,\r\n    componentProps,\r\n    rehypePluginsAhead,\r\n    allowHtml,\r\n    borderRadius,\r\n    fontSize = props.variant === 'chat' ? 14 : undefined,\r\n    headerMultiple = props.variant === 'chat' ? 0.25 : undefined,\r\n    marginMultiple = props.variant === 'chat' ? 1 : undefined,\r\n    variant = 'default',\r\n    reactMarkdownProps,\r\n    lineHeight = props.variant === 'chat' ? 1.6 : undefined,\r\n    rehypePlugins,\r\n    remarkPlugins,\r\n    remarkPluginsAhead,\r\n    components = {},\r\n    customRender,\r\n    showFootnotes = true,\r\n    streamAnimationGranularity,\r\n    streamSmoothingPreset,\r\n    citations,\r\n    ...rest\r\n  } = props;\r\n\r\n  const delayedAnimated = useDelayedAnimated(animated);\r\n\r\n  // Stabilise structural props so an inline `componentProps={{ html:\r\n  // {...} }}` from the caller doesn't cascade through MarkdownProvider →\r\n  // useMarkdownComponents → react-markdown's `components` and remount the\r\n  // entire code-block subtree (including the HtmlPreview iframe) on\r\n  // every parent render. The deep-equal compare treats inline literals\r\n  // as the same object as long as their structure matches. Inline\r\n  // callbacks (`actionsRender`, custom `components`) still need\r\n  // `useCallback` at the call site — function bodies aren't compared.\r\n  const stableComponentProps = useStableValue(componentProps);\r\n  const stableComponents = useStableValue(components);\r\n\r\n  const Render = useCallback(\r\n    ({\r\n      enableStream,\r\n      children,\r\n      reactMarkdownProps,\r\n    }: Pick<MarkdownProps, 'children' | 'enableStream' | 'reactMarkdownProps'>) => {\r\n      const DefaultRender = enableStream ? StreamdownRender : MarkdownRender;\r\n      const defaultDOM = <DefaultRender {...reactMarkdownProps}>{children}</DefaultRender>;\r\n      return customRender ? customRender(defaultDOM, { text: children }) : defaultDOM;\r\n    },\r\n    [customRender],\r\n  );\r\n\r\n  return (\r\n    <PreviewGroup enable={enableImageGallery}>\r\n      <Typography\r\n        borderRadius={borderRadius}\r\n        className={cx(variants({ enableLatex, variant }), className)}\r\n        data-code-type=\"markdown\"\r\n        fontSize={fontSize}\r\n        headerMultiple={headerMultiple}\r\n        lineHeight={lineHeight}\r\n        marginMultiple={marginMultiple}\r\n        ref={ref}\r\n        style={style}\r\n        onDoubleClick={onDoubleClick}\r\n        {...rest}\r\n      >\r\n        <MarkdownProvider\r\n          allowHtml={allowHtml}\r\n          animated={delayedAnimated}\r\n          citations={citations}\r\n          componentProps={stableComponentProps}\r\n          components={stableComponents}\r\n          enableCustomFootnotes={enableCustomFootnotes}\r\n          enableGithubAlert={enableGithubAlert}\r\n          enableHtmlPreview={enableHtmlPreview}\r\n          enableLatex={enableLatex}\r\n          enableMermaid={enableMermaid}\r\n          fullFeaturedCodeBlock={fullFeaturedCodeBlock}\r\n          rehypePlugins={rehypePlugins}\r\n          rehypePluginsAhead={rehypePluginsAhead}\r\n          remarkPlugins={remarkPlugins}\r\n          remarkPluginsAhead={remarkPluginsAhead}\r\n          showFootnotes={showFootnotes}\r\n          streamAnimationGranularity={streamAnimationGranularity}\r\n          streamSmoothingPreset={streamSmoothingPreset}\r\n          variant={variant}\r\n        >\r\n          <Render\r\n            enableStream={enableStream && delayedAnimated}\r\n            reactMarkdownProps={reactMarkdownProps}\r\n          >\r\n            {children}\r\n          </Render>\r\n        </MarkdownProvider>\r\n      </Typography>\r\n    </PreviewGroup>\r\n  );\r\n});\r\n\r\nMarkdown.displayName = 'Markdown';\r\n\r\nexport default Markdown;\r\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,WAAW,MAAqB,UAAU;CAC9C,MAAM,EACJ,KACA,WAAW,IACX,WACA,OACA,uBACA,eACA,UACA,oBAAoB,OACpB,cAAc,MACd,gBAAgB,MAChB,oBACA,uBACA,mBACA,eAAe,MACf,gBACA,oBACA,WACA,cACA,WAAW,MAAM,YAAY,SAAS,KAAK,KAAA,GAC3C,iBAAiB,MAAM,YAAY,SAAS,MAAO,KAAA,GACnD,iBAAiB,MAAM,YAAY,SAAS,IAAI,KAAA,GAChD,UAAU,WACV,oBACA,aAAa,MAAM,YAAY,SAAS,MAAM,KAAA,GAC9C,eACA,eACA,oBACA,aAAa,EAAE,EACf,cACA,gBAAgB,MAChB,4BACA,uBACA,WACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,mBAAmB,SAAS;CAUpD,MAAM,uBAAuB,eAAe,eAAe;CAC3D,MAAM,mBAAmB,eAAe,WAAW;CAEnD,MAAM,SAAS,aACZ,EACC,cACA,UACA,yBAC6E;EAE7E,MAAM,aAAa,oBADG,eAAe,mBAAmBA,kBACrC;GAAe,GAAI;GAAqB;GAAyB,CAAA;AACpF,SAAO,eAAe,aAAa,YAAY,EAAE,MAAM,UAAU,CAAC,GAAG;IAEvE,CAAC,aAAa,CACf;AAED,QACE,oBAAC,cAAD;EAAc,QAAQ;YACpB,oBAAC,YAAD;GACgB;GACd,WAAW,GAAG,SAAS;IAAE;IAAa;IAAS,CAAC,EAAE,UAAU;GAC5D,kBAAe;GACL;GACM;GACJ;GACI;GACX;GACE;GACQ;GACf,GAAI;aAEJ,oBAAC,kBAAD;IACa;IACX,UAAU;IACC;IACX,gBAAgB;IAChB,YAAY;IACW;IACJ;IACA;IACN;IACE;IACQ;IACR;IACK;IACL;IACK;IACL;IACa;IACL;IACd;cAET,oBAAC,QAAD;KACE,cAAc,gBAAgB;KACV;KAEnB;KACM,CAAA;IACQ,CAAA;GACR,CAAA;EACA,CAAA;EAEjB;AAEF,SAAS,cAAc"}

package/ui/es/Markdown/SyntaxMarkdown/CachedMarkdown.mjs

@@ -0,0 +1,82 @@
+"use client";
+import { visit } from "../../node_modules/unist-util-visit/lib/index.mjs";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { defaultUrlTransform } from "react-markdown";
+import { toJsxRuntime } from "hast-util-to-jsx-runtime";
+import { urlAttributes } from "html-url-attributes";
+import remarkParse from "remark-parse";
+import remarkRehype from "remark-rehype";
+import { unified } from "unified";
+import { VFile } from "vfile";
+//#region src/Markdown/SyntaxMarkdown/CachedMarkdown.tsx
+const EMPTY_PLUGINS = [];
+const DEFAULT_REMARK_REHYPE_OPTIONS = { allowDangerousHtml: true };
+/**
+* Render-equivalent of react-markdown's synchronous `<Markdown>` that keeps
+* the unified processor across renders. react-markdown rebuilds the whole
+* plugin chain on every render; the streaming tail block re-renders on every
+* reveal commit (~20/s) with identical plugin identities, so caching the
+* processor removes the per-commit chain construction. `post`/`transform`
+* mirror react-markdown@10 — keep them in sync when upgrading it.
+*/
+const CachedMarkdown = (options) => {
+	const { children, rehypePlugins, remarkPlugins, remarkRehypeOptions } = options;
+	const processor = useMemo(() => {
+		return unified().use(remarkParse).use(remarkPlugins || EMPTY_PLUGINS).use(remarkRehype, remarkRehypeOptions ? {
+			...remarkRehypeOptions,
+			...DEFAULT_REMARK_REHYPE_OPTIONS
+		} : DEFAULT_REMARK_REHYPE_OPTIONS).use(rehypePlugins || EMPTY_PLUGINS);
+	}, [
+		rehypePlugins,
+		remarkPlugins,
+		remarkRehypeOptions
+	]);
+	const file = new VFile();
+	file.value = typeof children === "string" ? children : "";
+	return post(processor.runSync(processor.parse(file), file), options);
+};
+function post(tree, options) {
+	const { allowedElements, allowElement, components, disallowedElements, skipHtml, unwrapDisallowed } = options;
+	const urlTransform = options.urlTransform || defaultUrlTransform;
+	if (allowedElements && disallowedElements) throw new Error("Unexpected combined `allowedElements` and `disallowedElements`, expected one or the other");
+	const transform = (node, index, parent) => {
+		if (node.type === "raw" && parent && typeof index === "number") {
+			if (skipHtml) parent.children.splice(index, 1);
+			else parent.children[index] = {
+				type: "text",
+				value: node.value
+			};
+			return index;
+		}
+		if (node.type === "element") {
+			let key;
+			for (key in urlAttributes) if (Object.hasOwn(urlAttributes, key) && Object.hasOwn(node.properties, key)) {
+				const value = node.properties[key];
+				const test = urlAttributes[key];
+				if (test === null || test.includes(node.tagName)) node.properties[key] = urlTransform(String(value || ""), key, node);
+			}
+			let remove = allowedElements ? !allowedElements.includes(node.tagName) : disallowedElements ? disallowedElements.includes(node.tagName) : false;
+			if (!remove && allowElement && typeof index === "number") remove = !allowElement(node, index, parent);
+			if (remove && parent && typeof index === "number") {
+				if (unwrapDisallowed && node.children) parent.children.splice(index, 1, ...node.children);
+				else parent.children.splice(index, 1);
+				return index;
+			}
+		}
+	};
+	visit(tree, transform);
+	return toJsxRuntime(tree, {
+		Fragment: Fragment$1,
+		components,
+		ignoreInvalidStyle: true,
+		jsx,
+		jsxs,
+		passKeys: true,
+		passNode: true
+	});
+}
+//#endregion
+export { CachedMarkdown };
+
+//# sourceMappingURL=CachedMarkdown.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/CachedMarkdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CachedMarkdown.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/CachedMarkdown.tsx"],"sourcesContent":["'use client';\n\nimport { type Nodes, type Root } from 'hast';\nimport { toJsxRuntime } from 'hast-util-to-jsx-runtime';\nimport { urlAttributes } from 'html-url-attributes';\nimport { useMemo } from 'react';\nimport { Fragment, jsx, jsxs } from 'react/jsx-runtime';\nimport { defaultUrlTransform, type Options } from 'react-markdown';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { type PluggableList, unified } from 'unified';\nimport { type BuildVisitor, visit } from 'unist-util-visit';\nimport { VFile } from 'vfile';\n\nconst EMPTY_PLUGINS: PluggableList = [];\nconst DEFAULT_REMARK_REHYPE_OPTIONS = { allowDangerousHtml: true };\n\n/**\n * Render-equivalent of react-markdown's synchronous `<Markdown>` that keeps\n * the unified processor across renders. react-markdown rebuilds the whole\n * plugin chain on every render; the streaming tail block re-renders on every\n * reveal commit (~20/s) with identical plugin identities, so caching the\n * processor removes the per-commit chain construction. `post`/`transform`\n * mirror react-markdown@10 — keep them in sync when upgrading it.\n */\nexport const CachedMarkdown = (options: Options) => {\n  const { children, rehypePlugins, remarkPlugins, remarkRehypeOptions } = options;\n\n  const processor = useMemo(() => {\n    return unified()\n      .use(remarkParse)\n      .use(remarkPlugins || EMPTY_PLUGINS)\n      .use(\n        remarkRehype,\n        remarkRehypeOptions\n          ? { ...remarkRehypeOptions, ...DEFAULT_REMARK_REHYPE_OPTIONS }\n          : DEFAULT_REMARK_REHYPE_OPTIONS,\n      )\n      .use(rehypePlugins || EMPTY_PLUGINS);\n  }, [rehypePlugins, remarkPlugins, remarkRehypeOptions]);\n\n  const file = new VFile();\n  file.value = typeof children === 'string' ? children : '';\n\n  return post(processor.runSync(processor.parse(file), file) as Nodes, options);\n};\n\nfunction post(tree: Nodes, options: Options) {\n  const {\n    allowedElements,\n    allowElement,\n    components,\n    disallowedElements,\n    skipHtml,\n    unwrapDisallowed,\n  } = options;\n  const urlTransform = options.urlTransform || defaultUrlTransform;\n\n  if (allowedElements && disallowedElements) {\n    throw new Error(\n      'Unexpected combined `allowedElements` and `disallowedElements`, expected one or the other',\n    );\n  }\n\n  const transform: BuildVisitor<Root> = (node, index, parent) => {\n    if (node.type === 'raw' && parent && typeof index === 'number') {\n      if (skipHtml) {\n        parent.children.splice(index, 1);\n      } else {\n        parent.children[index] = { type: 'text', value: node.value };\n      }\n\n      return index;\n    }\n\n    if (node.type === 'element') {\n      let key: string;\n\n      for (key in urlAttributes) {\n        if (Object.hasOwn(urlAttributes, key) && Object.hasOwn(node.properties, key)) {\n          const value = node.properties[key];\n          const test = urlAttributes[key];\n          if (test === null || test.includes(node.tagName)) {\n            node.properties[key] = urlTransform(String(value || ''), key, node);\n          }\n        }\n      }\n\n      let remove = allowedElements\n        ? !allowedElements.includes(node.tagName)\n        : disallowedElements\n          ? disallowedElements.includes(node.tagName)\n          : false;\n\n      if (!remove && allowElement && typeof index === 'number') {\n        remove = !allowElement(node, index, parent);\n      }\n\n      if (remove && parent && typeof index === 'number') {\n        if (unwrapDisallowed && node.children) {\n          parent.children.splice(index, 1, ...node.children);\n        } else {\n          parent.children.splice(index, 1);\n        }\n\n        return index;\n      }\n    }\n  };\n\n  visit(tree as Root, transform);\n\n  return toJsxRuntime(tree, {\n    Fragment,\n    components: components as Parameters<typeof toJsxRuntime>[1]['components'],\n    ignoreInvalidStyle: true,\n    jsx,\n    jsxs,\n    passKeys: true,\n    passNode: true,\n  });\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,gBAA+B,EAAE;AACvC,MAAM,gCAAgC,EAAE,oBAAoB,MAAM;;;;;;;;;AAUlE,MAAa,kBAAkB,YAAqB;CAClD,MAAM,EAAE,UAAU,eAAe,eAAe,wBAAwB;CAExE,MAAM,YAAY,cAAc;AAC9B,SAAO,SAAS,CACb,IAAI,YAAY,CAChB,IAAI,iBAAiB,cAAc,CACnC,IACC,cACA,sBACI;GAAE,GAAG;GAAqB,GAAG;GAA+B,GAC5D,8BACL,CACA,IAAI,iBAAiB,cAAc;IACrC;EAAC;EAAe;EAAe;EAAoB,CAAC;CAEvD,MAAM,OAAO,IAAI,OAAO;AACxB,MAAK,QAAQ,OAAO,aAAa,WAAW,WAAW;AAEvD,QAAO,KAAK,UAAU,QAAQ,UAAU,MAAM,KAAK,EAAE,KAAK,EAAW,QAAQ;;AAG/E,SAAS,KAAK,MAAa,SAAkB;CAC3C,MAAM,EACJ,iBACA,cACA,YACA,oBACA,UACA,qBACE;CACJ,MAAM,eAAe,QAAQ,gBAAgB;AAE7C,KAAI,mBAAmB,mBACrB,OAAM,IAAI,MACR,4FACD;CAGH,MAAM,aAAiC,MAAM,OAAO,WAAW;AAC7D,MAAI,KAAK,SAAS,SAAS,UAAU,OAAO,UAAU,UAAU;AAC9D,OAAI,SACF,QAAO,SAAS,OAAO,OAAO,EAAE;OAEhC,QAAO,SAAS,SAAS;IAAE,MAAM;IAAQ,OAAO,KAAK;IAAO;AAG9D,UAAO;;AAGT,MAAI,KAAK,SAAS,WAAW;GAC3B,IAAI;AAEJ,QAAK,OAAO,cACV,KAAI,OAAO,OAAO,eAAe,IAAI,IAAI,OAAO,OAAO,KAAK,YAAY,IAAI,EAAE;IAC5E,MAAM,QAAQ,KAAK,WAAW;IAC9B,MAAM,OAAO,cAAc;AAC3B,QAAI,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAQ,CAC9C,MAAK,WAAW,OAAO,aAAa,OAAO,SAAS,GAAG,EAAE,KAAK,KAAK;;GAKzE,IAAI,SAAS,kBACT,CAAC,gBAAgB,SAAS,KAAK,QAAQ,GACvC,qBACE,mBAAmB,SAAS,KAAK,QAAQ,GACzC;AAEN,OAAI,CAAC,UAAU,gBAAgB,OAAO,UAAU,SAC9C,UAAS,CAAC,aAAa,MAAM,OAAO,OAAO;AAG7C,OAAI,UAAU,UAAU,OAAO,UAAU,UAAU;AACjD,QAAI,oBAAoB,KAAK,SAC3B,QAAO,SAAS,OAAO,OAAO,GAAG,GAAG,KAAK,SAAS;QAElD,QAAO,SAAS,OAAO,OAAO,EAAE;AAGlC,WAAO;;;;AAKb,OAAM,MAAc,UAAU;AAE9B,QAAO,aAAa,MAAM;EACxB,UAAA;EACY;EACZ,oBAAoB;EACpB;EACA;EACA,UAAU;EACV,UAAU;EACX,CAAC"}