@leavepulse/ui 0.31.1 → 0.32.0

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /** Same syntax as the input's: "image/*", ".yaml,.yml". */
     accept?: string;
     /** Take more than one at a time. */
@@ -26,14 +28,7 @@ type __VLS_Props = {
     tone?: "sunken" | "flush" | "soft";
     /** Draw the entrance when the zone first comes into view. */
     animate?: boolean;
-};
-declare var __VLS_1: {
-    over: boolean;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+}, {
     browse: () => void | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     files: (files: File[]) => any;
@@ -41,7 +36,35 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         file: File;
         cause: "type" | "size";
     }[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    /** Same syntax as the input's: "image/*", ".yaml,.yml". */
+    accept?: string;
+    /** Take more than one at a time. */
+    multiple?: boolean;
+    disabled?: boolean;
+    /**
+     * Also accept a paste anywhere on the page, not only while focused.
+     * Off by default: two zones both listening would each take the same
+     * screenshot, and a page with one obvious target is the case for it.
+     */
+    pasteTarget?: boolean;
+    /** Largest file accepted, in bytes. Bigger ones are rejected, not silently
+     *  dropped — a picture that vanishes reads as a broken uploader. */
+    maxBytes?: number;
+    icon?: string;
+    title?: string;
+    hint?: string;
+    /**
+     * How the well sits against what holds it. A drop target reads as a hole
+     * in the surface, not a tile on top of it, so the default is darker than
+     * the card — which is what a dashed border is already suggesting.
+     * `flush` for a zone that fills a panel of its own, `soft` when it sits
+     * directly on the page background and needs to lift off it instead.
+     */
+    tone?: "sunken" | "flush" | "soft";
+    /** Draw the entrance when the zone first comes into view. */
+    animate?: boolean;
+}> & Readonly<{
     onFiles?: ((files: File[]) => any) | undefined;
     onRejected?: ((reason: {
         file: File;
@@ -55,10 +78,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     multiple: boolean;
     hint: string;
     tone: "sunken" | "flush" | "soft";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        over: boolean;
+    }) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpDropzone.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, normalizeClass, unref, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, onMounted, 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 _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpDropzone-DVDC-ABU.css';const _hoisted_1 = ["disabled"];
+import '../assets/LpDropzone-BBoWvi-J.css';const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,
   class: "text-sm font-medium text-ink"
@@ -12,7 +13,9 @@ const _hoisted_3 = {
   class: "text-xs text-muted"
 };
 const _hoisted_4 = ["accept", "multiple", "disabled"];
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpDropzone",
   props: {
     accept: { default: "" },
@@ -99,24 +102,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => window.removeEventListener("paste", windowPaste));
     __expose({ browse: () => input.value?.click() });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(() => [
+      "lp-dropzone relative flex w-full flex-col items-center gap-2 rounded-card px-6 py-8 text-center transition-colors duration-[var(--duration-fast)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-55",
+      over.value ? "bg-brand-soft" : TONES[props.tone],
+      over.value ? "lp-dropzone--over" : "",
+      props.animate && !revealed.value ? "lp-dropzone--waiting" : ""
+    ].join(" "));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
+      return openBlock(), createElementBlock("button", mergeProps({
         ref_key: "revealAnchor",
         ref: revealAnchor,
         type: "button",
         disabled: __props.disabled,
-        class: normalizeClass(["lp-dropzone relative flex w-full flex-col items-center gap-2 rounded-card px-6 py-8 text-center transition-colors duration-[var(--duration-fast)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-55", [
-          over.value ? "bg-brand-soft" : TONES[__props.tone],
-          over.value ? "lp-dropzone--over" : "",
-          __props.animate && !unref(revealed) ? "lp-dropzone--waiting" : ""
-        ]]),
+        class: unref(rootClass)
+      }, unref(rest), {
         onClick: _cache[1] || (_cache[1] = ($event) => input.value?.click()),
         onPaste,
         onDragenter: withModifiers(onDragOver, ["prevent"]),
         onDragover: withModifiers(onDragOver, ["prevent"]),
         onDragleave: onDragLeave,
         onDrop: withModifiers(onDrop, ["prevent"])
-      }, [
+      }), [
         _cache[2] || (_cache[2] = createElementVNode("svg", {
           "aria-hidden": "true",
           class: "lp-dropzone__frame pointer-events-none absolute inset-0 size-full"
@@ -153,11 +159,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, null, 40, _hoisted_4)
-      ], 42, _hoisted_1);
+      ], 16, _hoisted_1);
     };
   }
 });
