@neut/ui 0.0.16 → 0.0.17

package/dist/components/marker/Marker/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","clsx","markerVariants","MarkerProps","Marker","props","T","merged","variant","component","const","local","rest","_$createComponent","_$mergeProps","data-variant","class","classList","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","Marker","merged","props","local","rest","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx","markerVariants"],"sources":["../../../../src/components/marker/Marker/Marker.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { markerVariants } from \"./Marker.styles\";\nimport type { MarkerProps } from \"./Marker.types\";\n\n/**\n * 会话中的行内标记：状态、系统提示、带下边框的行、或带标签的分隔条。\n * 多态渲染（默认 div，可换 button/a）；展示型可加 `role=\"status\"`。\n */\nexport const Marker = <T extends ValidComponent = \"div\">(\n  props: MarkerProps<T>,\n) => {\n  const merged = mergeProps(\n    { variant: \"default\", component: \"div\" } as const,\n    props,\n  );\n  const [local, rest] = splitProps(merged, [\n    \"variant\",\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      {...rest}\n      component={local.component as ValidComponent}\n      data-slot=\"marker\"\n      data-variant={local.variant}\n      class={clsx(markerVariants({ variant: local.variant }), local.class)}\n      classList={local.classList}\n    />\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaO,KACXC,MACG;CACH,IAAME,IAASV,EACb;EAAEW,SAAS;EAAWC,WAAW;CAAM,GACvCJ,CACF,GACM,CAACM,GAAOC,KAAQd,EAAWS,GAAQ;EACvC;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAM,EACGb,GAAOc,EACFF,GAAI;EAAA,IACRH,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAE9BE,EAAMH;EAAO;EAAA,IAAAuB,QAAA;GAAA,OACpB9B,EAAKC,EAAe,EAAEM,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMK,KAAK;EAAC;EAAA,IACpEC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/marker/Marker/Marker.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const markerVariants: (props?: ({
+    variant?: "border" | "separator" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/marker/Marker/Marker.styles.js

