@neut/ui 0.0.16 → 0.0.17

package/dist/components/sheet/SheetContent/SheetContent.js

@@ -0,0 +1,48 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { DialogSurface as t } from "../../dialog/DialogSurface/DialogSurface.js";
+import { SheetClose as n } from "../SheetClose/SheetClose.js";
+import { closeClasses as r, contentBase as i, sideClasses as a } from "./SheetContent.styles.js";
+import { createComponent as o, memo as s, mergeProps as c } from "solid-js/web";
+import { Show as l, mergeProps as u, splitProps as d } from "solid-js";
+//#region src/components/sheet/SheetContent/SheetContent.tsx
+var f = (f) => {
+	let p = u({
+		side: "right",
+		showCloseButton: !0
+	}, f), [m, h] = d(p, [
+		"side",
+		"showCloseButton",
+		"class",
+		"classList",
+		"children"
+	]);
+	return o(t, c(h, {
+		role: "dialog",
+		"data-slot": "sheet-content",
+		get "data-side"() {
+			return m.side;
+		},
+		get class() {
+			return e(i, a(m.side), m.class);
+		},
+		get classList() {
+			return m.classList;
+		},
+		get children() {
+			return [s(() => m.children), o(l, {
+				get when() {
+					return m.showCloseButton;
+				},
+				get children() {
+					return o(n, { get class() {
+						return r(m.side);
+					} });
+				}
+			})];
+		}
+	}));
+};
+//#endregion
+export { f as SheetContent };
+
+//# sourceMappingURL=SheetContent.js.map

package/dist/components/sheet/SheetContent/SheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.js","names":["Show","mergeProps","splitProps","clsx","DialogSurface","SheetClose","closeClasses","contentBase","sideClasses","SheetContentProps","SheetContent","props","merged","side","const","showCloseButton","local","others","_$createComponent","_$mergeProps","role","data-side","class","classList","children","_$memo","when","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","SheetContent","merged","props","local","others","splitProps","createComponent","DialogSurface","mergeProps","\"class\"","clsx","contentBase","sideClasses","memo","Show","SheetClose","closeClasses"],"sources":["../../../../src/components/sheet/SheetContent/SheetContent.tsx"],"sourcesContent":["import { Show, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { DialogSurface } from \"~/components/dialog\";\nimport { SheetClose } from \"../SheetClose\";\nimport { closeClasses, contentBase, sideClasses } from \"./SheetContent.styles\";\nimport type { SheetContentProps } from \"../sheet.types\";\n\n/**\n * Sheet 面板:复用 DialogSurface(Portal/Overlay/滚动锁定/挂载动画/ARIA),\n * 通过 `data-side` + 方向类实现贴边与滑入滑出。\n */\nexport const SheetContent = (props: SheetContentProps) => {\n  const merged = mergeProps(\n    { side: \"right\" as const, showCloseButton: true },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <DialogSurface\n      {...others}\n      role=\"dialog\"\n      data-slot=\"sheet-content\"\n      data-side={local.side}\n      class={clsx(contentBase, sideClasses(local.side), local.class)}\n      classList={local.classList}\n    >\n      {local.children}\n      <Show when={local.showCloseButton}>\n        <SheetClose class={closeClasses(local.side)} />\n      </Show>\n    </DialogSurface>\n  );\n};\n"],"mappings":";;;;;;;AAWA,IAAaU,KAAgBC,MAA6B;CACxD,IAAMC,IAASX,EACb;EAAEY,MAAM;EAAkBE,iBAAiB;CAAK,GAChDJ,CACF,GAEM,CAACK,GAAOC,KAAUf,EAAWU,GAAQ;EACzC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGd,GAAae,EACRF,GAAM;EACVG,MAAI;EAAA,aAAA;EAAA,IAAA,cAAA;GAAA,OAEOJ,EAAMH;EAAI;EAAA,IAAA4B,QAAA;GAAA,OACdtC,EAAKI,GAAaC,EAAYQ,EAAMH,IAAI,GAAGG,EAAMM,KAAK;EAAC;EAAA,IAC9DC,YAAS;GAAA,OAAEP,EAAMO;EAAS;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAC,QAEzBT,EAAMQ,QAAQ,GAAAN,EACdlB,GAAI;IAAA,IAAC0B,OAAI;KAAA,OAAEV,EAAMD;IAAe;IAAA,IAAAS,WAAA;KAAA,OAAAN,EAC9Bb,GAAU,EAAA,IAAAoC,QAAA;MAAA,OAAQnC,EAAaU,EAAMH,IAAI;KAAC,EAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAInD"}

package/dist/components/sheet/SheetContent/SheetContent.styles.d.ts

@@ -0,0 +1,10 @@
+import { SheetSide } from '../sheet.types';
+/**
+ * 贴边面板的基础样式。动画走本仓库既有的 animate-in/out 工具类:
+ * 打开时从对应边滑入 + 淡入,关闭时滑出 + 淡出,由 DialogSurface 的
+ * onAnimationEnd 负责卸载。
+ */
+export declare const contentBase = "fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0";
+export declare function sideClasses(side: SheetSide): string;
+/** 右上角关闭按钮位置;左右两侧留白一致,顶部/底部面板也适用 */
+export declare function closeClasses(_side: SheetSide): string;

package/dist/components/sheet/SheetContent/SheetContent.styles.js

@@ -0,0 +1,17 @@
+//#region src/components/sheet/SheetContent/SheetContent.styles.ts
+var e = "fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0", t = {
+	top: "inset-x-0 top-0 h-auto border-b data-[open=true]:slide-in-from-top data-[open=false]:slide-out-to-top",
+	bottom: "inset-x-0 bottom-0 h-auto border-t data-[open=true]:slide-in-from-bottom data-[open=false]:slide-out-to-bottom",
+	left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-[open=true]:slide-in-from-left data-[open=false]:slide-out-to-left",
+	right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-[open=true]:slide-in-from-right data-[open=false]:slide-out-to-right"
+};
+function n(e) {
+	return t[e];
+}
+function r(e) {
+	return "absolute top-4 right-4";
+}
+//#endregion
+export { r as closeClasses, e as contentBase, n as sideClasses };
+
+//# sourceMappingURL=SheetContent.styles.js.map

package/dist/components/sheet/SheetContent/SheetContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.styles.js","names":["contentBase","sideStyles","sideClasses","side","closeClasses"],"sources":["../../../../src/components/sheet/SheetContent/SheetContent.styles.ts"],"sourcesContent":["import type { SheetSide } from \"../sheet.types\";\n\n/**\n * 贴边面板的基础样式。动画走本仓库既有的 animate-in/out 工具类:\n * 打开时从对应边滑入 + 淡入,关闭时滑出 + 淡出,由 DialogSurface 的\n * onAnimationEnd 负责卸载。\n */\nexport const contentBase =\n  \"fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0\";\n\nconst sideStyles: Record<SheetSide, string> = {\n  top: \"inset-x-0 top-0 h-auto border-b data-[open=true]:slide-in-from-top data-[open=false]:slide-out-to-top\",\n  bottom:\n    \"inset-x-0 bottom-0 h-auto border-t data-[open=true]:slide-in-from-bottom data-[open=false]:slide-out-to-bottom\",\n  left: \"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-[open=true]:slide-in-from-left data-[open=false]:slide-out-to-left\",\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-[open=true]:slide-in-from-right data-[open=false]:slide-out-to-right\",\n};\n\nexport function sideClasses(side: SheetSide): string {\n  return sideStyles[side];\n}\n\n/** 右上角关闭按钮位置;左右两侧留白一致,顶部/底部面板也适用 */\nexport function closeClasses(_side: SheetSide): string {\n  return \"absolute top-4 right-4\";\n}\n"],"mappings":";AAOA,IAAaA,IACX,+QAEIC,IAAwC;CAC5C,KAAK;CACL,QACE;CACF,MAAM;CACN,OACE;AACJ;AAEA,SAAgBC,EAAY,GAAyB;CACnD,OAAOD,EAAWE;AACpB;AAGA,SAAgBC,EAAa,GAA0B;CACrD,OAAO;AACT"}

package/dist/components/sheet/SheetContent/index.d.ts

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

package/dist/components/sheet/SheetDescription/SheetDescription.d.ts

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

