@leavepulse/ui 0.69.0 → 0.70.1

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

@@ -0,0 +1,58 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Which dimension folds: `height` for a section, `width` for a side panel or a toolbar group, `both` for a corner pop-out. */
+    axis?: "height" | "width" | "both";
+    /** Fade the content along with the fold, so it does not show sliced while the box is small. */
+    fade?: boolean;
+    /**
+     * Keep the content in the DOM while closed (hidden), so its state survives:
+     * a half-filled form, a scroll position, a playing preview. Off, it is
+     * unmounted once folded away, like `v-if`.
+     */
+    keepMounted?: boolean;
+    /** With `keepMounted`, do not mount the content until it is first opened: an expensive body costs nothing until asked for. */
+    lazy?: boolean;
+    /** Length of the fold in ms. Defaults to the kit's `--duration-medium`. */
+    duration?: number;
+} & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    opened: () => any;
+    closed: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Which dimension folds: `height` for a section, `width` for a side panel or a toolbar group, `both` for a corner pop-out. */
+    axis?: "height" | "width" | "both";
+    /** Fade the content along with the fold, so it does not show sliced while the box is small. */
+    fade?: boolean;
+    /**
+     * Keep the content in the DOM while closed (hidden), so its state survives:
+     * a half-filled form, a scroll position, a playing preview. Off, it is
+     * unmounted once folded away, like `v-if`.
+     */
+    keepMounted?: boolean;
+    /** With `keepMounted`, do not mount the content until it is first opened: an expensive body costs nothing until asked for. */
+    lazy?: boolean;
+    /** Length of the fold in ms. Defaults to the kit's `--duration-medium`. */
+    duration?: number;
+} & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}>, {
+    fade: boolean;
+    axis: "height" | "width" | "both";
+    keepMounted: boolean;
+    lazy: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpCollapse.vue.js

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

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

@@ -84,7 +84,7 @@ type __VLS_Props = {
      */
     copyToast?: string | false;
 };
-declare var __VLS_61: {
+declare var __VLS_63: {
     color: string;
     hsv: {
         h: number;
@@ -94,7 +94,7 @@ declare var __VLS_61: {
     };
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_61) => any;
+    default?: (props: typeof __VLS_63) => 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-DtEfBAcK.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-B7HSIFmn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,9 +1,11 @@
 import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, onBeforeUnmount, nextTick, 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$3 } from "../chunks/LpAvatar-Bs0Fb1lC.js";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$4 } from "../chunks/LpAvatar-CLPl-qOF.js";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "../chunks/LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$3 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
+import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useGlass } from "../composables/useGlass.js";
@@ -15,8 +17,9 @@ import { useModalLayer } from "./modalDepth.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { parseCommandQuery, rankCommandItems, applyQueryFilters, parsePaletteQuery, highlightParts } from "./commandSearch.js";
 import { fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, modeChipLabel, toRecentItem, pushRecent } from "./commandPalette.js";
+import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DxyjhYn_.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-u-zOxKWa.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-small border border-line px-1.5 py-0.5 text-[10px] text-muted" };
@@ -74,8 +77,6 @@ const _hoisted_25 = { class: "rounded-small border border-line px-1 text-[10px]"
 const PALETTE_ACTIONS_AFTER = 3;
 const RECENT_KEEP = 20;
 const PANE_LINGER_MS = 160;
-const STAGGER_MS = 45;
-const STAGGER_MAX = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
@@ -396,9 +397,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const paneQuery = computed(() => parsePaletteQuery(query.value.trim()));
     const paneBody = shallowRef();
-    watch(paneCommand, (command) => {
-      if (command) paneBody.value = command;
-    });
+    watch(
+      paneCommand,
+      (command) => {
+        if (command) paneBody.value = command;
+      },
+      { immediate: true }
+    );
     const paragraphs = computed(
       () => (paneBody.value?.preview ?? paneBody.value?.excerpt ?? "").split(/\n{2,}/).map((part) => part.trim()).filter(Boolean)
     );
@@ -408,6 +413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const body = paragraphs.value.join(" ");
       return body.startsWith(description) ? void 0 : description;
     });
+    const paraDelay = (index) => `${staggerDelay(index + 1, 0, 45, 10)}ms`;
     watch(
       () => paneCommand.value?.id,
       async () => {
@@ -599,19 +605,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       ] : []
     );
