@leavepulse/ui 0.44.0 → 0.45.1

package/dist/composables/usePaintSelect.js

@@ -0,0 +1,169 @@
+import { ref, toValue, onMounted, onBeforeUnmount, readonly } from "vue";
+import { useHotkeys } from "./useHotkeys.js";
+const HOLD_MS = 320;
+const SLOP_PX = 8;
+const EDGE_PX = 40;
+const SCROLL_STEP = 14;
+function scrollParent(el) {
+  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;
+}
+function usePaintSelect(options) {
+  const resolve = options.resolve ?? ((raw) => raw);
+  let stroke = null;
+  let pending = null;
+  let swallowClick = false;
+  let frame = 0;
+  const painting = ref(false);
+  const enabled = () => toValue(options.enabled) ?? true;
+  function keysInView() {
+    const items = options.root.value?.querySelectorAll("[data-paint-key]") ?? [];
+    const out = [];
+    for (const item of items) {
+      if (item.offsetParent === null) continue;
+      const key = resolve(item.dataset.paintKey ?? "");
+      if (key !== void 0) out.push(key);
+    }
+    return out;
+  }
+  function keyAt(x, y) {
+    const item = document.elementFromPoint(x, y)?.closest("[data-paint-key]");
+    if (!item || !options.root.value?.contains(item)) return void 0;
+    return resolve(item.dataset.paintKey ?? "");
+  }
+  function extend() {
+    if (!stroke) return;
+    const key = keyAt(stroke.x, stroke.y);
+    const at = key === void 0 ? -1 : stroke.keys.indexOf(key);
+    if (at < 0) return;
+    const [lo, hi] = at < stroke.anchor ? [at, stroke.anchor] : [stroke.anchor, at];
+    const next = new Set(stroke.before);
+    for (let i = lo; i <= hi; i++) {
+      const k = stroke.keys[i];
+      if (stroke.paint) next.add(k);
+      else next.delete(k);
+    }
+    options.set([...next]);
+  }
+  function tick() {
+    frame = 0;
+    if (!stroke) return;
+    const box = stroke.scroller?.getBoundingClientRect() ?? { top: 0, bottom: window.innerHeight };
+    const delta = stroke.y > box.bottom - EDGE_PX ? SCROLL_STEP : stroke.y < box.top + EDGE_PX ? -SCROLL_STEP : 0;
+    if (delta) {
+      if (stroke.scroller) stroke.scroller.scrollTop += delta;
+      else window.scrollBy(0, delta);
+      extend();
+    }
+    frame = requestAnimationFrame(tick);
+  }
+  function begin(key, x, y) {
+    const keys = keysInView();
+    const anchor = keys.indexOf(key);
+    if (anchor < 0) return;
+    const before = new Set(options.selection());
+    stroke = { keys, anchor, paint: !before.has(key), before, x, y, scroller: scrollParent(options.root.value) };
+    painting.value = true;
+    window.getSelection()?.removeAllRanges();
+    if (options.root.value) options.root.value.style.userSelect = "none";
+    extend();
+    if (!frame) frame = requestAnimationFrame(tick);
+  }
+  function cancelPending() {
+    if (pending) clearTimeout(pending.timer);
+    pending = null;
+  }
+  function onPointerDown(event, key, behaviour = {}) {
+    if (!enabled() || event.button !== 0) return;
+    cancelPending();
+    if (behaviour.hold === void 0 && event.pointerType !== "touch") {
+      event.preventDefault();
+      begin(key, event.clientX, event.clientY);
+      return;
+    }
+    const { pointerId, clientX: x, clientY: y } = event;
+    pending = {
+      key,
+      pointerId,
+      x,
+      y,
+      timer: setTimeout(() => {
+        pending = null;
+        begin(key, x, y);
+        navigator.vibrate?.(8);
+      }, behaviour.hold ?? HOLD_MS)
+    };
+  }
+  function onMove(event) {
+    if (pending && event.pointerId === pending.pointerId) {
+      if (Math.hypot(event.clientX - pending.x, event.clientY - pending.y) > SLOP_PX) cancelPending();
+      return;
+    }
+    if (!stroke) return;
+    stroke.x = event.clientX;
+    stroke.y = event.clientY;
+    extend();
+  }
+  function onUp() {
+    cancelPending();
+    if (!stroke) return;
+    stroke = null;
+    painting.value = false;
+    if (options.root.value) options.root.value.style.userSelect = "";
+    if (frame) cancelAnimationFrame(frame);
+    frame = 0;
+    swallowClick = true;
+    setTimeout(() => swallowClick = false, 0);
+  }
+  function onClickCapture(event) {
+    if (!swallowClick) return;
+    swallowClick = false;
+    event.stopPropagation();
+    event.preventDefault();
+  }
+  function onContextMenu(event) {
+    if (!stroke && !swallowClick) return;
+    event.preventDefault();
+    event.stopPropagation();
+  }
+  function onTouchMove(event) {
+    if (stroke) event.preventDefault();
+  }
+  useHotkeys(
+    () => options.selectAll && enabled() ? [
+      {
+        key: "a",
+        code: "KeyA",
+        ctrl: true,
+        help: toValue(options.help),
+        handler: () => options.set(options.selectAll())
+      }
+    ] : [],
+    { scope: options.root }
+  );
+  onMounted(() => {
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onUp);
+    window.addEventListener("click", onClickCapture, true);
+    window.addEventListener("contextmenu", onContextMenu, true);
+    options.root.value?.addEventListener("touchmove", onTouchMove, { passive: false });
+  });
+  onBeforeUnmount(() => {
+    onUp();
+    swallowClick = false;
+    window.removeEventListener("pointermove", onMove);
+    window.removeEventListener("pointerup", onUp);
+    window.removeEventListener("pointercancel", onUp);
+    window.removeEventListener("click", onClickCapture, true);
+    window.removeEventListener("contextmenu", onContextMenu, true);
+    options.root.value?.removeEventListener("touchmove", onTouchMove);
+  });
+  return { onPointerDown, painting: readonly(painting) };
+}
+export {
+  usePaintSelect
+};