package/dist/components/sheet/SheetDescription/SheetDescription.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../../dialog/DialogContent/DialogContent.context.js";
+import { classes as n } from "./SheetDescription.styles.js";
+import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
+import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
+//#region src/components/sheet/SheetDescription/SheetDescription.tsx
+var u = /*#__PURE__*/ o("<p data-slot=sheet-description>");
+function d(o) {
+	let { setDescriptionID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
+	return c(() => d(m)), (() => {
+		var t = u();
+		return i(t, "id", m), a(t, r({
+			get class() {
+				return e(n, f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
+	})();
+}
+//#endregion
+export { d as SheetDescription };
+
+//# sourceMappingURL=SheetDescription.js.map

package/dist/components/sheet/SheetDescription/SheetDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDescription.js","names":["createUniqueId","onMount","splitProps","clsx","useDialogContentContext","classes","SheetDescriptionProps","SheetDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","setDescriptionID","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/sheet/SheetDescription/SheetDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDialogContentContext } from \"~/components/dialog\";\nimport { classes } from \"./SheetDescription.styles\";\nimport type { SheetDescriptionProps } from \"../sheet.types\";\n\nexport function SheetDescription(props: SheetDescriptionProps) {\n  const { setDescriptionID } = useDialogContentContext();\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  const id = createUniqueId();\n\n  onMount(() => setDescriptionID(id));\n\n  return (\n    <p\n      id={id}\n      data-slot=\"sheet-description\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAiBC,GAA8B;CAC7D,IAAM,EAAEC,wBAAqBL,EAAwB,GAC/C,CAACM,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAC1DI,IAAKZ,EAAe;CAI1B,OAFAC,QAAcQ,EAAiBG,CAAE,CAAC,UAElC;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAECjC,EAAKE,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/SheetDescription/SheetDescription.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";

package/dist/components/sheet/SheetDescription/SheetDescription.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/sheet/SheetDescription/SheetDescription.styles.ts
+var e = "text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=SheetDescription.styles.js.map

package/dist/components/sheet/SheetDescription/SheetDescription.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDescription.styles.js","names":["classes"],"sources":["../../../../src/components/sheet/SheetDescription/SheetDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/sheet/SheetDescription/index.d.ts

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

package/dist/components/sheet/SheetFooter/SheetFooter.d.ts

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

package/dist/components/sheet/SheetFooter/SheetFooter.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/sheet/SheetFooter/SheetFooter.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": "sheet-footer",
+			get class() {
+				return e("mt-auto flex flex-col gap-2 p-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as SheetFooter };
+
+//# sourceMappingURL=SheetFooter.js.map

package/dist/components/sheet/SheetFooter/SheetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetFooter.js","names":["splitProps","clsx","SheetFooterProps","SheetFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sheet/SheetFooter/SheetFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { SheetFooterProps } from \"../sheet.types\";\n\nexport function SheetFooter(props: SheetFooterProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...others}\n      data-slot=\"sheet-footer\"\n      class={clsx(\"mt-auto flex flex-col gap-2 p-4\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAChE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAM;GAAA,aACA;GAAc,IAAAiB,QAAA;IAAA,OACjBtB,EAAK,mCAAmCI,EAAMM,KAAK;GAAC;GAAA,IAC3DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/sheet/SheetFooter/index.d.ts

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

package/dist/components/sheet/SheetHeader/SheetHeader.d.ts

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

package/dist/components/sheet/SheetHeader/SheetHeader.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/sheet/SheetHeader/SheetHeader.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": "sheet-header",
+			get class() {
+				return e("flex flex-col gap-1.5 p-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as SheetHeader };
+
+//# sourceMappingURL=SheetHeader.js.map

package/dist/components/sheet/SheetHeader/SheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.js","names":["splitProps","clsx","SheetHeaderProps","SheetHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sheet/SheetHeader/SheetHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { SheetHeaderProps } from \"../sheet.types\";\n\nexport function SheetHeader(props: SheetHeaderProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...others}\n      data-slot=\"sheet-header\"\n      class={clsx(\"flex flex-col gap-1.5 p-4\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAChE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAM;GAAA,aACA;GAAc,IAAAiB,QAAA;IAAA,OACjBtB,EAAK,6BAA6BI,EAAMM,KAAK;GAAC;GAAA,IACrDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/sheet/SheetHeader/index.d.ts

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

package/dist/components/sheet/SheetTitle/SheetTitle.d.ts

@@ -0,0 +1,3 @@
+import { SheetTitleProps } from '../sheet.types';
+/** 通过 DialogContentContext 注入 id,供 DialogSurface 的 aria-labelledby 使用 */
+export declare function SheetTitle(props: SheetTitleProps): import('solid-js').JSX.Element;

package/dist/components/sheet/SheetTitle/SheetTitle.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../../dialog/DialogContent/DialogContent.context.js";
+import { classes as n } from "./SheetTitle.styles.js";
+import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
+import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
+//#region src/components/sheet/SheetTitle/SheetTitle.tsx
+var u = /*#__PURE__*/ o("<h2 data-slot=sheet-title>");
+function d(o) {
+	let { setTitleID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
+	return c(() => d(m)), (() => {
+		var t = u();
+		return i(t, "id", m), a(t, r({
+			get class() {
+				return e(n, f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
+	})();
+}
+//#endregion
+export { d as SheetTitle };
+
+//# sourceMappingURL=SheetTitle.js.map

package/dist/components/sheet/SheetTitle/SheetTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetTitle.js","names":["createUniqueId","onMount","splitProps","clsx","useDialogContentContext","classes","SheetTitleProps","SheetTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","setTitleID","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/sheet/SheetTitle/SheetTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDialogContentContext } from \"~/components/dialog\";\nimport { classes } from \"./SheetTitle.styles\";\nimport type { SheetTitleProps } from \"../sheet.types\";\n\n/** 通过 DialogContentContext 注入 id,供 DialogSurface 的 aria-labelledby 使用 */\nexport function SheetTitle(props: SheetTitleProps) {\n  const { setTitleID } = useDialogContentContext();\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  const id = createUniqueId();\n\n  onMount(() => setTitleID(id));\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"sheet-title\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,kBAAeL,EAAwB,GACzC,CAACM,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAC1DI,IAAKZ,EAAe;CAI1B,OAFAC,QAAcQ,EAAWG,CAAE,CAAC,UAE5B;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAECjC,EAAKE,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/SheetTitle/SheetTitle.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "cn-font-heading text-base leading-none font-medium";

package/dist/components/sheet/SheetTitle/SheetTitle.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/sheet/SheetTitle/SheetTitle.styles.ts
+var e = "cn-font-heading text-base leading-none font-medium";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=SheetTitle.styles.js.map

package/dist/components/sheet/SheetTitle/SheetTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetTitle.styles.js","names":["classes"],"sources":["../../../../src/components/sheet/SheetTitle/SheetTitle.styles.ts"],"sourcesContent":["export const classes = \"cn-font-heading text-base leading-none font-medium\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/sheet/SheetTitle/index.d.ts

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

package/dist/components/sheet/SheetTrigger/SheetTrigger.d.ts

@@ -0,0 +1,8 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { SheetTriggerProps } from '../sheet.types';
+/**
+ * 复用 Dialog 的 trigger 逻辑(多态、disabled、aria-haspopup/expanded/state),
+ * 只替换 `data-slot`。
+ */
+export declare const SheetTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SheetTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/sheet/SheetTrigger/SheetTrigger.js

@@ -0,0 +1,32 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { useDialogTrigger as n } from "../../dialog/DialogTrigger/useDialogTrigger.js";
+import { Dynamic as r, createComponent as i, mergeProps as a } from "solid-js/web";
+//#region src/components/sheet/SheetTrigger/SheetTrigger.tsx
+var o = (o) => {
+	let { open: s, isDisabled: c, attachListeners: l } = n(() => o);
+	return i(r, a(o, {
+		get component() {
+			return o.component ?? t;
+		},
+		ref(t) {
+			var n = e(o.ref, l);
+			typeof n == "function" && n(t);
+		},
+		get disabled() {
+			return c();
+		},
+		"data-slot": "sheet-trigger",
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return s();
+		},
+		get "data-state"() {
+			return s() ? "open" : "closed";
+		}
+	}));
+};
+//#endregion
+export { o as SheetTrigger };
+
+//# sourceMappingURL=SheetTrigger.js.map

package/dist/components/sheet/SheetTrigger/SheetTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetTrigger.js","names":["ValidComponent","Dynamic","Button","useDialogTrigger","mergeRefs","SheetTriggerProps","SheetTrigger","props","T","open","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","disabled","aria-expanded","data-state","_$createComponent","_$mergeProps","SheetTrigger","useDialogTrigger","props","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","attachListeners","r$","isDisabled","open"],"sources":["../../../../src/components/sheet/SheetTrigger/SheetTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { useDialogTrigger } from \"~/components/dialog\";\nimport { mergeRefs } from \"~/utils\";\nimport type { SheetTriggerProps } from \"../sheet.types\";\n\n/**\n * 复用 Dialog 的 trigger 逻辑(多态、disabled、aria-haspopup/expanded/state),\n * 只替换 `data-slot`。\n */\nexport const SheetTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SheetTriggerProps<T>,\n) => {\n  const { open, isDisabled, attachListeners } = useDialogTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"sheet-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open()}\n      data-state={open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AAWA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,SAAMC,eAAYC,uBAAoBR,QAAuBI,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Db,EAAUG,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC1CE,WAAQ;GAAA,OAAER,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAK;EAAC;EAAA,IAAA,eAAA;GAAA,OACTA,EAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAG5C"}

package/dist/components/sheet/SheetTrigger/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export { Sheet } from './Sheet';
+export { SheetTrigger } from './SheetTrigger';
+export { SheetClose } from './SheetClose';
+export { SheetContent } from './SheetContent';
+export { SheetHeader } from './SheetHeader';
+export { SheetFooter } from './SheetFooter';
+export { SheetTitle } from './SheetTitle';
+export { SheetDescription } from './SheetDescription';
+export type { SheetSide, SheetProps, SheetTriggerProps, SheetCloseProps, SheetContentProps, SheetHeaderProps, SheetFooterProps, SheetTitleProps, SheetDescriptionProps, } from './sheet.types';

package/dist/components/sheet/index.js

@@ -0,0 +1,9 @@
+import { Sheet as e } from "./Sheet/Sheet.js";
+import { SheetTrigger as t } from "./SheetTrigger/SheetTrigger.js";
+import { SheetClose as n } from "./SheetClose/SheetClose.js";
+import { SheetContent as r } from "./SheetContent/SheetContent.js";
+import { SheetHeader as i } from "./SheetHeader/SheetHeader.js";
+import { SheetFooter as a } from "./SheetFooter/SheetFooter.js";
+import { SheetTitle as o } from "./SheetTitle/SheetTitle.js";
+import { SheetDescription as s } from "./SheetDescription/SheetDescription.js";
+export { e as Sheet, n as SheetClose, r as SheetContent, s as SheetDescription, a as SheetFooter, i as SheetHeader, o as SheetTitle, t as SheetTrigger };

package/dist/components/sheet/sheet.types.d.ts

@@ -0,0 +1,19 @@
+import { ValidComponent } from 'solid-js';
+import { ButtonProps } from '../button';
+import { DialogProps, DialogSurfaceProps } from '../dialog';
+import { BaseProps, PolymorphicProps } from '../../types';
+export type SheetSide = "top" | "right" | "bottom" | "left";
+/** Sheet 根:复用 Dialog 的 open/defaultOpen/onOpenChange/lockScroll */
+export type SheetProps = DialogProps;
+export type SheetTriggerProps<T extends ValidComponent> = PolymorphicProps<T>;
+export type SheetCloseProps = ButtonProps<"button">;
+export type SheetContentProps = DialogSurfaceProps & {
+    /** 贴靠的屏幕边缘,默认 "right" */
+    side?: SheetSide;
+    /** 是否显示右上角关闭按钮,默认 true */
+    showCloseButton?: boolean;
+};
+export type SheetHeaderProps = PolymorphicProps<"div", BaseProps, false>;
+export type SheetFooterProps = PolymorphicProps<"div", BaseProps, false>;
+export type SheetTitleProps = PolymorphicProps<"h2", BaseProps, false>;
+export type SheetDescriptionProps = PolymorphicProps<"p", BaseProps, false>;

package/dist/components/tooltip/TooltipContent/TooltipContent.js

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { getAlignment as t, getSide as n } from "../../../lib/positioner/core/placement.js";
-import { getTransformOrigin as r } from "./TooltipContent.utils.js";
+import { getTransformOrigin as r } from "../../../lib/positioner/utils/floating.js";
 import { useTooltipContent as i } from "./useTooltipContent.js";
 import { TooltipContentContext as a } from "./TooltipContent.context.js";
 import { Portal as o, createComponent as s, effect as c, insert as l, mergeProps as u, setAttribute as d, spread as f, style as p, template as m, use as h } from "solid-js/web";

package/dist/components/tooltip/TooltipContent/TooltipContent.utils.d.ts

@@ -1,58 +1,14 @@
-import { Middleware, Placement, Side, Alignment } from '../../../lib';
-/**
- * 把 shadcn/Radix 风格的 side + align 拆分参数，转换成核心库统一用的
- * `Placement` 字符串（比如 side='top' + align='start' → 'top-start'）。
- * align 是 'center'（默认对齐、不偏移）时不带后缀，直接是 side 本身。
- */
-export declare function toPhysicalSide(side: Side | "inline-start" | "inline-end", dir?: string): Side;
-export declare function toPlacement(side: Side | "inline-start" | "inline-end", align: Alignment | "center", dir?: string): Placement;
-/**
- * 根据最终生效的 placement，算出缩放动画应该以哪个点为锚点（CSS transform-origin）。
- * 锚点应该落在"贴近 trigger 的那条边"上——比如 placement 是 'top'（content 在
- * trigger 上方），锚点就该是 content 自己的底边，缩放动画看起来才会像是
- * "从 trigger 那里长出来"，而不是原地放大缩小（默认的 transform-origin 是
- * 几何中心 50% 50%，视觉上和"从哪个方向冒出来"没有任何关联）。
- * 交叉轴（对齐方向）同理：align 是 start 就贴左/上边，end 就贴右/下边。
- */
-export declare function getTransformOrigin(placement: Placement): string;
+import { Middleware } from '../../../lib';
+export { toPhysicalSide, toPlacement, getTransformOrigin, } from '../../../lib';
 export interface BuildTooltipMiddlewareOptions {
     sideOffset: number;
-    /** 沿交叉轴（对齐方向）的偏移，对应 offset middleware 的 crossAxis */
+    /** 沿交叉轴(对齐方向)的偏移,对应 offset middleware 的 crossAxis */
     alignOffset: number;
     collisionPadding: number;
     arrowElement: () => Element | undefined;
 }
 /**
- * Tooltip 定位管线的固定配方：
- *
- * 1. offset      — 沿主轴保持 sideOffset 间距，沿交叉轴偏移 alignOffset
- * 2. flip        — 主轴方向放不下就翻到对面（比如上方没空间就翻到下方）
- * 3. shift       — 翻转后仍溢出，就在不换边的前提下贴边平移
- * 4. arrow       — 算出箭头相对 content 的偏移，让它始终指向 trigger 中心
- * 5. hide        — trigger 被自己的滚动容器完全裁掉时标记隐藏
- * 6. containingBlockOffset — 修正祖先元素 transform 等属性导致的 position:fixed
- *    包含块偏移（demo 里通常不出现，放进有大量 transform 的真实项目后才会暴露，
- *    详见该 middleware 自身的注释）。放在最后一位，因为它修正的是"最终要写进
- *    DOM 的坐标"，前面几步都在统一的视口坐标系里计算，不受这个偏移影响。
- *
- * 特意没有用 size 中间件去动态限制 max-height、允许内容超长时滚动——
- * tooltip 不应该出现滚动条（这不是本库的一般性限制，是 tooltip 这个组件
- * 类型本身该有的样子，shadcn/Radix 的 Tooltip 也是这么做的）。宽度上限
- * 靠 TooltipContent.tsx 里静态的 `max-w-xs` class 兜底，让文字自然换行；
- * 高度完全不做限制，交给内容自身的实际高度决定。
- *
- * 这个决定还有一个技术上的原因：早先的实现里试过用 size 中间件动态算
- * max-height 配合 overflow:auto 实现"超长内容可滚动"，结果发现内层元素
- * 一旦同时具备 overflow:auto 和入场动画（zoom-in-95 会给它加一个 transform），
- * 动画播放期间 transform 会让这个元素变成箭头新的包含块（CSS 规范：非 none
- * 的 transform 会创建包含块），箭头戳出内层边缘的那部分又会被算进内层的
- * 可滚动溢出区域——于是出现了"打开瞬间闪一下滚动条，箭头跟着被遮住，
- * 动画播完滚动条消失、箭头才重新出现"这种诡异现象。去掉滚动能力后，
- * 这个耦合从根上就不存在了。
- *
- * 顺序不能随便换：arrow 必须在 shift/flip 之后（要用最终坐标才能算对偏移），
- * containingBlockOffset 必须在所有其他 middleware 之后。
- *
- * 单独抽成函数是为了让 useTooltipContent 保持简洁，也方便针对这套管线单独测试。
+ * Tooltip 定位管线:offset → flip → shift → arrow → hide → containingBlockOffset。
+ * 与 Popover/HoverCard 共用 createFloatingMiddleware,只多了 arrow。
  */
 export declare function createTooltipMiddleware(options: BuildTooltipMiddlewareOptions): Middleware[];

package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js

@@ -1,44 +1,15 @@
-import { getAlignment as e, getSide as t } from "../../../lib/positioner/core/placement.js";
-import { offset as n } from "../../../lib/positioner/middleware/offset.js";
-import { shift as r } from "../../../lib/positioner/middleware/shift.js";
-import { flip as i } from "../../../lib/positioner/middleware/flip.js";
-import { arrow as a } from "../../../lib/positioner/middleware/arrow.js";
-import { hide as o } from "../../../lib/positioner/middleware/hide.js";
-import { containingBlockOffset as s } from "../../../lib/positioner/middleware/containing-block-offset.js";
+import { createFloatingMiddleware as e, getTransformOrigin as t, toPlacement as n } from "../../../lib/positioner/utils/floating.js";
 //#region src/components/tooltip/TooltipContent/TooltipContent.utils.ts
-function c(e, t) {
-	return e === "inline-start" ? t === "rtl" ? "right" : "left" : e === "inline-end" ? t === "rtl" ? "left" : "right" : e;
-}
-function l(e, t, n) {
-	let r = c(e, n);
-	return t === "center" ? r : `${r}-${t}`;
-}
-function u(n) {
-	let r = t(n), i = e(n), a = i === "start" ? "0%" : i === "end" ? "100%" : "50%";
-	switch (r) {
-		case "top": return `${a} 100%`;
-		case "bottom": return `${a} 0%`;
-		case "left": return `100% ${a}`;
-		case "right": return `0% ${a}`;
-	}
-}
-function d(e) {
-	return [
-		n({
-			mainAxis: e.sideOffset,
-			crossAxis: e.alignOffset
-		}),
-		i(),
-		r({ padding: e.collisionPadding }),
-		a({
-			element: e.arrowElement,
-			padding: 6
-		}),
-		o(),
-		s()
-	];
+function r(t) {
+	return e({
+		sideOffset: t.sideOffset,
+		alignOffset: t.alignOffset,
+		collisionPadding: t.collisionPadding,
+		arrowElement: t.arrowElement,
+		arrowPadding: 6
+	});
 }
 //#endregion
-export { d as createTooltipMiddleware, u as getTransformOrigin, c as toPhysicalSide, l as toPlacement };
+export { r as createTooltipMiddleware, t as getTransformOrigin, n as toPlacement };
 
 //# sourceMappingURL=TooltipContent.utils.js.map

package/dist/components/tooltip/TooltipContent/TooltipContent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.utils.js","names":["toPhysicalSide","side","dir","toPlacement","physical","align","getTransformOrigin","getSide","placement","getAlignment","crossAxisOrigin","createTooltipMiddleware","offset","options","flip","shift","arrow","hide","containingBlockOffset"],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.utils.ts"],"sourcesContent":["import {\n  offset,\n  flip,\n  shift,\n  arrow,\n  hide,\n  containingBlockOffset,\n  getSide,\n  getAlignment,\n  type Middleware,\n  type Placement,\n  type Side,\n  type Alignment,\n} from \"~/lib\";\n\n/**\n * 把 shadcn/Radix 风格的 side + align 拆分参数，转换成核心库统一用的\n * `Placement` 字符串（比如 side='top' + align='start' → 'top-start'）。\n * align 是 'center'（默认对齐、不偏移）时不带后缀，直接是 side 本身。\n */\nexport function toPhysicalSide(\n  side: Side | \"inline-start\" | \"inline-end\",\n  dir?: string,\n): Side {\n  if (side === \"inline-start\") {\n    return dir === \"rtl\" ? \"right\" : \"left\";\n  }\n  if (side === \"inline-end\") {\n    return dir === \"rtl\" ? \"left\" : \"right\";\n  }\n  return side;\n}\n\nexport function toPlacement(\n  side: Side | \"inline-start\" | \"inline-end\",\n  align: Alignment | \"center\",\n  dir?: string,\n): Placement {\n  const physical = toPhysicalSide(side, dir);\n  return align === \"center\" ? physical : (`${physical}-${align}` as Placement);\n}\n\n/**\n * 根据最终生效的 placement，算出缩放动画应该以哪个点为锚点（CSS transform-origin）。\n * 锚点应该落在\"贴近 trigger 的那条边\"上——比如 placement 是 'top'（content 在\n * trigger 上方），锚点就该是 content 自己的底边，缩放动画看起来才会像是\n * \"从 trigger 那里长出来\"，而不是原地放大缩小（默认的 transform-origin 是\n * 几何中心 50% 50%，视觉上和\"从哪个方向冒出来\"没有任何关联）。\n * 交叉轴（对齐方向）同理：align 是 start 就贴左/上边，end 就贴右/下边。\n */\nexport function getTransformOrigin(placement: Placement): string {\n  const side = getSide(placement);\n  const align = getAlignment(placement);\n  const crossAxisOrigin =\n    align === \"start\" ? \"0%\" : align === \"end\" ? \"100%\" : \"50%\";\n\n  switch (side) {\n    case \"top\":\n      return `${crossAxisOrigin} 100%`;\n    case \"bottom\":\n      return `${crossAxisOrigin} 0%`;\n    case \"left\":\n      return `100% ${crossAxisOrigin}`;\n    case \"right\":\n      return `0% ${crossAxisOrigin}`;\n  }\n}\n\nexport interface BuildTooltipMiddlewareOptions {\n  sideOffset: number;\n  /** 沿交叉轴（对齐方向）的偏移，对应 offset middleware 的 crossAxis */\n  alignOffset: number;\n  collisionPadding: number;\n  arrowElement: () => Element | undefined;\n}\n\n/**\n * Tooltip 定位管线的固定配方：\n *\n * 1. offset      — 沿主轴保持 sideOffset 间距，沿交叉轴偏移 alignOffset\n * 2. flip        — 主轴方向放不下就翻到对面（比如上方没空间就翻到下方）\n * 3. shift       — 翻转后仍溢出，就在不换边的前提下贴边平移\n * 4. arrow       — 算出箭头相对 content 的偏移，让它始终指向 trigger 中心\n * 5. hide        — trigger 被自己的滚动容器完全裁掉时标记隐藏\n * 6. containingBlockOffset — 修正祖先元素 transform 等属性导致的 position:fixed\n *    包含块偏移（demo 里通常不出现，放进有大量 transform 的真实项目后才会暴露，\n *    详见该 middleware 自身的注释）。放在最后一位，因为它修正的是\"最终要写进\n *    DOM 的坐标\"，前面几步都在统一的视口坐标系里计算，不受这个偏移影响。\n *\n * 特意没有用 size 中间件去动态限制 max-height、允许内容超长时滚动——\n * tooltip 不应该出现滚动条（这不是本库的一般性限制，是 tooltip 这个组件\n * 类型本身该有的样子，shadcn/Radix 的 Tooltip 也是这么做的）。宽度上限\n * 靠 TooltipContent.tsx 里静态的 `max-w-xs` class 兜底，让文字自然换行；\n * 高度完全不做限制，交给内容自身的实际高度决定。\n *\n * 这个决定还有一个技术上的原因：早先的实现里试过用 size 中间件动态算\n * max-height 配合 overflow:auto 实现\"超长内容可滚动\"，结果发现内层元素\n * 一旦同时具备 overflow:auto 和入场动画（zoom-in-95 会给它加一个 transform），\n * 动画播放期间 transform 会让这个元素变成箭头新的包含块（CSS 规范：非 none\n * 的 transform 会创建包含块），箭头戳出内层边缘的那部分又会被算进内层的\n * 可滚动溢出区域——于是出现了\"打开瞬间闪一下滚动条，箭头跟着被遮住，\n * 动画播完滚动条消失、箭头才重新出现\"这种诡异现象。去掉滚动能力后，\n * 这个耦合从根上就不存在了。\n *\n * 顺序不能随便换：arrow 必须在 shift/flip 之后（要用最终坐标才能算对偏移），\n * containingBlockOffset 必须在所有其他 middleware 之后。\n *\n * 单独抽成函数是为了让 useTooltipContent 保持简洁，也方便针对这套管线单独测试。\n */\nexport function createTooltipMiddleware(\n  options: BuildTooltipMiddlewareOptions,\n): Middleware[] {\n  return [\n    offset({ mainAxis: options.sideOffset, crossAxis: options.alignOffset }),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    arrow({ element: options.arrowElement, padding: 6 }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgBA,EACd,GACA,GACM;CAON,OANIC,MAAS,iBACJC,MAAQ,QAAQ,UAAU,SAE/BD,MAAS,eACJC,MAAQ,QAAQ,SAAS,UAE3BD;AACT;AAEA,SAAgBE,EACd,GACA,GACA,GACW;CACX,IAAMC,IAAWJ,EAAeC,GAAMC,CAAG;CACzC,OAAOG,MAAU,WAAWD,IAAY,GAAGA,EAAS,GAAGC;AACzD;AAUA,SAAgBC,EAAmB,GAA8B;CAC/D,IAAML,IAAOM,EAAQC,CAAS,GACxBH,IAAQI,EAAaD,CAAS,GAC9BE,IACJL,MAAU,UAAU,OAAOA,MAAU,QAAQ,SAAS;CAExD,QAAQJ,GAAR;EACE,KAAK,OACH,OAAO,GAAGS,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAGA,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQA;EACjB,KAAK,SACH,OAAO,MAAMA;CACjB;AACF;AA2CA,SAAgBC,EACd,GACc;CACd,OAAO;EACLC,EAAO;GAAE,UAAUC,EAAQ;GAAY,WAAWA,EAAQ;EAAY,CAAC;EACvEC,EAAK;EACLC,EAAM,EAAE,SAASF,EAAQ,iBAAiB,CAAC;EAC3CG,EAAM;GAAE,SAASH,EAAQ;GAAc,SAAS;EAAE,CAAC;EACnDI,EAAK;EACLC,EAAsB;CACxB;AACF"}
+{"version":3,"file":"TooltipContent.utils.js","names":["createTooltipMiddleware","createFloatingMiddleware","options","getTransformOrigin","toPlacement"],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.utils.ts"],"sourcesContent":["import { createFloatingMiddleware, type Middleware } from \"~/lib\";\n\n// 定位相关的纯函数已抽到 ~/lib/positioner/utils/floating,这里保留原有导出名,\n// 避免 Tooltip 内部 import 变动。\nexport {\n  toPhysicalSide,\n  toPlacement,\n  getTransformOrigin,\n} from \"~/lib\";\n\nexport interface BuildTooltipMiddlewareOptions {\n  sideOffset: number;\n  /** 沿交叉轴(对齐方向)的偏移,对应 offset middleware 的 crossAxis */\n  alignOffset: number;\n  collisionPadding: number;\n  arrowElement: () => Element | undefined;\n}\n\n/**\n * Tooltip 定位管线:offset → flip → shift → arrow → hide → containingBlockOffset。\n * 与 Popover/HoverCard 共用 createFloatingMiddleware,只多了 arrow。\n */\nexport function createTooltipMiddleware(\n  options: BuildTooltipMiddlewareOptions,\n): Middleware[] {\n  return createFloatingMiddleware({\n    sideOffset: options.sideOffset,\n    alignOffset: options.alignOffset,\n    collisionPadding: options.collisionPadding,\n    arrowElement: options.arrowElement,\n    arrowPadding: 6,\n  });\n}\n"],"mappings":";;AAsBA,SAAgBA,EACd,GACc;CACd,OAAOC,EAAyB;EAC9B,YAAYC,EAAQ;EACpB,aAAaA,EAAQ;EACrB,kBAAkBA,EAAQ;EAC1B,cAAcA,EAAQ;EACtB,cAAc;CAChB,CAAC;AACH"}

package/dist/components/tooltip/TooltipContent/useTooltipContent.js

@@ -1,14 +1,15 @@
 import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
-import { useTooltipContext as t } from "../Tooltip/Tooltip.context.js";
-import { createTooltipMiddleware as n, toPlacement as r } from "./TooltipContent.utils.js";
+import { toPlacement as t } from "../../../lib/positioner/utils/floating.js";
+import { useTooltipContext as n } from "../Tooltip/Tooltip.context.js";
+import { createTooltipMiddleware as r } from "./TooltipContent.utils.js";
 import { createEffect as i, createMemo as a, createSignal as o, onCleanup as s } from "solid-js";
 //#region src/components/tooltip/TooltipContent/useTooltipContent.ts
 var c = 300;
 function l(l) {
-	let u = t("TooltipContent"), [d, f] = o(), [p, m] = o(), h = e(u.reference, u.floating, {
-		placement: () => r(l().side ?? "top", l().align ?? "center", l().dir),
+	let u = n("TooltipContent"), [d, f] = o(), [p, m] = o(), h = e(u.reference, u.floating, {
+		placement: () => t(l().side ?? "top", l().align ?? "center", l().dir),
 		strategy: "fixed",
-		middleware: () => n({
+		middleware: () => r({
 			sideOffset: l().sideOffset ?? 4,
 			alignOffset: l().alignOffset ?? 0,
 			collisionPadding: l().collisionPadding ?? 8,