@leavepulse/ui 0.33.0 → 0.34.0

package/dist/components/LpProgress.vue.d.ts

@@ -52,11 +52,11 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: number;
-    max: number;
     value: number;
-    duration: number;
     variant: "bar" | "ring";
+    duration: number;
     tone: "brand" | "action" | "danger" | "accent" | "auto";
+    max: number;
     animateOnMount: boolean;
     warnAt: number;
     dangerAt: number;

package/dist/components/LpRollingText.vue.d.ts

@@ -12,16 +12,16 @@ type __VLS_Props = {
     align?: "start" | "center" | "end";
 };
 declare var __VLS_7: {
-    value: string | number;
+    value: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    mode: "slide" | "flip";
-    direction: "up" | "down";
     align: "start" | "center" | "end";
     duration: number;
+    direction: "up" | "down";
+    mode: "slide" | "flip";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpSelect.vue.d.ts

@@ -5,7 +5,7 @@ export interface SelectOption<V extends SelectValue = SelectValue> {
     description?: string;
 }
 declare const __VLS_export: <V extends SelectValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+    props: __VLS_PrettifyLocal<{
         modelValue?: V | V[] | undefined;
         options: SelectOption<V>[];
         placeholder?: string;
@@ -20,11 +20,11 @@ declare const __VLS_export: <V extends SelectValue = string>(__VLS_props: NonNul
         loadingText?: string;
         /** Trigger height, keyed to --size-control-*. Default "md". */
         size?: "sm" | "md" | "lg";
-    } & {
-        onChange?: ((value: V) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: V | V[] | undefined) => any) | undefined;
-        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-    }> & (typeof globalThis extends {
+    } & __VLS_EmitsToProps<__VLS_NormalizeEmits<{
+        (e: "update:modelValue", value: V | V[] | undefined): void;
+        (e: "change", value: V): void;
+        (e: "update:searchTerm", value: string): void;
+    }>>> & import('vue').PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;

package/dist/components/LpShift.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_Props = {
     disabled?: boolean;
 };
 declare var __VLS_1: {
-    resizing: boolean;
+    resizing: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/LpShortcutsDialog.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    title: string;
     open: boolean;
+    title: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-D_o-56To.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-DAqXzsm-.js";
 import { appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpShortcutsDialog-B7H-RZLQ.css';const _hoisted_1 = { class: "shortcut-groups" };

package/dist/components/LpSidebar.vue.d.ts

@@ -90,13 +90,7 @@ type __VLS_Props = {
      */
     autoCollapseAfter?: number;
 };
-declare var __VLS_1: {}, __VLS_18: {
-    item: SidebarItem;
-    active: boolean;
-}, __VLS_20: {}, __VLS_22: {}, __VLS_32: {}, __VLS_49: {
-    item: SidebarItem;
-    active: boolean;
-}, __VLS_51: {}, __VLS_53: {};
+declare var __VLS_1: {}, __VLS_18: any, __VLS_20: {}, __VLS_22: {}, __VLS_32: {}, __VLS_49: any, __VLS_51: {}, __VLS_53: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
 } & {

package/dist/components/LpSidebarNav.vue.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     collapsedKeys: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     item?: (props: {
-        item: SidebarItem;
-        active: boolean;
+        item: any;
+        active: any;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/LpSlider.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import('vue').DefineComponent<{
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    max: number;
+    modelValue: number;
     min: number;
+    max: number;
     step: number;
-    modelValue: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/LpSparkline.vue.d.ts

@@ -39,10 +39,10 @@ type __VLS_Props = {
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     width: number;
     height: number;
-    animate: boolean;
     duration: number;
-    smooth: number;
+    animate: boolean;
     tone: "brand" | "action" | "danger" | "accent" | "muted";
+    smooth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpTable.vue.d.ts

@@ -27,7 +27,7 @@ export interface SortState {
     dir: "asc" | "desc";
 }
 declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+    props: __VLS_PrettifyLocal<{
         columns: TableColumn<T>[];
         rows: T[];
         /** Stable id per row — required for selection; falls back to index otherwise. */
@@ -55,19 +55,19 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         filterLabel?: string;
         showAllLabel?: string;
         columnsLabel?: string;
-    } & {
-        "onUpdate:selected"?: ((value: (string | number)[]) => any) | undefined;
-        "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
-        onRowClick?: ((row: T) => any) | undefined;
-    }> & (typeof globalThis extends {
+    } & __VLS_EmitsToProps<__VLS_NormalizeEmits<{
+        (e: "update:selected", value: (string | number)[]): void;
+        (e: "update:sort", value: SortState | null): void;
+        (e: "rowClick", row: T): void;
+    }>>> & import('vue').PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        [x: `cell-${string}`]: ((props: {
-            row: T;
-            value: unknown;
+        [x: string]: ((props: {
+            row: any;
+            value: any;
         }) => any) | undefined;
     };
     emit: {

package/dist/components/LpTabs.vue.d.ts

@@ -21,7 +21,7 @@ type __VLS_Props = {
     block?: boolean;
 };
 declare var __VLS_49: {
-    value: string;
+    value: any;
 }, __VLS_51: {};
 type __VLS_Slots = {} & {
     panel?: (props: typeof __VLS_49) => any;

package/dist/components/LpThemeSwitcher.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((name: string) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    transition: boolean;
     variant: "swatch" | "icon" | "pill";
+    transition: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpTilt.vue.d.ts

@@ -17,9 +17,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     scale: number;
     max: number;
-    perspective: number;
     lift: number;
     glare: boolean;
+    perspective: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpTooltip.vue.d.ts

@@ -45,8 +45,8 @@ type __VLS_Slots = {} & {
     content?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    delay: number;
     side: "top" | "right" | "bottom" | "left";
+    delay: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpTopologyCanvas.vue.d.ts

@@ -188,12 +188,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     }) => any) | undefined;
 }>, {
     legend: boolean;
-    controls: boolean;
     connectable: boolean;
     selectable: boolean;
     legendPosition: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     lanes: TopologyLane[];
     minimap: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/modalDepth.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef } from 'vue';
+/**
+ * Register a dialog as open and get back the z-indexes it should paint with.
+ * The result is reactive: opening another dialog moves this one down a step.
+ */
+export declare function useModalLayer(): {
+    claim: () => void;
+    release: () => void;
+    layer: ComputedRef<{
+        scrim: string;
+        panel: string;
+    }>;
+};

package/dist/components/modalDepth.js

@@ -0,0 +1,29 @@
+import { ref, computed } from "vue";
+const STEP = 10;
+const stack = ref([]);
+let nextId = 0;
+function useModalLayer() {
+  const id = nextId++;
+  const fromTop = computed(() => {
+    const at = stack.value.indexOf(id);
+    return at === -1 ? 0 : stack.value.length - 1 - at;
+  });
+  return {
+    claim: () => {
+      if (!stack.value.includes(id)) stack.value = [...stack.value, id];
+    },
+    release: () => {
+      stack.value = stack.value.filter((x) => x !== id);
+    },
+    layer: computed(() => {
+      const drop = fromTop.value * STEP;
+      return {
+        scrim: `calc(var(--z-overlay) - ${drop})`,
+        panel: `calc(var(--z-modal) - ${drop})`
+      };
+    })
+  };
+}
+export {
+  useModalLayer
+};

package/dist/composables/useShift.js

@@ -1,6 +1,7 @@
 import { ref, watch, toValue, onBeforeUnmount } from "vue";
 import { prefersReducedMotion } from "./easing.js";
 const TWEEN_MS = 160;
+const RETARGET_AFTER_MS = 40;
 function useShift(options = {}) {
   const el = ref(null);
   const tweening = ref(false);
@@ -12,13 +13,19 @@ function useShift(options = {}) {
   let lastHeight = 0;
   let lastWidth = 0;
   let inFlight = false;
+  let tweenStart = 0;
   const axisOf = () => toValue(options.axis) ?? "height";
   const wantsHeight = () => axisOf() !== "width";
   const wantsWidth = () => axisOf() !== "height";
   function retune() {
     const node = el.value;
     if (!node) return;
-    if (inFlight) return;
+    if (inFlight) {
+      if (performance.now() - tweenStart < RETARGET_AFTER_MS) return;
+      const live = node.getBoundingClientRect();
+      lastHeight = Math.round(live.height);
+      lastWidth = Math.round(live.width);
+    }
     const fromHeight = lastHeight;
     const fromWidth = lastWidth;
     if (wantsHeight()) {
@@ -44,6 +51,7 @@ function useShift(options = {}) {
     if (movesHeight) node.style.height = `${toHeight}px`;
     if (movesWidth) node.style.width = `${toWidth}px`;
     inFlight = true;
+    tweenStart = performance.now();
     resizing.value = true;
     clearTimeout(settleTimer);
     const wait = prefersReducedMotion() ? 0 : toValue(options.duration) ?? TWEEN_MS;

package/dist/index.d.ts

@@ -28,7 +28,7 @@ export type { ColorPickerLabels } from './components/LpColorPicker.vue';
 export { clampHsv, DEFAULT_SWATCHES, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv, } from './components/color';
 export type { ColorFormat, Hsv, Rgb } from './components/color';
 export { default as LpCommandPalette } from './components/LpCommandPalette.vue';
-export type { Command } from './components/LpCommandPalette.vue';
+export type { Command, PaletteLabels } from './components/LpCommandPalette.vue';
 export { default as LpConfirmDialog } from './components/LpConfirmDialog.vue';
 export { default as LpContextMenu } from './components/LpContextMenu.vue';
 export type { ContextMenuItemDef } from './components/LpContextMenu.vue';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-C35TsJXt.js";
+import { _ as _2 } from "./chunks/LpAddressInput-FZXfljWV.js";
 import { _ as _3 } from "./chunks/LpMapPicker-ul4oYno6.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-BlvtGB2P.js";
@@ -19,10 +19,10 @@ import { _ as _15 } from "./chunks/LpCodeBlock-Bo0B4TFR.js";
 import { _ as _16 } from "./chunks/LpColorPicker-CFC6iaNK.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
-import { _ as _17 } from "./chunks/LpConfirmDialog-CjOGcj1e.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-CQBVaLpo.js";
 import { _ as _18 } from "./chunks/LpContextMenu-B6WBLleS.js";
 import { _ as _19 } from "./chunks/LpDatePicker-6JFXllj5.js";
-import { _ as _20 } from "./chunks/LpDisclosure-y7wDBgLa.js";
+import { _ as _20 } from "./chunks/LpDisclosure-ChQYmjlR.js";
 import { _ as _21 } from "./chunks/LpDivider-CUX46KR0.js";
 import { _ as _22 } from "./chunks/LpDrawer-DAJN5rGK.js";
 import { _ as _23 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
@@ -40,7 +40,7 @@ import { fileNameOf } from "./components/lightbox.js";
 import { _ as _31 } from "./chunks/LpLink-DCND-zyu.js";
 import { _ as _32 } from "./chunks/LpLogViewer-y53ZqSVq.js";
 import { _ as _33 } from "./chunks/LpMediaGallery-Cid7PGYx.js";
-import { _ as _34 } from "./chunks/LpModal-D_o-56To.js";
+import { _ as _34 } from "./chunks/LpModal-DAqXzsm-.js";
 import { _ as _35 } from "./chunks/LpNotificationBell-lHePf89W.js";
 import { _ as _36 } from "./chunks/LpNumberField-CWuX08iX.js";
 import { _ as _37 } from "./chunks/LpNumberFlow-amWYaeuA.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {