@neut/ui 0.0.15 → 0.0.16

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(\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"}
+{"version":3,"file":"useTooltipContent.js","names":["EXIT_FALLBACK_MS","useTooltipContent","ctx","useTooltipContext","arrowElement","setArrowElement","createSignal","contentElement","setContentElement","pos","createPositioner","toPlacement","props","createTooltipMiddleware","isVisible","createMemo","animationState","setAnimationState","raf","slideOffset","setSlideOffset","mounted","setMounted","from","dx","dy","slideStyle","offset","atRest","createEffect","visible","el","wasVisible","handleAnimationEnd","onCleanup","fallback"],"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,IAAMA,IAAmB;AA2CzB,SAAgBC,EACd,GACyB;CACzB,IAAMC,IAAMC,EAAkB,gBAAgB,GACxC,CAACC,GAAcC,KAAmBC,EAAsB,GACxD,CAACC,GAAgBC,KAAqBF,EAA0B,GAEhEG,IAAMC,EAAiBR,EAAI,WAAWA,EAAI,UAAU;EACxD,iBACES,EACEC,EAAM,CAAC,CAAC,QAAQ,OAChBA,EAAM,CAAC,CAAC,SAAS,UACjBA,EAAM,CAAC,CAAC,GACV;EACF,UAAU;EACV,kBACEC,EAAwB;GACtB,YAAYD,EAAM,CAAC,CAAC,cAAc;GAClC,aAAaA,EAAM,CAAC,CAAC,eAAe;GACpC,kBAAkBA,EAAM,CAAC,CAAC,oBAAoB;GAC9C;EACF,CAAC;CACL,CAAC,GAIKE,IAAYC,QACVb,EAAI,KAAK,KAAK,CAACO,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAKM,CAACO,GAAgBC,KAAqBX,EAC1C,QACF;CAEA,QAAmB;EACjB,IAAIQ,EAAU,GAAG;GACf,IAAMI,IAAM,4BAA4BD,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqBC,CAAG,CAAC;EAC3C,OAGE,EAAkB,QAAQ;CAE9B,CAAC;CAGD,IAAM,CAACC,GAAaC,KAAkBd,EAGnC,GAEG,CAACe,GAASC,KAAchB,EAAaQ,EAAU,CAAC;CAEtD,QAAmB;EACjB,IAAI,CAACO,EAAQ,GAAG;EAChB,IAAME,IAAOrB,EAAI,iBAAiB;EAGlC,IAFI,CAACqB,KAED,CAACd,EAAI,aAAa,GAAG;EAEzB,IAAMe,IAAKD,EAAK,IAAId,EAAI,EAAE,GACpBgB,IAAKF,EAAK,IAAId,EAAI,EAAE;EAa1B,AAVAW,EAAe;GAAE,GAAGI;GAAI,GAAGC;EAAG,CAAC,GAG/BvB,EAAI,sBAAsB,GAO1B,4BAA4BkB,EAAe;GAAE,GAAG;GAAG,GAAG;EAAE,CAAC,CAAC;CAC5D,CAAC;CAED,IAAMM,IAAaX,QAAiB;EAClC,IAAMY,IAASR,EAAY;EAC3B,IAAI,CAACQ,GAAQ,OAAO,CAAC;EACrB,IAAMC,IAASD,EAAO,MAAM,KAAKA,EAAO,MAAM;EAC9C,OAAO;GACL,WAAW,aAAaA,EAAO,EAAE,MAAMA,EAAO,EAAE;GAGhD,YAAYC,IAAS,yBAAyB,KAAA;EAChD;CACF,CAAC;CA0CD,OApCAC,GAAc,MAAwB;EACpC,IAAMC,IAAUhB,EAAU,GACpBiB,IAAKxB,EAAe;EAE1B,IAAIuB,GACF,EAAW,EAAI;OACV,IAAIE,KAAcD,GAAI;GAC3B,IAAI7B,EAAI,6BAA6B,GAInC,EAAW,EAAK;QACX;IACL,IAAM+B,KAAsB,MAAsB;KAEhD,AAAI,EAAE,WAAWF,KACjBT,EAAW,EAAK;IAClB;IAEA,AADAS,EAAG,iBAAiB,gBAAgBE,CAAkB,GACtDC,QACEH,EAAG,oBAAoB,gBAAgBE,CAAkB,CAC3D;IAEA,IAAME,IAAW,OAAO,iBAChBb,EAAW,EAAK,GACtBtB,CACF;IACA,QAAgB,OAAO,aAAamC,CAAQ,CAAC;GAC/C;EACF,OAAO,AAAKL,KACVR,EAAW,EAAK;EAGlB,OAAOQ;CACT,GAAGhB,EAAU,CAAC,GAEP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.context.js","names":[],"sources":["../../../../src/components/tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { Rect } from \"~/lib\";\n\nexport interface ActiveTooltipEntry {\n  /** 读取这个 tooltip 浮层此刻的实时矩形，供下一个抢占它的 tooltip 当\"滑入起点\"用 */\n  rect: () => Rect | undefined;\n  /** 立即关闭（跳过 closeDelay 和退场动画）——组内切换到别的 trigger 时调用 */\n  forceClose: () => void;\n}\n\nexport interface TooltipGroupContextValue {\n  /** 打开时注册自己为\"组内当前活跃的 tooltip\"，返回取消注册函数（关闭/卸载时调用） */\n  registerActive: (entry: ActiveTooltipEntry) => () => void;\n  /**\n   * 组内某个 tooltip 即将打开时调用：\n   * 如果组里当前已经有一个活跃的 tooltip，立即强制关闭它、拿到它此刻的矩形\n   * 并返回（用作平移过渡的起点）；如果组内当前没有任何活跃 tooltip，返回\n   * undefined，调用方应该走正常的 openDelay 流程。\n   *\n   * 用\"是否存在活跃 tooltip\"而不是\"上一个关闭后多久之内\"这种时间窗口来判断，\n   * 是为了精确匹配\"旧的还在退场倒计时里、这时候 hover 了别的 trigger\"这个场景——\n   * 这种情况下旧的严格来说还没真正关闭（open() 依然是 true），基于时间窗口的\n   * 判断会因为\"还没关闭、没触发通知\"而错过这次协调，直接查\"当前活跃\"更可靠。\n   */\n  claim: () => Rect | undefined;\n}\n\nexport const TooltipGroupContext = createContext<TooltipGroupContextValue>();\n\n/**\n * 注意：和其他 useXxxContext 不同，这里缺失 context 时不抛错——\n * <TooltipGroup> 是可选的，单独使用 <Tooltip> 不需要包一层。\n */\nexport function useTooltipGroupContext(): TooltipGroupContextValue | undefined {\n  return useContext(TooltipGroupContext);\n}\n"],"mappings":";;AA2BA,IAAa,IAAsB,EAAwC;AAM3E,SAAgB,IAA+D;CAC7E,OAAO,EAAW,CAAmB;AACvC"}
+{"version":3,"file":"TooltipGroup.context.js","names":["TooltipGroupContext","createContext","useTooltipGroupContext","useContext"],"sources":["../../../../src/components/tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { Rect } from \"~/lib\";\n\nexport interface ActiveTooltipEntry {\n  /** 读取这个 tooltip 浮层此刻的实时矩形，供下一个抢占它的 tooltip 当\"滑入起点\"用 */\n  rect: () => Rect | undefined;\n  /** 立即关闭（跳过 closeDelay 和退场动画）——组内切换到别的 trigger 时调用 */\n  forceClose: () => void;\n}\n\nexport interface TooltipGroupContextValue {\n  /** 打开时注册自己为\"组内当前活跃的 tooltip\"，返回取消注册函数（关闭/卸载时调用） */\n  registerActive: (entry: ActiveTooltipEntry) => () => void;\n  /**\n   * 组内某个 tooltip 即将打开时调用：\n   * 如果组里当前已经有一个活跃的 tooltip，立即强制关闭它、拿到它此刻的矩形\n   * 并返回（用作平移过渡的起点）；如果组内当前没有任何活跃 tooltip，返回\n   * undefined，调用方应该走正常的 openDelay 流程。\n   *\n   * 用\"是否存在活跃 tooltip\"而不是\"上一个关闭后多久之内\"这种时间窗口来判断，\n   * 是为了精确匹配\"旧的还在退场倒计时里、这时候 hover 了别的 trigger\"这个场景——\n   * 这种情况下旧的严格来说还没真正关闭（open() 依然是 true），基于时间窗口的\n   * 判断会因为\"还没关闭、没触发通知\"而错过这次协调，直接查\"当前活跃\"更可靠。\n   */\n  claim: () => Rect | undefined;\n}\n\nexport const TooltipGroupContext = createContext<TooltipGroupContextValue>();\n\n/**\n * 注意：和其他 useXxxContext 不同，这里缺失 context 时不抛错——\n * <TooltipGroup> 是可选的，单独使用 <Tooltip> 不需要包一层。\n */\nexport function useTooltipGroupContext(): TooltipGroupContextValue | undefined {\n  return useContext(TooltipGroupContext);\n}\n"],"mappings":";;AA2BA,IAAaA,IAAsBC,EAAwC;AAM3E,SAAgBC,IAA+D;CAC7E,OAAOC,EAAWH,CAAmB;AACvC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.js","names":["TooltipGroupContext","ActiveTooltipEntry","TooltipGroupContextValue","TooltipGroupProps","TooltipGroup","props","activeEntry","registerActive","entry","undefined","claim","rect","forceClose","width","height","ctx","_$createComponent","Provider","value","children"],"sources":["../../../../src/components/tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["import { TooltipGroupContext } from \"./TooltipGroup.context\";\nimport type {\n  ActiveTooltipEntry,\n  TooltipGroupContextValue,\n} from \"./TooltipGroup.context\";\nimport type { TooltipGroupProps } from \"./TooltipGroup.types\";\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  // 用一个模块外可变量而不是 Solid signal 存\"当前活跃条目\"是有意的：\n  // 这纯粹是组件间协调用的内部状态，不需要驱动任何渲染，用 signal 反而会\n  // 引入不必要的响应式开销和多余的重渲染触发。\n  let activeEntry: ActiveTooltipEntry | undefined;\n\n  const registerActive: TooltipGroupContextValue[\"registerActive\"] = (\n    entry,\n  ) => {\n    activeEntry = entry;\n    return () => {\n      // 只清自己注册的那条，避免\"A 还没来得及 unregister，B 已经抢注册\"时，\n      // A 的 cleanup 误把 B 刚设置的 activeEntry 清掉。\n      if (activeEntry === entry) activeEntry = undefined;\n    };\n  };\n\n  const claim: TooltipGroupContextValue[\"claim\"] = () => {\n    if (!activeEntry) return undefined;\n    const rect = activeEntry.rect();\n    activeEntry.forceClose();\n    activeEntry = undefined;\n\n    // 防御性检查：一个真实可见的 tooltip 不可能宽高都是 0——如果读到的是\n    // 这种全 0 矩形，大概率是读到了一个已经从 DOM 里摘除的 detached 元素\n    // （getBoundingClientRect 规范规定这种情况下就是全 0）。这种情况下\n    // 宁可放弃这次平移过渡（新 tooltip 走正常的 openDelay 流程），也不要\n    // 把 (0,0) 当成合法的滑入起点，出现\"从左上角滑入\"这种明显错误的观感。\n    if (!rect || (rect.width === 0 && rect.height === 0)) return undefined;\n    return rect;\n  };\n\n  const ctx: TooltipGroupContextValue = { registerActive, claim };\n\n  return (\n    <TooltipGroupContext.Provider value={ctx}>\n      {props.children}\n    </TooltipGroupContext.Provider>\n  );\n}\n"],"mappings":";;;AAOA,SAAgBI,EAAaC,GAA0B;CAIrD,IAAIC;CA8BJ,OAAAU,EACGhB,EAAoBiB,UAAQ;EAACC,OAAOH;GAHCR,iBAzBtCC,OAEAF,IAAcE,SACD;IAGX,AAAIF,MAAgBE,MAAOF,IAAcG,KAAAA;GAC3C;GAkBsDC,aAfD;IACrD,IAAI,CAACJ,GAAa;IAClB,IAAMK,IAAOL,EAAYK,KAAK;IAC9BL,MAAYM,WAAW,GACvBN,IAAcG,KAAAA,GAOV,GAACE,KAASA,EAAKE,UAAU,KAAKF,EAAKG,WAAW,IAClD,OAAOH;GACT;EAKuCI;EAAG,IAAAI,WAAA;GAAA,OACrCd,EAAMc;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"TooltipGroup.js","names":["TooltipGroupContext","ActiveTooltipEntry","TooltipGroupContextValue","TooltipGroupProps","TooltipGroup","props","activeEntry","registerActive","entry","undefined","claim","rect","forceClose","width","height","ctx","_$createComponent","Provider","value","children","_$createComponent","TooltipGroup","activeEntry","createComponent","TooltipGroupContext","entry","rect","props"],"sources":["../../../../src/components/tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["import { TooltipGroupContext } from \"./TooltipGroup.context\";\nimport type {\n  ActiveTooltipEntry,\n  TooltipGroupContextValue,\n} from \"./TooltipGroup.context\";\nimport type { TooltipGroupProps } from \"./TooltipGroup.types\";\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  // 用一个模块外可变量而不是 Solid signal 存\"当前活跃条目\"是有意的：\n  // 这纯粹是组件间协调用的内部状态，不需要驱动任何渲染，用 signal 反而会\n  // 引入不必要的响应式开销和多余的重渲染触发。\n  let activeEntry: ActiveTooltipEntry | undefined;\n\n  const registerActive: TooltipGroupContextValue[\"registerActive\"] = (\n    entry,\n  ) => {\n    activeEntry = entry;\n    return () => {\n      // 只清自己注册的那条，避免\"A 还没来得及 unregister，B 已经抢注册\"时，\n      // A 的 cleanup 误把 B 刚设置的 activeEntry 清掉。\n      if (activeEntry === entry) activeEntry = undefined;\n    };\n  };\n\n  const claim: TooltipGroupContextValue[\"claim\"] = () => {\n    if (!activeEntry) return undefined;\n    const rect = activeEntry.rect();\n    activeEntry.forceClose();\n    activeEntry = undefined;\n\n    // 防御性检查：一个真实可见的 tooltip 不可能宽高都是 0——如果读到的是\n    // 这种全 0 矩形，大概率是读到了一个已经从 DOM 里摘除的 detached 元素\n    // （getBoundingClientRect 规范规定这种情况下就是全 0）。这种情况下\n    // 宁可放弃这次平移过渡（新 tooltip 走正常的 openDelay 流程），也不要\n    // 把 (0,0) 当成合法的滑入起点，出现\"从左上角滑入\"这种明显错误的观感。\n    if (!rect || (rect.width === 0 && rect.height === 0)) return undefined;\n    return rect;\n  };\n\n  const ctx: TooltipGroupContextValue = { registerActive, claim };\n\n  return (\n    <TooltipGroupContext.Provider value={ctx}>\n      {props.children}\n    </TooltipGroupContext.Provider>\n  );\n}\n"],"mappings":";;;AAOA,SAAgBI,EAAaC,GAA0B;CAIrD,IAAIC;CA8BJ,OAAAU,EACGhB,EAAoBiB,UAAQ;EAACC,OAAOH;GAHCR,iBAzBtCC,OAEAF,IAAcE,SACD;IAGX,AAAIF,MAAgBE,MAAOF,IAAcG,KAAAA;GAC3C;GAkBsDC,aAfD;IACrD,IAAI,CAACJ,GAAa;IAClB,IAAMK,IAAOL,EAAYK,KAAK;IAS9B,IARAL,EAAYM,WAAW,GACvBN,IAAcG,KAAAA,GAOV,GAACE,KAASA,EAAKE,UAAU,KAAKF,EAAKG,WAAW,IAClD,OAAOH;GACT;EAKuCI;EAAG,IAAAI,WAAA;GAAA,OACrCd,EAAMc;EAAQ;CAAA,CAAA;AAGrB"}

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

@@ -1 +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"}
+{"version":3,"file":"TooltipProvider.context.js","names":["TooltipProviderContext","createContext","useTooltipProviderContext","useContext"],"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,IAAaA,IACXC,EAA2C;AAE7C,SAAgBC,IAEF;CACZ,OAAOC,EAAWH,CAAsB;AAC1C"}

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

@@ -1 +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"}
+{"version":3,"file":"TooltipProvider.js","names":["createMemo","JSX","TooltipProviderContext","TooltipProviderContextValue","TooltipProviderProps","TooltipProvider","props","Element","delay","closeDelay","ctx","_$createComponent","Provider","value","children","_$createComponent","TooltipProvider","ctx","createMemo","props","createComponent","TooltipProviderContext"],"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/TooltipTrigger/TooltipTrigger.d.ts

@@ -1,4 +1,4 @@
 import { ValidComponent } from 'solid-js';
 import { TooltipTriggerProps } from './TooltipTrigger.types';
 import { Button } from '../../button';
-export declare const TooltipTrigger: <T extends ValidComponent = typeof Button<"button">>(props: TooltipTriggerProps<T>) => import("solid-js").JSX.Element;
+export declare const TooltipTrigger: <T extends ValidComponent = typeof Button<"button">>(props: TooltipTriggerProps<T>) => import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["ValidComponent","Dynamic","useTooltipTrigger","TooltipTriggerProps","Button","mergeRefs","TooltipTrigger","props","T","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","aria-describedby","_$memo","open","contentId","undefined","data-state"],"sources":["../../../../src/components/tooltip/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nimport { useTooltipTrigger } from \"./useTooltipTrigger\";\nimport type { TooltipTriggerProps } from \"./TooltipTrigger.types\";\n\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\n\nexport const TooltipTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: TooltipTriggerProps<T>,\n) => {\n  const { ctx, attachListeners } = useTooltipTrigger();\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      aria-describedby={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      // data-disabled={props.disabled ? \"\" : undefined}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,uBAAoBR,EAAkB;CAEnD,OAAAS,EACGV,GAAOW,EACFL,GAAK;EAAA,IACTM,YAAS;GAAA,OAAGN,EAAMM,aAAgCT;EAAgB;EAAAU,IAAAC,GAAA;GAAA,IAAAC,IAC7DX,EAAUI,EAAIQ,cAAcV,EAAMO,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAAA,qBAAA;GAAA,OAC1CI,QAAA,CAAA,CAAAV,EAAIW,KAAK,CAAC,CAAA,CAAA,IAAGX,EAAIY,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OAC5Cb,EAAIW,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAIhD"}
+{"version":3,"file":"TooltipTrigger.js","names":["ValidComponent","Dynamic","useTooltipTrigger","TooltipTriggerProps","Button","mergeRefs","TooltipTrigger","props","T","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","aria-describedby","_$memo","open","contentId","undefined","data-state","_$createComponent","_$mergeProps","_$memo","TooltipTrigger","useTooltipTrigger","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo"],"sources":["../../../../src/components/tooltip/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nimport { useTooltipTrigger } from \"./useTooltipTrigger\";\nimport type { TooltipTriggerProps } from \"./TooltipTrigger.types\";\n\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\n\nexport const TooltipTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: TooltipTriggerProps<T>,\n) => {\n  const { ctx, attachListeners } = useTooltipTrigger();\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      aria-describedby={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      // data-disabled={props.disabled ? \"\" : undefined}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,uBAAoBR,EAAkB;CAEnD,OAAAS,EACGV,GAAOW,EACFL,GAAK;EAAA,IACTM,YAAS;GAAA,OAAGN,EAAMM,aAAgCT;EAAgB;EAAAU,IAAAC,GAAA;GAAA,IAAAC,IAC7DX,EAAUI,EAAIQ,cAAcV,EAAMO,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAAA,qBAAA;GAAA,OAC1CI,QAAA,CAAA,CAAAV,EAAIW,KAAK,CAAC,CAAA,CAAA,IAAGX,EAAIY,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OAC5Cb,EAAIW,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAIhD"}

package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipTrigger.js","names":[],"sources":["../../../../src/components/tooltip/TooltipTrigger/useTooltipTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\n\nexport interface UseTooltipTriggerResult {\n  ctx: ReturnType<typeof useTooltipContext>;\n  /**\n   * 把打开/关闭相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <TooltipTrigger onClick={...} onMouseEnter={...}> 上自由传\n   * 自己的原生事件处理，两者是完全独立的两套机制（一个走 Solid 的事件系统，\n   * 一个是原生 addEventListener），互不覆盖、都会正常触发。\n   */\n  attachListeners: (el: Element) => void;\n}\n\n/**\n * 封装 TooltipTrigger 需要绑定的所有事件逻辑：\n * - pointerenter/pointerleave（悬停进入/离开）走 openDelay/closeDelay\n * - focus/blur（键盘导航）跳过延迟，立即开关——这是无障碍要求，键盘用户不该被迫等待\n * - Escape 立即关闭，并阻止冒泡（避免被外层其他也监听 Escape 的逻辑重复处理）\n * - mousedown 立即关闭——贴近 shadcn/Radix 的行为：用户开始点击这个元素，\n *   就意味着要跟它交互了，tooltip 这时候还杵在那儿会挡视线，应该立刻让路，\n *   不用等 pointerleave 或者走 closeDelay。\n *\n * mousedown 和 focus 之间有一个容易踩的坑：原生事件顺序是\n * mousedown → focus → mouseup → click——点击一个可聚焦元素（比如 <button>），\n * 浏览器会在 mousedown 之后自动给它 focus。如果不做处理，mousedown 刚关掉\n * tooltip，紧跟着浏览器自动触发的 focus 又会把它立刻重新打开，两条逻辑打架。\n * 用 isPointerDown 标记\"这次 focus 是不是紧跟在点击后面被动触发的\"，是的话\n * 就跳过重新打开，只有真正的键盘 Tab 导航触发的 focus 才会打开 tooltip。\n */\nexport function useTooltipTrigger(): UseTooltipTriggerResult {\n  const ctx = useTooltipContext(\"TooltipTrigger\");\n\n  const attachListeners = (el: Element) => {\n    let isPointerDown = false;\n\n    const onPointerEnter = () => {\n      if (!ctx.disabled()) ctx.requestOpen();\n    };\n    const onPointerLeave = () => {\n      ctx.requestClose();\n    };\n    const onFocus = () => {\n      // 紧跟在 mousedown 后面的这次 focus 是浏览器自动带出来的副作用，\n      // 不代表用户在用键盘导航，不应该重新打开刚被 mousedown 关掉的 tooltip。\n      if (isPointerDown) return;\n      if (!ctx.disabled()) ctx.openImmediate();\n    };\n    const onBlur = () => {\n      ctx.closeImmediate();\n    };\n    const onKeyDown = (e: Event) => {\n      const keyboardEvent = e as KeyboardEvent;\n      if (keyboardEvent.key === \"Escape\" && ctx.open()) {\n        keyboardEvent.stopPropagation();\n        ctx.closeImmediate();\n      }\n    };\n    const onMouseDown = () => {\n      isPointerDown = true;\n      if (ctx.disabled()) return;\n      if (ctx.open()) ctx.closeImmediate();\n    };\n    // 标记要在 mouseup 时清掉，而且特意监听 document 而不是元素自己的\n    // mouseup——如果鼠标按下后拖动到元素外面再松开，元素自己收不到 mouseup，\n    // 标记会一直卡在 true，导致后续真正的键盘 focus 也被误伤跳过。\n    const onDocumentMouseUp = () => {\n      isPointerDown = false;\n    };\n\n    el.addEventListener(\"pointerenter\", onPointerEnter);\n    el.addEventListener(\"pointerleave\", onPointerLeave);\n    el.addEventListener(\"focus\", onFocus);\n    el.addEventListener(\"blur\", onBlur);\n    el.addEventListener(\"keydown\", onKeyDown);\n    el.addEventListener(\"mousedown\", onMouseDown);\n    document.addEventListener(\"mouseup\", onDocumentMouseUp);\n\n    onCleanup(() => {\n      el.removeEventListener(\"pointerenter\", onPointerEnter);\n      el.removeEventListener(\"pointerleave\", onPointerLeave);\n      el.removeEventListener(\"focus\", onFocus);\n      el.removeEventListener(\"blur\", onBlur);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      el.removeEventListener(\"mousedown\", onMouseDown);\n      document.removeEventListener(\"mouseup\", onDocumentMouseUp);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AA+BA,SAAgB,IAA6C;CAC3D,IAAM,IAAM,EAAkB,gBAAgB;CA0D9C,OAAO;EAAE;EAAK,kBAxDW,MAAgB;GACvC,IAAI,IAAgB,IAEd,UAAuB;IAC3B,AAAK,EAAI,SAAS,KAAG,EAAI,YAAY;GACvC,GACM,UAAuB;IAC3B,EAAI,aAAa;GACnB,GACM,UAAgB;IAGhB,KACC,EAAI,SAAS,KAAG,EAAI,cAAc;GACzC,GACM,UAAe;IACnB,EAAI,eAAe;GACrB,GACM,KAAa,MAAa;IAC9B,IAAM,IAAgB;IACtB,AAAI,EAAc,QAAQ,YAAY,EAAI,KAAK,MAC7C,EAAc,gBAAgB,GAC9B,EAAI,eAAe;GAEvB,GACM,UAAoB;IACxB,IAAgB,IACZ,GAAI,SAAS,KACb,EAAI,KAAK,KAAG,EAAI,eAAe;GACrC,GAIM,UAA0B;IAC9B,IAAgB;GAClB;GAUA,AARA,EAAG,iBAAiB,gBAAgB,CAAc,GAClD,EAAG,iBAAiB,gBAAgB,CAAc,GAClD,EAAG,iBAAiB,SAAS,CAAO,GACpC,EAAG,iBAAiB,QAAQ,CAAM,GAClC,EAAG,iBAAiB,WAAW,CAAS,GACxC,EAAG,iBAAiB,aAAa,CAAW,GAC5C,SAAS,iBAAiB,WAAW,CAAiB,GAEtD,QAAgB;IAOd,AANA,EAAG,oBAAoB,gBAAgB,CAAc,GACrD,EAAG,oBAAoB,gBAAgB,CAAc,GACrD,EAAG,oBAAoB,SAAS,CAAO,GACvC,EAAG,oBAAoB,QAAQ,CAAM,GACrC,EAAG,oBAAoB,WAAW,CAAS,GAC3C,EAAG,oBAAoB,aAAa,CAAW,GAC/C,SAAS,oBAAoB,WAAW,CAAiB;GAC3D,CAAC;EACH;CAE8B;AAChC"}
+{"version":3,"file":"useTooltipTrigger.js","names":["useTooltipTrigger","ctx","useTooltipContext","isPointerDown","onPointerEnter","onPointerLeave","onFocus","onBlur","onKeyDown","keyboardEvent","onMouseDown","onDocumentMouseUp","el","onCleanup"],"sources":["../../../../src/components/tooltip/TooltipTrigger/useTooltipTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\n\nexport interface UseTooltipTriggerResult {\n  ctx: ReturnType<typeof useTooltipContext>;\n  /**\n   * 把打开/关闭相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <TooltipTrigger onClick={...} onMouseEnter={...}> 上自由传\n   * 自己的原生事件处理，两者是完全独立的两套机制（一个走 Solid 的事件系统，\n   * 一个是原生 addEventListener），互不覆盖、都会正常触发。\n   */\n  attachListeners: (el: Element) => void;\n}\n\n/**\n * 封装 TooltipTrigger 需要绑定的所有事件逻辑：\n * - pointerenter/pointerleave（悬停进入/离开）走 openDelay/closeDelay\n * - focus/blur（键盘导航）跳过延迟，立即开关——这是无障碍要求，键盘用户不该被迫等待\n * - Escape 立即关闭，并阻止冒泡（避免被外层其他也监听 Escape 的逻辑重复处理）\n * - mousedown 立即关闭——贴近 shadcn/Radix 的行为：用户开始点击这个元素，\n *   就意味着要跟它交互了，tooltip 这时候还杵在那儿会挡视线，应该立刻让路，\n *   不用等 pointerleave 或者走 closeDelay。\n *\n * mousedown 和 focus 之间有一个容易踩的坑：原生事件顺序是\n * mousedown → focus → mouseup → click——点击一个可聚焦元素（比如 <button>），\n * 浏览器会在 mousedown 之后自动给它 focus。如果不做处理，mousedown 刚关掉\n * tooltip，紧跟着浏览器自动触发的 focus 又会把它立刻重新打开，两条逻辑打架。\n * 用 isPointerDown 标记\"这次 focus 是不是紧跟在点击后面被动触发的\"，是的话\n * 就跳过重新打开，只有真正的键盘 Tab 导航触发的 focus 才会打开 tooltip。\n */\nexport function useTooltipTrigger(): UseTooltipTriggerResult {\n  const ctx = useTooltipContext(\"TooltipTrigger\");\n\n  const attachListeners = (el: Element) => {\n    let isPointerDown = false;\n\n    const onPointerEnter = () => {\n      if (!ctx.disabled()) ctx.requestOpen();\n    };\n    const onPointerLeave = () => {\n      ctx.requestClose();\n    };\n    const onFocus = () => {\n      // 紧跟在 mousedown 后面的这次 focus 是浏览器自动带出来的副作用，\n      // 不代表用户在用键盘导航，不应该重新打开刚被 mousedown 关掉的 tooltip。\n      if (isPointerDown) return;\n      if (!ctx.disabled()) ctx.openImmediate();\n    };\n    const onBlur = () => {\n      ctx.closeImmediate();\n    };\n    const onKeyDown = (e: Event) => {\n      const keyboardEvent = e as KeyboardEvent;\n      if (keyboardEvent.key === \"Escape\" && ctx.open()) {\n        keyboardEvent.stopPropagation();\n        ctx.closeImmediate();\n      }\n    };\n    const onMouseDown = () => {\n      isPointerDown = true;\n      if (ctx.disabled()) return;\n      if (ctx.open()) ctx.closeImmediate();\n    };\n    // 标记要在 mouseup 时清掉，而且特意监听 document 而不是元素自己的\n    // mouseup——如果鼠标按下后拖动到元素外面再松开，元素自己收不到 mouseup，\n    // 标记会一直卡在 true，导致后续真正的键盘 focus 也被误伤跳过。\n    const onDocumentMouseUp = () => {\n      isPointerDown = false;\n    };\n\n    el.addEventListener(\"pointerenter\", onPointerEnter);\n    el.addEventListener(\"pointerleave\", onPointerLeave);\n    el.addEventListener(\"focus\", onFocus);\n    el.addEventListener(\"blur\", onBlur);\n    el.addEventListener(\"keydown\", onKeyDown);\n    el.addEventListener(\"mousedown\", onMouseDown);\n    document.addEventListener(\"mouseup\", onDocumentMouseUp);\n\n    onCleanup(() => {\n      el.removeEventListener(\"pointerenter\", onPointerEnter);\n      el.removeEventListener(\"pointerleave\", onPointerLeave);\n      el.removeEventListener(\"focus\", onFocus);\n      el.removeEventListener(\"blur\", onBlur);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      el.removeEventListener(\"mousedown\", onMouseDown);\n      document.removeEventListener(\"mouseup\", onDocumentMouseUp);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AA+BA,SAAgBA,IAA6C;CAC3D,IAAMC,IAAMC,EAAkB,gBAAgB;CA0D9C,OAAO;EAAE;EAAK,kBAxDW,MAAgB;GACvC,IAAIC,IAAgB,IAEdC,UAAuB;IAC3B,AAAKH,EAAI,SAAS,KAAGA,EAAI,YAAY;GACvC,GACMI,UAAuB;IAC3B,EAAI,aAAa;GACnB,GACMC,UAAgB;IAGpB,AAAIH,KACCF,EAAI,SAAS,KAAGA,EAAI,cAAc;GACzC,GACMM,UAAe;IACnB,EAAI,eAAe;GACrB,GACMC,KAAa,MAAa;IAC9B,IAAMC,IAAgB;IACtB,AAAIA,EAAc,QAAQ,YAAYR,EAAI,KAAK,MAC7CQ,EAAc,gBAAgB,GAC9BR,EAAI,eAAe;GAEvB,GACMS,UAAoB;IAExB,AADA,IAAgB,IACZ,GAAI,SAAS,KACbT,EAAI,KAAK,KAAGA,EAAI,eAAe;GACrC,GAIMU,UAA0B;IAC9B,IAAgB;GAClB;GAUA,AARAC,EAAG,iBAAiB,gBAAgBR,CAAc,GAClDQ,EAAG,iBAAiB,gBAAgBP,CAAc,GAClDO,EAAG,iBAAiB,SAASN,CAAO,GACpCM,EAAG,iBAAiB,QAAQL,CAAM,GAClCK,EAAG,iBAAiB,WAAWJ,CAAS,GACxCI,EAAG,iBAAiB,aAAaF,CAAW,GAC5C,SAAS,iBAAiB,WAAWC,CAAiB,GAEtDE,QAAgB;IAOd,AANAD,EAAG,oBAAoB,gBAAgBR,CAAc,GACrDQ,EAAG,oBAAoB,gBAAgBP,CAAc,GACrDO,EAAG,oBAAoB,SAASN,CAAO,GACvCM,EAAG,oBAAoB,QAAQL,CAAM,GACrCK,EAAG,oBAAoB,WAAWJ,CAAS,GAC3CI,EAAG,oBAAoB,aAAaF,CAAW,GAC/C,SAAS,oBAAoB,WAAWC,CAAiB;GAC3D,CAAC;EACH;CAE8B;AAChC"}

package/dist/hooks/index.d.ts

@@ -1 +1,3 @@
 export * from './useFontLoader';
+export * from './useScrollLock';
+export * from './useScrollEdges';

package/dist/hooks/index.js

@@ -1,2 +1,4 @@
 import { useFontLoader as e } from "./useFontLoader.js";
-export { e as useFontLoader };
+import { useScrollLock as t } from "./useScrollLock.js";
+import { useScrollEdges as n } from "./useScrollEdges.js";
+export { e as useFontLoader, n as useScrollEdges, t as useScrollLock };

package/dist/hooks/useFontLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFontLoader.js","names":[],"sources":["../../src/hooks/useFontLoader.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\n\n// ─── 字体配置表 ────────────────────────────────────────────────\nconst FONT_MAP = {\n  en: { family: \"Inter\", weights: \"400;500;700\" },\n  fr: { family: \"Inter\", weights: \"400;500;700\" },\n  de: { family: \"Inter\", weights: \"400;500;700\" },\n  ru: { family: \"Noto+Sans\", weights: \"400;500;700\" },\n  \"zh-hans\": { family: \"Noto+Sans+SC\", weights: \"400;500;700\" },\n  \"zh-hant\": { family: \"Noto+Sans+TC\", weights: \"400;500;700\" },\n  ja: { family: \"Noto+Sans+JP\", weights: \"400;500;700\" },\n  ko: { family: \"Noto+Sans+KR\", weights: \"400;500;700\" },\n  hi: { family: \"Noto+Sans+Devanagari\", weights: \"400;500;700\" },\n  th: { family: \"Noto+Sans+Thai\", weights: \"400;500;700\" },\n  bn: { family: \"Noto+Sans+Bengali\", weights: \"400;500;700\" },\n  ar: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n  he: { family: \"Noto+Sans+Hebrew\", weights: \"400;500;700\" },\n  fa: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n} as const satisfies Record<string, { family: string; weights: string }>;\n\nexport type Lang = keyof typeof FONT_MAP;\n\n// ─── 已加载字体缓存（模块级单例，避免重复插入） ──────────────\nconst loaded = new Set<string>();\n\nfunction filterValidLangs(langs: string[]): Lang[] {\n  return langs.filter((lang): lang is Lang => {\n    if (lang in FONT_MAP) return true;\n    if (!import.meta.env.PROD) {\n      console.warn(\n        `[useFontLoader] unsupported lang: \"${lang}\". ` +\n          `Supported values: ${Object.keys(FONT_MAP).join(\", \")}`,\n      );\n    }\n    return false;\n  });\n}\n\nexport interface UseFontLoaderOptions {\n  /**\n   * 要加载的字体对应的语言\n   *\n   * 默认为`en`\n   */\n  langs?: Lang | Lang[];\n\n  /**\n   * 指定 data-lang 写入的目标元素。\n   * - 传入 ref：仅在该元素上生效，适合局部语言切换。\n   * - 不传（undefined）：写入 ，全局生效。\n   * 卸载时自动恢复目标元素的原始 data-lang 值。\n   *\n   * apply 为 false 时此选项无效。\n   */\n  targetRef?: HTMLElement;\n\n  /**\n   * 是否将 data-lang 写入目标元素以应用字体样式。\n   * - true（默认）：写入 data-lang，字体立即生效。\n   * - false：仅预加载字体资源，不修改任何 DOM，\n   *   适合提前预热用户可能切换到的语言字体。\n   * @default\n   */\n  apply?: boolean;\n}\n\n/* ----------------------------------------------------------------\n   工具：插入 Google Fonts\n   ---------------------------------------------------------------- */\nfunction loadGoogleFonts(langs: Lang[]): void {\n  const toLoad = langs.filter((lang) => !loaded.has(FONT_MAP[lang].family));\n  if (toLoad.length === 0) return;\n\n  const families = [\n    ...new Set(\n      toLoad.map((lang) => {\n        const { family, weights } = FONT_MAP[lang];\n        return `family=${family}:wght@${weights}`;\n      }),\n    ),\n  ];\n\n  const link = document.createElement(\"link\");\n  link.rel = \"stylesheet\";\n  link.href = `https://fonts.googleapis.com/css2?${families.join(\"&\")}&display=swap`;\n\n  document.head.appendChild(link);\n  for (const lang of toLoad) {\n    loaded.add(FONT_MAP[lang].family);\n  }\n}\n\n// ─── Hook ─────────────────────────────────────────────────────\nexport function useFontLoader(options?: UseFontLoaderOptions) {\n  const {\n    langs = \"en\",\n    targetRef = document.documentElement,\n    apply = true,\n  } = options ?? {};\n\n  const langList = Array.isArray(langs) ? langs : [langs];\n  const validLangs = filterValidLangs(langList);\n\n  // --- 加载字体资源 ---\n  createEffect(() => {\n    loadGoogleFonts(validLangs);\n  });\n\n  // --- 将 data-lang 写入目标元素 ---\n  createEffect(() => {\n    if (!apply || validLangs.length === 0) return;\n\n    // targetRef 未传或 ref.current 尚未挂载时，回退到\n    const el = targetRef ?? document.documentElement;\n    const lang = validLangs[0];\n    const prev = el.getAttribute(\"data-lang\");\n\n    el.setAttribute(\"data-lang\", lang);\n\n    onCleanup(() => {\n      // 卸载时恢复：原本有值则还原，原本无则移除\n      if (prev === null) {\n        el.removeAttribute(\"data-lang\");\n      } else {\n        el.setAttribute(\"data-lang\", prev);\n      }\n    });\n  });\n}\n"],"mappings":";;AAGA,IAAM,IAAW;CACf,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAa,SAAS;CAAc;CAClD,WAAW;EAAE,QAAQ;EAAgB,SAAS;CAAc;CAC5D,WAAW;EAAE,QAAQ;EAAgB,SAAS;CAAc;CAC5D,IAAI;EAAE,QAAQ;EAAgB,SAAS;CAAc;CACrD,IAAI;EAAE,QAAQ;EAAgB,SAAS;CAAc;CACrD,IAAI;EAAE,QAAQ;EAAwB,SAAS;CAAc;CAC7D,IAAI;EAAE,QAAQ;EAAkB,SAAS;CAAc;CACvD,IAAI;EAAE,QAAQ;EAAqB,SAAS;CAAc;CAC1D,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;CACzD,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;CACzD,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;AAC3D,GAKM,oBAAS,IAAI,IAAY;AAE/B,SAAS,EAAiB,GAAyB;CACjD,OAAO,EAAM,QAAQ,MACf,KAAQ,CAQb;AACH;AAiCA,SAAS,EAAgB,GAAqB;CAC5C,IAAM,IAAS,EAAM,QAAQ,MAAS,CAAC,EAAO,IAAI,EAAS,EAAK,CAAC,MAAM,CAAC;CACxE,IAAI,EAAO,WAAW,GAAG;CAEzB,IAAM,IAAW,CACf,GAAG,IAAI,IACL,EAAO,KAAK,MAAS;EACnB,IAAM,EAAE,WAAQ,eAAY,EAAS;EACrC,OAAO,UAAU,EAAO,QAAQ;CAClC,CAAC,CACH,CACF,GAEM,IAAO,SAAS,cAAc,MAAM;CAI1C,AAHA,EAAK,MAAM,cACX,EAAK,OAAO,qCAAqC,EAAS,KAAK,GAAG,EAAE,gBAEpE,SAAS,KAAK,YAAY,CAAI;CAC9B,KAAK,IAAM,KAAQ,GACjB,EAAO,IAAI,EAAS,EAAK,CAAC,MAAM;AAEpC;AAGA,SAAgB,EAAc,GAAgC;CAC5D,IAAM,EACJ,WAAQ,MACR,eAAY,SAAS,iBACrB,WAAQ,OACN,KAAW,CAAC,GAGV,IAAa,EADF,MAAM,QAAQ,CAAK,IAAI,IAAQ,CAAC,CAAK,CACV;CAQ5C,AALA,QAAmB;EACjB,EAAgB,CAAU;CAC5B,CAAC,GAGD,QAAmB;EACjB,IAAI,CAAC,KAAS,EAAW,WAAW,GAAG;EAGvC,IAAM,IAAK,KAAa,SAAS,iBAC3B,IAAO,EAAW,IAClB,IAAO,EAAG,aAAa,WAAW;EAIxC,AAFA,EAAG,aAAa,aAAa,CAAI,GAEjC,QAAgB;GAEd,AAAI,MAAS,OACX,EAAG,gBAAgB,WAAW,IAE9B,EAAG,aAAa,aAAa,CAAI;EAErC,CAAC;CACH,CAAC;AACH"}
+{"version":3,"file":"useFontLoader.js","names":["FONT_MAP","loaded","filterValidLangs","langs","lang","loadGoogleFonts","toLoad","families","family","weights","link","useFontLoader","options","validLangs","createEffect","apply","el","targetRef","prev","onCleanup"],"sources":["../../src/hooks/useFontLoader.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\n\n// ─── 字体配置表 ────────────────────────────────────────────────\nconst FONT_MAP = {\n  en: { family: \"Inter\", weights: \"400;500;700\" },\n  fr: { family: \"Inter\", weights: \"400;500;700\" },\n  de: { family: \"Inter\", weights: \"400;500;700\" },\n  ru: { family: \"Noto+Sans\", weights: \"400;500;700\" },\n  \"zh-hans\": { family: \"Noto+Sans+SC\", weights: \"400;500;700\" },\n  \"zh-hant\": { family: \"Noto+Sans+TC\", weights: \"400;500;700\" },\n  ja: { family: \"Noto+Sans+JP\", weights: \"400;500;700\" },\n  ko: { family: \"Noto+Sans+KR\", weights: \"400;500;700\" },\n  hi: { family: \"Noto+Sans+Devanagari\", weights: \"400;500;700\" },\n  th: { family: \"Noto+Sans+Thai\", weights: \"400;500;700\" },\n  bn: { family: \"Noto+Sans+Bengali\", weights: \"400;500;700\" },\n  ar: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n  he: { family: \"Noto+Sans+Hebrew\", weights: \"400;500;700\" },\n  fa: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n} as const satisfies Record<string, { family: string; weights: string }>;\n\nexport type Lang = keyof typeof FONT_MAP;\n\n// ─── 已加载字体缓存（模块级单例，避免重复插入） ──────────────\nconst loaded = new Set<string>();\n\nfunction filterValidLangs(langs: string[]): Lang[] {\n  return langs.filter((lang): lang is Lang => {\n    if (lang in FONT_MAP) return true;\n    if (!import.meta.env.PROD) {\n      console.warn(\n        `[useFontLoader] unsupported lang: \"${lang}\". ` +\n          `Supported values: ${Object.keys(FONT_MAP).join(\", \")}`,\n      );\n    }\n    return false;\n  });\n}\n\nexport interface UseFontLoaderOptions {\n  /**\n   * 要加载的字体对应的语言\n   *\n   * 默认为`en`\n   */\n  langs?: Lang | Lang[];\n\n  /**\n   * 指定 data-lang 写入的目标元素。\n   * - 传入 ref：仅在该元素上生效，适合局部语言切换。\n   * - 不传（undefined）：写入 ，全局生效。\n   * 卸载时自动恢复目标元素的原始 data-lang 值。\n   *\n   * apply 为 false 时此选项无效。\n   */\n  targetRef?: HTMLElement;\n\n  /**\n   * 是否将 data-lang 写入目标元素以应用字体样式。\n   * - true（默认）：写入 data-lang，字体立即生效。\n   * - false：仅预加载字体资源，不修改任何 DOM，\n   *   适合提前预热用户可能切换到的语言字体。\n   * @default\n   */\n  apply?: boolean;\n}\n\n/* ----------------------------------------------------------------\n   工具：插入 Google Fonts\n   ---------------------------------------------------------------- */\nfunction loadGoogleFonts(langs: Lang[]): void {\n  const toLoad = langs.filter((lang) => !loaded.has(FONT_MAP[lang].family));\n  if (toLoad.length === 0) return;\n\n  const families = [\n    ...new Set(\n      toLoad.map((lang) => {\n        const { family, weights } = FONT_MAP[lang];\n        return `family=${family}:wght@${weights}`;\n      }),\n    ),\n  ];\n\n  const link = document.createElement(\"link\");\n  link.rel = \"stylesheet\";\n  link.href = `https://fonts.googleapis.com/css2?${families.join(\"&\")}&display=swap`;\n\n  document.head.appendChild(link);\n  for (const lang of toLoad) {\n    loaded.add(FONT_MAP[lang].family);\n  }\n}\n\n// ─── Hook ─────────────────────────────────────────────────────\nexport function useFontLoader(options?: UseFontLoaderOptions) {\n  const {\n    langs = \"en\",\n    targetRef = document.documentElement,\n    apply = true,\n  } = options ?? {};\n\n  const langList = Array.isArray(langs) ? langs : [langs];\n  const validLangs = filterValidLangs(langList);\n\n  // --- 加载字体资源 ---\n  createEffect(() => {\n    loadGoogleFonts(validLangs);\n  });\n\n  // --- 将 data-lang 写入目标元素 ---\n  createEffect(() => {\n    if (!apply || validLangs.length === 0) return;\n\n    // targetRef 未传或 ref.current 尚未挂载时，回退到\n    const el = targetRef ?? document.documentElement;\n    const lang = validLangs[0];\n    const prev = el.getAttribute(\"data-lang\");\n\n    el.setAttribute(\"data-lang\", lang);\n\n    onCleanup(() => {\n      // 卸载时恢复：原本有值则还原，原本无则移除\n      if (prev === null) {\n        el.removeAttribute(\"data-lang\");\n      } else {\n        el.setAttribute(\"data-lang\", prev);\n      }\n    });\n  });\n}\n"],"mappings":";;AAGA,IAAMA,IAAW;CACf,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAS,SAAS;CAAc;CAC9C,IAAI;EAAE,QAAQ;EAAa,SAAS;CAAc;CAClD,WAAW;EAAE,QAAQ;EAAgB,SAAS;CAAc;CAC5D,WAAW;EAAE,QAAQ;EAAgB,SAAS;CAAc;CAC5D,IAAI;EAAE,QAAQ;EAAgB,SAAS;CAAc;CACrD,IAAI;EAAE,QAAQ;EAAgB,SAAS;CAAc;CACrD,IAAI;EAAE,QAAQ;EAAwB,SAAS;CAAc;CAC7D,IAAI;EAAE,QAAQ;EAAkB,SAAS;CAAc;CACvD,IAAI;EAAE,QAAQ;EAAqB,SAAS;CAAc;CAC1D,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;CACzD,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;CACzD,IAAI;EAAE,QAAQ;EAAoB,SAAS;CAAc;AAC3D,GAKMC,oBAAS,IAAI,IAAY;AAE/B,SAASC,EAAiB,GAAyB;CACjD,OAAOC,EAAM,QAAQ,MACfC,KAAQJ,CAQb;AACH;AAiCA,SAASK,EAAgB,GAAqB;CAC5C,IAAMC,IAASH,EAAM,QAAQ,MAAS,CAACF,EAAO,IAAID,EAASI,EAAK,CAAC,MAAM,CAAC;CACxE,IAAIE,EAAO,WAAW,GAAG;CAEzB,IAAMC,IAAW,CACf,GAAG,IAAI,IACLD,EAAO,KAAK,MAAS;EACnB,IAAM,EAAE,WAAQ,eAAYN,EAASI;EACrC,OAAO,UAAUI,EAAO,QAAQC;CAClC,CAAC,CACH,CACF,GAEMC,IAAO,SAAS,cAAc,MAAM;CAI1C,AAHA,EAAK,MAAM,cACX,EAAK,OAAO,qCAAqCH,EAAS,KAAK,GAAG,EAAE,gBAEpE,SAAS,KAAK,YAAYG,CAAI;CAC9B,KAAK,IAAMN,KAAQE,GACjB,EAAO,IAAIN,EAASI,EAAK,CAAC,MAAM;AAEpC;AAGA,SAAgBO,EAAc,GAAgC;CAC5D,IAAM,EACJ,WAAQ,MACR,eAAY,SAAS,iBACrB,WAAQ,OACNC,KAAW,CAAC,GAGVC,IAAaX,EADF,MAAM,QAAQC,CAAK,IAAIA,IAAQ,CAACA,CAAK,CACV;CAQ5C,AALAW,QAAmB;EACjB,EAAgBD,CAAU;CAC5B,CAAC,GAGDC,QAAmB;EACjB,IAAI,CAACC,KAASF,EAAW,WAAW,GAAG;EAGvC,IAAMG,IAAKC,KAAa,SAAS,iBAC3Bb,IAAOS,EAAW,IAClBK,IAAOF,EAAG,aAAa,WAAW;EAIxC,AAFAA,EAAG,aAAa,aAAaZ,CAAI,GAEjCe,QAAgB;GAEd,AAAID,MAAS,OACXF,EAAG,gBAAgB,WAAW,IAE9BA,EAAG,aAAa,aAAaE,CAAI;EAErC,CAAC;CACH,CAAC;AACH"}

package/dist/hooks/useScrollEdges.d.ts

@@ -0,0 +1,16 @@
+import { Accessor } from 'solid-js';
+export interface ScrollEdges {
+    /** 上方是否还有未显示的内容 */
+    canScrollUp: Accessor<boolean>;
+    /** 下方是否还有未显示的内容 */
+    canScrollDown: Accessor<boolean>;
+    /** 手动刷新一次边缘状态(如打开、内容变化后) */
+    refresh: () => void;
+}
+/**
+ * 跟踪某个滚动容器上方/下方是否还有未显示的内容，用于驱动滚动提示箭头。
+ *
+ * 监听 scroll(passive) + ResizeObserver(容器与首个子元素尺寸) +
+ * MutationObserver(childList/subtree)，因此面板高度变化、选项增删后显隐都能及时更新。
+ */
+export declare function useScrollEdges(target: Accessor<HTMLElement | undefined>): ScrollEdges;

package/dist/hooks/useScrollEdges.js

@@ -0,0 +1,34 @@
+import { createEffect as e, createSignal as t, onCleanup as n } from "solid-js";
+//#region src/hooks/useScrollEdges.ts
+function r(r) {
+	let [i, a] = t(!1), [o, s] = t(!1), c = () => {
+		let e = r();
+		if (!e) {
+			a(!1), s(!1);
+			return;
+		}
+		a(e.scrollTop > 1), s(e.scrollTop + e.clientHeight < e.scrollHeight - 1);
+	};
+	return e(() => {
+		let e = r();
+		if (!e) return;
+		c();
+		let t = new ResizeObserver(c);
+		t.observe(e), e.firstElementChild && t.observe(e.firstElementChild);
+		let i = new MutationObserver(c);
+		i.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), e.addEventListener("scroll", c, { passive: !0 }), n(() => {
+			t.disconnect(), i.disconnect(), e.removeEventListener("scroll", c);
+		});
+	}), {
+		canScrollUp: i,
+		canScrollDown: o,
+		refresh: c
+	};
+}
+//#endregion
+export { r as useScrollEdges };
+
+//# sourceMappingURL=useScrollEdges.js.map

package/dist/hooks/useScrollEdges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEdges.js","names":["useScrollEdges","canScrollUp","setCanScrollUp","createSignal","canScrollDown","setCanScrollDown","refresh","el","target","createEffect","resizeObserver","mutationObserver","onCleanup"],"sources":["../../src/hooks/useScrollEdges.ts"],"sourcesContent":["import { createEffect, createSignal, onCleanup, type Accessor } from \"solid-js\";\n\nexport interface ScrollEdges {\n  /** 上方是否还有未显示的内容 */\n  canScrollUp: Accessor<boolean>;\n  /** 下方是否还有未显示的内容 */\n  canScrollDown: Accessor<boolean>;\n  /** 手动刷新一次边缘状态(如打开、内容变化后) */\n  refresh: () => void;\n}\n\n/**\n * 跟踪某个滚动容器上方/下方是否还有未显示的内容，用于驱动滚动提示箭头。\n *\n * 监听 scroll(passive) + ResizeObserver(容器与首个子元素尺寸) +\n * MutationObserver(childList/subtree)，因此面板高度变化、选项增删后显隐都能及时更新。\n */\nexport function useScrollEdges(\n  target: Accessor<HTMLElement | undefined>,\n): ScrollEdges {\n  const [canScrollUp, setCanScrollUp] = createSignal(false);\n  const [canScrollDown, setCanScrollDown] = createSignal(false);\n\n  const refresh = () => {\n    const el = target();\n    if (!el) {\n      setCanScrollUp(false);\n      setCanScrollDown(false);\n      return;\n    }\n    setCanScrollUp(el.scrollTop > 1);\n    setCanScrollDown(el.scrollTop + el.clientHeight < el.scrollHeight - 1);\n  };\n\n  createEffect(() => {\n    const el = target();\n    if (!el) return;\n\n    refresh();\n\n    const resizeObserver = new ResizeObserver(refresh);\n    resizeObserver.observe(el);\n    if (el.firstElementChild) resizeObserver.observe(el.firstElementChild);\n\n    const mutationObserver = new MutationObserver(refresh);\n    mutationObserver.observe(el, { childList: true, subtree: true });\n\n    el.addEventListener(\"scroll\", refresh, { passive: true });\n    onCleanup(() => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      el.removeEventListener(\"scroll\", refresh);\n    });\n  });\n\n  return { canScrollUp, canScrollDown, refresh };\n}\n"],"mappings":";;AAiBA,SAAgBA,EACd,GACa;CACb,IAAM,CAACC,GAAaC,KAAkBC,EAAa,EAAK,GAClD,CAACC,GAAeC,KAAoBF,EAAa,EAAK,GAEtDG,UAAgB;EACpB,IAAMC,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;GAEP,AADAL,EAAe,EAAK,GACpBG,EAAiB,EAAK;GACtB;EACF;EAEA,AADAH,EAAeK,EAAG,YAAY,CAAC,GAC/BF,EAAiBE,EAAG,YAAYA,EAAG,eAAeA,EAAG,eAAe,CAAC;CACvE;CAuBA,OArBAE,QAAmB;EACjB,IAAMF,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;EAET,EAAQ;EAER,IAAMG,IAAiB,IAAI,eAAeJ,CAAO;EAEjD,AADAI,EAAe,QAAQH,CAAE,GACrBA,EAAG,qBAAmBG,EAAe,QAAQH,EAAG,iBAAiB;EAErE,IAAMI,IAAmB,IAAI,iBAAiBL,CAAO;EAIrD,AAHAK,EAAiB,QAAQJ,GAAI;GAAE,WAAW;GAAM,SAAS;EAAK,CAAC,GAE/DA,EAAG,iBAAiB,UAAUD,GAAS,EAAE,SAAS,GAAK,CAAC,GACxDM,QAAgB;GAGd,AAFAF,EAAe,WAAW,GAC1BC,EAAiB,WAAW,GAC5BJ,EAAG,oBAAoB,UAAUD,CAAO;EAC1C,CAAC;CACH,CAAC,GAEM;EAAE;EAAa;EAAe;CAAQ;AAC/C"}

package/dist/hooks/useScrollLock.d.ts

@@ -0,0 +1,16 @@
+import { Accessor } from 'solid-js';
+export interface UseScrollLockOptions {
+    /**
+     * 允许在锁滚动期间继续滚动的容器选择器(通常是浮层自身)。
+     * 未命中该选择器的滚轮/触摸滚动会被拦截;不传则整个页面都锁定滚动。
+     */
+    allowedSelector?: string;
+}
+/**
+ * 浮层打开时锁定页面滚动,关闭后恢复——对齐 Base UI 的 modal 行为
+ * (文档滚动被锁定、浮层之外的滚轮/触摸滚动被拦截),避免浮窗锚点随页面滚动而"飘移"。
+ *
+ * 多个浮层可同时持锁(引用计数);`allowedSelector` 命中的容器内仍可滚动,
+ * 通常传入浮层自身,例如 Popover 传 `[data-slot="popover-content"]`。
+ */
+export declare function useScrollLock(locked: Accessor<boolean>, options?: UseScrollLockOptions): void;

package/dist/hooks/useScrollLock.js

@@ -0,0 +1,61 @@
+import { createEffect as e, onCleanup as t } from "solid-js";
+//#region src/hooks/useScrollLock.ts
+var n = 0, r, i = /* @__PURE__ */ new Set();
+function a(e) {
+	let { overflow: t, overflowX: n, overflowY: r } = getComputedStyle(e);
+	return /auto|scroll|overlay|hidden/.test(t + n + r);
+}
+function o() {
+	let e = document.documentElement;
+	return a(e) ? e : document.body;
+}
+function s() {
+	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("scrollbar-gutter", "stable");
+}
+function c(e) {
+	if (!(e instanceof Element)) return !1;
+	for (let t of i) if (e.closest(t)) return !0;
+	return !1;
+}
+function l() {
+	let e = document.documentElement, t = document.body, n = o(), r = {
+		htmlScrollbarGutter: e.style.scrollbarGutter,
+		scrollerOverflowX: n.style.overflowX,
+		scrollerOverflowY: n.style.overflowY,
+		bodyPaddingRight: t.style.paddingRight,
+		scrollTop: n.scrollTop,
+		scrollLeft: n.scrollLeft
+	}, i = Math.max(0, window.innerWidth - e.clientWidth), a = s();
+	if (i > 0) {
+		if (a) e.style.scrollbarGutter = "stable";
+		else {
+			let e = Number.parseFloat(getComputedStyle(t).paddingRight) || 0;
+			t.style.paddingRight = `${e + i}px`;
+		}
+	}
+	n.style.overflowX = "hidden", n.style.overflowY = "hidden";
+	let l = (e) => {
+		c(e.target) || e.preventDefault();
+	};
+	return document.addEventListener("wheel", l, { passive: !1 }), document.addEventListener("touchmove", l, { passive: !1 }), () => {
+		e.style.scrollbarGutter = r.htmlScrollbarGutter, a || (t.style.paddingRight = r.bodyPaddingRight), n.style.overflowX = r.scrollerOverflowX, n.style.overflowY = r.scrollerOverflowY, document.removeEventListener("wheel", l), document.removeEventListener("touchmove", l), n.scrollTop = r.scrollTop, n.scrollLeft = r.scrollLeft;
+	};
+}
+function u(e) {
+	n += 1, e && i.add(e), n === 1 && (r = l());
+	let t = !1;
+	return () => {
+		t || (t = !0, --n, n === 0 && (r?.(), r = void 0, i.clear()));
+	};
+}
+function d(n, r) {
+	e(() => {
+		if (!n()) return;
+		let e = u(r?.allowedSelector);
+		t(e);
+	});
+}
+//#endregion
+export { d as useScrollLock };
+
+//# sourceMappingURL=useScrollLock.js.map

package/dist/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","names":["lockCount","release","allowedSelectors","isOverflowElement","el","overflow","overflowX","overflowY","getViewportScroller","html","supportsStableScrollbarGutter","isWithinAllowedScroll","target","selector","lockViewport","body","scroller","previous","scrollbarWidth","gutterSupported","padding","preventScroll","event","acquireLock","allowedSelector","released","useScrollLock","locked","unlock","options"],"sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { createEffect, onCleanup, type Accessor } from \"solid-js\";\n\nexport interface UseScrollLockOptions {\n  /**\n   * 允许在锁滚动期间继续滚动的容器选择器(通常是浮层自身)。\n   * 未命中该选择器的滚轮/触摸滚动会被拦截;不传则整个页面都锁定滚动。\n   */\n  allowedSelector?: string;\n}\n\n// 多个浮层/嵌套浮层可能同时持锁,用计数避免其中一个关闭就提前恢复页面滚动。\nlet lockCount = 0;\nlet release: (() => void) | undefined;\n// 各持锁浮层允许滚动的容器选择器。preventScroll 读取的是实时集合,\n// 因此即使某个选择器在锁生效之后才加入,也能立即对它放行。\nconst allowedSelectors = new Set<string>();\n\n/** 元素自身是否建立了滚动容器(与 positioner 里的判断口径一致) */\nfunction isOverflowElement(el: Element): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el);\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowX + overflowY);\n}\n\n/**\n * 页面的滚动容器:html 自己建立了滚动上下文时锁 html,否则锁 body\n * ——把 overflow 写在另一个元素上并不会锁住页面(Base UI 同样的判断)。\n */\nfunction getViewportScroller(): HTMLElement {\n  const html = document.documentElement;\n  return isOverflowElement(html) ? html : document.body;\n}\n\nfunction supportsStableScrollbarGutter(): boolean {\n  return (\n    typeof CSS !== \"undefined\" &&\n    typeof CSS.supports === \"function\" &&\n    CSS.supports(\"scrollbar-gutter\", \"stable\")\n  );\n}\n\nfunction isWithinAllowedScroll(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false;\n  for (const selector of allowedSelectors) {\n    if (target.closest(selector)) return true;\n  }\n  return false;\n}\n\nfunction lockViewport(): () => void {\n  const html = document.documentElement;\n  const body = document.body;\n  const scroller = getViewportScroller();\n\n  const previous = {\n    htmlScrollbarGutter: html.style.scrollbarGutter,\n    scrollerOverflowX: scroller.style.overflowX,\n    scrollerOverflowY: scroller.style.overflowY,\n    bodyPaddingRight: body.style.paddingRight,\n    scrollTop: scroller.scrollTop,\n    scrollLeft: scroller.scrollLeft,\n  };\n\n  // 抵消滚动条消失带来的横向抖动:能用 scrollbar-gutter 就用它,\n  // 否则退化成给 body 补一个滚动条宽度的右内边距。\n  // 只有页面自身真的存在占位滚动条时才需要补偿:滚动条长在某个嵌套容器上时,\n  // 锁 html/body 并不会移除那条滚动条,再给 html 加 gutter 只会额外多出一条空白\n  // (滚动条 + gutter 双倍宽度),反而破坏布局。\n  const scrollbarWidth = Math.max(0, window.innerWidth - html.clientWidth);\n  const gutterSupported = supportsStableScrollbarGutter();\n  if (scrollbarWidth > 0) {\n    if (gutterSupported) {\n      html.style.scrollbarGutter = \"stable\";\n    } else {\n      const padding =\n        Number.parseFloat(getComputedStyle(body).paddingRight) || 0;\n      body.style.paddingRight = `${padding + scrollbarWidth}px`;\n    }\n  }\n\n  scroller.style.overflowX = \"hidden\";\n  scroller.style.overflowY = \"hidden\";\n\n  // 兜底:部分浏览器即使 overflow:hidden 仍能被滚轮/触摸滚动,\n  // 因此直接拦截浮层之外的滚动事件;浮层内部(命中 allowedSelector)保留滚动能力。\n  const preventScroll = (event: Event) => {\n    if (isWithinAllowedScroll(event.target)) return;\n    event.preventDefault();\n  };\n  document.addEventListener(\"wheel\", preventScroll, { passive: false });\n  document.addEventListener(\"touchmove\", preventScroll, { passive: false });\n\n  return () => {\n    html.style.scrollbarGutter = previous.htmlScrollbarGutter;\n    if (!gutterSupported) {\n      body.style.paddingRight = previous.bodyPaddingRight;\n    }\n    scroller.style.overflowX = previous.scrollerOverflowX;\n    scroller.style.overflowY = previous.scrollerOverflowY;\n    document.removeEventListener(\"wheel\", preventScroll);\n    document.removeEventListener(\"touchmove\", preventScroll);\n    scroller.scrollTop = previous.scrollTop;\n    scroller.scrollLeft = previous.scrollLeft;\n  };\n}\n\nfunction acquireLock(allowedSelector?: string): () => void {\n  lockCount += 1;\n  if (allowedSelector) allowedSelectors.add(allowedSelector);\n  if (lockCount === 1) release = lockViewport();\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    lockCount -= 1;\n    if (lockCount === 0) {\n      release?.();\n      release = undefined;\n      // 全部释放后清空放行名单,避免残留的选择器影响下一次锁。\n      allowedSelectors.clear();\n    }\n  };\n}\n\n/**\n * 浮层打开时锁定页面滚动,关闭后恢复——对齐 Base UI 的 modal 行为\n * (文档滚动被锁定、浮层之外的滚轮/触摸滚动被拦截),避免浮窗锚点随页面滚动而\"飘移\"。\n *\n * 多个浮层可同时持锁(引用计数);`allowedSelector` 命中的容器内仍可滚动,\n * 通常传入浮层自身,例如 Popover 传 `[data-slot=\"popover-content\"]`。\n */\nexport function useScrollLock(\n  locked: Accessor<boolean>,\n  options?: UseScrollLockOptions,\n) {\n  createEffect(() => {\n    if (!locked()) return;\n    const unlock = acquireLock(options?.allowedSelector);\n    onCleanup(unlock);\n  });\n}\n"],"mappings":";;AAWA,IAAIA,IAAY,GACZC,GAGEC,oBAAmB,IAAI,IAAY;AAGzC,SAASC,EAAkB,GAAsB;CAC/C,IAAM,EAAE,aAAU,cAAW,iBAAc,iBAAiBC,CAAE;CAC9D,OAAO,6BAA6B,KAAKC,IAAWC,IAAYC,CAAS;AAC3E;AAMA,SAASC,IAAmC;CAC1C,IAAMC,IAAO,SAAS;CACtB,OAAON,EAAkBM,CAAI,IAAIA,IAAO,SAAS;AACnD;AAEA,SAASC,IAAyC;CAChD,OACE,OAAO,MAAQ,OACf,OAAO,IAAI,YAAa,cACxB,IAAI,SAAS,oBAAoB,QAAQ;AAE7C;AAEA,SAASC,EAAsB,GAAqC;CAClE,IAAI,EAAEC,aAAkB,UAAU,OAAO;CACzC,KAAK,IAAMC,KAAYX,GACrB,IAAIU,EAAO,QAAQC,CAAQ,GAAG,OAAO;CAEvC,OAAO;AACT;AAEA,SAASC,IAA2B;CAClC,IAAML,IAAO,SAAS,iBAChBM,IAAO,SAAS,MAChBC,IAAWR,EAAoB,GAE/BS,IAAW;EACf,qBAAqBR,EAAK,MAAM;EAChC,mBAAmBO,EAAS,MAAM;EAClC,mBAAmBA,EAAS,MAAM;EAClC,kBAAkBD,EAAK,MAAM;EAC7B,WAAWC,EAAS;EACpB,YAAYA,EAAS;CACvB,GAOME,IAAiB,KAAK,IAAI,GAAG,OAAO,aAAaT,EAAK,WAAW,GACjEU,IAAkBT,EAA8B;CACtD,IAAIQ,IAAiB,GAAG;EACtB,IAAIC,GACF,EAAK,MAAM,kBAAkB;OACxB;GACL,IAAMC,IACJ,OAAO,WAAW,iBAAiBL,CAAI,CAAC,CAAC,YAAY,KAAK;GAC5D,EAAK,MAAM,eAAe,GAAGK,IAAUF,EAAe;EACxD;CACF;CAGA,AADA,EAAS,MAAM,YAAY,UAC3B,EAAS,MAAM,YAAY;CAI3B,IAAMG,KAAiB,MAAiB;EACtC,AAAIV,EAAsBW,EAAM,MAAM,KACtCA,EAAM,eAAe;CACvB;CAIA,OAHA,SAAS,iBAAiB,SAASD,GAAe,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,aAAaA,GAAe,EAAE,SAAS,GAAM,CAAC,SAE3D;EAUX,AATA,EAAK,MAAM,kBAAkBJ,EAAS,qBACjCE,MACH,EAAK,MAAM,eAAeF,EAAS,mBAErC,EAAS,MAAM,YAAYA,EAAS,mBACpC,EAAS,MAAM,YAAYA,EAAS,mBACpC,SAAS,oBAAoB,SAASI,CAAa,GACnD,SAAS,oBAAoB,aAAaA,CAAa,GACvD,EAAS,YAAYJ,EAAS,WAC9B,EAAS,aAAaA,EAAS;CACjC;AACF;AAEA,SAASM,EAAY,GAAsC;CAGzD,AAFA,KAAa,GACTC,KAAiBtB,EAAiB,IAAIsB,CAAe,GACrDxB,MAAc,MAAG,IAAUc,EAAa;CAE5C,IAAIW,IAAW;CACf,aAAa;EACX,AAAIA,MACJ,IAAW,IACX,KACIzB,MAAc,MAChBC,IAAU,GACV,IAAU,KAAA,GAEVC,EAAiB,MAAM;CAE3B;AACF;AASA,SAAgBwB,EACd,GACA,GACA;CACA,QAAmB;EACjB,IAAI,CAACC,EAAO,GAAG;EACf,IAAMC,IAASL,EAAYM,GAAS,eAAe;EACnD,EAAUD,CAAM;CAClB,CAAC;AACH"}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/accordion';
 export * from './components/alert';
 export * from './components/alert-dialog';
 export * from './components/aspect-ratio';
+export * from './components/attachment';
 export * from './components/avatar';
 export * from './components/badge';
 export * from './components/breadcrumb';
@@ -13,8 +14,11 @@ export * from './components/carousel';
 export * from './components/checkbox';
 export * from './components/collapsible';
 export * from './components/combobox';
+export * from './components/context-menu';
 export * from './components/date-picker';
+export * from './components/data-table';
 export * from './components/dialog';
+export * from './components/dropdown-menu';
 export * from './components/empty';
 export * from './components/field';
 export * from './components/image';
@@ -24,10 +28,12 @@ export * from './components/item';
 export * from './components/kbd';
 export * from './components/label';
 export * from './components/pagination';
+export * from './components/number-input';
 export * from './components/popover';
 export * from './components/progress';
 export * from './components/radio-group';
 export * from './components/scroll-area';
+export * from './components/scroll-arrows';
 export * from './components/select';
 export * from './components/separator';
 export * from './components/sidebar';
@@ -37,6 +43,8 @@ export * from './components/spinner';
 export * from './components/switch';
 export * from './components/tabs';
 export * from './components/textarea';
+export * from './components/time-picker';
+export * from './components/table';
 export * from './components/toast';
 export * from './components/toggle';
 export * from './components/toggle-group';