-const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-996dbce9"]]);
+const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e560a6d"]]);
 export {
   LpDropzone as default
 };

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     icon?: string;
     title: string;
     description?: string;
@@ -7,15 +9,18 @@ type __VLS_Props = {
      * where the full-page padding would dwarf its container.
      */
     compact?: boolean;
-};
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    icon?: string;
+    title: string;
+    description?: string;
+    /**
+     * Tightens the block for empty states nested inside a card or a panel,
+     * where the full-page padding would dwarf its container.
+     */
+    compact?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpEmptyState.vue.js

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

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

@@ -11,7 +11,9 @@ export interface FileTreeSummary {
     /** `bytes` pre-formatted ("2.4 GB"), or "—". */
     sizeLabel: string;
 }
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     nodes: FileNode[];
     /** Selected node id (v-model:selected). */
     selected?: string;
@@ -41,31 +43,12 @@ type __VLS_Props = {
     /** Empty-state copy when `nodes` is empty. */
     emptyLabel?: string;
     emptyDescription?: string;
-};
-type __VLS_Slots = {
-    /** Replace the row's label (icons, chevron and indent stay). */
-    row(props: {
-        node: FileNode;
-        depth: number;
-        expanded: boolean;
-        selected: boolean;
-    }): unknown;
-    /** Footer under the tree, handed the live selection stats. */
-    summary(props: FileTreeSummary): unknown;
-};
-/** Tick every node in the tree (skipping disabled ones). */
-declare function checkAll(): void;
-declare function clearChecked(): void;
-/** Expand every ancestor of `id`, focus it and make it the selection. */
-declare function reveal(id: string): void;
-declare function expandAll(): void;
-declare function collapseAll(): void;
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
-    reveal: typeof reveal;
-    expandAll: typeof expandAll;
-    collapseAll: typeof collapseAll;
-    checkAll: typeof checkAll;
-    clearChecked: typeof clearChecked;
+}, {
+    reveal: (id: string) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    checkAll: () => void;
+    clearChecked: () => void;
     summary: import('vue').ComputedRef<FileTreeSummary>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     expand: (node: FileNode) => any;
@@ -76,7 +59,37 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     "update:selected": (id: string) => any;
     "update:expanded": (ids: string[]) => any;
     "update:checked": (ids: string[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    nodes: FileNode[];
+    /** Selected node id (v-model:selected). */
+    selected?: string;
+    /** Expanded directory ids (v-model:expanded). Omit to let the tree own it. */
+    expanded?: string[];
+    /** Directory ids currently fetching children — shows a spinner on the row. */
+    loadingIds?: string[];
+    /**
+     * Multi-select mode: every row gets a tri-state checkbox and ticking a
+     * directory cascades to its loaded subtree. This is the mode for "pick what
+     * to back up" — `selected` stays independent (it's the highlighted row).
+     */
+    checkable?: boolean;
+    /** Ticked node ids (v-model:checked). */
+    checked?: string[];
+    /** Right-aligned size column (directories roll up their subtree). */
+    showSize?: boolean;
+    /** Right-aligned last-modified column. */
+    showModified?: boolean;
+    /** Directories first, then by name. Turn off to keep the caller's order. */
+    sort?: boolean;
+    /** Row icon size in px. */
+    iconSize?: number;
+    /** Skeleton rows while the initial listing loads. */
+    loading?: boolean;
+    skeletonRows?: number;
+    /** Empty-state copy when `nodes` is empty. */
+    emptyLabel?: string;
+    emptyDescription?: string;
+}> & Readonly<{
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
     onSummary?: ((summary: FileTreeSummary) => any) | undefined;
@@ -95,10 +108,17 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     showSize: boolean;
     showModified: boolean;
     emptyDescription: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    /** Replace the row's label (icons, chevron and indent stay). */
+    row(props: {
+        node: FileNode;
+        depth: number;
+        expanded: boolean;
+        selected: boolean;
+    }): unknown;
+    /** Footer under the tree, handed the live selection stats. */
+    summary(props: FileTreeSummary): unknown;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpFileTree.vue.js

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

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

@@ -1,5 +1,7 @@
 import { FileNode, NodeStats } from './fileTree';
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     node: FileNode;
     /** Nesting depth, 0 at the root — drives the indent guide and aria-level. */
     depth: number;
@@ -17,29 +19,42 @@ type __VLS_Props = {
     stats: Map<string, NodeStats>;
     showSize: boolean;
     showModified: boolean;
-};
-type __VLS_Slots = {
-    row(props: {
-        node: FileNode;
-        depth: number;
-        expanded: boolean;
-        selected: boolean;
-    }): unknown;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     check: (node: FileNode, value: boolean) => any;
     focus: (node: FileNode) => any;
     select: (node: FileNode) => any;
     toggle: (node: FileNode) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    node: FileNode;
+    /** Nesting depth, 0 at the root — drives the indent guide and aria-level. */
+    depth: number;
+    expanded: Set<string>;
+    loading: Set<string>;
+    selectedId?: string;
+    focusedId?: string;
+    sort: boolean;
+    /** Rendered size of the row's icon, in px. */
+    iconSize: number;
+    /** Render a tri-state checkbox per row (multi-select mode). */
+    checkable: boolean;
+    checked: Set<string>;
+    /** Per-node state, derived once by the root for the whole tree. */
+    stats: Map<string, NodeStats>;
+    showSize: boolean;
+    showModified: boolean;
+}> & Readonly<{
     onCheck?: ((node: FileNode, value: boolean) => any) | undefined;
     onFocus?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
     onToggle?: ((node: FileNode) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    row(props: {
+        node: FileNode;
+        depth: number;
+        expanded: boolean;
+        selected: boolean;
+    }): unknown;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpFileTreeNode.vue.js

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

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

@@ -1,21 +1,22 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     label?: string;
     hint?: string;
     error?: string;
     required?: boolean;
-};
-declare var __VLS_7: {
-    id: string;
-}, __VLS_15: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        id: string;
+    }) => any;
 } & {
-    hint?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+    hint?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpFormField.vue.js

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

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     /** The picture to work on. */
     file: File | Blob;
     /**
@@ -24,12 +26,9 @@ type __VLS_Props = {
     labels?: Partial<Record<"rotateLeft" | "rotateRight" | "zoomIn" | "zoomOut" | "reset" | "canvas", string>>;
     /** Fade the picture in when the editor first comes into view. */
     animate?: boolean;
-};
-declare function reset(): void;
-declare function exportImage(): Promise<Blob | null>;
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
-    export: typeof exportImage;
-    reset: typeof reset;
+}, {
+    export: () => Promise<Blob | null>;
+    reset: () => void;
     edited: import('vue').ComputedRef<boolean>;
     shortcuts: readonly [{
         readonly keys: readonly ["←", "→", "↑", "↓"];
@@ -47,12 +46,36 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
         readonly keys: readonly ["0"];
         readonly label: "Reset";
     }];
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /** The picture to work on. */
+    file: File | Blob;
+    /**
+     * Shape of the crop box.
+     *
+     * The named ones are shorthand for the common cases; a NUMBER is the real
+     * interface — `:aspect="2.35"` for anamorphic, `:aspect="0.8"` for a
+     * shelf label — so a consumer whose shape is not on the list is not stuck
+     * choosing the nearest wrong one. "free" keeps the source's own
+     * proportions and crops only what panning and zoom leave outside.
+     */
+    aspect?: "free" | "square" | "4:3" | "3:4" | "16:9" | number;
+    /** Longest edge of the exported image. Larger sources are scaled down. */
+    maxEdge?: number;
+    /** JPEG quality of the export. */
+    quality?: number;
+    /**
+     * Labels for the toolbar. Defaulted in English rather than left blank: an
+     * icon button with no accessible name is announced as "button", and the
+     * kit cannot reach the consumer's translations. Apps with i18n pass their
+     * own strings.
+     */
+    labels?: Partial<Record<"rotateLeft" | "rotateRight" | "zoomIn" | "zoomOut" | "reset" | "canvas", string>>;
+    /** Fade the picture in when the editor first comes into view. */
+    animate?: boolean;
+}> & Readonly<{}>, {
     animate: boolean;
     labels: Partial<Record<"rotateLeft" | "rotateRight" | "zoomIn" | "zoomOut" | "reset" | "canvas", string>>;
     aspect: "free" | "square" | "4:3" | "3:4" | "16:9" | number;
     maxEdge: number;
     quality: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpImageEditor.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent, computed, shallowRef, ref, watch, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, unref, withModifiers, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, toDisplayString, createBlock, createTextVNode } from "vue";
