@neut/ui 0.0.12 → 0.0.14

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

@@ -7,9 +7,13 @@ import { hide as o } from "../../../lib/positioner/middleware/hide.js";
 import { containingBlockOffset as s } from "../../../lib/positioner/middleware/containing-block-offset.js";
 //#region src/components/tooltip/TooltipContent/TooltipContent.utils.ts
 function c(e, t) {
-	return t === "center" ? e : `${e}-${t}`;
+	return e === "inline-start" ? t === "rtl" ? "right" : "left" : e === "inline-end" ? t === "rtl" ? "left" : "right" : e;
 }
-function l(n) {
+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%`;
@@ -18,7 +22,7 @@ function l(n) {
 		case "right": return `0% ${a}`;
 	}
 }
-function u(e) {
+function d(e) {
 	return [
 		n({
 			mainAxis: e.sideOffset,
@@ -35,6 +39,6 @@ function u(e) {
 	];
 }
 //#endregion
-export { u as createTooltipMiddleware, l as getTransformOrigin, c as toPlacement };
+export { d as createTooltipMiddleware, u as getTransformOrigin, c as toPhysicalSide, l 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":[],"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 toPlacement(\n  side: Side,\n  align: Alignment | \"center\",\n): Placement {\n  return align === \"center\" ? side : (`${side}-${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,SAAgB,EACd,GACA,GACW;CACX,OAAO,MAAU,WAAW,IAAQ,GAAG,EAAK,GAAG;AACjD;AAUA,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,IAAO,EAAQ,CAAS,GACxB,IAAQ,EAAa,CAAS,GAC9B,IACJ,MAAU,UAAU,OAAO,MAAU,QAAQ,SAAS;CAExD,QAAQ,GAAR;EACE,KAAK,OACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQ;EACjB,KAAK,SACH,OAAO,MAAM;CACjB;AACF;AA2CA,SAAgB,EACd,GACc;CACd,OAAO;EACL,EAAO;GAAE,UAAU,EAAQ;GAAY,WAAW,EAAQ;EAAY,CAAC;EACvE,EAAK;EACL,EAAM,EAAE,SAAS,EAAQ,iBAAiB,CAAC;EAC3C,EAAM;GAAE,SAAS,EAAQ;GAAc,SAAS;EAAE,CAAC;EACnD,EAAK;EACL,EAAsB;CACxB;AACF"}
+{"version":3,"file":"TooltipContent.utils.js","names":[],"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,SAAgB,EACd,GACA,GACM;CAON,OANI,MAAS,iBACJ,MAAQ,QAAQ,UAAU,SAE/B,MAAS,eACJ,MAAQ,QAAQ,SAAS,UAE3B;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACW;CACX,IAAM,IAAW,EAAe,GAAM,CAAG;CACzC,OAAO,MAAU,WAAW,IAAY,GAAG,EAAS,GAAG;AACzD;AAUA,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,IAAO,EAAQ,CAAS,GACxB,IAAQ,EAAa,CAAS,GAC9B,IACJ,MAAU,UAAU,OAAO,MAAU,QAAQ,SAAS;CAExD,QAAQ,GAAR;EACE,KAAK,OACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQ;EACjB,KAAK,SACH,OAAO,MAAM;CACjB;AACF;AA2CA,SAAgB,EACd,GACc;CACd,OAAO;EACL,EAAO;GAAE,UAAU,EAAQ;GAAY,WAAW,EAAQ;EAAY,CAAC;EACvE,EAAK;EACL,EAAM,EAAE,SAAS,EAAQ,iBAAiB,CAAC;EAC3C,EAAM;GAAE,SAAS,EAAQ;GAAc,SAAS;EAAE,CAAC;EACnD,EAAK;EACL,EAAsB;CACxB;AACF"}

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

@@ -6,10 +6,10 @@ import { createEffect as i, createMemo as a, createSignal as o, onCleanup as s }
 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"),
+		placement: () => r(l().side ?? "top", l().align ?? "center", l().dir),
 		strategy: "fixed",
 		middleware: () => n({
-			sideOffset: l().sideOffset ?? 8,
+			sideOffset: l().sideOffset ?? 4,
 			alignOffset: l().alignOffset ?? 0,
 			collisionPadding: l().collisionPadding ?? 8,
 			arrowElement: d
@@ -21,9 +21,9 @@ function l(l) {
 			s(() => cancelAnimationFrame(e));
 		} else v("closed");
 	});
-	let [y, b] = o();
+	let [y, b] = o(), [x, S] = o(g());
 	i(() => {
-		if (!S()) return;
+		if (!x()) return;
 		let e = u.pendingSlideFrom();
 		if (!e || !h.isPositioned()) return;
 		let t = e.x - h.x(), n = e.y - h.y();
@@ -35,7 +35,7 @@ function l(l) {
 			y: 0
 		}));
 	});
-	let x = a(() => {
+	let C = a(() => {
 		let e = y();
 		if (!e) return {};
 		let t = e.x === 0 && e.y === 0;
@@ -43,32 +43,33 @@ function l(l) {
 			transform: `translate(${e.x}px, ${e.y}px)`,
 			transition: t ? "transform 150ms ease" : void 0
 		};
-	}), [S, C] = o(g());
+	});
 	return i((e) => {
 		let t = g(), n = p();
-		if (t) C(!0);
-		else if (e && n) if (u.consumeSuppressExitAnimation()) C(!1);
-		else {
-			let e = (e) => {
-				e.target === n && C(!1);
-			};
-			n.addEventListener("animationend", e), s(() => n.removeEventListener("animationend", e));
-			let t = window.setTimeout(() => C(!1), c);
-			s(() => window.clearTimeout(t));
-		}
-		else t || C(!1);
+		if (t) S(!0);
+		else if (e && n) {
+			if (u.consumeSuppressExitAnimation()) S(!1);
+			else {
+				let e = (e) => {
+					e.target === n && S(!1);
+				};
+				n.addEventListener("animationend", e), s(() => n.removeEventListener("animationend", e));
+				let t = window.setTimeout(() => S(!1), c);
+				s(() => window.clearTimeout(t));
+			}
+		} else t || S(!1);
 		return t;
 	}, g()), {
 		ctx: u,
 		pos: h,
 		isVisible: g,
-		mounted: S,
+		mounted: x,
 		animationState: _,
 		arrowElement: d,
 		setArrowElement: f,
 		contentElement: p,
 		setContentElement: m,
-		slideStyle: x
+		slideStyle: C
 	};
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"useTooltipContent.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/useTooltipContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\nimport { createTooltipMiddleware, toPlacement } from \"./TooltipContent.utils\";\nimport type { TooltipContentProps } from \"./TooltipContent.types\";\n\n/** 没有触发任何 CSS animation 时的兜底卸载延迟（ms）——比如没装 tailwindcss-animate、\n * 或者自定义样式只用了 transition 而不是 @keyframes，animationend 永远不会触发，\n * 避免元素卡在 DOM 里退不出去。 */\nconst EXIT_FALLBACK_MS = 300;\n\nexport interface UseTooltipContentResult {\n  ctx: ReturnType<typeof useTooltipContext>;\n  pos: Positioner;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断，代表\"逻辑上应不应该打开\" */\n  isVisible: () => boolean;\n  /**\n   * 代表\"DOM 里要不要还留着这个节点\"。isVisible 变 false 之后，mounted 不会立刻\n   * 跟着变 false，而是等退场动画播完（或者兜底超时）才变——展示层应该用它来控制\n   * <Show>，而不是直接用 isVisible，否则退场动画根本来不及播放就被卸载了。\n   */\n  mounted: () => boolean;\n  /**\n   * 真正用来驱动 data-state（进而驱动 CSS 进出场动画 class）的状态，\n   * 展示层应该用它，而不是直接用 isVisible。\n   *\n   * 和 isVisible 的区别只在\"打开\"这一侧：isVisible 变 true 的瞬间，\n   * animationState 不会立刻跟着变 \"open\"，而是等一帧（requestAnimationFrame）\n   * 之后才变——这一帧的间隙用来让箭头（TooltipArrow）完成挂载、把自己注册给\n   * arrow middleware、拿到正确的位置偏移。如果不等这一帧，动画会在箭头位置\n   * 还没算对的时候就开始播放，播到一半箭头才\"跳\"到正确位置，看起来就像是\n   * 箭头比内容慢一拍——这正是因为内容的淡入/缩放靠的是 CSS 动画（父元素的\n   * opacity/transform 会连带影响所有子元素，包括箭头，两者本该同步），而箭头\n   * 的具体位置靠的是 JS 算出来的 left/top，这是两套完全独立的机制，只有当\n   * \"开始播放动画\"这个时间点晚于\"箭头位置算完\"，才能保证两者观感一致。\n   * 关闭这一侧不需要这个延迟，isVisible 变 false 时 animationState 立刻跟着变。\n   */\n  animationState: () => \"open\" | \"closed\";\n  arrowElement: () => Element | undefined;\n  setArrowElement: (el: Element) => void;\n  /** 内层内容元素（真正播放进出场动画的那一层），TooltipContent 需要把它 ref 进来 */\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n  /**\n   * 加在\"滑动层\"（定位层和内容层之间的中间那层）上的 style。\n   * 命中 TooltipGroup 抢占时会有一个非零初始偏移，下一帧起会用 CSS transition\n   * 平滑归零，从而制造出\"从旧 tooltip 位置滑到新位置\"的效果；平时是空对象，\n   * 不产生任何影响。\n   */\n  slideStyle: () => { transform?: string; transition?: string };\n}\n\nexport function useTooltipContent(\n  props: () => TooltipContentProps,\n): UseTooltipContentResult {\n  const ctx = useTooltipContext(\"TooltipContent\");\n  const [arrowElement, setArrowElement] = createSignal<Element>();\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () =>\n      toPlacement(props().side ?? \"top\", props().align ?? \"center\"),\n    strategy: \"fixed\",\n    middleware: () =>\n      createTooltipMiddleware({\n        sideOffset: props().sideOffset ?? 8,\n        alignOffset: props().alignOffset ?? 0,\n        collisionPadding: props().collisionPadding ?? 8,\n        arrowElement,\n      }),\n  });\n\n  // reference 完全滚出视口（比如所在容器被单独滚动）时，hide middleware 会标记\n  // referenceHidden，这里据此隐藏浮层，避免它悬空显示在一个已经看不到的触发器旁边。\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // --- 箭头和内容同步入场：延迟一帧再触发动画 class ---\n  // 见 UseTooltipContentResult.animationState 的注释：只有\"开始播放动画\"这个\n  // 时间点晚于\"箭头位置算完\"，才能保证箭头不会在动画播到一半时才跳到正确位置。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      // 关闭不需要等——退场动画本来就是从\"当前已经落定的位置\"往外淡出/缩小，\n      // 不存在箭头位置还没算好这个问题，没理由延迟。\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // --- TooltipGroup 抢占时的\"滑入\"过渡（FLIP 技术） ---\n  const [slideOffset, setSlideOffset] = createSignal<{\n    x: number;\n    y: number;\n  }>();\n\n  createEffect(() => {\n    if (!mounted()) return;\n    const from = ctx.pendingSlideFrom();\n    if (!from) return;\n    // 必须等真正定位完成（知道自己算出来的最终坐标）才能算出\"要从哪滑过来\"的差值。\n    if (!pos.isPositioned()) return;\n\n    const dx = from.x - pos.x();\n    const dy = from.y - pos.y();\n    // 第一步：把偏移设成非零值——这一步和 floatingStyles() 的最终坐标叠加后，\n    // 视觉上让新 tooltip 一出现就恰好在旧 tooltip 原来的位置，没有任何跳动。\n    setSlideOffset({ x: dx, y: dy });\n    // 消费一次立刻清空，避免后续 autoUpdate（滚动/resize 触发的重新定位）\n    // 又把这次的偏移重新套用一遍。\n    ctx.clearPendingSlideFrom();\n\n    // 第二步：下一帧再把偏移量归零。因为这次更新带上了 transition（见下面\n    // slideStyle 的实现），浏览器会把\"从非零偏移回到 0\"这个变化平滑动画出来，\n    // 效果就是从旧位置滑到新位置。用 requestAnimationFrame 而不是同步归零，\n    // 是为了确保浏览器先真正画出第一帧（非零偏移、无 transition），\n    // 下一帧的变化才有\"起点\"可以过渡，不会被浏览器合并成一次跳变。\n    requestAnimationFrame(() => setSlideOffset({ x: 0, y: 0 }));\n  });\n\n  const slideStyle = createMemo(() => {\n    const offset = slideOffset();\n    if (!offset) return {};\n    const atRest = offset.x === 0 && offset.y === 0;\n    return {\n      transform: `translate(${offset.x}px, ${offset.y}px)`,\n      // 只有\"归零\"这一步才带 transition：非零的那一帧要求瞬间落位、不能有动画，\n      // 否则会先看到它从视口原点飞过来，而不是从旧 tooltip 的位置飞过来。\n      transition: atRest ? \"transform 150ms ease\" : undefined,\n    };\n  });\n\n  // --- 退场动画支持（Presence）---\n  // isVisible 从 true 变 false 的瞬间，不立刻让 <Show> 卸载节点：先把 data-state\n  // 切到 closed（触发退场动画的 CSS class），等这个节点自己的 animationend 触发\n  // （或者兜底超时）之后，才真正把 mounted 设为 false，交给 <Show> 卸载。\n  const [mounted, setMounted] = createSignal(isVisible());\n\n  createEffect((wasVisible: boolean) => {\n    const visible = isVisible();\n    const el = contentElement();\n\n    if (visible) {\n      setMounted(true);\n    } else if (wasVisible && el) {\n      if (ctx.consumeSuppressExitAnimation()) {\n        // 被 TooltipGroup 抢占强制关闭：跳过退场动画，立即卸载，避免和正在\n        // 滑入的新 tooltip 同时出现在屏幕上（这是\"同时存在两个 tooltip\"这个\n        // bug 的根因——之前不管什么原因关闭，都统一走了退场动画那条路）。\n        setMounted(false);\n      } else {\n        const handleAnimationEnd = (e: AnimationEvent) => {\n          // 忽略从子元素冒泡上来的 animationend，只认内容元素自己播放的那个动画\n          if (e.target !== el) return;\n          setMounted(false);\n        };\n        el.addEventListener(\"animationend\", handleAnimationEnd);\n        onCleanup(() =>\n          el.removeEventListener(\"animationend\", handleAnimationEnd),\n        );\n\n        const fallback = window.setTimeout(\n          () => setMounted(false),\n          EXIT_FALLBACK_MS,\n        );\n        onCleanup(() => window.clearTimeout(fallback));\n      }\n    } else if (!visible) {\n      setMounted(false);\n    }\n\n    return visible;\n  }, isVisible());\n\n  return {\n    ctx,\n    pos,\n    isVisible,\n    mounted,\n    animationState,\n    arrowElement,\n    setArrowElement,\n    contentElement,\n    setContentElement,\n    slideStyle,\n  };\n}\n"],"mappings":";;;;;AASA,IAAM,IAAmB;AA2CzB,SAAgB,EACd,GACyB;CACzB,IAAM,IAAM,EAAkB,gBAAgB,GACxC,CAAC,GAAc,KAAmB,EAAsB,GACxD,CAAC,GAAgB,KAAqB,EAA0B,GAEhE,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBACE,EAAY,EAAM,CAAC,CAAC,QAAQ,OAAO,EAAM,CAAC,CAAC,SAAS,QAAQ;EAC9D,UAAU;EACV,kBACE,EAAwB;GACtB,YAAY,EAAM,CAAC,CAAC,cAAc;GAClC,aAAa,EAAM,CAAC,CAAC,eAAe;GACpC,kBAAkB,EAAM,CAAC,CAAC,oBAAoB;GAC9C;EACF,CAAC;CACL,CAAC,GAIK,IAAY,QACV,EAAI,KAAK,KAAK,CAAC,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAKM,CAAC,GAAgB,KAAqB,EAC1C,QACF;CAEA,QAAmB;EACjB,IAAI,EAAU,GAAG;GACf,IAAM,IAAM,4BAA4B,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqB,CAAG,CAAC;EAC3C,OAGE,EAAkB,QAAQ;CAE9B,CAAC;CAGD,IAAM,CAAC,GAAa,KAAkB,EAGnC;CAEH,QAAmB;EACjB,IAAI,CAAC,EAAQ,GAAG;EAChB,IAAM,IAAO,EAAI,iBAAiB;EAGlC,IAFI,CAAC,KAED,CAAC,EAAI,aAAa,GAAG;EAEzB,IAAM,IAAK,EAAK,IAAI,EAAI,EAAE,GACpB,IAAK,EAAK,IAAI,EAAI,EAAE;EAa1B,AAVA,EAAe;GAAE,GAAG;GAAI,GAAG;EAAG,CAAC,GAG/B,EAAI,sBAAsB,GAO1B,4BAA4B,EAAe;GAAE,GAAG;GAAG,GAAG;EAAE,CAAC,CAAC;CAC5D,CAAC;CAED,IAAM,IAAa,QAAiB;EAClC,IAAM,IAAS,EAAY;EAC3B,IAAI,CAAC,GAAQ,OAAO,CAAC;EACrB,IAAM,IAAS,EAAO,MAAM,KAAK,EAAO,MAAM;EAC9C,OAAO;GACL,WAAW,aAAa,EAAO,EAAE,MAAM,EAAO,EAAE;GAGhD,YAAY,IAAS,yBAAyB,KAAA;EAChD;CACF,CAAC,GAMK,CAAC,GAAS,KAAc,EAAa,EAAU,CAAC;CAsCtD,OApCA,GAAc,MAAwB;EACpC,IAAM,IAAU,EAAU,GACpB,IAAK,EAAe;EAE1B,IAAI,GACF,EAAW,EAAI;OACV,IAAI,KAAc,GACvB,IAAI,EAAI,6BAA6B,GAInC,EAAW,EAAK;OACX;GACL,IAAM,KAAsB,MAAsB;IAE5C,EAAE,WAAW,KACjB,EAAW,EAAK;GAClB;GAEA,AADA,EAAG,iBAAiB,gBAAgB,CAAkB,GACtD,QACE,EAAG,oBAAoB,gBAAgB,CAAkB,CAC3D;GAEA,IAAM,IAAW,OAAO,iBAChB,EAAW,EAAK,GACtB,CACF;GACA,QAAgB,OAAO,aAAa,CAAQ,CAAC;EAC/C;OACK,AAAK,KACV,EAAW,EAAK;EAGlB,OAAO;CACT,GAAG,EAAU,CAAC,GAEP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useTooltipContent.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/useTooltipContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\nimport { createTooltipMiddleware, toPlacement } from \"./TooltipContent.utils\";\nimport type { TooltipContentProps } from \"./TooltipContent.types\";\n\n/** 没有触发任何 CSS animation 时的兜底卸载延迟（ms）——比如没装 tailwindcss-animate、\n * 或者自定义样式只用了 transition 而不是 @keyframes，animationend 永远不会触发，\n * 避免元素卡在 DOM 里退不出去。 */\nconst EXIT_FALLBACK_MS = 300;\n\nexport interface UseTooltipContentResult {\n  ctx: ReturnType<typeof useTooltipContext>;\n  pos: Positioner;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断，代表\"逻辑上应不应该打开\" */\n  isVisible: () => boolean;\n  /**\n   * 代表\"DOM 里要不要还留着这个节点\"。isVisible 变 false 之后，mounted 不会立刻\n   * 跟着变 false，而是等退场动画播完（或者兜底超时）才变——展示层应该用它来控制\n   * <Show>，而不是直接用 isVisible，否则退场动画根本来不及播放就被卸载了。\n   */\n  mounted: () => boolean;\n  /**\n   * 真正用来驱动 data-state（进而驱动 CSS 进出场动画 class）的状态，\n   * 展示层应该用它，而不是直接用 isVisible。\n   *\n   * 和 isVisible 的区别只在\"打开\"这一侧：isVisible 变 true 的瞬间，\n   * animationState 不会立刻跟着变 \"open\"，而是等一帧（requestAnimationFrame）\n   * 之后才变——这一帧的间隙用来让箭头（TooltipArrow）完成挂载、把自己注册给\n   * arrow middleware、拿到正确的位置偏移。如果不等这一帧，动画会在箭头位置\n   * 还没算对的时候就开始播放，播到一半箭头才\"跳\"到正确位置，看起来就像是\n   * 箭头比内容慢一拍——这正是因为内容的淡入/缩放靠的是 CSS 动画（父元素的\n   * opacity/transform 会连带影响所有子元素，包括箭头，两者本该同步），而箭头\n   * 的具体位置靠的是 JS 算出来的 left/top，这是两套完全独立的机制，只有当\n   * \"开始播放动画\"这个时间点晚于\"箭头位置算完\"，才能保证两者观感一致。\n   * 关闭这一侧不需要这个延迟，isVisible 变 false 时 animationState 立刻跟着变。\n   */\n  animationState: () => \"open\" | \"closed\";\n  arrowElement: () => Element | undefined;\n  setArrowElement: (el: Element) => void;\n  /** 内层内容元素（真正播放进出场动画的那一层），TooltipContent 需要把它 ref 进来 */\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n  /**\n   * 加在\"滑动层\"（定位层和内容层之间的中间那层）上的 style。\n   * 命中 TooltipGroup 抢占时会有一个非零初始偏移，下一帧起会用 CSS transition\n   * 平滑归零，从而制造出\"从旧 tooltip 位置滑到新位置\"的效果；平时是空对象，\n   * 不产生任何影响。\n   */\n  slideStyle: () => { transform?: string; transition?: string };\n}\n\nexport function useTooltipContent(\n  props: () => TooltipContentProps,\n): UseTooltipContentResult {\n  const ctx = useTooltipContext(\"TooltipContent\");\n  const [arrowElement, setArrowElement] = createSignal<Element>();\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () =>\n      toPlacement(\n        props().side ?? \"top\",\n        props().align ?? \"center\",\n        props().dir,\n      ),\n    strategy: \"fixed\",\n    middleware: () =>\n      createTooltipMiddleware({\n        sideOffset: props().sideOffset ?? 4,\n        alignOffset: props().alignOffset ?? 0,\n        collisionPadding: props().collisionPadding ?? 8,\n        arrowElement,\n      }),\n  });\n\n  // reference 完全滚出视口（比如所在容器被单独滚动）时，hide middleware 会标记\n  // referenceHidden，这里据此隐藏浮层，避免它悬空显示在一个已经看不到的触发器旁边。\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // --- 箭头和内容同步入场：延迟一帧再触发动画 class ---\n  // 见 UseTooltipContentResult.animationState 的注释：只有\"开始播放动画\"这个\n  // 时间点晚于\"箭头位置算完\"，才能保证箭头不会在动画播到一半时才跳到正确位置。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      // 关闭不需要等——退场动画本来就是从\"当前已经落定的位置\"往外淡出/缩小，\n      // 不存在箭头位置还没算好这个问题，没理由延迟。\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // --- TooltipGroup 抢占时的\"滑入\"过渡（FLIP 技术） ---\n  const [slideOffset, setSlideOffset] = createSignal<{\n    x: number;\n    y: number;\n  }>();\n\n  const [mounted, setMounted] = createSignal(isVisible());\n\n  createEffect(() => {\n    if (!mounted()) return;\n    const from = ctx.pendingSlideFrom();\n    if (!from) return;\n    // 必须等真正定位完成（知道自己算出来的最终坐标）才能算出\"要从哪滑过来\"的差值。\n    if (!pos.isPositioned()) return;\n\n    const dx = from.x - pos.x();\n    const dy = from.y - pos.y();\n    // 第一步：把偏移设成非零值——这一步和 floatingStyles() 的最终坐标叠加后，\n    // 视觉上让新 tooltip 一出现就恰好在旧 tooltip 原来的位置，没有任何跳动。\n    setSlideOffset({ x: dx, y: dy });\n    // 消费一次立刻清空，避免后续 autoUpdate（滚动/resize 触发的重新定位）\n    // 又把这次的偏移重新套用一遍。\n    ctx.clearPendingSlideFrom();\n\n    // 第二步：下一帧再把偏移量归零。因为这次更新带上了 transition（见下面\n    // slideStyle 的实现），浏览器会把\"从非零偏移回到 0\"这个变化平滑动画出来，\n    // 效果就是从旧位置滑到新位置。用 requestAnimationFrame 而不是同步归零，\n    // 是为了确保浏览器先真正画出第一帧（非零偏移、无 transition），\n    // 下一帧的变化才有\"起点\"可以过渡，不会被浏览器合并成一次跳变。\n    requestAnimationFrame(() => setSlideOffset({ x: 0, y: 0 }));\n  });\n\n  const slideStyle = createMemo(() => {\n    const offset = slideOffset();\n    if (!offset) return {};\n    const atRest = offset.x === 0 && offset.y === 0;\n    return {\n      transform: `translate(${offset.x}px, ${offset.y}px)`,\n      // 只有\"归零\"这一步才带 transition：非零的那一帧要求瞬间落位、不能有动画，\n      // 否则会先看到它从视口原点飞过来，而不是从旧 tooltip 的位置飞过来。\n      transition: atRest ? \"transform 150ms ease\" : undefined,\n    };\n  });\n\n  // --- 退场动画支持（Presence）---\n  // isVisible 从 true 变 false 的瞬间，不立刻让 <Show> 卸载节点：先把 data-state\n  // 切到 closed（触发退场动画的 CSS class），等这个节点自己的 animationend 触发\n  // （或者兜底超时）之后，才真正把 mounted 设为 false，交给 <Show> 卸载。\n  createEffect((wasVisible: boolean) => {\n    const visible = isVisible();\n    const el = contentElement();\n\n    if (visible) {\n      setMounted(true);\n    } else if (wasVisible && el) {\n      if (ctx.consumeSuppressExitAnimation()) {\n        // 被 TooltipGroup 抢占强制关闭：跳过退场动画，立即卸载，避免和正在\n        // 滑入的新 tooltip 同时出现在屏幕上（这是\"同时存在两个 tooltip\"这个\n        // bug 的根因——之前不管什么原因关闭，都统一走了退场动画那条路）。\n        setMounted(false);\n      } else {\n        const handleAnimationEnd = (e: AnimationEvent) => {\n          // 忽略从子元素冒泡上来的 animationend，只认内容元素自己播放的那个动画\n          if (e.target !== el) return;\n          setMounted(false);\n        };\n        el.addEventListener(\"animationend\", handleAnimationEnd);\n        onCleanup(() =>\n          el.removeEventListener(\"animationend\", handleAnimationEnd),\n        );\n\n        const fallback = window.setTimeout(\n          () => setMounted(false),\n          EXIT_FALLBACK_MS,\n        );\n        onCleanup(() => window.clearTimeout(fallback));\n      }\n    } else if (!visible) {\n      setMounted(false);\n    }\n\n    return visible;\n  }, isVisible());\n\n  return {\n    ctx,\n    pos,\n    isVisible,\n    mounted,\n    animationState,\n    arrowElement,\n    setArrowElement,\n    contentElement,\n    setContentElement,\n    slideStyle,\n  };\n}\n"],"mappings":";;;;;AASA,IAAM,IAAmB;AA2CzB,SAAgB,EACd,GACyB;CACzB,IAAM,IAAM,EAAkB,gBAAgB,GACxC,CAAC,GAAc,KAAmB,EAAsB,GACxD,CAAC,GAAgB,KAAqB,EAA0B,GAEhE,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBACE,EACE,EAAM,CAAC,CAAC,QAAQ,OAChB,EAAM,CAAC,CAAC,SAAS,UACjB,EAAM,CAAC,CAAC,GACV;EACF,UAAU;EACV,kBACE,EAAwB;GACtB,YAAY,EAAM,CAAC,CAAC,cAAc;GAClC,aAAa,EAAM,CAAC,CAAC,eAAe;GACpC,kBAAkB,EAAM,CAAC,CAAC,oBAAoB;GAC9C;EACF,CAAC;CACL,CAAC,GAIK,IAAY,QACV,EAAI,KAAK,KAAK,CAAC,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAKM,CAAC,GAAgB,KAAqB,EAC1C,QACF;CAEA,QAAmB;EACjB,IAAI,EAAU,GAAG;GACf,IAAM,IAAM,4BAA4B,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqB,CAAG,CAAC;EAC3C,OAGE,EAAkB,QAAQ;CAE9B,CAAC;CAGD,IAAM,CAAC,GAAa,KAAkB,EAGnC,GAEG,CAAC,GAAS,KAAc,EAAa,EAAU,CAAC;CAEtD,QAAmB;EACjB,IAAI,CAAC,EAAQ,GAAG;EAChB,IAAM,IAAO,EAAI,iBAAiB;EAGlC,IAFI,CAAC,KAED,CAAC,EAAI,aAAa,GAAG;EAEzB,IAAM,IAAK,EAAK,IAAI,EAAI,EAAE,GACpB,IAAK,EAAK,IAAI,EAAI,EAAE;EAa1B,AAVA,EAAe;GAAE,GAAG;GAAI,GAAG;EAAG,CAAC,GAG/B,EAAI,sBAAsB,GAO1B,4BAA4B,EAAe;GAAE,GAAG;GAAG,GAAG;EAAE,CAAC,CAAC;CAC5D,CAAC;CAED,IAAM,IAAa,QAAiB;EAClC,IAAM,IAAS,EAAY;EAC3B,IAAI,CAAC,GAAQ,OAAO,CAAC;EACrB,IAAM,IAAS,EAAO,MAAM,KAAK,EAAO,MAAM;EAC9C,OAAO;GACL,WAAW,aAAa,EAAO,EAAE,MAAM,EAAO,EAAE;GAGhD,YAAY,IAAS,yBAAyB,KAAA;EAChD;CACF,CAAC;CA0CD,OApCA,GAAc,MAAwB;EACpC,IAAM,IAAU,EAAU,GACpB,IAAK,EAAe;EAE1B,IAAI,GACF,EAAW,EAAI;OACV,IAAI,KAAc,GAAI;GAC3B,IAAI,EAAI,6BAA6B,GAInC,EAAW,EAAK;QACX;IACL,IAAM,KAAsB,MAAsB;KAE5C,EAAE,WAAW,KACjB,EAAW,EAAK;IAClB;IAEA,AADA,EAAG,iBAAiB,gBAAgB,CAAkB,GACtD,QACE,EAAG,oBAAoB,gBAAgB,CAAkB,CAC3D;IAEA,IAAM,IAAW,OAAO,iBAChB,EAAW,EAAK,GACtB,CACF;IACA,QAAgB,OAAO,aAAa,CAAQ,CAAC;GAC/C;EACF,OAAO,AAAK,KACV,EAAW,EAAK;EAGlB,OAAO;CACT,GAAG,EAAU,CAAC,GAEP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/components/tooltip/TooltipProvider/TooltipProvider.context.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProviderContextValue } from './TooltipProvider.types';
+export declare const TooltipProviderContext: import('solid-js').Context<TooltipProviderContextValue | undefined>;
+export declare function useTooltipProviderContext(): TooltipProviderContextValue | undefined;