package/dist/composables/useShift.js

@@ -12,6 +12,7 @@ function useShift(options = {}) {
   let settleTimer;
   let lastHeight = 0;
   let lastWidth = 0;
+  let laidOut = false;
   let inFlight = false;
   let tweenStart = 0;
   const scrolled = /* @__PURE__ */ new Set();
@@ -64,8 +65,10 @@ function useShift(options = {}) {
     restoreScroll(tops);
     lastHeight = toHeight;
     lastWidth = toWidth;
-    const movesHeight = wantsHeight() && fromHeight !== 0 && toHeight !== fromHeight;
-    const movesWidth = wantsWidth() && fromWidth !== 0 && toWidth !== fromWidth;
+    const wasLaidOut = laidOut;
+    laidOut = node.getClientRects().length > 0;
+    const movesHeight = wantsHeight() && (fromHeight !== 0 || wasLaidOut) && toHeight !== fromHeight;
+    const movesWidth = wantsWidth() && (fromWidth !== 0 || wasLaidOut) && toWidth !== fromWidth;
     if (!movesHeight && !movesWidth) return;
     if (movesHeight) node.style.height = `${fromHeight}px`;
     if (movesWidth) node.style.width = `${fromWidth}px`;
@@ -102,6 +105,7 @@ function useShift(options = {}) {
     resizing.value = false;
     lastHeight = 0;
     lastWidth = 0;
+    laidOut = false;
     inFlight = false;
   }
   watch(
@@ -111,6 +115,7 @@ function useShift(options = {}) {
       if (!enabled || !node) return;
       lastHeight = node.offsetHeight;
       lastWidth = node.offsetWidth;
+      laidOut = node.getClientRects().length > 0;
       scrollHost = node;
       node.addEventListener("scroll", rememberScroll, { capture: true, passive: true });
       if (wantsHeight()) node.style.height = `${lastHeight}px`;

package/dist/icons-all.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/icons-all.js

@@ -0,0 +1,3 @@
+import lucide from "@iconify-json/lucide/icons.json";
+import { a as registerIconCollection } from "./chunks/icons-CkA0njzm.js";
+registerIconCollection(lucide);

package/dist/icons.d.ts

@@ -1 +1,14 @@
-export {};
+import { type IconifyJSON } from "@iconify/vue";
+/** Bumped whenever icons are registered, so rendered icons re-resolve. */
+export declare const iconsVersion: import("vue").Ref<number, number>;
+/** Register a whole iconify collection (any prefix) for offline use. */
+export declare function registerIconCollection(collection: IconifyJSON): void;
+/**
+ * Register lucide icons by name ("check" or "lucide:check") from the bundled
+ * collection. Resolves once they render offline.
+ */
+export declare function registerIcons(names: readonly string[]): Promise<void>;
+/** Register the full lucide collection. */
+export declare function registerAllIcons(): Promise<void>;
+/** A lucide name that isn't registered yet: load it from the bundled set. */
+export declare function requestIcon(name: string): void;

package/dist/index.d.ts

@@ -19,6 +19,9 @@ export { default as LpCard } from "./components/LpCard.vue";
 export { default as LpChart } from "./components/LpChart.vue";
 export type { ChartPointEvent } from "./components/LpChart.vue";
 export type { ChartText } from "./components/LpChart.vue";
+export type { ChartExportOptions } from "./components/LpChart.vue";
+export { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData";
+export type { CsvColumn, CsvOptions, RasterOptions } from "./components/exportData";
 export { CHART_PALETTE, axisTicks, formatTick, niceScale, } from "./components/chart";
 export type { ChartAxis, ChartPoint, ChartSeries } from "./components/chart";
 export { chartSummary, markerIndex } from "./components/chart";
@@ -43,6 +46,12 @@ export type { ConfirmOptions } from "./components/confirm";
 export { default as LpContextMenu } from "./components/LpContextMenu.vue";
 export type { ContextMenuItemDef } from "./components/LpContextMenu.vue";
 export { default as LpDatePicker } from "./components/LpDatePicker.vue";
+export { default as LpDateRangePicker } from "./components/LpDateRangePicker.vue";
+export type { DateRangePickerLabels } from "./components/LpDateRangePicker.vue";
+export { default as LpRangeCalendar } from "./components/LpRangeCalendar.vue";
+export type { RangeCalendarLabels } from "./components/LpRangeCalendar.vue";
+export { clampRange, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange";
+export type { DateRange, DateRangePreset, DateRangePresetLabels } from "./components/dateRange";
 export { default as LpDisclosure } from "./components/LpDisclosure.vue";
 export { default as LpDivider } from "./components/LpDivider.vue";
 export { default as LpDrawer } from "./components/LpDrawer.vue";
@@ -55,8 +64,10 @@ export type { FileTreeSummary } from "./components/LpFileTree.vue";
 export type { FileTreeLabels } from "./components/LpFileTree.vue";
 export type { CheckState, FileNode, NodeStats } from "./components/fileTree";
 export { ancestorIds, checkedCount, checkStateOf, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize, } from "./components/fileTree";
+export { default as LpFieldNotice } from "./components/LpFieldNotice.vue";
 export { default as LpFormField } from "./components/LpFormField.vue";
 export { default as LpIcon } from "./components/LpIcon.vue";
+export { iconsVersion, registerAllIcons, registerIconCollection, registerIcons } from "./icons";
 export { default as LpImageEditor } from "./components/LpImageEditor.vue";
 export { default as LpInfraNode } from "./components/LpInfraNode.vue";
 export type { InfraNodeData } from "./components/LpInfraNode.vue";
@@ -69,6 +80,7 @@ export { default as LpLink } from "./components/LpLink.vue";
 export { default as LpLogViewer } from "./components/LpLogViewer.vue";
 export type { LogLevel, LogLine } from "./components/LpLogViewer.vue";
 export type { LogViewerLabels } from "./components/LpLogViewer.vue";
+export { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch";
 export { default as LpMediaGallery } from "./components/LpMediaGallery.vue";
 export { default as LpModal } from "./components/LpModal.vue";
 export { default as LpModalNav } from "./components/LpModalNav.vue";
@@ -117,11 +129,16 @@ export { default as LpSwitch } from "./components/LpSwitch.vue";
 export { default as LpTable } from "./components/LpTable.vue";
 export type { SortState, TableColumn, TablePage, TableQuery } from "./components/LpTable.vue";
 export type { TableLabels } from "./components/LpTable.vue";
+export type { TableExportOptions } from "./components/LpTable.vue";
 export { compareValues } from "./components/tableSort";
 export { default as LpTableOfContents } from "./components/LpTableOfContents.vue";
 export type { TocLink } from "./components/LpTableOfContents.vue";
 export { default as LpTabs } from "./components/LpTabs.vue";
 export type { TabItem } from "./components/LpTabs.vue";
+export { default as LpTagsInput } from "./components/LpTagsInput.vue";
+export type { TagsInputLabels } from "./components/LpTagsInput.vue";
+export { addTags, splitTags } from "./components/tags";
+export type { AddTagsOptions, TagDuplicates, TagRejection, TagValidator } from "./components/tags";
 export { default as LpTextarea } from "./components/LpTextarea.vue";
 export { default as LpThemeSwitcher } from "./components/LpThemeSwitcher.vue";
 export { default as LpTilt } from "./components/LpTilt.vue";
@@ -140,12 +157,12 @@ export { useLayout } from "./layout/useLayout";
 export type { UseLayout, UseLayoutOptions } from "./layout/useLayout";
 export { applyTheme, applyThemeWithTransition, bootstrapTheme, parseTheme, serializeTheme, THEME_COOKIE, themeFromCookie, themeToCssRule, themeToCssVars, useTheme, } from "./theme/useTheme";
 export type { RevealOrigin } from "./theme/useTheme";
-export { detectBackdropFilter, isBrokenBackdropEngine, NO_BACKDROP_ATTR } from "./theme/backdrop";
+export { detectBackdropFilter, GLASS_BACKDROP_ATTR, isBrokenBackdropEngine, NO_BACKDROP_ATTR, setGlassBackdrop } from "./theme/backdrop";
 export { DEFAULT_SURFACE } from "./theme/tokens";
 export { defineTheme } from "./theme/define";
 export type { ThemeOverrides } from "./theme/define";
 export type { ColorTokens, DensityTokens, FontTokens, ShapeTokens, SurfaceTokens, TokenSet, } from "./theme/tokens";
-export { amber, dark, leavepulse, light, lime, nord, presets, rose, violet } from "./theme/presets";
+export { amber, dark, light, lime, nord, presets, rose, violet } from "./theme/presets";
 export type { PresetName } from "./theme/presets";
 export { parseConfig, serializeConfig, UI_CONFIG_VERSION } from "./theme/config";
 export type { UiConfig } from "./theme/config";
@@ -153,7 +170,8 @@ export { useClipboard } from "./composables/useClipboard";
 export type { CopyOptions, UseClipboard } from "./composables/useClipboard";
 export { useHotkeys, isAppleKeyboard, appleModifierLabel, activeShortcuts, mergeShortcutGroups, } from "./composables/useHotkeys";
 export type { HotkeyBinding, HotkeyHelp, ShortcutEntry, ShortcutGroup } from "./composables/useHotkeys";
-export { matchesHotkey, useAppleKeyboard } from "./composables/useHotkeys";
+export { findHotkeyConflicts, hotkeyConflicts, hotkeySteps, matchesHotkey, pendingHotkey, sequenceProgress, useAppleKeyboard, } from "./composables/useHotkeys";
+export type { HotkeyConflict, HotkeyStep } from "./composables/useHotkeys";
 export { anyModalOpen, topModalElement, useModalLayer } from "./components/modalDepth";
 export type { ModalLayer, ModalLayerOptions } from "./components/modalDepth";
 export { provideGlass, useGlass } from "./composables/useGlass";
@@ -161,7 +179,11 @@ export { LP_CONFIG, lpConfig, mergeConfig, provideLpConfig, useLabels, useLinkCo
 export type { LabelScope, LpConfig } from "./composables/useLpConfig";
 export { useMergedClass, useMergedAttrs, mergeClass } from "./composables/useMergedClass";
 export { anchorPattern, stripDisallowed, useInputFilter } from "./composables/useInputFilter";
+export { usePaintSelect } from "./composables/usePaintSelect";
+export type { UsePaintSelectOptions } from "./composables/usePaintSelect";
 export { LP_FIELD, fieldMessageId, provideField, useField, useFieldControl } from "./composables/useField";
+export { FIELD_NOTICE_MS, useFieldNotice } from "./composables/useFieldNotice";
+export type { FieldNotice, FieldNoticeOptions, FieldNoticeTone } from "./composables/useFieldNotice";
 export type { FieldContext, FieldControlState } from "./composables/useField";
 export type { UseInputFilterOptions } from "./composables/useInputFilter";
 export { easeOut, easeTravel, easingToken, prefersReducedMotion } from "./composables/easing";
@@ -172,6 +194,10 @@ export { useRovingFocus } from "./composables/useRovingFocus";
 export type { RovingItem, UseRovingFocusOptions } from "./composables/useRovingFocus";
 export { useFormDraft } from "./composables/useFormDraft";
 export type { UseFormDraft, UseFormDraftOptions } from "./composables/useFormDraft";
+export { DEFAULT_MASK_TOKENS, applyMask, maskDelete, parseMask, useInputMask } from "./composables/useInputMask";
+export type { MaskOptions, MaskResult, MaskSpec, MaskToken, MaskTokens, UseInputMaskOptions } from "./composables/useInputMask";
+export { deepEqual, useForm } from "./composables/useForm";
+export type { FieldBinding, FieldRule, FormErrorMessage, FormErrors, FormRules, UseForm, UseFormOptions } from "./composables/useForm";
 export { useSettled } from "./composables/useSettled";
 export type { UseSettledOptions } from "./composables/useSettled";
 export { useShift } from "./composables/useShift";