@neut/ui 0.0.16 → 0.0.18

package/dist/components/message/MessageAvatar/MessageAvatar.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/message/MessageAvatar/MessageAvatar.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "message-avatar",
+			get class() {
+				return e("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MessageAvatar };
+
+//# sourceMappingURL=MessageAvatar.js.map

package/dist/components/message/MessageAvatar/MessageAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageAvatar.js","names":["splitProps","clsx","MessageAvatarProps","MessageAvatar","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MessageAvatar","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/MessageAvatar/MessageAvatar.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageAvatarProps } from \"./MessageAvatar.types\";\n\n/**\n * 头像槽：贴消息底部；当消息带 MessageFooter 时上移，与消息主体对齐。\n */\nexport function MessageAvatar(props: MessageAvatarProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-avatar\"\n      class={clsx(\n        \"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAOA,SAAgBG,EAAcC,GAA2B;CACvD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAAiB,QAAA;IAAA,OACnBtB,EACL,sKACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message/MessageAvatar/MessageAvatar.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageAvatarProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/message/MessageAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageAvatar } from './MessageAvatar';
+export type { MessageAvatarProps } from './MessageAvatar.types';

package/dist/components/message/MessageContent/MessageContent.d.ts

@@ -0,0 +1,3 @@
+import { MessageContentProps } from './MessageContent.types';
+/** 包裹 header、消息主体与 footer；align=end 时让子级贴到末端 */
+export declare function MessageContent(props: MessageContentProps): import('solid-js').JSX.Element;

package/dist/components/message/MessageContent/MessageContent.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/message/MessageContent/MessageContent.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "message-content",
+			get class() {
+				return e("flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:data-slot:self-end", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MessageContent };
+
+//# sourceMappingURL=MessageContent.js.map

package/dist/components/message/MessageContent/MessageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContent.js","names":["splitProps","clsx","MessageContentProps","MessageContent","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MessageContent","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/MessageContent/MessageContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageContentProps } from \"./MessageContent.types\";\n\n/** 包裹 header、消息主体与 footer；align=end 时让子级贴到末端 */\nexport function MessageContent(props: MessageContentProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-content\"\n      class={clsx(\n        \"flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:data-slot:self-end\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAeC,GAA4B;CACzD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAiB,IAAAiB,QAAA;IAAA,OACpBtB,EACL,wGACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message/MessageContent/MessageContent.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageContentProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/message/MessageContent/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageContent } from './MessageContent';
+export type { MessageContentProps } from './MessageContent.types';

package/dist/components/message/MessageFooter/MessageFooter.d.ts

@@ -0,0 +1,3 @@
+import { MessageFooterProps } from './MessageFooter.types';
+/** 消息下方的内容（状态、操作），随消息一侧对齐 */
+export declare function MessageFooter(props: MessageFooterProps): import('solid-js').JSX.Element;

package/dist/components/message/MessageFooter/MessageFooter.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/message/MessageFooter/MessageFooter.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "message-footer",
+			get class() {
+				return e("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MessageFooter };
+
+//# sourceMappingURL=MessageFooter.js.map

package/dist/components/message/MessageFooter/MessageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFooter.js","names":["splitProps","clsx","MessageFooterProps","MessageFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MessageFooter","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/MessageFooter/MessageFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageFooterProps } from \"./MessageFooter.types\";\n\n/** 消息下方的内容（状态、操作），随消息一侧对齐 */\nexport function MessageFooter(props: MessageFooterProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-footer\"\n      class={clsx(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAcC,GAA2B;CACvD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAAiB,QAAA;IAAA,OACnBtB,EACL,8KACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message/MessageFooter/MessageFooter.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageFooterProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/message/MessageFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageFooter } from './MessageFooter';
+export type { MessageFooterProps } from './MessageFooter.types';

package/dist/components/message/MessageGroup/MessageGroup.d.ts

@@ -0,0 +1,3 @@
+import { MessageGroupProps } from './MessageGroup.types';
+/** 堆叠同一发送者的连续消息 */
+export declare function MessageGroup(props: MessageGroupProps): import('solid-js').JSX.Element;

package/dist/components/message/MessageGroup/MessageGroup.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/message/MessageGroup/MessageGroup.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "message-group",
+			get class() {
+				return e("flex min-w-0 flex-col gap-2", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MessageGroup };
+
+//# sourceMappingURL=MessageGroup.js.map

package/dist/components/message/MessageGroup/MessageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageGroup.js","names":["splitProps","clsx","MessageGroupProps","MessageGroup","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MessageGroup","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/MessageGroup/MessageGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageGroupProps } from \"./MessageGroup.types\";\n\n/** 堆叠同一发送者的连续消息 */\nexport function MessageGroup(props: MessageGroupProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-group\"\n      class={clsx(\"flex min-w-0 flex-col gap-2\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAaC,GAA0B;CACrD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAe,IAAAiB,QAAA;IAAA,OAClBtB,EAAK,+BAA+BI,EAAMM,KAAK;GAAC;GAAA,IACvDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message/MessageGroup/MessageGroup.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageGroupProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/message/MessageGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageGroup } from './MessageGroup';
+export type { MessageGroupProps } from './MessageGroup.types';

package/dist/components/message/MessageHeader/MessageHeader.d.ts

@@ -0,0 +1,3 @@
+import { MessageHeaderProps } from './MessageHeader.types';
+/** 消息上方的内容（如发送者名），始终对齐到 start */
+export declare function MessageHeader(props: MessageHeaderProps): import('solid-js').JSX.Element;

package/dist/components/message/MessageHeader/MessageHeader.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/message/MessageHeader/MessageHeader.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "message-header",
+			get class() {
+				return e("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MessageHeader };
+
+//# sourceMappingURL=MessageHeader.js.map

package/dist/components/message/MessageHeader/MessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.js","names":["splitProps","clsx","MessageHeaderProps","MessageHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MessageHeader","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/MessageHeader/MessageHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageHeaderProps } from \"./MessageHeader.types\";\n\n/** 消息上方的内容（如发送者名），始终对齐到 start */\nexport function MessageHeader(props: MessageHeaderProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-header\"\n      class={clsx(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAcC,GAA2B;CACvD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAAiB,QAAA;IAAA,OACnBtB,EACL,mIACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message/MessageHeader/MessageHeader.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageHeaderProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/message/MessageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageHeader } from './MessageHeader';
+export type { MessageHeaderProps } from './MessageHeader.types';

package/dist/components/message/index.d.ts

@@ -0,0 +1,12 @@
+export { MessageGroup } from './MessageGroup';
+export type { MessageGroupProps } from './MessageGroup';
+export { Message } from './Message';
+export type { MessageProps, MessageAlign } from './Message';
+export { MessageAvatar } from './MessageAvatar';
+export type { MessageAvatarProps } from './MessageAvatar';
+export { MessageContent } from './MessageContent';
+export type { MessageContentProps } from './MessageContent';
+export { MessageHeader } from './MessageHeader';
+export type { MessageHeaderProps } from './MessageHeader';
+export { MessageFooter } from './MessageFooter';
+export type { MessageFooterProps } from './MessageFooter';

package/dist/components/message/index.js

@@ -0,0 +1,7 @@
+import { MessageGroup as e } from "./MessageGroup/MessageGroup.js";
+import { Message as t } from "./Message/Message.js";
+import { MessageAvatar as n } from "./MessageAvatar/MessageAvatar.js";
+import { MessageContent as r } from "./MessageContent/MessageContent.js";
+import { MessageHeader as i } from "./MessageHeader/MessageHeader.js";
+import { MessageFooter as a } from "./MessageFooter/MessageFooter.js";
+export { t as Message, n as MessageAvatar, r as MessageContent, a as MessageFooter, e as MessageGroup, i as MessageHeader };

package/dist/components/message-scroller/MessageScroller/MessageScroller.d.ts

@@ -0,0 +1,3 @@
+import { MessageScrollerProps } from '../message-scroller.types';
+/** 有样式的框架：在 Provider 内布局 viewport / content / 控件 */
+export declare function MessageScroller(props: MessageScrollerProps): import('solid-js').JSX.Element;

package/dist/components/message-scroller/MessageScroller/MessageScroller.js

@@ -0,0 +1,35 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useMessageScrollerContext as t } from "../message-scroller.context.js";
+import { scrollableData as n } from "../message-scroller.utils.js";
+import { mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+//#region src/components/message-scroller/MessageScroller/MessageScroller.tsx
+var s = /*#__PURE__*/ a("<div>");
+function c(a) {
+	let c = t("MessageScroller"), [l, u] = o(a, ["class", "classList"]);
+	return (() => {
+		var t = s();
+		return i(t, r(u, {
+			"data-slot": "message-scroller",
+			get "data-scrollable"() {
+				return n(c.scrollableStart, c.scrollableEnd);
+			},
+			get "data-autoscrolling"() {
+				return c.autoscrolling() ? "" : void 0;
+			},
+			get "data-pending-scroll"() {
+				return c.pendingScroll() ? "" : void 0;
+			},
+			get class() {
+				return e("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { c as MessageScroller };
+
+//# sourceMappingURL=MessageScroller.js.map

package/dist/components/message-scroller/MessageScroller/MessageScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScroller.js","names":["splitProps","clsx","useMessageScrollerContext","scrollableData","MessageScrollerProps","MessageScroller","props","ctx","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-scrollable","scrollableStart","scrollableEnd","data-autoscrolling","autoscrolling","undefined","data-pending-scroll","pendingScroll","class","classList","_$mergeProps","_tmpl$","MessageScroller","ctx","useMessageScrollerContext","local","rest","splitProps","props","_el$","spread","mergeProps","scrollableData","\"class\"","clsx"],"sources":["../../../../src/components/message-scroller/MessageScroller/MessageScroller.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useMessageScrollerContext } from \"../message-scroller.context\";\nimport { scrollableData } from \"../message-scroller.utils\";\nimport type { MessageScrollerProps } from \"../message-scroller.types\";\n\n/** 有样式的框架：在 Provider 内布局 viewport / content / 控件 */\nexport function MessageScroller(props: MessageScrollerProps) {\n  const ctx = useMessageScrollerContext(\"MessageScroller\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"message-scroller\"\n      data-scrollable={scrollableData(ctx.scrollableStart, ctx.scrollableEnd)}\n      data-autoscrolling={ctx.autoscrolling() ? \"\" : undefined}\n      data-pending-scroll={ctx.pendingScroll() ? \"\" : undefined}\n      class={clsx(\n        \"group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBK,EAAgBC,GAA6B;CAC3D,IAAMC,IAAML,EAA0B,iBAAiB,GACjD,CAACM,GAAOC,KAAQT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAW8B,OAX9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAkB,IAAA,oBAAA;IAAA,OACXN,EAAeI,EAAIQ,iBAAiBR,EAAIS,aAAa;GAAC;GAAA,IAAA,uBAAA;IAAA,OACnDT,EAAIW,cAAc,IAAI,KAAKC,KAAAA;GAAS;GAAA,IAAA,wBAAA;IAAA,OACnCZ,EAAIc,cAAc,IAAI,KAAKF,KAAAA;GAAS;GAAA,IAAAkB,QAAA;IAAA,OAClDpC,EACL,mFACAO,EAAMc,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEf,EAAMe;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAb;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message-scroller/MessageScroller/index.d.ts

@@ -0,0 +1 @@
+export { MessageScroller } from './MessageScroller';

package/dist/components/message-scroller/MessageScrollerButton/MessageScrollerButton.d.ts

@@ -0,0 +1,6 @@
+import { MessageScrollerButtonProps } from '../message-scroller.types';
+/**
+ * 滚动控件：滚到会话的开始/结束；该方向没有内容时置为 inert 并移出 tab 序列。
+ * 默认渲染箭头图标 + sr-only 文案，传入 children 可自定义内容（如 "Jump to latest"）。
+ */
+export declare function MessageScrollerButton(props: MessageScrollerButtonProps): import('solid-js').JSX.Element;

package/dist/components/message-scroller/MessageScrollerButton/MessageScrollerButton.js

@@ -0,0 +1,90 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useMessageScrollerContext as t } from "../message-scroller.context.js";
+import { Dynamic as n, createComponent as r, insert as i, memo as a, mergeProps as o, template as s } from "solid-js/web";
+import { Show as c, createEffect as l, mergeProps as u, splitProps as d } from "solid-js";
+import { ArrowDown as f } from "lucide-solid";
+//#region src/components/message-scroller/MessageScrollerButton/MessageScrollerButton.tsx
+var p = /*#__PURE__*/ s("<span class=sr-only>");
+function m(s) {
+	let m = t("MessageScrollerButton"), h = u({
+		direction: "end",
+		behavior: "smooth",
+		variant: "secondary",
+		size: "icon-sm",
+		component: "button",
+		type: "button"
+	}, s), [g, _] = d(h, [
+		"class",
+		"classList",
+		"direction",
+		"behavior",
+		"variant",
+		"size",
+		"children",
+		"component",
+		"onClick",
+		"type",
+		"tabIndex"
+	]), v = () => g.direction === "end" ? m.scrollableEnd() : m.scrollableStart();
+	return r(n, o(_, {
+		get component() {
+			return g.component;
+		},
+		ref: (e) => {
+			l(() => {
+				e.inert = !v();
+			});
+		},
+		get type() {
+			return g.type;
+		},
+		"data-slot": "message-scroller-button",
+		get "data-direction"() {
+			return g.direction;
+		},
+		get "data-variant"() {
+			return g.variant;
+		},
+		get "data-size"() {
+			return g.size;
+		},
+		get "data-active"() {
+			return v() ? "true" : "false";
+		},
+		get tabIndex() {
+			return a(() => !!v())() ? g.tabIndex ?? 0 : -1;
+		},
+		get "aria-label"() {
+			return g.direction === "end" ? "Scroll to end" : "Scroll to start";
+		},
+		onClick: (e) => {
+			if (!v()) return;
+			let t = g.onClick;
+			Array.isArray(t) ? t[0](t[1], e) : t?.(e), !e.defaultPrevented && (e.currentTarget.blur(), g.direction === "start" ? m.scrollToStart({ behavior: g.behavior }) : m.scrollToEnd({ behavior: g.behavior }));
+		},
+		get class() {
+			return e("absolute left-1/2 z-10 inline-flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-md transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground", "data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)]", "data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)]", "data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full", "data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full", "rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", g.class);
+		},
+		get classList() {
+			return g.classList;
+		},
+		get children() {
+			return r(c, {
+				get when() {
+					return g.children;
+				},
+				get fallback() {
+					return [r(f, { class: "size-4" }), (() => {
+						var e = p();
+						return i(e, () => g.direction === "end" ? "Scroll to end" : "Scroll to start"), e;
+					})()];
+				},
+				children: (e) => e()
+			});
+		}
+	}));
+}
+//#endregion
+export { m as MessageScrollerButton };
+
+//# sourceMappingURL=MessageScrollerButton.js.map

package/dist/components/message-scroller/MessageScrollerButton/MessageScrollerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScrollerButton.js","names":["Show","createEffect","mergeProps","splitProps","ValidComponent","Dynamic","ArrowDown","clsx","useMessageScrollerContext","MessageScrollerButtonProps","MessageScrollerButton","props","ctx","merged","direction","const","behavior","ScrollBehavior","variant","size","component","type","local","rest","active","scrollableEnd","scrollableStart","handleClick","event","MouseEvent","currentTarget","Element","handler","onClick","data","Array","isArray","defaultPrevented","HTMLElement","blur","scrollToStart","scrollToEnd","_$createComponent","_$mergeProps","ref","el","inert","data-direction","data-variant","data-size","data-active","tabIndex","_$memo","aria-label","class","classList","children","when","fallback","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","_tmpl$","MessageScrollerButton","ctx","useMessageScrollerContext","merged","props","local","rest","splitProps","active","createComponent","Dynamic","mergeProps","memo","handler","event","\"class\"","clsx","Show","ArrowDown","_el$","insert","children"],"sources":["../../../../src/components/message-scroller/MessageScrollerButton/MessageScrollerButton.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { ArrowDown } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useMessageScrollerContext } from \"../message-scroller.context\";\nimport type { MessageScrollerButtonProps } from \"../message-scroller.types\";\n\n/**\n * 滚动控件：滚到会话的开始/结束；该方向没有内容时置为 inert 并移出 tab 序列。\n * 默认渲染箭头图标 + sr-only 文案，传入 children 可自定义内容（如 \"Jump to latest\"）。\n */\nexport function MessageScrollerButton(props: MessageScrollerButtonProps) {\n  const ctx = useMessageScrollerContext(\"MessageScrollerButton\");\n  const merged = mergeProps(\n    {\n      direction: \"end\" as const,\n      behavior: \"smooth\" as ScrollBehavior,\n      variant: \"secondary\",\n      size: \"icon-sm\",\n      component: \"button\" as const,\n      type: \"button\" as const,\n    },\n    props,\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"direction\",\n    \"behavior\",\n    \"variant\",\n    \"size\",\n    \"children\",\n    \"component\",\n    \"onClick\",\n    \"type\",\n    \"tabIndex\",\n  ]);\n\n  const active = () =>\n    local.direction === \"end\" ? ctx.scrollableEnd() : ctx.scrollableStart();\n\n  const handleClick = (event: MouseEvent & { currentTarget: Element }) => {\n    if (!active()) return;\n    // Solid 的 EventHandlerUnion 可能是 [handler, data] 形式，需手动分发\n    const handler = local.onClick as\n      | ((event: MouseEvent) => void)\n      | [(data: unknown, event: MouseEvent) => void, unknown]\n      | undefined;\n    if (Array.isArray(handler)) handler[0](handler[1], event);\n    else handler?.(event);\n    if (event.defaultPrevented) return;\n    (event.currentTarget as HTMLElement).blur();\n    if (local.direction === \"start\") {\n      ctx.scrollToStart({ behavior: local.behavior });\n    } else {\n      ctx.scrollToEnd({ behavior: local.behavior });\n    }\n  };\n\n  return (\n    <Dynamic\n      {...rest}\n      component={local.component as ValidComponent}\n      ref={(el: HTMLElement) => {\n        createEffect(() => {\n          el.inert = !active();\n        });\n      }}\n      type={local.type}\n      data-slot=\"message-scroller-button\"\n      data-direction={local.direction}\n      data-variant={local.variant}\n      data-size={local.size}\n      data-active={active() ? \"true\" : \"false\"}\n      tabIndex={active() ? (local.tabIndex ?? 0) : -1}\n      aria-label={\n        local.direction === \"end\" ? \"Scroll to end\" : \"Scroll to start\"\n      }\n      onClick={handleClick}\n      class={clsx(\n        \"absolute left-1/2 z-10 inline-flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-md transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground\",\n        \"data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)]\",\n        \"data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)]\",\n        \"data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full\",\n        \"data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full\",\n        \"rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180\",\n        local.class,\n      )}\n      classList={local.classList}\n    >\n      <Show\n        when={local.children}\n        fallback={\n          <>\n            <ArrowDown class=\"size-4\" />\n            <span class=\"sr-only\">\n              {local.direction === \"end\" ? \"Scroll to end\" : \"Scroll to start\"}\n            </span>\n          </>\n        }\n      >\n        {(children) => children()}\n      </Show>\n    </Dynamic>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgBU,EAAsBC,GAAmC;CACvE,IAAMC,IAAMJ,EAA0B,uBAAuB,GACvDK,IAASX,EACb;EACEY,WAAW;EACXE,UAAU;EACVE,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,MAAM;CACR,GACAV,CACF,GACM,CAACW,GAAOC,KAAQpB,EAAWU,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKW,UACJF,EAAMR,cAAc,QAAQF,EAAIa,cAAc,IAAIb,EAAIc,gBAAgB;CAoBxE,OAAAgB,EACGrC,GAAOsC,EACFpB,GAAI;EAAA,IACRH,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAAwB,MACtCC,MAAoB;GACxB5C,QAAmB;IACjB4C,EAAGC,QAAQ,CAACtB,EAAO;GACrB,CAAC;EACH;EAAC,IACDH,OAAI;GAAA,OAAEC,EAAMD;EAAI;EAAA,aAAA;EAAA,IAAA,mBAAA;GAAA,OAEAC,EAAMR;EAAS;EAAA,IAAA,iBAAA;GAAA,OACjBQ,EAAMJ;EAAO;EAAA,IAAA,cAAA;GAAA,OAChBI,EAAMH;EAAI;EAAA,IAAA,gBAAA;GAAA,OACRK,EAAO,IAAI,SAAS;EAAO;EAAA,IACxC2B,WAAQ;GAAA,OAAEC,QAAA,CAAA,CAAA5B,EAAO,CAAC,CAAA,CAAA,IAAIF,EAAM6B,YAAY,IAAK;EAAE;EAAA,IAAA,eAAA;GAAA,OAE7C7B,EAAMR,cAAc,QAAQ,kBAAkB;EAAiB;EAEjEmB,UArCiBL,MAAmD;GACtE,IAAI,CAACJ,EAAO,GAAG;GAEf,IAAMQ,IAAUV,EAAMW;GAMtB,AAFIE,MAAMC,QAAQJ,CAAO,IAAGA,EAAQ,EAAE,CAACA,EAAQ,IAAIJ,CAAK,IACnDI,IAAUJ,CAAK,GAChBA,GAAMS,qBACV6C,EAAOpD,cAA8BS,KAAK,GACtCjB,EAAMR,cAAc,UACtBF,EAAI4B,cAAc,EAAExB,UAAUM,EAAMN,SAAS,CAAC,IAE9CJ,EAAI6B,YAAY,EAAEzB,UAAUM,EAAMN,SAAS,CAAC;EAEhD;EAqBwB,IAAAmE,QAAA;GAAA,OACb5E,EACL,2PACA,6LACA,sJACA,2FACA,6FACA,iEACAe,EAAMgC,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEjC,EAAMiC;EAAS;EAAA,IAAAC,WAAA;GAAA,OAAAd,EAEzB1C,GAAI;IAAA,IACHyD,OAAI;KAAA,OAAEnC,EAAMkC;IAAQ;IAAA,IACpBE,WAAQ;KAAA,OAAA,CAAAhB,EAEHpC,GAAS,EAAA6E,OAAA,SAAA,CAAA,UAAA;MAAA,IAAAxB,IAAAC,EAAA;MAEwD,OAFxDC,EAAAF,SAEPrC,EAAMR,cAAc,QAAQ,kBAAkB,iBAAiB,GAAA6C;KAAA,EAAA,CAAA,CAAA;IAAA;IAAAH,WAKpEA,MAAaA,EAAS;GAAC,CAAA;EAAA;CAAA,CAAA,CAAA;AAIjC"}

package/dist/components/message-scroller/MessageScrollerButton/index.d.ts

@@ -0,0 +1 @@
+export { MessageScrollerButton } from './MessageScrollerButton';

package/dist/components/message-scroller/MessageScrollerContent/MessageScrollerContent.d.ts

@@ -0,0 +1,6 @@
+import { MessageScrollerContentProps } from '../message-scroller.types';
+/**
+ * 会话容器：承载各行，并作为新消息的 live region。
+ * 末尾的内部 spacer 由引擎按需设置高度，让靠近结尾的锚定行也能滚到顶部。
+ */
+export declare function MessageScrollerContent(props: MessageScrollerContentProps): import('solid-js').JSX.Element;

package/dist/components/message-scroller/MessageScrollerContent/MessageScrollerContent.js

@@ -0,0 +1,46 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useMessageScrollerContext as t } from "../message-scroller.context.js";
+import { className as n, effect as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { onCleanup as l, splitProps as u } from "solid-js";
+//#region src/components/message-scroller/MessageScrollerContent/MessageScrollerContent.tsx
+var d = /*#__PURE__*/ s("<div><div aria-hidden=true data-message-scroller-spacer hidden>");
+function f(s) {
+	let f = t("MessageScrollerContent"), [p, m] = u(s, [
+		"class",
+		"classList",
+		"aria-busy",
+		"spacerClassName",
+		"role",
+		"aria-relevant",
+		"children"
+	]);
+	return (() => {
+		var t = d(), s = t.firstChild;
+		return c((e) => {
+			f.setContent(e), l(() => f.setContent(void 0));
+		}, t), o(t, a(m, {
+			"data-slot": "message-scroller-content",
+			get role() {
+				return p.role ?? "log";
+			},
+			get "aria-relevant"() {
+				return p["aria-relevant"] ?? "additions";
+			},
+			get "aria-busy"() {
+				return p["aria-busy"];
+			},
+			get class() {
+				return e("flex h-max min-h-full flex-col gap-6", p.class);
+			},
+			get classList() {
+				return p.classList;
+			}
+		}), !1, !0), i(t, () => p.children, s), c((e) => {
+			f.setSpacer(e), l(() => f.setSpacer(void 0));
+		}, s), r(() => n(s, p.spacerClassName)), t;
+	})();
+}
+//#endregion
+export { f as MessageScrollerContent };
+
+//# sourceMappingURL=MessageScrollerContent.js.map

package/dist/components/message-scroller/MessageScrollerContent/MessageScrollerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScrollerContent.js","names":["onCleanup","splitProps","clsx","useMessageScrollerContext","MessageScrollerContentProps","MessageScrollerContent","props","ctx","local","rest","_el$","_tmpl$","_el$2","firstChild","_$use","el","setContent","undefined","_$spread","_$mergeProps","role","aria-relevant","aria-busy","class","classList","_$insert","children","setSpacer","_$effect","_$className","spacerClassName","_$mergeProps","_$className","_tmpl$","MessageScrollerContent","ctx","useMessageScrollerContext","local","rest","splitProps","props","_el$","_el$2","use","el","onCleanup","spread","mergeProps","\"class\"","clsx","insert","effect","className"],"sources":["../../../../src/components/message-scroller/MessageScrollerContent/MessageScrollerContent.tsx"],"sourcesContent":["import { onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useMessageScrollerContext } from \"../message-scroller.context\";\nimport type { MessageScrollerContentProps } from \"../message-scroller.types\";\n\n/**\n * 会话容器：承载各行，并作为新消息的 live region。\n * 末尾的内部 spacer 由引擎按需设置高度，让靠近结尾的锚定行也能滚到顶部。\n */\nexport function MessageScrollerContent(props: MessageScrollerContentProps) {\n  const ctx = useMessageScrollerContext(\"MessageScrollerContent\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"classList\",\n    \"aria-busy\",\n    \"spacerClassName\",\n    \"role\",\n    \"aria-relevant\",\n    \"children\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      ref={(el) => {\n        ctx.setContent(el);\n        onCleanup(() => ctx.setContent(undefined));\n      }}\n      data-slot=\"message-scroller-content\"\n      role={local.role ?? \"log\"}\n      aria-relevant={local[\"aria-relevant\"] ?? \"additions\"}\n      aria-busy={local[\"aria-busy\"]}\n      class={clsx(\"flex h-max min-h-full flex-col gap-6\", local.class)}\n      classList={local.classList}\n    >\n      {local.children}\n      <div\n        ref={(el) => {\n          ctx.setSpacer(el);\n          onCleanup(() => ctx.setSpacer(undefined));\n        }}\n        aria-hidden=\"true\"\n        data-message-scroller-spacer=\"\"\n        hidden\n        class={local.spacerClassName}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBK,EAAuBC,GAAoC;CACzE,IAAMC,IAAMJ,EAA0B,wBAAwB,GACxD,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAuBkC,OAvBlCC,GAGUC,MAAO;GAEXf,AADAO,EAAIS,WAAWD,CAAE,GACjBf,QAAgBO,EAAIS,WAAWC,KAAAA,CAAS,CAAC;EAC3C,GAACP,CAAA,GAAAQ,EAAAR,GAAAS,EAJGV,GAAI;GAAA,aAKE;GAA0B,IACpCW,OAAI;IAAA,OAAEZ,EAAMY,QAAQ;GAAK;GAAA,IAAA,kBAAA;IAAA,OACVZ,EAAM,oBAAoB;GAAW;GAAA,IAAA,cAAA;IAAA,OACzCA,EAAM;GAAY;GAAA,IAAAwC,QAAA;IAAA,OACtB9C,EAAK,wCAAwCM,EAAMe,KAAK;GAAC;GAAA,IAChEC,YAAS;IAAA,OAAEhB,EAAMgB;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAf,SAEzBF,EAAMkB,UAAQd,CAAA,GAAAE,GAEPC,MAAO;GAEXf,AADAO,EAAIoB,UAAUZ,CAAE,GAChBf,QAAgBO,EAAIoB,UAAUV,KAAAA,CAAS,CAAC;EAC1C,GAACL,CAAA,GAAAgB,QAAAC,EAAAjB,GAIMJ,EAAMsB,eAAe,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIpC"}

package/dist/components/message-scroller/MessageScrollerContent/index.d.ts

@@ -0,0 +1 @@
+export { MessageScrollerContent } from './MessageScrollerContent';

package/dist/components/message-scroller/MessageScrollerItem/MessageScrollerItem.d.ts

@@ -0,0 +1,6 @@
+import { MessageScrollerItemProps } from '../message-scroller.types';
+/**
+ * 一行（消息 / marker / 分隔等）。必须包裹 content 的每个直接子节点，
+ * 引擎据此测量、锚定、保位与跳转。
+ */
+export declare function MessageScrollerItem(props: MessageScrollerItemProps): import('solid-js').JSX.Element;

package/dist/components/message-scroller/MessageScrollerItem/MessageScrollerItem.js

@@ -0,0 +1,42 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useMessageScrollerContext as t } from "../message-scroller.context.js";
+import { mergeProps as n, spread as r, template as i, use as a } from "solid-js/web";
+import { onCleanup as o, splitProps as s } from "solid-js";
+//#region src/components/message-scroller/MessageScrollerItem/MessageScrollerItem.tsx
+var c = /*#__PURE__*/ i("<div>");
+function l(i) {
+	let l = t("MessageScrollerItem"), [u, d] = s(i, [
+		"class",
+		"classList",
+		"messageId",
+		"scrollAnchor"
+	]);
+	return (() => {
+		var t = c();
+		return a((e) => {
+			let t = l.registerItem({
+				id: u.messageId,
+				element: e
+			});
+			o(t);
+		}, t), r(t, n(d, {
+			"data-slot": "message-scroller-item",
+			get "data-message-id"() {
+				return u.messageId;
+			},
+			get "data-scroll-anchor"() {
+				return u.scrollAnchor === !0 ? "true" : "false";
+			},
+			get class() {
+				return e("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { l as MessageScrollerItem };
+
+//# sourceMappingURL=MessageScrollerItem.js.map

package/dist/components/message-scroller/MessageScrollerItem/MessageScrollerItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScrollerItem.js","names":["onCleanup","splitProps","clsx","useMessageScrollerContext","MessageScrollerItemProps","MessageScrollerItem","props","ctx","local","rest","_el$","_tmpl$","_$use","el","unregister","registerItem","id","messageId","element","_$spread","_$mergeProps","data-message-id","data-scroll-anchor","scrollAnchor","class","classList","_$mergeProps","_tmpl$","MessageScrollerItem","ctx","useMessageScrollerContext","local","rest","splitProps","props","_el$","use","unregister","el","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message-scroller/MessageScrollerItem/MessageScrollerItem.tsx"],"sourcesContent":["import { onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useMessageScrollerContext } from \"../message-scroller.context\";\nimport type { MessageScrollerItemProps } from \"../message-scroller.types\";\n\n/**\n * 一行（消息 / marker / 分隔等）。必须包裹 content 的每个直接子节点，\n * 引擎据此测量、锚定、保位与跳转。\n */\nexport function MessageScrollerItem(props: MessageScrollerItemProps) {\n  const ctx = useMessageScrollerContext(\"MessageScrollerItem\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"classList\",\n    \"messageId\",\n    \"scrollAnchor\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      ref={(el) => {\n        const unregister = ctx.registerItem({\n          id: local.messageId,\n          element: el,\n        });\n        onCleanup(unregister);\n      }}\n      data-slot=\"message-scroller-item\"\n      data-message-id={local.messageId}\n      data-scroll-anchor={local.scrollAnchor === true ? \"true\" : \"false\"}\n      class={clsx(\n        \"min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBK,EAAoBC,GAAiC;CACnE,IAAMC,IAAMJ,EAA0B,qBAAqB,GACrD,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;CAAc,CACf;CAED,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAiB8B,OAjB9BC,GAGUC,MAAO;GACX,IAAMC,IAAaP,EAAIQ,aAAa;IAClCC,IAAIR,EAAMS;IACVC,SAASL;GACX,CAAC;GACDb,EAAUc,CAAU;EACtB,GAACJ,CAAA,GAAAS,EAAAT,GAAAU,EAPGX,GAAI;GAAA,aAQE;GAAuB,IAAA,oBAAA;IAAA,OAChBD,EAAMS;GAAS;GAAA,IAAA,uBAAA;IAAA,OACZT,EAAMe,iBAAiB,KAAO,SAAS;GAAO;GAAA,IAAAkB,QAAA;IAAA,OAC3DvC,EACL,kFACAM,EAAMgB,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEjB,EAAMiB;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAf;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/message-scroller/MessageScrollerItem/index.d.ts

@@ -0,0 +1 @@
+export { MessageScrollerItem } from './MessageScrollerItem';

package/dist/components/message-scroller/MessageScrollerProvider/MessageScrollerProvider.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { MessageScrollerProviderProps } from '../message-scroller.types';
+/** 滚动状态机根：不渲染 DOM，提供 context 与滚动行为 */
+export declare function MessageScrollerProvider(props: MessageScrollerProviderProps): JSX.Element;

package/dist/components/message-scroller/MessageScrollerProvider/MessageScrollerProvider.js

@@ -0,0 +1,37 @@
+import { MessageScrollerContext as e } from "../message-scroller.context.js";
+import { useMessageScrollerEngine as t } from "../useMessageScrollerEngine.js";
+import { createComponent as n } from "solid-js/web";
+import { mergeProps as r, splitProps as i } from "solid-js";
+//#region src/components/message-scroller/MessageScrollerProvider/MessageScrollerProvider.tsx
+function a(a) {
+	let o = r({
+		autoScroll: !1,
+		defaultScrollPosition: "end",
+		scrollEdgeThreshold: 8,
+		scrollMargin: 0,
+		scrollPreviousItemPeek: 64
+	}, a), [s] = i(o, [
+		"autoScroll",
+		"defaultScrollPosition",
+		"scrollEdgeThreshold",
+		"scrollMargin",
+		"scrollPreviousItemPeek",
+		"children"
+	]), c = t(() => ({
+		autoScroll: s.autoScroll,
+		defaultScrollPosition: s.defaultScrollPosition,
+		scrollEdgeThreshold: s.scrollEdgeThreshold,
+		scrollMargin: s.scrollMargin,
+		scrollPreviousItemPeek: s.scrollPreviousItemPeek
+	}));
+	return n(e.Provider, {
+		value: c,
+		get children() {
+			return s.children;
+		}
+	});
+}
+//#endregion
+export { a as MessageScrollerProvider };
+
+//# sourceMappingURL=MessageScrollerProvider.js.map

package/dist/components/message-scroller/MessageScrollerProvider/MessageScrollerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScrollerProvider.js","names":["mergeProps","splitProps","JSX","MessageScrollerContext","useMessageScrollerEngine","MessageScrollerProviderProps","MessageScrollerProvider","props","Element","merged","autoScroll","defaultScrollPosition","const","scrollEdgeThreshold","scrollMargin","scrollPreviousItemPeek","local","ctx","_$createComponent","Provider","value","children","mergeProps","_$createComponent","mergeProps$1","MessageScrollerProvider","merged","props","local","splitProps","ctx","useMessageScrollerEngine","createComponent","MessageScrollerContext"],"sources":["../../../../src/components/message-scroller/MessageScrollerProvider/MessageScrollerProvider.tsx"],"sourcesContent":["import { mergeProps, splitProps, type JSX } from \"solid-js\";\nimport { MessageScrollerContext } from \"../message-scroller.context\";\nimport { useMessageScrollerEngine } from \"../useMessageScrollerEngine\";\nimport type { MessageScrollerProviderProps } from \"../message-scroller.types\";\n\n/** 滚动状态机根：不渲染 DOM，提供 context 与滚动行为 */\nexport function MessageScrollerProvider(\n  props: MessageScrollerProviderProps,\n): JSX.Element {\n  const merged = mergeProps(\n    {\n      autoScroll: false,\n      defaultScrollPosition: \"end\" as const,\n      scrollEdgeThreshold: 8,\n      scrollMargin: 0,\n      scrollPreviousItemPeek: 64,\n    },\n    props,\n  );\n  const [local] = splitProps(merged, [\n    \"autoScroll\",\n    \"defaultScrollPosition\",\n    \"scrollEdgeThreshold\",\n    \"scrollMargin\",\n    \"scrollPreviousItemPeek\",\n    \"children\",\n  ]);\n\n  const ctx = useMessageScrollerEngine(() => ({\n    autoScroll: local.autoScroll,\n    defaultScrollPosition: local.defaultScrollPosition,\n    scrollEdgeThreshold: local.scrollEdgeThreshold,\n    scrollMargin: local.scrollMargin,\n    scrollPreviousItemPeek: local.scrollPreviousItemPeek,\n  }));\n\n  return (\n    <MessageScrollerContext.Provider value={ctx}>\n      {local.children}\n    </MessageScrollerContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgBM,EACdC,GACa;CACb,IAAME,IAAST,EACb;EACEU,YAAY;EACZC,uBAAuB;EACvBE,qBAAqB;EACrBC,cAAc;EACdC,wBAAwB;CAC1B,GACAR,CACF,GACM,CAACS,KAASf,EAAWQ,GAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKQ,IAAMb,SAAgC;EAC1CM,YAAYM,EAAMN;EAClBC,uBAAuBK,EAAML;EAC7BE,qBAAqBG,EAAMH;EAC3BC,cAAcE,EAAMF;EACpBC,wBAAwBC,EAAMD;CAChC,EAAE;CAEF,OAAAG,EACGf,EAAuBgB,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OACxCL,EAAMK;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/message-scroller/MessageScrollerProvider/index.d.ts

@@ -0,0 +1 @@
+export { MessageScrollerProvider } from './MessageScrollerProvider';

package/dist/components/message-scroller/MessageScrollerViewport/MessageScrollerViewport.d.ts

@@ -0,0 +1,6 @@
+import { MessageScrollerViewportProps } from '../message-scroller.types';
+/**
+ * 可滚动元素：接收原生 scroll，维护可滚动状态；上方插入历史时保持可见行。
+ * 默认是键盘可达的、有标签的滚动区域。转发 `ref` 便于外部（如虚拟化）拿到滚动元素。
+ */
+export declare function MessageScrollerViewport(props: MessageScrollerViewportProps): import('solid-js').JSX.Element;