package/dist/components/tooltip/TooltipProvider/TooltipProvider.context.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/tooltip/TooltipProvider/TooltipProvider.context.ts
+var n = e();
+function r() {
+	return t(n);
+}
+//#endregion
+export { n as TooltipProviderContext, r as useTooltipProviderContext };
+
+//# sourceMappingURL=TooltipProvider.context.js.map

package/dist/components/tooltip/TooltipProvider/TooltipProvider.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.context.js","names":[],"sources":["../../../../src/components/tooltip/TooltipProvider/TooltipProvider.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { TooltipProviderContextValue } from \"./TooltipProvider.types\";\n\nexport const TooltipProviderContext =\n  createContext<TooltipProviderContextValue>();\n\nexport function useTooltipProviderContext():\n  | TooltipProviderContextValue\n  | undefined {\n  return useContext(TooltipProviderContext);\n}\n"],"mappings":";;AAGA,IAAa,IACX,EAA2C;AAE7C,SAAgB,IAEF;CACZ,OAAO,EAAW,CAAsB;AAC1C"}

package/dist/components/tooltip/TooltipProvider/TooltipProvider.d.ts

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

package/dist/components/tooltip/TooltipProvider/TooltipProvider.js

@@ -0,0 +1,20 @@
+import { TooltipProviderContext as e } from "./TooltipProvider.context.js";
+import { createComponent as t } from "solid-js/web";
+import { createMemo as n } from "solid-js";
+//#region src/components/tooltip/TooltipProvider/TooltipProvider.tsx
+function r(r) {
+	let i = {
+		delay: n(() => r.delay ?? 0),
+		closeDelay: n(() => r.closeDelay ?? 150)
+	};
+	return t(e.Provider, {
+		value: i,
+		get children() {
+			return r.children;
+		}
+	});
+}
+//#endregion
+export { r as TooltipProvider };
+
+//# sourceMappingURL=TooltipProvider.js.map

