@leavepulse/ui 0.12.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 LeavePulse
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,61 @@
+# @leavepulse/ui
+
+Token-driven Vue 3 component kit for LeavePulse — components on [reka-ui](https://reka-ui.com)
+and [Tailwind CSS v4](https://tailwindcss.com), a runtime theme engine (themes are
+JSON token sets), and a composable block-layout canvas.
+
+## Install
+
+The kit is consumed by the LeavePulse apps via a `file:`/git dependency. It needs
+the peer deps it declares (`vue`, `reka-ui`, `tailwindcss`, `tailwind-variants`,
+`tailwind-merge`, `motion-v`, `@iconify/vue`).
+
+## Usage
+
+Styling follows the `@nuxt/ui` model: **the consuming app owns Tailwind**, the kit
+contributes its `@theme` tokens and a `@source` over its own components. In your
+app's main CSS:
+
+```css
+@import "tailwindcss";
+@import "@leavepulse/ui/css";
+```
+
+Then use the components:
+
+```vue
+<script setup lang="ts">
+import { LpButton, LpModal } from "@leavepulse/ui"
+</script>
+```
+
+The kit does **not** ship a precompiled stylesheet — your Tailwind build emits the
+utilities its components use, scoped via the `@source` globs in the CSS entry.
+
+### Native scrollbar skin (opt-in)
+
+`LpScrollArea` skins the scroll it owns. For everything it can't — the page
+itself, sticky panels, code blocks — opt the whole app into the same look by
+importing the native scrollbar skin. It styles the browser's own scrollbars
+(brand thumb, thin, rounded) **without** a container, so sticky positioning,
+scroll restoration and anchor jumps keep working:
+
+```css
+@import "tailwindcss";
+@import "@leavepulse/ui/css";
+@import "@leavepulse/ui/scrollbar.css"; /* after the tokens — reads --color-brand */
+```
+
+Hide a specific scrollbar with the `lp-scrollbar-none` class.
+
+## Develop
+
+```bash
+bun install          # also builds dist via the prepare hook
+bun run dev          # live preview/playground on http://127.0.0.1:4500
+bun run build        # type-check + build the library to dist/
+bun run dev:dist     # rebuild dist on change (for a linked consumer)
+```
+
+`dist/` is generated, not committed — the `prepare` hook rebuilds it on install so
+any consumer gets a fresh build.

package/dist/component-names.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];

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

