@leavepulse/ui 0.73.6 → 0.74.1

package/src/composables/useShift.ts

@@ -62,9 +62,6 @@ export interface UseShift {
   retune: () => void
 }
 
-/** Set on the box while it eases its width: where that width will land. */
-export const TARGET_WIDTH = "--lp-shift-to-w"
-
 /** Kept in step with the `duration-fast` token the transition utilities use. */
 const TWEEN_MS = 160
 
@@ -193,8 +190,6 @@ export function useShift(
     if (wantsWidth()) node.style.width = ""
     const toHeight = wantsHeight() ? node.offsetHeight : 0
     const toWidth = wantsWidth() ? node.offsetWidth : 0
-    // offsetWidth is rounded, and content that needs 406.4px wraps at 406.
-    const exactWidth = wantsWidth() ? Math.ceil(node.getBoundingClientRect().width) : 0
     restoreScroll(tops)
     lastHeight = toHeight
     lastWidth = toWidth
@@ -220,10 +215,6 @@ export function useShift(
     void node.offsetHeight
     if (movesHeight) node.style.height = `${toHeight}px`
     if (movesWidth) node.style.width = `${toWidth}px`
-    // The width the box is heading for, for content that would otherwise lay
-    // itself out at every in-between width: a wrapping row inside a widening
-    // box broke onto a second line for the length of the tween.
-    if (movesWidth) node.style.setProperty(TARGET_WIDTH, `${exactWidth}px`)
     restoreScroll(tops)
 
     inFlight = true
@@ -242,7 +233,6 @@ export function useShift(
       // clearing it let the box spread to the window's edges.
       if (wantsHeight()) node.style.height = ""
       if (wantsWidth()) node.style.width = ""
-      node.style.removeProperty(TARGET_WIDTH)
       // Re-read rather than trusting the target: the layout around may have
       // moved meanwhile, and the next tween has to start from where it sits.
       lastHeight = node.offsetHeight

package/src/index.ts

@@ -202,6 +202,8 @@ export { default as LpHintExample } from "./components/LpHintExample.vue"
 export { default as LpShortcutsDialog } from "./components/LpShortcutsDialog.vue"
 export { default as LpSidebar } from "./components/LpSidebar.vue"
 export type { SidebarItem, SidebarSection } from "./components/LpSidebar.vue"
+export type { AppContext } from "./components/sidebar"
+export { default as LpContextSwitcher } from "./components/LpContextSwitcher.vue"
 export { default as LpSkeleton } from "./components/LpSkeleton.vue"
 export { default as LpSlider } from "./components/LpSlider.vue"
 export { default as LpRangeSlider } from "./components/LpRangeSlider.vue"