@leavepulse/ui 0.43.2 → 0.43.3

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

@@ -0,0 +1,62 @@
+import { type FileNode, type NodeStats } from "./fileTree";
+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;
+    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;
+}, {}, {}, {}, {}, 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<{
+    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>, {
+    row(props: {
+        node: FileNode;
+        depth: number;
+        expanded: boolean;
+        selected: boolean;
+    }): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+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;
+}, {}, {}, {}, {}, 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: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+import "../icons";
+type __VLS_Props = {
+    /** iconify name, e.g. "lucide:check". Bare names assume the lucide set. */
+    name: string;
+    size?: number | 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/LpImageEditor.vue.d.ts

@@ -0,0 +1,106 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** 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;
+    /**
+     * Encoding of the export; read the result's `blob.type` for the one used.
+     *
+     * JPEG, the default, is the smallest for photographs, the case this was
+     * built for. It has no alpha channel, though: a transparent PNG comes back
+     * with its background filled black, and a logo or an icon is ruined by the
+     * crop. "source" keeps the picture's own format where a canvas can write it
+     * (PNG, JPEG, WebP) and falls back to PNG for the ones it cannot (GIF, BMP,
+     * SVG), so transparency survives either way. An animated GIF still comes
+     * back as its first frame: a canvas holds one picture.
+     */
+    type?: "image/jpeg" | "image/png" | "image/webp" | "source";
+    /** Quality of a lossy export (JPEG, WebP); PNG ignores it. */
+    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;
+}, {
+    export: () => Promise<Blob | null>;
+    reset: () => void;
+    edited: import("vue").ComputedRef<boolean>;
+    shortcuts: readonly [{
+        readonly keys: readonly ["←", "→", "↑", "↓"];
+        readonly label: "Pan (Shift for a bigger step)";
+    }, {
+        readonly keys: readonly ["+", "−"];
+        readonly label: "Zoom";
+    }, {
+        readonly keys: readonly ["R"];
+        readonly label: "Rotate a quarter turn (Shift reverses)";
+    }, {
+        readonly keys: readonly ["Alt", "wheel"];
+        readonly label: "Turn freely (Shift snaps to 15°)";
+    }, {
+        readonly keys: readonly ["0"];
+        readonly label: "Reset";
+    }];
+}, {}, {}, {}, 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;
+    /**
+     * Encoding of the export; read the result's `blob.type` for the one used.
+     *
+     * JPEG, the default, is the smallest for photographs, the case this was
+     * built for. It has no alpha channel, though: a transparent PNG comes back
+     * with its background filled black, and a logo or an icon is ruined by the
+     * crop. "source" keeps the picture's own format where a canvas can write it
+     * (PNG, JPEG, WebP) and falls back to PNG for the ones it cannot (GIF, BMP,
+     * SVG), so transparency survives either way. An animated GIF still comes
+     * back as its first frame: a canvas holds one picture.
+     */
+    type?: "image/jpeg" | "image/png" | "image/webp" | "source";
+    /** Quality of a lossy export (JPEG, WebP); PNG ignores it. */
+    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<{}>, {
+    type: "image/jpeg" | "image/png" | "image/webp" | "source";
+    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>;

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

@@ -0,0 +1,65 @@
+export interface InfraNodeData {
+    name: string;
+    /** Role key: selects the colour/glyph, and shown as-is unless `roleLabel`. */
+    role: string;
+    /**
+     * What to print for the role. The key itself ("host", "proxy") is an API
+     * value, not a word for an operator to read in their own language.
+     */
+    roleLabel?: string;
+    overlay?: string;
+    online?: boolean;
+    kind?: string;
+    project?: string;
+    /** Control-plane firewall rule count on this host (badge when > 0). */
+    firewallCount?: number;
+    /** Service count on this host (badge when defined — services toggle on). */
+    serviceCount?: number;
+    /**
+     * How old this node's readings are, human-readable ("28d"). An unreachable
+     * machine keeps serving its last snapshot, which reads as current unless the
+     * card says otherwise — so when set, the counts below are struck through and
+     * the age is shown in their place.
+     */
+    staleFor?: string;
+    /** Fade the node back (search miss / not part of the focused node's graph). */
+    dimmed?: boolean;
+    /**
+     * Wording for this node's badges. Carried in `data` because that is what
+     * LpTopologyCanvas forwards to the node renderer; a component prop would
+     * never reach it.
+     */
+    labels?: InfraNodeLabels;
+}
+/**
+ * Wording for the badges, so the node speaks the app's language.
+ *
+ * The kit ships English defaults; a localised app passes its own. `{n}` is the
+ * count, `{age}` the value of `staleFor`.
+ */
+export interface InfraNodeLabels {
+    /** Tooltip on the firewall badge. Default: "{n} firewall rule(s)". */
+    firewallRules?: string;
+    /** Tooltip on the service badge. Default: "{n} service(s)". */
+    services?: string;
+    /** Tooltip on the service badge when readings are stale. */
+    servicesStale?: string;
+    /** Tooltip on the staleness badge. */
+    noContact?: string;
+    /** Suffix after the age, e.g. "old" in "4m old". */
+    old?: string;
+}
+type __VLS_Props = {
+    data: InfraNodeData;
+    selected?: boolean;
+    /** Extra/overriding role styles, merged over the defaults below. */
+    roles?: Record<string, InfraRoleStyle>;
+};
+export interface InfraRoleStyle {
+    /** CSS colour — normally a var() reference, e.g. var(--color-node-edge). */
+    color: string;
+    icon: 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/LpInput.vue.d.ts

@@ -0,0 +1,80 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue?: string;
+    size?: "sm" | "md" | "lg" | undefined;
+    invalid?: boolean;
+    placeholder?: string;
+    type?: string;
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    icon?: string;
+    /**
+     * Marks the label with the required indicator. The attribute still reaches
+     * the underlying <input> for native validation; this only makes the field
+     * read as required.
+     */
+    required?: boolean;
+    /**
+     * RegExp/string the whole value must match to be valid. Validation only —
+     * never blocks typing; a non-matching non-empty value shows the invalid
+     * style + aria-invalid. A bare string is anchored, like HTML `pattern`.
+     */
+    pattern?: RegExp | string;
+    /**
+     * One-char RegExp of allowed characters (e.g. /[0-9]/). Hard-blocks
+     * disallowed input/paste at the source — cursor- and IME-safe.
+     */
+    restrict?: RegExp;
+}, {
+    focus: (options?: FocusOptions) => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+    input: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: string;
+    size?: "sm" | "md" | "lg" | undefined;
+    invalid?: boolean;
+    placeholder?: string;
+    type?: string;
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    icon?: string;
+    /**
+     * Marks the label with the required indicator. The attribute still reaches
+     * the underlying <input> for native validation; this only makes the field
+     * read as required.
+     */
+    required?: boolean;
+    /**
+     * RegExp/string the whole value must match to be valid. Validation only —
+     * never blocks typing; a non-matching non-empty value shows the invalid
+     * style + aria-invalid. A bare string is anchored, like HTML `pattern`.
+     */
+    pattern?: RegExp | string;
+    /**
+     * One-char RegExp of allowed characters (e.g. /[0-9]/). Hard-blocks
+     * disallowed input/paste at the source — cursor- and IME-safe.
+     */
+    restrict?: RegExp;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    type: string;
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    leading?: (props: {}) => any;
+} & {
+    trailing?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+/**
+ * Custom Vue Flow node for a project SWIMLANE on LpTopologyCanvas: a sized
+ * background zone that groups the nodes of one project (overlay network). It is
+ * a NODE (not an overlay) so Vue Flow transforms it with pan/zoom for free.
+ *
+ * Purely decorative: the lane never intercepts pointer events (pan/drag pass
+ * through to the canvas), is non-selectable / non-draggable (set on the node
+ * object by the canvas), and sits below real nodes via a low z-index. The label
+ * tab stays clickable-looking but is inert. Tailwind utilities only so styles
+ * reach consumer apps via @source.
+ */
+export interface LaneNodeData {
+    label: string;
+    /** Optional accent colour token for the lane border + label. */
+    accent?: string;
+    width: number;
+    height: number;
+}
+type __VLS_Props = {
+    data: LaneNodeData;
+};
+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/LpLightbox.vue.d.ts

@@ -0,0 +1,62 @@
+import { type LightboxItem } from "./lightbox";
+type __VLS_Props = {
+    open?: boolean;
+    /** Images to page through. */
+    items: LightboxItem[];
+    /** Index of the visible image (v-model:index). */
+    index?: number;
+    /** Thumbnail strip along the bottom. Defaults on when there's more than one. */
+    filmstrip?: boolean;
+    /** Show the rotate control. */
+    rotatable?: boolean;
+    /** Show the download control. */
+    downloadable?: boolean;
+    /** Show "copy image" — needs a same-origin or CORS-readable source. */
+    copyable?: boolean;
+    /** Wrap from the last image back to the first. */
+    loop?: boolean;
+    /** Largest zoom level. */
+    maxZoom?: number;
+};
+type __VLS_Slots = {
+    /** Replace the caption block under the image. */
+    caption(props: {
+        item: LightboxItem;
+        index: number;
+        total: number;
+    }): unknown;
+    /** Extra controls in the toolbar, before the close button. */
+    actions(props: {
+        item: LightboxItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    copy: (item: LightboxItem, ok: boolean) => any;
+    download: (item: LightboxItem) => any;
+    change: (index: number, item: LightboxItem) => any;
+    "update:open": (value: boolean) => any;
+    "update:index": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((item: LightboxItem, ok: boolean) => any) | undefined;
+    onDownload?: ((item: LightboxItem) => any) | undefined;
+    onChange?: ((index: number, item: LightboxItem) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:index"?: ((value: number) => any) | undefined;
+}>, {
+    loop: boolean;
+    open: boolean;
+    maxZoom: number;
+    index: number;
+    copyable: boolean;
+    rotatable: boolean;
+    downloadable: boolean;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,93 @@
+import { type Component } from "vue";
+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"`. */
+    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";
+}, {}, {}, {}, {}, 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>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};