+import { defineComponent, computed, shallowRef, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, toDisplayString, createBlock, createTextVNode } from "vue";
 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-5VXXCjwF.js";
 import "reka-ui";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpImageEditor-DqP5JKCy.css';const _hoisted_1 = ["aria-label"];
+import '../assets/LpImageEditor-BsSwej47.css';const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -16,7 +17,9 @@ const _hoisted_4 = { class: "flex items-center gap-1.5 text-muted" };
 const _hoisted_5 = { class: "flex items-center rounded-control bg-surface-soft p-0.5" };
 const _hoisted_6 = { class: "flex items-center rounded-control bg-surface-soft p-0.5" };
 const _hoisted_7 = { class: "min-w-10 text-center text-xs tabular-nums" };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpImageEditor",
   props: {
     file: {},
@@ -209,12 +212,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { keys: ["0"], label: "Reset" }
     ];
     __expose({ export: exportImage, reset, edited, shortcuts: SHORTCUTS });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-3"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "revealAnchor",
         ref: revealAnchor,
-        class: "flex flex-col gap-3"
-      }, [
+        class: unref(rootClass)
+      }, unref(rest)), [
         createElementVNode("div", {
           ref_key: "viewport",
           ref: viewport,
@@ -347,11 +353,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true)
         ])
