@leavepulse/ui 0.44.0 → 0.45.1

package/dist/components/LpChart.vue.js

@@ -5,10 +5,11 @@ import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
 import { normalise, pointCount, resolveLabels, extent, axisTicks, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, markerIndex, chartSummary, niceScale, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { toCsv, downloadFile, fileStem, svgToPng, backgroundOf, resolveCssColor } from "./exportData.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpChart-CzgCGaAA.css';const _hoisted_1 = {
   key: 0,
@@ -111,11 +112,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menuItems: {}
   },
   emits: ["pointClick", "pointContextMenu"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const strings = useLabels(
       "chart",
-      { empty: "No data", rightAxis: "Measured on the right axis", point: "Point" },
+      { empty: "No data", rightAxis: "Measured on the right axis", point: "Point", xColumn: "Label" },
       () => props.text
     );
     const emit = __emit;
@@ -658,6 +659,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const readout = computed(
       () => keyboard.value && active.value >= 0 ? `${labels.value[active.value] ?? `${strings.value.point} ${active.value + 1}`}: ${tooltipRows.value.map((r) => `${r.name} ${r.text}`).join(", ")}` : ""
     );
+    const svgEl = ref(null);
+    function exportCsv(options = {}) {
+      const rows = labels.value.map((label, i) => ({ label, i }));
+      const csv = toCsv(rows, [
+        { key: "label", label: strings.value.xColumn },
+        ...allSeries.value.map((s) => ({ key: s.id, label: s.name, value: (r) => s.values[r.i] }))
+      ], options);
+      if (options.download !== false) {
+        downloadFile(`${fileStem(options.filename ?? props.title, "chart")}.csv`, csv, "text/csv;charset=utf-8");
+      }
+      return csv;
+    }
+    async function exportPng(options = {}) {
+      const svg = svgEl.value;
+      if (!svg || typeof document === "undefined") return null;
+      const style = getComputedStyle(root.value ?? svg);
+      const font = style.fontFamily;
+      const ink = style.getPropertyValue("--color-ink").trim() || style.color;
+      const muted = style.getPropertyValue("--color-muted-strong").trim() || style.color;
+      const legend = props.showLegend && allSeries.value.length > 1 ? visible.value : [];
+      const blob = await svgToPng(svg, {
+        scale: options.scale,
+        padding: 16,
+        background: options.background ?? backgroundOf(root.value),
+        header: (ctx) => {
+          let y = 0;
+          if (props.title) {
+            ctx.font = `500 14px ${font}`;
+            ctx.fillStyle = ink;
+            ctx.textBaseline = "top";
+            ctx.fillText(props.title, 0, y);
+            y += 22;
+          }
+          if (legend.length) {
+            ctx.font = `12px ${font}`;
+            ctx.textBaseline = "middle";
+            let x = 0;
+            for (const s of legend) {
+              ctx.fillStyle = resolveCssColor(s.color, root.value ?? svg);
+              ctx.beginPath();
+              ctx.arc(x + 4, y + 8, 4, 0, Math.PI * 2);
+              ctx.fill();
+              ctx.fillStyle = muted;
+              ctx.fillText(s.name, x + 14, y + 8);
+              x += 14 + ctx.measureText(s.name).width + 16;
+            }
+            y += 24;
+          }
+          return y ? y + 8 : 0;
+        }
+      });
+      if (options.download !== false) downloadFile(`${fileStem(options.filename ?? props.title, "chart")}.png`, blob);
+      return blob;
+    }
+    __expose({ exportCsv, exportPng });
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex w-full flex-col gap-3"
     );
