@leavepulse/ui 0.55.0 → 0.57.0

package/src/composables/usePaintSelect.ts

@@ -1,5 +1,6 @@
 import { onBeforeUnmount, onMounted, readonly, ref, toValue, type MaybeRefOrGetter, type Ref } from "vue"
 import { useHotkeys, type HotkeyHelp } from "./useHotkeys"
+import { scrollParent } from "./scroll"
 
 /*
  * Paint selection: press on one item's tick and sweep across the others, and
@@ -53,14 +54,6 @@ interface Stroke<K> {
   scroller: HTMLElement | null
 }
 
-function scrollParent(el: HTMLElement | null): HTMLElement | null {
-  for (let node = el?.parentElement; node; node = node.parentElement) {
-    const { overflowY } = getComputedStyle(node)
-    if ((overflowY === "auto" || overflowY === "scroll") && node.scrollHeight > node.clientHeight) return node
-  }
-  return null
-}
-
 export function usePaintSelect<K = string>(options: UsePaintSelectOptions<K>) {
   const resolve = options.resolve ?? ((raw: string) => raw as unknown as K)
   let stroke: Stroke<K> | null = null

package/src/index.ts

@@ -207,6 +207,11 @@ export { default as LpThemeSwitcher } from "./components/LpThemeSwitcher.vue"
 export { default as LpTilt } from "./components/LpTilt.vue"
 export { default as LpToaster } from "./components/LpToaster.vue"
 export { default as LpTooltip } from "./components/LpTooltip.vue"
+export { default as LpTour } from "./components/LpTour.vue"
+export type { TourContext, TourStep } from "./components/LpTour.vue"
+export { holeOf, openContextMenu, panelsAround } from "./components/tour"
+export { default as LpHintLayer } from "./components/LpHintLayer.vue"
+export type { HintNote } from "./components/LpHintLayer.vue"
 export { default as LpTooltipProvider } from "./components/LpTooltipProvider.vue"
 export { default as LpTopologyCanvas } from "./components/LpTopologyCanvas.vue"
 export type {
@@ -313,6 +318,11 @@ export type { FieldContext, FieldControlState } from "./composables/useField"
 export type { UseInputFilterOptions } from "./composables/useInputFilter"
 export { easeOut, easeTravel, easingToken, prefersReducedMotion } from "./composables/easing"
 export { useReveal } from "./composables/useReveal"
+export { hints, vHint } from "./composables/useHints"
+export type { HintEvent } from "./composables/useHints"
+export { scrollParent, scrollToElement } from "./composables/scroll"
+export type { ScrollParentOptions, ScrollToElementOptions } from "./composables/scroll"
+export { useMediaQuery } from "./composables/useMediaQuery"
 export type { UseReveal, UseRevealOptions } from "./composables/useReveal"
 export { useAsyncTask } from "./composables/useAsyncTask"
 export { useRovingFocus } from "./composables/useRovingFocus"

package/src/tokens/tokens.css

@@ -169,6 +169,7 @@
   --z-modal: 110;
   --z-popover: 120;
   --z-tooltip: 130;
+  --z-tour: 140;
   --z-toast: 200;
 
 }