@neut/ui 0.0.15 → 0.0.17

package/dist/components/item/ItemSeparator/ItemSeparator.d.ts

@@ -1,2 +1,2 @@
 import { ItemSeparatorProps } from './ItemSeparator.types';
-export declare const ItemSeparator: (props: ItemSeparatorProps) => import("solid-js").JSX.Element;
+export declare const ItemSeparator: (props: ItemSeparatorProps) => import('solid-js').JSX.Element;

package/dist/components/item/ItemSeparator/ItemSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemSeparator.js","names":["splitProps","clsx","ItemSeparatorProps","Separator","ItemSeparator","props","local","others","_$createComponent","_$mergeProps","orientation","class"],"sources":["../../../../src/components/item/ItemSeparator/ItemSeparator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemSeparatorProps } from \"./ItemSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const ItemSeparator = (props: ItemSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      class={clsx(\"my-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAASM,EAAA;EAAA,aAAA;EAERC,aAAW;EAAA,IAAA,QAAA;GAAA,OACJT,EAAK,QAAQK,EAAMK,KAAK;EAAC;CAAA,GAC5BJ,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"ItemSeparator.js","names":["splitProps","clsx","ItemSeparatorProps","Separator","ItemSeparator","props","local","others","_$createComponent","_$mergeProps","orientation","class","_$createComponent","_$mergeProps","ItemSeparator","local","others","splitProps","props","createComponent","Separator","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/item/ItemSeparator/ItemSeparator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemSeparatorProps } from \"./ItemSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const ItemSeparator = (props: ItemSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      class={clsx(\"my-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAASM,EAAA;EAAA,aAAA;EAERC,aAAW;EAAA,IAAAY,QAAA;GAAA,OACJrB,EAAK,QAAQK,EAAMK,KAAK;EAAC;CAAA,GAC5BJ,CAAM,CAAA;AAGhB"}

package/dist/components/item/ItemTitle/ItemTitle.d.ts

@@ -1,2 +1,2 @@
 import { ItemTitleProps } from './ItemTitle.types';
-export declare const ItemTitle: (props: ItemTitleProps) => import("solid-js").JSX.Element;
+export declare const ItemTitle: (props: ItemTitleProps) => import('solid-js').JSX.Element;