@@ -719,6 +775,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_11, toDisplayString(__props.emptyLabel ?? unref(strings).empty), 1)
               ])) : width.value > 0 ? (openBlock(), createElementBlock("svg", {
                 key: 1,
+                ref_key: "svgEl",
+                ref: svgEl,
                 width: width.value,
                 height: __props.height,
                 class: "overflow-visible touch-none select-none",
@@ -1038,7 +1096,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd77643a"]]);
+const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c25e280"]]);
 export {
   LpChart as default
 };

package/dist/components/LpCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCheckbox-DpqchzH4.js";
+import { _ as _sfc_main } from "../chunks/LpCheckbox-Bkj13CbW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-DeHJPq7p.js";
+import { _ as _sfc_main } from "../chunks/LpCodeBlock-ca7ANFyW.js";
 export {
   _sfc_main as default
 };

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

@@ -81,7 +81,7 @@ type __VLS_Props = {
      */
     copyToast?: string | false;
 };
-declare var __VLS_56: {
+declare var __VLS_61: {
     color: string;
     hsv: {
         h: number;
@@ -91,7 +91,7 @@ declare var __VLS_56: {
     };
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_56) => any;
+    default?: (props: typeof __VLS_61) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     open: import("vue").Ref<boolean, boolean>;

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-Bhf1qxhB.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-zz4VGkG4.js";
 export {
   _sfc_main as default
 };

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

@@ -129,6 +129,12 @@ type __VLS_Props = {
      * so a stored history never resurrects a command that has gone away.
      */
     recent?: string[];
+    /**
+     * Let the palette keep the history itself, in localStorage under this key:
+     * every top-level command run is remembered, newest first. Ignored while
+     * `recent` is bound, which stays the way to store it somewhere else.
+     */
+    recentKey?: string;
     /** How many recent commands to surface. */
     recentLimit?: number;
     /** Headings the palette adds itself. */

package/dist/components/LpCommandPalette.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, useId, computed, shallowRef, useSlots, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
+import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Bry1fdOM.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useClipboard } from "../composables/useClipboard.js";
@@ -10,7 +10,7 @@ import { useModalLayer } from "./modalDepth.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { parseCommandQuery, rankCommandItems } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DCP5g2ik.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-HzAA4gri.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" };
@@ -56,7 +56,7 @@ const _hoisted_19 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted [@media(hover:none)_and_(pointer:coarse)]:hidden" };
 const _hoisted_21 = { class: "flex items-center gap-1" };
 const _hoisted_22 = { class: "flex items-center gap-1" };
 const _hoisted_23 = {
@@ -69,6 +69,7 @@ const _hoisted_24 = {
 };
 const _hoisted_25 = { class: "ml-auto flex items-center gap-1" };
 const _hoisted_26 = { class: "rounded border border-line px-1 text-[10px]" };
+const RECENT_KEEP = 20;
 const STAGGER_MS = 45;
 const STAGGER_MAX = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -83,6 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     debounce: { default: 250 },
     minChars: { default: 1 },
     recent: {},
+    recentKey: {},
     recentLimit: { default: 5 },
     recentLabel: { default: "Recent" },
     resultsLabel: { default: "Results" },
@@ -165,6 +167,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       event.stopPropagation();
       enter({ id: `${c.id}:actions`, label: c.label, icon: c.icon, children: actions });
     }
+    watch(
+      () => props.commands,
+      (commands) => {
+        if (!trail.value.length) return;
+        let level = commands;
+        const next = [];
+        for (const step of trail.value) {
+          const fresh = level.find((c) => c.id === step.id);
+          if (!fresh) return;
+          next.push(fresh);
+          level = Array.isArray(fresh.children) ? fresh.children : [];
+        }
+        trail.value = next;
+        const last = next[next.length - 1];
+        if (last && Array.isArray(last.children)) modeItems.value = last.children;
+      }
+    );
     function enter(c) {
       trailState.value = [...trailState.value, { query: query.value, selectedId: selectedId.value }];
       trail.value = [...trail.value, c];
@@ -241,11 +260,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const seen = new Set(ranked.value.map((c) => c.id));
       return found.value.filter((c) => !seen.has(c.id)).map((c) => c.group ? c : { ...c, group: props.resultsLabel });
     });
+    const ownRecent = ref([]);
+    watch(
+      () => props.recentKey,
+      (key) => {
+        if (!key || typeof localStorage === "undefined") return;
+        try {
+          const stored = JSON.parse(localStorage.getItem(key) ?? "[]");
+          ownRecent.value = Array.isArray(stored) ? stored.filter((v) => typeof v === "string") : [];
+        } catch {
+          ownRecent.value = [];
+        }
+      },
+      { immediate: true }
+    );
+    function remember(id) {
+      const key = props.recentKey;
+      if (!key || props.recent) return;
+      ownRecent.value = [id, ...ownRecent.value.filter((v) => v !== id)].slice(0, RECENT_KEEP);
+      try {
+        localStorage.setItem(key, JSON.stringify(ownRecent.value));
+      } catch {
+      }
+    }
+    const recentIds = computed(() => props.recent ?? (props.recentKey ? ownRecent.value : []));
     const recentItems = computed(() => {
-      if (mode.value || query.value.trim() || !props.recent?.length) return [];
+      if (mode.value || query.value.trim() || !recentIds.value.length) return [];
       const byId = new Map(props.commands.map((c) => [c.id, c]));
       const out = [];
-      for (const id of props.recent) {
+      for (const id of recentIds.value) {
         const c = byId.get(id);
         if (c && !c.disabled && !out.includes(c)) out.push(c);
         if (out.length >= props.recentLimit) break;
@@ -295,6 +338,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const paragraphs = computed(
       () => (active.value?.preview ?? active.value?.excerpt ?? "").split(/\n{2,}/).map((part) => part.trim()).filter(Boolean)
     );
+    const paneDescription = computed(() => {
+      const description = active.value?.description?.trim();
+      if (!description) return void 0;
+      const body = paragraphs.value.join(" ");
+      return body.startsWith(description) ? void 0 : description;
+    });
     watch(
       () => active.value?.id,
       async () => {
@@ -435,9 +484,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       emit("run", c.id, c);
+      if (!mode.value) remember(c.id);
       if (c.keepOpen) {
         query.value = "";
-        select(0);
+        if (mode.value) void nextTick(() => select(Math.max(0, flat.value.findIndex((x) => x.id === c.id))));
+        else select(0);
         inputRef.value?.focus();
         return;
       }
@@ -503,7 +554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(DialogContent), {
                 ref_key: "contentRef",
                 ref: contentRef,
-                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
                 style: normalizeStyle({ zIndex: unref(layer).panel }),
                 "data-pane": paneOpen.value ? "open" : void 0,
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
@@ -730,7 +781,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     }, null, 8, ["name"])) : createCommentVNode("", true),
                                     createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  paneDescription.value ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(paneDescription.value), 1)) : createCommentVNode("", true),
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
@@ -793,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fa6825e"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb9a3f4c"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CIUOSnWo.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-BTVAR4tF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-CDm0Wtpv.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-Ci_uCHgQ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-DQw5dGfG.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-BqkAYa9X.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDatePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDatePicker-Drirx1AK.js";
+import { _ as _sfc_main } from "../chunks/LpDatePicker-BrdFtSTy.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,60 @@
+import { type DateRange, type DateRangePreset } from "./dateRange";
+export interface DateRangePickerLabels extends Record<string, string> {
+    placeholder: string;
+    clear: string;
+    presets: string;
+    today: string;
+    last7: string;
+    last30: string;
+    thisMonth: string;
+    lastMonth: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Selected range (v-model). */
+    modelValue?: DateRange;
+    placeholder?: string;
+    min?: string;
+    max?: string;
+    isDisabled?: (iso: string) => boolean;
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    /** Shortcut ranges; an empty list hides them. Defaults to the built-in set. */
+    presets?: DateRangePreset[];
+    clearable?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: "sm" | "md" | "lg";
+    locale?: string;
+    /** Intl format for the displayed ends. */
+    format?: Intl.DateTimeFormatOptions;
+    labels?: Partial<DateRangePickerLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Selected range (v-model). */
+    modelValue?: DateRange;
+    placeholder?: string;
+    min?: string;
+    max?: string;
+    isDisabled?: (iso: string) => boolean;
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    /** Shortcut ranges; an empty list hides them. Defaults to the built-in set. */
+    presets?: DateRangePreset[];
+    clearable?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: "sm" | "md" | "lg";
+    locale?: string;
+    /** Intl format for the displayed ends. */
+    format?: Intl.DateTimeFormatOptions;
+    labels?: Partial<DateRangePickerLabels>;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpDateRangePicker.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpDateRangePicker-Drd7EbIz.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpDisclosure.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDisclosure-ChQYmjlR.js";
+import { _ as _sfc_main } from "../chunks/LpDisclosure-Cc23-JOT.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-bScx-KMO.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-CfRhHwmE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDropdownMenu-DJpoqRCb.js";
+import { _ as _sfc_main } from "../chunks/LpDropdownMenu-DdJGQzPn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDropzone.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, withModifiers, createElementVNode, renderSlot, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useReveal } from "../composables/useReveal.js";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpDropzone-i4BdMi1H.css';const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {

package/dist/components/LpEmptyState.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpEmptyState-Dsdqz1Wj.js";
+import { _ as _sfc_main } from "../chunks/LpEmptyState-BJbZXC8D.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,8 @@
+import type { FieldNotice } from "../composables/useFieldNotice";
+type __VLS_Props = {
+    notice: FieldNotice;
+    id?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/LpFieldNotice.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpFieldNotice-wtieLUTj.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-CSI_5SK2.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CNurOvkV.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-B4MiSQX2.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-D_qRRdsH.js";
 export {
   _sfc_main as default
 };

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

@@ -9,7 +9,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     id?: string;
     invalid?: boolean;
     disabled?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+}, {
+    notify: (text: string, options?: import("../index.js").FieldNoticeOptions) => void;
+    clearNotice: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     label?: string;
     hint?: string;
     error?: string;

package/dist/components/LpFormField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFormField-CIk5qosh.js";
+import { _ as _sfc_main } from "../chunks/LpFormField-CtVYj6tO.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,3 @@
-import "../icons";
 type __VLS_Props = {
     /** iconify name, e.g. "lucide:check". Bare names assume the lucide set. */
     name: string;

package/dist/components/LpIcon.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main } from "../chunks/LpIcon-DYtaid0K.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpImageEditor.vue.js

@@ -4,9 +4,9 @@ import { isSideways, coverScale, cropGeometry } from "./imageCrop.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { useReveal } from "../composables/useReveal.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
-import { _ as _sfc_main$1 } from "../chunks/LpButton-kqJBHIIb.js";
+import { _ as _sfc_main$1 } from "../chunks/LpButton-CKSwC6Mu.js";
 import "reka-ui";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpImageEditor-CbMA82g8.css';const _hoisted_1 = ["aria-label"];

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

@@ -1,3 +1,4 @@
+import { type MaskSpec, type MaskTokens } from "../composables/useInputMask";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -28,6 +29,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * disallowed input/paste at the source — cursor- and IME-safe.
      */
     restrict?: RegExp;
+    /**
+     * Format-as-you-type mask ("+0 (000) 000-00-00", a list, or a function of
+     * the raw value). The model holds the masked text; `update:raw` carries
+     * the accepted characters alone.
+     */
+    mask?: MaskSpec;
+    /** Extra or replacement mask tokens, one-character RegExps by key. */
+    maskTokens?: MaskTokens;
 }, {
     focus: (options?: FocusOptions) => void | undefined;
     blur: () => void | undefined;
@@ -35,6 +44,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     input: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
+    "update:raw": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     modelValue?: string;
     size?: "md" | "sm" | "lg" | undefined;
@@ -63,8 +73,17 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * disallowed input/paste at the source — cursor- and IME-safe.
      */
     restrict?: RegExp;
+    /**
+     * Format-as-you-type mask ("+0 (000) 000-00-00", a list, or a function of
+     * the raw value). The model holds the masked text; `update:raw` carries
+     * the accepted characters alone.
+     */
+    mask?: MaskSpec;
+    /** Extra or replacement mask tokens, one-character RegExps by key. */
+    maskTokens?: MaskTokens;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:raw"?: ((value: string) => any) | undefined;
 }>, {
     type: string;
     size: "md" | "sm" | "lg";

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-C0e8y8_d.js";
+import { _ as _sfc_main } from "../chunks/LpInput-D-YGQbEv.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-Mr0W_6HK.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-DSDahF23.js";
 export {
   _sfc_main as default
 };