@@ -0,0 +1,28 @@
+import { Split } from '../layout/tree';
+import { BlockRegistry } from '../layout/registry';
+type __VLS_Props = {
+    modelValue: Split;
+    edit?: boolean;
+    /** Catalogue mapping block ids to titles/icons for the tab bars. */
+    registry?: BlockRegistry;
+};
+type __VLS_Slots = {
+    block(props: {
+        block: string;
+        leafId: string;
+        edit: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Split) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Split) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+import { LayoutNode, Side, Split } from '../layout/tree';
+import { BlockRegistry } from '../layout/registry';
+type __VLS_Props = {
+    node: LayoutNode;
+    dragId: string | null;
+    edit: boolean;
+    registry?: BlockRegistry;
+};
+type __VLS_Slots = {
+    block(props: {
+        block: string;
+        leafId: string;
+        edit: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dragstart: (id: string) => any;
+    dragend: () => any;
+    drop: (targetId: string, side: Side) => any;
+    "set-active": (leafId: string, index: number) => any;
+    "remove-block": (leafId: string, index: number) => any;
+    "reorder-tab": (leafId: string, from: number, to: number) => any;
+    resize: (parent: Split, index: number, deltaFraction: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDragstart?: ((id: string) => any) | undefined;
+    onDragend?: (() => any) | undefined;
+    onDrop?: ((targetId: string, side: Side) => any) | undefined;
+    "onSet-active"?: ((leafId: string, index: number) => any) | undefined;
+    "onRemove-block"?: ((leafId: string, index: number) => any) | undefined;
+    "onReorder-tab"?: ((leafId: string, from: number, to: number) => any) | undefined;
+    onResize?: ((parent: Split, index: number, deltaFraction: number) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,44 @@
+import { VariantProps } from 'tailwind-variants';
+declare const alert: import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+}, undefined, "flex gap-3 rounded-card border p-4 text-sm", {
+    variant: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+}, undefined, "flex gap-3 rounded-card border p-4 text-sm", unknown, unknown, undefined>>;
+type AlertVariants = VariantProps<typeof alert>;
+type __VLS_Props = {
+    variant?: AlertVariants["variant"];
+    title?: string;
+    icon?: string;
+};
+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<{}>, {
+    variant: "info" | "success" | "warning" | "danger";
+}, {}, {}, {}, 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/LpAppShell.vue.d.ts

@@ -0,0 +1,83 @@
+import { SidebarItem, SidebarSection } from './sidebar';
+export type { SidebarItem, SidebarSection } from './sidebar';
+type __VLS_Props = {
+    /** Flat items, or sections for grouped nav. Forwarded to LpSidebar. */
+    items?: SidebarItem[];
+    sections?: SidebarSection[];
+    /** Active item id (v-model) when not using a custom `isActive`. */
+    modelValue?: string;
+    /**
+     * The current route path. Enables the built-in prefix-match active test and
+     * the derived page title without the host wiring its own `isActive`. Pass
+     * `route.path`. Ignored when a custom `isActive` is provided.
+     */
+    path?: string;
+    /**
+     * Custom active test (router-driven nav). Overrides `path`/`modelValue`.
+     */
+    isActive?: (item: SidebarItem) => boolean;
+    /** Override the header title. Falls back to the active item's label. */
+    title?: string;
+    /** Mobile drawer open state (v-model:open). */
+    open?: boolean;
+    /** Tailwind breakpoint below which the rail becomes a drawer. */
+    mobileBreakpoint?: "sm" | "md" | "lg" | "xl";
+    /** Show the brand/header divider in the rail. */
+    divider?: boolean;
+    /** Max content width inside main (Tailwind class), or null to fill. */
+    contentClass?: string;
+    /**
+     * Full-bleed main: render the page slot directly into main with NO
+     * scroll-area wrapper and NO padding, so the page owns the whole region
+     * (for a canvas / map / graph that fills the viewport and pans internally).
+     */
+    fullBleed?: boolean;
+    /** Loading skeleton for the nav. */
+    loading?: boolean;
+};
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {
+    item: SidebarItem;
+    active: boolean;
+}, __VLS_36: {}, __VLS_38: {}, __VLS_40: {}, __VLS_48: {}, __VLS_50: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_12) => any;
+} & {
+    'sidebar-actions'?: (props: typeof __VLS_15) => any;
+} & {
+    'sidebar-footer'?: (props: typeof __VLS_18) => any;
+} & {
+    'sidebar-item'?: (props: typeof __VLS_21) => any;
+} & {
+    'header-title'?: (props: typeof __VLS_36) => any;
+} & {
+    'header-actions'?: (props: typeof __VLS_38) => any;
+} & {
+    default?: (props: typeof __VLS_40) => any;
+} & {
+    default?: (props: typeof __VLS_48) => any;
+} & {
+    overlays?: (props: typeof __VLS_50) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    openDrawer: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: SidebarItem) => any;
+    "update:modelValue": (id: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: SidebarItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    contentClass: string;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    divider: 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/LpAutocomplete.vue.d.ts

@@ -0,0 +1,50 @@
+export interface AutocompleteOption {
+    value: string;
+    label?: string;
+    description?: string;
+}
+type __VLS_Props = {
+    /** The free text. This is the model — bind with v-model. */
+    modelValue?: string;
+    /** Suggestions. Strings or {value,label,description}. */
+    options?: (AutocompleteOption | string)[];
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    size?: "sm" | "md" | "lg";
+    icon?: string;
+    invalid?: boolean;
+    emptyText?: string;
+    loading?: boolean;
+    loadingText?: string;
+    /**
+     * Filter suggestions client-side against the typed text. Off when the
+     * parent fetches matches itself (server-side) — then pass the already
+     * narrowed `options` and leave this false.
+     */
+    filter?: boolean;
+    /** Min chars before the list opens. 0 = open on focus. */
+    minChars?: number;
+    /** Validation RegExp/string for the whole value (see LpInput). */
+    pattern?: RegExp | string;
+    /** Allowed-character RegExp; hard-blocks other input (see LpInput). */
+    restrict?: RegExp;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    filter: boolean;
+    placeholder: string;
+    loading: boolean;
+    clearable: boolean;
+    emptyText: string;
+    loadingText: string;
+    minChars: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,20 @@
+import { ContextMenuItemDef } from './LpContextMenu.vue';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: "sm" | "md" | "lg" | undefined;
+    /** Right-click menu (e.g. account quick actions). Consumer-supplied. */
+    menuItems?: ContextMenuItemDef[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: "sm" | "md" | "lg" | undefined;
+    /** Right-click menu (e.g. account quick actions). Consumer-supplied. */
+    menuItems?: ContextMenuItemDef[];
+}> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,47 @@
+import { VariantProps } from 'tailwind-variants';
+declare const badge: import('tailwind-variants').TVReturnType<{
+    tone: {
+        neutral: string;
+        brand: string;
+        action: string;
+        success: string;
+        danger: string;
+        outline: string;
+    };
+}, undefined, "inline-flex items-center gap-1.5 rounded-pill px-2.5 py-0.5 text-xs font-medium", {
+    tone: {
+        neutral: string;
+        brand: string;
+        action: string;
+        success: string;
+        danger: string;
+        outline: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    tone: {
+        neutral: string;
+        brand: string;
+        action: string;
+        success: string;
+        danger: string;
+        outline: string;
+    };
+}, undefined, "inline-flex items-center gap-1.5 rounded-pill px-2.5 py-0.5 text-xs font-medium", unknown, unknown, undefined>>;
+type BadgeVariants = VariantProps<typeof badge>;
+type __VLS_Props = {
+    tone?: BadgeVariants["tone"];
+    dot?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+export interface Crumb {
+    label: string;
+    href?: string;
+}
+type __VLS_Props = {
+    items: Crumb[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (item: Crumb, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((item: Crumb, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,113 @@
+import { VariantProps } from 'tailwind-variants';
+import { Component } from 'vue';
+declare const button: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: string;
+        action: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        muted: string;
+        light: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    block: {
+        true: string;
+    };
+    square: {
+        true: string;
+    };
+    glow: {
+        true: string;
+    };
+}, undefined, string[], {
+    variant: {
+        solid: string;
+        action: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        muted: string;
+        light: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    block: {
+        true: string;
+    };
+    square: {
+        true: string;
+    };
+    glow: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: string;
+        action: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        muted: string;
+        light: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    block: {
+        true: string;
+    };
+    square: {
+        true: string;
+    };
+    glow: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof button>;
+type __VLS_Props = {
+    variant?: ButtonVariants["variant"];
+    size?: ButtonVariants["size"];
+    block?: boolean;
+    square?: boolean;
+    glow?: boolean;
+    /**
+     * Root element/component. Defaults to a native <button>. Pass a router link
+     * component (e.g. NuxtLink) or "a" to render a link-styled button; the kit
+     * stays DOM-agnostic, the consumer supplies the link component.
+     */
+    as?: string | Component;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+};
+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<{}>, {
+    type: "button" | "submit" | "reset";
+    as: string | Component;
+}, {}, {}, {}, 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/LpCalendar.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    /** Selected date as "YYYY-MM-DD" (v-model). */
+    modelValue?: string;
+    /** Earliest selectable date, "YYYY-MM-DD". */
+    min?: string;
+    /** Latest selectable date, "YYYY-MM-DD". */
+    max?: string;
+    /** Predicate to disable specific days; receives the ISO string. */
+    isDisabled?: (iso: string) => boolean;
+    weekdayFormat?: "narrow" | "short" | "long";
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    weekdayFormat: "narrow" | "short" | "long";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+import { ContextMenuItemDef } from './LpContextMenu.vue';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+    variant?: "flat" | "ghost" | "raised" | undefined;
+    padded?: boolean;
+    interactive?: boolean;
+    /** Right-click menu for the card. Omit (or pass []) to keep the native one. */
+    menuItems?: ContextMenuItemDef[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    variant?: "flat" | "ghost" | "raised" | undefined;
+    padded?: boolean;
+    interactive?: boolean;
+    /** Right-click menu for the card. Omit (or pass []) to keep the native one. */
+    menuItems?: ContextMenuItemDef[];
+}> & Readonly<{}>, {
+    variant: "flat" | "ghost" | "raised";
+    padded: boolean;
+    interactive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    /** Mixed state (e.g. a "select all" with a partial selection). Shows a dash. */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+    id?: string;
+    name?: string;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,39 @@
+import { CodeLang } from './codeHighlight';
+type __VLS_Props = {
+    /** The code (v-model when editable). */
+    modelValue?: string;
+    lang?: CodeLang;
+    /** Show 1-based gutter line numbers. */
+    lineNumbers?: boolean;
+    /** Wrap long lines instead of scrolling horizontally. */
+    wrap?: boolean;
+    /** Read-only. Set false for an editable field with a lock toggle. */
+    locked?: boolean;
+    /** Show the lock/unlock toggle in the header (opt-in editability). */
+    lockToggle?: boolean;
+    /** Show the copy button. */
+    copyable?: boolean;
+    /** Caption shown in the header (e.g. a filename). */
+    title?: string;
+    /** Fixed height; defaults to content height. */
+    height?: string;
+    /** Auto-collapse a leading import/package block (no markers needed). */
+    foldImports?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    "update:locked": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:locked"?: ((value: boolean) => any) | undefined;
+}>, {
+    lang: CodeLang;
+    wrap: boolean;
+    lineNumbers: boolean;
+    locked: boolean;
+    lockToggle: boolean;
+    copyable: boolean;
+    foldImports: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;