package/dist/components/item/ItemTitle/ItemTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTitle.js","names":["splitProps","clsx","ItemTitleProps","ItemTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemTitle/ItemTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemTitleProps } from \"./ItemTitle.types\";\n\nexport const ItemTitle = (props: ItemTitleProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-title\"\n      class={clsx(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uDAIaG,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,kGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ItemTitle.js","names":["splitProps","clsx","ItemTitleProps","ItemTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","ItemTitle","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/item/ItemTitle/ItemTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemTitleProps } from \"./ItemTitle.types\";\n\nexport const ItemTitle = (props: ItemTitleProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-title\"\n      class={clsx(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uDAIaG,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,kGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/kbd/Kbd.d.ts

@@ -1,3 +1,3 @@
 import { KbdGroupProps, KbdProps } from './Kbd.types';
-export declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
-export declare const KbdGroup: (props: KbdGroupProps) => import("solid-js").JSX.Element;
+export declare const Kbd: (props: KbdProps) => import('solid-js').JSX.Element;
+export declare const KbdGroup: (props: KbdGroupProps) => import('solid-js').JSX.Element;

package/dist/components/kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","names":["splitProps","KbdGroupProps","KbdProps","clsx","Kbd","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","KbdGroup","_el$2","_tmpl$2"],"sources":["../../../src/components/kbd/Kbd.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { KbdGroupProps, KbdProps } from \"./Kbd.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Kbd = (props: KbdProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      class={clsx(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const KbdGroup = (props: KbdGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      class={clsx(\"inline-flex items-center gap-1\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;kGAIaI,KAAOC,MAAoB;CACtC,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EACL,yWACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB,GAEaK,KAAYR,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAS,IAAAC,EAAA;EAIc,OAJdL,EAAAI,GAAAH,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,kCAAkCG,EAAMM,KAAK;EAAC,EAAA,GACtDL,CAAM,GAAA,IAAA,EAAA,GAAAO;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Kbd.js","names":["splitProps","KbdGroupProps","KbdProps","clsx","Kbd","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","KbdGroup","_el$2","_tmpl$2","_$mergeProps","_tmpl$","_tmpl$2","Kbd","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","KbdGroup","_el$2"],"sources":["../../../src/components/kbd/Kbd.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { KbdGroupProps, KbdProps } from \"./Kbd.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Kbd = (props: KbdProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      class={clsx(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const KbdGroup = (props: KbdGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      class={clsx(\"inline-flex items-center gap-1\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;kGAIaI,KAAOC,MAAoB;CACtC,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAgB,QAAA;GAAA,OAGWxB,EACL,yWACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB,GAEaK,KAAYR,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAS,IAAAC,EAAA;EAIc,OAJdL,EAAAI,GAAAH,EAAA,EAAA,IAAAgB,QAAA;GAAA,OAGWxB,EAAK,kCAAkCG,EAAMM,KAAK;EAAC,EAAA,GACtDL,CAAM,GAAA,IAAA,EAAA,GAAAO;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/label/Label.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from './Label.types';
-export declare const Label: (props: LabelProps) => import("solid-js").JSX.Element;
+export declare const Label: (props: LabelProps) => import('solid-js').JSX.Element;

package/dist/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["splitProps","LabelProps","clsx","Label","props","ref","HTMLLabelElement","local","others","handleClick","e","MouseEvent","htmlFor","for","target","document","querySelector","HTMLElement","click","contains","Node","preventDefault","_el$","_tmpl$","$$click","_ref$","_$use","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { LabelProps } from \"./Label.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Label = (props: LabelProps) => {\n  let ref: HTMLLabelElement | undefined;\n  const [local, others] = splitProps(props, [\"for\", \"class\", \"classList\"]);\n\n  const handleClick = (e: MouseEvent) => {\n    // 兄弟元素用 for 查找\n    const htmlFor = local.for;\n    if (htmlFor) {\n      const target = document.querySelector<HTMLElement>(\n        `[aria-labelledby=\"${htmlFor}\"]`,\n      );\n      if (!target) return;\n      target.click();\n      return;\n    }\n\n    // 子元素直接查询有 `aria-labelledby` 属性\n    const target = ref?.querySelector<HTMLElement>(\"[aria-labelledby]\");\n    if (target && !target.contains(e.target as Node)) {\n      e.preventDefault(); // 阻止 label 原生的自动点击转发\n      target.click(); // 手动触发一次\n    }\n  };\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: ignore\n    <label\n      ref={ref}\n      for={local.for}\n      data-slot=\"label\"\n      class={clsx(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        local.class,\n      )}\n      onClick={handleClick}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oDAIaG,KAASC,MAAsB;CAC1C,IAAIC,GACE,CAACE,GAAOC,KAAUR,EAAWI,GAAO;EAAC;EAAO;EAAS;CAAW,CAAC,GAEjEK,KAAeC,MAAkB;EAErC,IAAME,IAAUL,EAAMM;EACtB,IAAID,GAAS;GACX,IAAME,IAASC,SAASC,cACtB,qBAAqBJ,EAAO,GAC9B;GACA,IAAI,CAACE,GAAQ;GACbA,EAAOI,MAAM;GACb;EACF;EAGA,IAAMJ,IAAST,GAAKW,cAA2B,mBAAmB;EAClE,AAAIF,KAAU,CAACA,EAAOK,SAAST,EAAEI,MAAc,MAC7CJ,EAAEW,eAAe,GACjBP,EAAOI,MAAM;CAEjB;CAEA,cACE;EAAA,IAAAI,IAAAC,EAAA;EAAAD,EAAAE,UASWf;EAAW,IAAAgB,IAPfpB;EAQK,OARF,OAAAoB,KAAA,aAAAC,EAAAD,GAAAH,CAAA,IAAHjB,IAAGiB,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,MAAA;IAAA,OACHrB,EAAMM;GAAG;GAAA,IAAA,QAAA;IAAA,OAEPX,EACL,uNACAK,EAAMsB,KACR;GAAC;EAAA,GAEGrB,CAAM,GAAA,IAAA,EAAA,GAAAc;CAAA,EAAA,CAAA;AAGhB;AAAEQ,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"Label.js","names":["splitProps","LabelProps","clsx","Label","props","ref","HTMLLabelElement","local","others","handleClick","e","MouseEvent","htmlFor","for","target","document","querySelector","HTMLElement","click","contains","Node","preventDefault","_el$","_tmpl$","$$click","_ref$","_$use","_$spread","_$mergeProps","class","_$delegateEvents","_$use","_$mergeProps","_$delegateEvents","_tmpl$","Label","ref","local","others","splitProps","props","handleClick","htmlFor","target","_el$","_ref$","use","spread","mergeProps","\"for\"","\"class\"","clsx","delegateEvents"],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { LabelProps } from \"./Label.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Label = (props: LabelProps) => {\n  let ref: HTMLLabelElement | undefined;\n  const [local, others] = splitProps(props, [\"for\", \"class\", \"classList\"]);\n\n  const handleClick = (e: MouseEvent) => {\n    // 兄弟元素用 for 查找\n    const htmlFor = local.for;\n    if (htmlFor) {\n      const target = document.querySelector<HTMLElement>(\n        `[aria-labelledby=\"${htmlFor}\"]`,\n      );\n      if (!target) return;\n      target.click();\n      return;\n    }\n\n    // 子元素直接查询有 `aria-labelledby` 属性\n    const target = ref?.querySelector<HTMLElement>(\"[aria-labelledby]\");\n    if (target && !target.contains(e.target as Node)) {\n      e.preventDefault(); // 阻止 label 原生的自动点击转发\n      target.click(); // 手动触发一次\n    }\n  };\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: ignore\n    <label\n      ref={ref}\n      for={local.for}\n      data-slot=\"label\"\n      class={clsx(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        local.class,\n      )}\n      onClick={handleClick}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oDAIaG,KAASC,MAAsB;CAC1C,IAAIC,GACE,CAACE,GAAOC,KAAUR,EAAWI,GAAO;EAAC;EAAO;EAAS;CAAW,CAAC,GAEjEK,KAAeC,MAAkB;EAErC,IAAME,IAAUL,EAAMM;EACtB,IAAID,GAAS;GACX,IAAME,IAASC,SAASC,cACtB,qBAAqBJ,EAAO,GAC9B;GACA,IAAI,CAACE,GAAQ;GACbA,EAAOI,MAAM;GACb;EACF;EAGA,IAAMJ,IAAST,GAAKW,cAA2B,mBAAmB;EAClE,AAAIF,KAAU,CAACA,EAAOK,SAAST,EAAEI,MAAc,MAC7CJ,EAAEW,eAAe,GACjBP,EAAOI,MAAM;CAEjB;CAEA,cACE;EAAA,IAAAI,IAAAC,EAAA;EAAAD,EAAAE,UASWf;EAAW,IAAAgB,IAPfpB;EAQK,OARF,OAAAoB,KAAA,aAAAC,EAAAD,GAAAH,CAAA,IAAHjB,IAAGiB,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAAqB,MAAA;IAAA,OACH1C,EAAMM;GAAG;GAAA,IAAAqC,QAAA;IAAA,OAEPhD,EACL,uNACAK,EAAMsB,KACR;GAAC;EAAA,GAEGrB,CAAM,GAAA,IAAA,EAAA,GAAAc;CAAA,EAAA,CAAA;AAGhB;AAAEQ,EAAA,CAAA,OAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import { ValidComponent } from 'solid-js';
+import { MarkerProps } from './Marker.types';
+/**
+ * 会话中的行内标记：状态、系统提示、带下边框的行、或带标签的分隔条。
+ * 多态渲染（默认 div，可换 button/a）；展示型可加 `role="status"`。
+ */
+export declare const Marker: <T extends ValidComponent = "div">(props: MarkerProps<T>) => import('solid-js').JSX.Element;

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

@@ -0,0 +1,35 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { markerVariants as t } from "./Marker.styles.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/marker/Marker/Marker.tsx
+var s = (s) => {
+	let c = a({
+		variant: "default",
+		component: "div"
+	}, s), [l, u] = o(c, [
+		"variant",
+		"component",
+		"class",
+		"classList"
+	]);
+	return r(n, i(u, {
+		get component() {
+			return l.component;
+		},
+		"data-slot": "marker",
+		get "data-variant"() {
+			return l.variant;
+		},
+		get class() {
+			return e(t({ variant: l.variant }), l.class);
+		},
+		get classList() {
+			return l.classList;
+		}
+	}));
+};
+//#endregion
+export { s as Marker };
+
+//# sourceMappingURL=Marker.js.map

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;