package/dist/components/tooltip/TooltipProvider/TooltipProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.js","names":["createMemo","JSX","TooltipProviderContext","TooltipProviderContextValue","TooltipProviderProps","TooltipProvider","props","Element","delay","closeDelay","ctx","_$createComponent","Provider","value","children"],"sources":["../../../../src/components/tooltip/TooltipProvider/TooltipProvider.tsx"],"sourcesContent":["import { createMemo, type JSX } from \"solid-js\";\nimport { TooltipProviderContext } from \"./TooltipProvider.context\";\nimport type {\n  TooltipProviderContextValue,\n  TooltipProviderProps,\n} from \"./TooltipProvider.types\";\n\nexport function TooltipProvider(props: TooltipProviderProps): JSX.Element {\n  const delay = createMemo(() => props.delay ?? 0);\n  const closeDelay = createMemo(() => props.closeDelay ?? 150);\n\n  const ctx: TooltipProviderContextValue = { delay, closeDelay };\n\n  return (\n    <TooltipProviderContext.Provider value={ctx}>\n      {props.children}\n    </TooltipProviderContext.Provider>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgBK,EAAgBC,GAA0C;CAIxE,IAAMI,IAAmC;EAAEF,OAH7BR,QAAiBM,EAAME,SAAS,CAGHA;EAAOC,YAF/BT,QAAiBM,EAAMG,cAAc,GAENA;CAAW;CAE7D,OAAAE,EACGT,EAAuBU,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OACxCR,EAAMQ;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/tooltip/TooltipProvider/TooltipProvider.types.d.ts