+    const portalTo = usePortalTarget();
+    const guardOutside = useOutsideGuard();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
         "onUpdate:open": _cache[3] || (_cache[3] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
-          createVNode(unref(DialogPortal), null, {
+          createVNode(unref(DialogPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
                 class: normalizeClass([{ "lp-scrim--light": unref(frosted), "lp-scrim--nested": unref(layer).nested, "lp-scrim--covered": unref(layer).covered }, "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"]),
                 style: normalizeStyle({ zIndex: unref(layer).scrim })
               }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
+                onInteractOutside: unref(guardOutside),
+                onEscapeKeyDown: unref(guardOutside),
                 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 lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
@@ -640,12 +650,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       name: "lucide:search",
                       size: 18,
                       class: "shrink-0 text-muted"
-                    })) : (openBlock(), createBlock(_sfc_main$1, {
+                    })) : (openBlock(), createBlock(_sfc_main$2, {
                       key: 1,
-                      name: "lucide:loader-circle",
-                      size: 18,
-                      class: "shrink-0 animate-spin text-muted"
-                    })),
+                      size: "inline",
+                      delay: 0,
+                      labels: { loading: unref(text).searching },
+                      class: "shrink-0 text-[18px] text-muted"
+                    }, null, 8, ["labels"])),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(trail.value, (step, i) => {
                       return openBlock(), createElementBlock("button", {
                         key: step.id,
@@ -694,7 +705,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: "flex min-h-0 flex-1",
                     onPointermove: onPointerMove
                   }, [
-                    createVNode(_sfc_main$2, {
+                    createVNode(_sfc_main$3, {
                       ref_key: "scrollRef",
                       ref: scrollRef,
                       class: "lp-cmd-list min-h-0 min-w-0 flex-1",
@@ -737,7 +748,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   onPointerenter: ($event) => onPointerEnter(c)
                                 }, {
                                   default: withCtx(() => [
-                                    imageOf(c) ? (openBlock(), createBlock(_sfc_main$3, {
+                                    imageOf(c) ? (openBlock(), createBlock(_sfc_main$4, {
                                       key: 0,
                                       src: imageOf(c).src ?? void 0,
                                       alt: imageOf(c).alt ?? "",
@@ -833,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
                         paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
-                          createVNode(_sfc_main$2, {
+                          createVNode(_sfc_main$3, {
                             ref_key: "previewRef",
                             ref: previewRef,
                             class: "min-h-0 flex-1",
@@ -849,7 +860,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   query: paneQuery.value
                                 }, () => [
                                   createElementVNode("div", _hoisted_16, [
-                                    imageOf(paneBody.value) ? (openBlock(), createBlock(_sfc_main$3, {
+                                    imageOf(paneBody.value) ? (openBlock(), createBlock(_sfc_main$4, {
                                       key: 0,
                                       src: imageOf(paneBody.value).src ?? void 0,
                                       alt: imageOf(paneBody.value).alt ?? "",
@@ -871,7 +882,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
                                       class: "lp-cmd-para mt-3 whitespace-pre-line text-sm leading-relaxed text-ink/90",
-                                      style: normalizeStyle({ animationDelay: `${Math.min(i + 1, STAGGER_MAX) * STAGGER_MS}ms` })
+                                      style: normalizeStyle({ animationDelay: paraDelay(i) })
                                     }, [
                                       (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(para, paneBody.value.highlight), (p, pi) => {
                                         return openBlock(), createElementBlock(Fragment, {
@@ -924,17 +935,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 3
-              }, 8, ["class", "style", "data-pane"])
+              }, 8, ["onInteractOutside", "onEscapeKeyDown", "class", "style", "data-pane"])
             ]),
             _: 3
-          })
+          }, 8, ["to"])
         ]),
         _: 3
       }, 8, ["open"]);
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-945452ec"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c48e89a"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

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

package/dist/components/LpContextMenu.vue.js

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

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

@@ -0,0 +1,82 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+export interface CopyButtonLabels extends Record<string, string> {
+    copy: string;
+    copied: string;
+    failed: string;
+}
+/**
+ * What to copy: the text, or a function that produces it when clicked. A
+ * `Blob` is copied as itself (an image as PNG, see useClipboard).
+ */
+export type CopyValue = string | number | Blob | (() => string | number | Blob | Promise<string | number | Blob>);
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The text to copy, or a (possibly async) function that returns it on click. */
+    value: CopyValue;
+    /** LpButton's sizes, so it sits in a toolbar of buttons at the same height. */
+    size?: "xs" | "sm" | "md" | "lg";
+    /**
+     * Glyph size in px, for a toolbar whose other icons are drawn at their
+     * own size (the lightbox's 18px row). Defaults to what suits `size`.
+     */
+    iconSize?: number;
+    /** LpButton's look. `ghost` by default: a copy button is a helper beside something, not a call to action. */
+    variant?: "solid" | "action" | "outline" | "soft" | "ghost" | "muted";
+    /**
+     * Visible text beside the icon. Without it the button is a square icon
+     * button and the tip names it.
+     */
+    label?: string;
+    /** A toast on success too, for a copy whose button is about to leave the screen (a menu, a closing dialog). */
+    toast?: string | false;
+    /**
+     * Show the tick now, for a copy made some other way: a Ctrl+C shortcut on
+     * the row, a "Copy" item in its menu. The button then confirms it too, so
+     * there is one place that says the clipboard holds this value.
+     */
+    copied?: boolean;
+    disabled?: boolean;
+    /** Where the tip opens. */
+    side?: "top" | "right" | "bottom" | "left";
+    labels?: Partial<CopyButtonLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    copied: (text: string, blob?: Blob | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The text to copy, or a (possibly async) function that returns it on click. */
+    value: CopyValue;
+    /** LpButton's sizes, so it sits in a toolbar of buttons at the same height. */
+    size?: "xs" | "sm" | "md" | "lg";
+    /**
+     * Glyph size in px, for a toolbar whose other icons are drawn at their
+     * own size (the lightbox's 18px row). Defaults to what suits `size`.
+     */
+    iconSize?: number;
+    /** LpButton's look. `ghost` by default: a copy button is a helper beside something, not a call to action. */
+    variant?: "solid" | "action" | "outline" | "soft" | "ghost" | "muted";
+    /**
+     * Visible text beside the icon. Without it the button is a square icon
+     * button and the tip names it.
+     */
+    label?: string;
+    /** A toast on success too, for a copy whose button is about to leave the screen (a menu, a closing dialog). */
+    toast?: string | false;
+    /**
+     * Show the tick now, for a copy made some other way: a Ctrl+C shortcut on
+     * the row, a "Copy" item in its menu. The button then confirms it too, so
+     * there is one place that says the clipboard holds this value.
+     */
+    copied?: boolean;
+    disabled?: boolean;
+    /** Where the tip opens. */
+    side?: "top" | "right" | "bottom" | "left";
+    labels?: Partial<CopyButtonLabels>;
+}> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onCopied?: ((text: string, blob?: Blob | undefined) => any) | undefined;
+}>, {
+    size: "xs" | "sm" | "md" | "lg";
+    side: "top" | "right" | "bottom" | "left";
+    variant: "solid" | "action" | "outline" | "soft" | "ghost" | "muted";
+    toast: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpCopyButton.vue.js

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

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

@@ -0,0 +1,100 @@
+import { type TimeFormat } from "./timeSpan";
+export type CountdownLabels = {
+    /** Spoken at a milestone; `{time}` is the time left in words. */
+    left: string;
+    /** Spoken when the time is up, and the timer's name from then on. */
+    done: string;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The moment to count down to. Takes precedence over `seconds`. */
+    to?: Date | string | number;
+    /**
+     * Count down this many seconds from when the countdown mounts — or from
+     * when this value changes, or `restart()` is called. For "try again in 45
+     * s", where the app has a wait rather than a moment.
+     */
+    seconds?: number;
+    /**
+     * `to` only: when the wait began, so the ring or bar can show how much of
+     * it is left. Without it a `to` countdown draws no progress.
+     */
+    from?: Date | string | number;
+    /** `auto` is a clock under an hour and units above it. */
+    format?: TimeFormat;
+    /** Units format: how many places to keep ("2d 3h" is 2). */
+    places?: number;
+    /**
+     * Freeze the count. A `seconds` countdown resumes where it stopped; a `to`
+     * countdown is tied to a real moment, so it resumes at the true time left.
+     */
+    paused?: boolean;
+    /** Draw the time left as a ring around the digits, or a bar under them. */
+    progress?: "ring" | "bar";
+    /** Ring only: outer diameter in px. */
+    ringSize?: number;
+    /** Seconds left at which it turns danger: the end is close enough to act on. */
+    urgentAt?: number;
+    /**
+     * Announce the time left at these marks (ms remaining) and at the end.
+     * `false` keeps it silent apart from what the timer role itself offers.
+     */
+    announce?: boolean | number[];
+    labels?: Partial<CountdownLabels>;
+}, {
+    restart: () => void;
+    remaining: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The moment to count down to. Takes precedence over `seconds`. */
+    to?: Date | string | number;
+    /**
+     * Count down this many seconds from when the countdown mounts — or from
+     * when this value changes, or `restart()` is called. For "try again in 45
+     * s", where the app has a wait rather than a moment.
+     */
+    seconds?: number;
+    /**
+     * `to` only: when the wait began, so the ring or bar can show how much of
+     * it is left. Without it a `to` countdown draws no progress.
+     */
+    from?: Date | string | number;
+    /** `auto` is a clock under an hour and units above it. */
+    format?: TimeFormat;
+    /** Units format: how many places to keep ("2d 3h" is 2). */
+    places?: number;
+    /**
+     * Freeze the count. A `seconds` countdown resumes where it stopped; a `to`
+     * countdown is tied to a real moment, so it resumes at the true time left.
+     */
+    paused?: boolean;
+    /** Draw the time left as a ring around the digits, or a bar under them. */
+    progress?: "ring" | "bar";
+    /** Ring only: outer diameter in px. */
+    ringSize?: number;
+    /** Seconds left at which it turns danger: the end is close enough to act on. */
+    urgentAt?: number;
+    /**
+     * Announce the time left at these marks (ms remaining) and at the end.
+     * `false` keeps it silent apart from what the timer role itself offers.
+     */
+    announce?: boolean | number[];
+    labels?: Partial<CountdownLabels>;
+}> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {
+    format: TimeFormat;
+    announce: boolean | number[];
+    places: number;
+    ringSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Replaces the digits once the time is up: a "Resend" button, "Live now". */
+    done?: () => unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpCountdown.vue.js

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

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

@@ -0,0 +1,66 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+export interface DataListItem {
+    /** Stable key, used for slots (`#value-<key>`, `#label-<key>`) and list identity. Defaults to the label. */
+    key?: string;
+    label: string;
+    /** The value. Empty (`null`, `undefined`, `""`) shows the placeholder. */
+    value?: string | number | null;
+    /** Offer a copy button for this value. */
+    copyable?: boolean;
+    /** Monospace, for ids, addresses, hashes, versions. */
+    mono?: boolean;
+    /** A note on what the label means, behind an info icon. */
+    hint?: string;
+}
+export interface DataListLabels extends Record<string, string> {
+    empty: string;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    items: DataListItem[];
+    /**
+     * `auto` (default) is side by side, stacking when the list itself is
+     * narrower than ~20rem. `horizontal` and `stacked` fix one.
+     */
+    layout?: "auto" | "horizontal" | "stacked";
+    /** Hairlines between rows, for a long list read as a table. */
+    divided?: boolean;
+    size?: "sm" | "md";
+    labels?: Partial<DataListLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    items: DataListItem[];
+    /**
+     * `auto` (default) is side by side, stacking when the list itself is
+     * narrower than ~20rem. `horizontal` and `stacked` fix one.
+     */
+    layout?: "auto" | "horizontal" | "stacked";
+    /** Hairlines between rows, for a long list read as a table. */
+    divided?: boolean;
+    size?: "sm" | "md";
+    labels?: Partial<DataListLabels>;
+}> & Readonly<{}>, {
+    layout: "auto" | "horizontal" | "stacked";
+    size: "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: `label-${string}`]: ((props: {
+        item: DataListItem;
+    }) => any) | undefined;
+} & {
+    [x: `value-${string}`]: ((props: {
+        item: DataListItem;
+        value: string | number | null | undefined;
+    }) => any) | undefined;
+    value?: ((props: {
+        item: DataListItem;
+        value: string | number | null | undefined;
+    }) => any) | undefined;
+} & {
+    label?: (props: {
+        item: DataListItem;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpDataList.vue.js

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

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

@@ -1,4 +1,4 @@
-import { type CalendarLabels } from "./calendar";
+import type { CalendarLabels } from "./calendar";
 import { type DatePreset } from "./dateRange";
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      */
     labels?: Partial<DatePickerLabels & CalendarLabels>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Selected date "YYYY-MM-DD" (v-model). */
@@ -80,6 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      */
     labels?: Partial<DatePickerLabels & CalendarLabels>;
 }> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";

package/dist/components/LpDatePicker.vue.js

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

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

@@ -1,5 +1,5 @@
 import { type DateRange, type DateRangePreset } from "./dateRange";
-import { type CalendarLabels } from "./calendar";
+import type { CalendarLabels } from "./calendar";
 export interface DateRangePickerLabels extends Record<string, string> {
     placeholder: string;
     clear: string;
@@ -37,6 +37,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      */
     labels?: Partial<DateRangePickerLabels & CalendarLabels>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     "update:modelValue": (value: DateRange | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Selected range (v-model). */
@@ -63,6 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      */
     labels?: Partial<DateRangePickerLabels & CalendarLabels>;
 }> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: DateRange | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";

package/dist/components/LpDateRangePicker.vue.js

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

package/dist/components/LpDisclosure.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDisclosure-6AplYBub.js";
+import { _ as _sfc_main } from "../chunks/LpDisclosure-DOarzlAG.js";
 export {
   _sfc_main as default
 };