-      ], 512);
+      ], 16);
     };
   }
 });
-const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d404124"]]);
+const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3587f639"]]);
 export {
   LpImageEditor as default
 };

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-Bt4J71xn.js";
+import { _ as _sfc_main } from "../chunks/LpInput-9EXWUM9B.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

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

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

@@ -1,5 +1,7 @@
 import { Component } from 'vue';
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     href?: string;
     external?: boolean;
     /** Shorthand for `tone="muted"`. */
@@ -38,19 +40,52 @@ type __VLS_Props = {
      *   cross the text exactly.
      */
     revealOn?: "self" | "group";
-};
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    href?: string;
+    external?: boolean;
+    /** Shorthand for `tone="muted"`. */
+    muted?: boolean;
+    /**
+     * "brand" — the accent link colour (default).
+     * "ink"   — inherits body text colour; for links that sit inside prose or
+     *   chrome where an accent would shout (breadcrumbs, footers, nav).
+     * "muted" / "soft" — progressively quieter, both resolving to ink on hover.
+     */
+    tone?: "brand" | "ink" | "muted" | "soft";
+    /**
+     * Root element/component. Defaults to a native <a>. Pass a router link
+     * component (e.g. NuxtLink or RouterLink) to keep client-side navigation;
+     * the kit stays DOM-agnostic, the consumer supplies the link component.
+     * Router links take their destination through their own prop (`to`), which
+     * falls through as a plain attribute.
+     */
+    as?: string | Component;
+    /**
+     * "default" — plain hover underline.
+     * "underline" — underlined at rest; for links inside running prose,
+     *   where hover-only underlines leave the link invisible until pointed at.
+     * "reveal"  — an underline bar that grows in from the left on hover
+     *   (origin-left scale-x 0→1). The LeavePulse landing "monitoring" link feel;
+     *   good for inline prose links and nav items that want a bit of motion.
+     */
+    variant?: "default" | "underline" | "reveal";
+    /**
+     * Which hover draws the `reveal` bar.
+     *
+     * "self"  — the link's own hover (default), for an inline prose link.
+     * "group" — the hover of an ancestor marked `group`, for a link inside a
+     *   row or card that is itself the click target. The row lights up and the
+     *   name sweeps with it, instead of the bar waiting for the pointer to
+     *   cross the text exactly.
+     */
+    revealOn?: "self" | "group";
+}> & Readonly<{}>, {
     as: string | Component;
     variant: "default" | "underline" | "reveal";
     revealOn: "self" | "group";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpLink.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLink-BHZ1CLlF.js";
+import { _ as _sfc_main } from "../chunks/LpLink-DCND-zyu.js";
 export {
   _sfc_main as default
 };