@@ -0,0 +1,11 @@
+import { Accessor, ParentProps } from 'solid-js';
+export interface TooltipProviderProps extends ParentProps {
+    /** hover 后延迟多久打开，默认 0（与 shadcn Base UI 保持一致） */
+    delay?: number;
+    /** hover 移出后延迟多久关闭，默认 150 */
+    closeDelay?: number;
+}
+export interface TooltipProviderContextValue {
+    delay: Accessor<number>;
+    closeDelay: Accessor<number>;
+}

package/dist/components/tooltip/TooltipProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { TooltipProvider } from './TooltipProvider';
+export { TooltipProviderContext, useTooltipProviderContext, } from './TooltipProvider.context';
+export type { TooltipProviderProps, TooltipProviderContextValue, } from './TooltipProvider.types';

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

@@ -1,3 +1,5 @@
+export { TooltipProvider } from './TooltipProvider';
+export type { TooltipProviderProps, TooltipProviderContextValue, } from './TooltipProvider';
 export { Tooltip } from './Tooltip';
 export type { TooltipProps, TooltipContextValue } from './Tooltip';
 export { TooltipTrigger } from './TooltipTrigger';

package/dist/components/tooltip/index.js

@@ -1,6 +1,7 @@
-import { Tooltip as e } from "./Tooltip/Tooltip.js";
-import { TooltipTrigger as t } from "./TooltipTrigger/TooltipTrigger.js";
-import { TooltipContent as n } from "./TooltipContent/TooltipContent.js";
-import { TooltipArrow as r } from "./TooltipArrow/TooltipArrow.js";
-import { TooltipGroup as i } from "./TooltipGroup/TooltipGroup.js";
-export { e as Tooltip, r as TooltipArrow, n as TooltipContent, i as TooltipGroup, t as TooltipTrigger };
+import { TooltipProvider as e } from "./TooltipProvider/TooltipProvider.js";
+import { Tooltip as t } from "./Tooltip/Tooltip.js";
+import { TooltipTrigger as n } from "./TooltipTrigger/TooltipTrigger.js";
+import { TooltipContent as r } from "./TooltipContent/TooltipContent.js";
+import { TooltipArrow as i } from "./TooltipArrow/TooltipArrow.js";
+import { TooltipGroup as a } from "./TooltipGroup/TooltipGroup.js";
+export { t as Tooltip, i as TooltipArrow, r as TooltipContent, a as TooltipGroup, e as TooltipProvider, n as TooltipTrigger };

package/dist/index.d.ts

@@ -8,10 +8,14 @@ export * from './components/breadcrumb';
 export * from './components/button';
 export * from './components/button-group';
 export * from './components/card';
+export * from './components/calendar';
 export * from './components/carousel';
 export * from './components/checkbox';
 export * from './components/collapsible';
+export * from './components/combobox';
+export * from './components/date-picker';
 export * from './components/dialog';
+export * from './components/empty';
 export * from './components/field';
 export * from './components/image';
 export * from './components/input';
@@ -20,7 +24,9 @@ export * from './components/item';
 export * from './components/kbd';
 export * from './components/label';
 export * from './components/pagination';
+export * from './components/popover';
 export * from './components/progress';
+export * from './components/radio-group';
 export * from './components/scroll-area';
 export * from './components/select';
 export * from './components/separator';
@@ -32,6 +38,8 @@ export * from './components/switch';
 export * from './components/tabs';
 export * from './components/textarea';
 export * from './components/toast';
+export * from './components/toggle';
+export * from './components/toggle-group';
 export * from './components/tooltip';
 export * from './hooks';
 export * from './utils';