@@ -0,0 +1,14 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/marker/Marker/Marker.styles.ts
+var t = e("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", {
+	variants: { variant: {
+		default: "",
+		separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+		border: "border-b border-border pb-2"
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { t as markerVariants };
+
+//# sourceMappingURL=Marker.styles.js.map

package/dist/components/marker/Marker/Marker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.styles.js","names":["markerVariants","cva"],"sources":["../../../../src/components/marker/Marker/Marker.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        separator:\n          \"before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n        border: \"border-b border-border pb-2\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n"],"mappings":";;AAEA,IAAaA,IAAiBC,EAC5B,4MACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,QAAQ;CACV,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF"}

package/dist/components/marker/Marker/Marker.types.d.ts

@@ -0,0 +1,5 @@
+import { ValidComponent } from 'solid-js';
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { markerVariants } from './Marker.styles';
+export type MarkerProps<T extends ValidComponent = "div"> = PolymorphicProps<T, BaseProps & VariantProps<typeof markerVariants>>;

package/dist/components/marker/Marker/index.d.ts

@@ -0,0 +1,3 @@
+export { Marker } from './Marker';
+export { markerVariants } from './Marker.styles';
+export type { MarkerProps } from './Marker.types';

package/dist/components/marker/MarkerContent/MarkerContent.d.ts

@@ -0,0 +1,2 @@
+import { MarkerContentProps } from './MarkerContent.types';
+export declare function MarkerContent(props: MarkerContentProps): import('solid-js').JSX.Element;

package/dist/components/marker/MarkerContent/MarkerContent.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/marker/MarkerContent/MarkerContent.tsx
+var a = /*#__PURE__*/ r("<span>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "marker-content",
+			get class() {
+				return e("min-w-0 break-words group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MarkerContent };
+
+//# sourceMappingURL=MarkerContent.js.map

package/dist/components/marker/MarkerContent/MarkerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerContent.js","names":["splitProps","clsx","MarkerContentProps","MarkerContent","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MarkerContent","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/marker/MarkerContent/MarkerContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MarkerContentProps } from \"./MarkerContent.types\";\n\nexport function MarkerContent(props: MarkerContentProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <span\n      {...rest}\n      data-slot=\"marker-content\"\n      class={clsx(\n        \"min-w-0 break-words group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,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,8LACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/marker/MarkerContent/MarkerContent.types.d.ts

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

package/dist/components/marker/MarkerContent/index.d.ts

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

package/dist/components/marker/MarkerIcon/MarkerIcon.d.ts

@@ -0,0 +1,3 @@
+import { MarkerIconProps } from './MarkerIcon.types';
+/** 装饰性图标槽，对辅助技术隐藏（aria-hidden） */
+export declare function MarkerIcon(props: MarkerIconProps): import('solid-js').JSX.Element;

package/dist/components/marker/MarkerIcon/MarkerIcon.js

@@ -0,0 +1,25 @@
+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/marker/MarkerIcon/MarkerIcon.tsx
+var a = /*#__PURE__*/ r("<span>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "marker-icon",
+			"aria-hidden": "true",
+			get class() {
+				return e("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as MarkerIcon };
+
+//# sourceMappingURL=MarkerIcon.js.map

package/dist/components/marker/MarkerIcon/MarkerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerIcon.js","names":["splitProps","clsx","MarkerIconProps","MarkerIcon","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","MarkerIcon","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/marker/MarkerIcon/MarkerIcon.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MarkerIconProps } from \"./MarkerIcon.types\";\n\n/** 装饰性图标槽，对辅助技术隐藏（aria-hidden） */\nexport function MarkerIcon(props: MarkerIconProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <span\n      {...rest}\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      class={clsx(\n        \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAWC,GAAwB;CACjD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAS8B,OAT9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAa,eACX;GAAM,IAAAiB,QAAA;IAAA,OACXtB,EACL,wDACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/marker/MarkerIcon/MarkerIcon.types.d.ts

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

package/dist/components/marker/MarkerIcon/index.d.ts

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

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

@@ -0,0 +1,6 @@
+export { Marker, markerVariants } from './Marker';
+export type { MarkerProps } from './Marker';
+export { MarkerIcon } from './MarkerIcon';
+export type { MarkerIconProps } from './MarkerIcon';
+export { MarkerContent } from './MarkerContent';
+export type { MarkerContentProps } from './MarkerContent';

package/dist/components/marker/index.js

@@ -0,0 +1,5 @@
+import { markerVariants as e } from "./Marker/Marker.styles.js";
+import { Marker as t } from "./Marker/Marker.js";
+import { MarkerIcon as n } from "./MarkerIcon/MarkerIcon.js";
+import { MarkerContent as r } from "./MarkerContent/MarkerContent.js";
+export { t as Marker, r as MarkerContent, n as MarkerIcon, e as markerVariants };

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

@@ -0,0 +1,3 @@
+import { MessageProps } from './Message.types';
+/** 单条消息的行布局：负责头像、对齐、header、footer 的排布 */
+export declare function Message(props: MessageProps): import('solid-js').JSX.Element;

package/dist/components/message/Message/Message.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","names":["mergeProps","splitProps","clsx","MessageProps","Message","props","merged","align","const","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-align","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Message","merged","props","local","rest","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/message/Message/Message.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { MessageProps } from \"./Message.types\";\n\n/** 单条消息的行布局：负责头像、对齐、header、footer 的排布 */\nexport function Message(props: MessageProps) {\n  const merged = mergeProps({ align: \"start\" } as const, props);\n  const [local, rest] = splitProps(merged, [\"align\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"message\"\n      data-align={local.align}\n      class={clsx(\n        \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBI,EAAQC,GAAqB;CAC3C,IAAMC,IAASN,EAAW,EAAEO,OAAO,QAAQ,GAAYF,CAAK,GACtD,CAACI,GAAOC,KAAQT,EAAWK,GAAQ;EAAC;EAAS;EAAS;CAAW,CAAC;CAExE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAS8B,OAT9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAS,IAAA,eAAA;IAAA,OACPD,EAAMF;GAAK;GAAA,IAAAwB,QAAA;IAAA,OAChB7B,EACL,8FACAO,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAN;CAAA,EAAA,CAAA;AAGhC"}

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

@@ -0,0 +1,5 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type MessageAlign = "start" | "end";
+export type MessageProps = PolymorphicProps<"div", BaseProps & {
+    align?: MessageAlign;
+}, false>;

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

@@ -0,0 +1,2 @@
+export { Message } from './Message';
+export type { MessageProps, MessageAlign } from './Message.types';

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

@@ -0,0 +1,5 @@
+import { MessageAvatarProps } from './MessageAvatar.types';
+/**
+ * 头像槽：贴消息底部；当消息带 MessageFooter 时上移，与消息主体对齐。
+ */
+export declare function MessageAvatar(props: MessageAvatarProps): import('solid-js').JSX.Element;

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