@cjlapao/ui-kit-vue 0.2.0

package/dist/types/vue/src/components/MarkdownEditor.vue.d.ts

@@ -0,0 +1,39 @@
+import type { CapsuleBlueprintParameter } from "../types/CapsuleBlueprint";
+/**
+ * MarkdownEditor Component
+ * Vue port of the React MarkdownEditor (which wraps @uiw/react-md-editor).
+ * Re-implemented as a plain <textarea> editor with a minimal internal
+ * markdown -> HTML preview, keeping Smart Variable support and the same
+ * props API. No external markdown dependency.
+ */
+export interface MarkdownEditorProps {
+    /** Current markdown source (v-model). */
+    modelValue?: string;
+    height?: number;
+    placeholder?: string;
+    readOnly?: boolean;
+    preview?: "live" | "edit" | "preview";
+    globalParameters?: CapsuleBlueprintParameter[];
+    serviceNames?: string[];
+    context?: {
+        slug?: string;
+        enable_https?: boolean;
+    };
+}
+declare const _default: import("vue").DefineComponent<MarkdownEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<MarkdownEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    height: number;
+    modelValue: string;
+    readOnly: boolean;
+    globalParameters: CapsuleBlueprintParameter[];
+    serviceNames: string[];
+    context: {
+        slug?: string;
+        enable_https?: boolean;
+    };
+    preview: "live" | "edit" | "preview";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/MetricBar.vue.d.ts

@@ -0,0 +1,14 @@
+import type { SpinnerColor } from "./Spinner.vue";
+export interface MetricBarProps {
+    label: string;
+    value: string;
+    percentage: number;
+    color?: SpinnerColor;
+    showShimmer?: boolean;
+}
+export { default as MetricBar } from "./MetricBar.vue";
+declare const _default: import("vue").DefineComponent<MetricBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricBarProps> & Readonly<{}>, {
+    color: SpinnerColor;
+    showShimmer: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Modal.vue.d.ts

@@ -0,0 +1,369 @@
+import { type PropType, type VNode } from "vue";
+import type { ButtonProps, ButtonVariant, ButtonColor } from "./Button.vue";
+import type { TabsProps } from "./Tabs.vue";
+import type { Size } from "../theme";
+import { type IconName } from "../icons/registry";
+type ModalActionsAlign = "start" | "center" | "end" | "between";
+export interface ModalActionsProps {
+    align?: ModalActionsAlign;
+}
+export declare const ModalActions: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    align: {
+        type: PropType<ModalActionsAlign>;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    align: {
+        type: PropType<ModalActionsAlign>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    align: ModalActionsAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Focus target for `initialFocusRef`: an element or a template/`ref()` box. */
+export type ModalFocusTarget = HTMLElement | {
+    value: HTMLElement | null;
+} | null;
+/** Header action rendered as a kit Button; `label` becomes the button content. */
+export type ModalHeaderAction = ButtonProps & {
+    label?: string | VNode;
+    onClick?: (event: MouseEvent) => void;
+};
+export interface ModalProps {
+    isOpen: boolean;
+    title?: string;
+    description?: string;
+    icon?: IconName | VNode;
+    bodyHeader?: string;
+    bodyClassName?: string;
+    footer?: string;
+    actions?: string;
+    size?: Size;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    backgroundClassName?: string;
+    background_color?: string;
+    darkOverlay?: boolean;
+    dark_overlay?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEsc?: boolean;
+    preventScroll?: boolean;
+    overlayClassName?: string;
+    showFooterDivider?: boolean;
+    headerActions?: ModalHeaderAction[];
+    header_actions?: ModalHeaderAction[];
+    headerTabs?: TabsProps & Record<string, unknown>;
+    header_tabs?: TabsProps & Record<string, unknown>;
+    loading?: boolean;
+    loadingTitle?: string;
+    loadingLabel?: string;
+    hideCloseButton?: boolean;
+    /** Tooltip for the back button. Defaults to "Go back". */
+    backTooltip?: string;
+    initialFocusRef?: ModalFocusTarget;
+    ariaLabel?: string;
+    role?: "dialog" | "alertdialog";
+}
+interface ConfirmModalOwnProps {
+    confirmLabel?: string | VNode;
+    cancelLabel?: string | VNode;
+    confirmVariant?: ButtonVariant;
+    confirmColor?: ButtonColor;
+    isConfirmDisabled?: boolean;
+    confirmButtonProps?: ButtonProps & Record<string, unknown>;
+    cancelButtonProps?: ButtonProps & Record<string, unknown>;
+}
+export interface ConfirmModalProps extends Omit<ModalProps, "footer" | "actions">, ConfirmModalOwnProps {
+}
+export declare const ConfirmModal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    confirmVariant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    confirmColor: {
+        type: PropType<ButtonColor>;
+        default: undefined;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    confirmVariant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    confirmColor: {
+        type: PropType<ButtonColor>;
+        default: undefined;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirmLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    cancelLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    confirmVariant: ButtonVariant;
+    confirmColor: import("../theme").TrueColor;
+    isConfirmDisabled: boolean;
+    confirmButtonProps: ButtonProps & Record<string, unknown>;
+    cancelButtonProps: ButtonProps & Record<string, unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export interface DeleteConfirmModalProps extends Omit<ConfirmModalProps, "confirmLabel" | "confirmVariant" | "confirmColor"> {
+    /** The exact string the user must type to enable the delete button. */
+    confirmValue: string;
+    /** Human-readable label shown in the instruction, e.g. "key name". Default: "name" */
+    confirmValueLabel?: string;
+    confirmLabel?: string | VNode;
+}
+export interface ApplyConfirmModalProps extends Omit<ConfirmModalProps, "confirmLabel" | "confirmVariant" | "confirmColor"> {
+    /** The exact string the user must type to enable the apply button. */
+    confirmValue: string;
+    /** Human-readable label shown in the instruction, e.g. "key name". Default: "name" */
+    confirmValueLabel?: string;
+    confirmLabel?: string | VNode;
+}
+export declare const DeleteConfirmModal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    confirmValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    confirmValueLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    confirmValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    confirmValueLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirmLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    cancelLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    isConfirmDisabled: boolean;
+    confirmButtonProps: ButtonProps & Record<string, unknown>;
+    cancelButtonProps: ButtonProps & Record<string, unknown>;
+    confirmValueLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ApplyConfirmModal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    confirmValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    confirmValueLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    confirmValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    confirmValueLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    cancelLabel: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    isConfirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+    cancelButtonProps: {
+        type: PropType<ButtonProps & Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirmLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    cancelLabel: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    isConfirmDisabled: boolean;
+    confirmButtonProps: ButtonProps & Record<string, unknown>;
+    cancelButtonProps: ButtonProps & Record<string, unknown>;
+    confirmValueLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
+}>, {
+    role: "dialog" | "alertdialog";
+    size: Size;
+    closeOnBackdropClick: boolean;
+    closeOnEsc: boolean;
+    preventScroll: boolean;
+    hideCloseButton: boolean;
+    backTooltip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    title?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+} & {
+    bodyHeader?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/MultiProgressBar.vue.d.ts

@@ -0,0 +1,30 @@
+import type { VNode } from "vue";
+export interface MultiProgressBarSeries {
+    key: string;
+    label: string;
+    labelClassName?: string;
+    value: number;
+    /** Tailwind bg color class e.g., 'bg-rose-500'. Omit to auto-assign from the theme palette. */
+    color?: string;
+    /** Custom formatted value to display in legend, if omitted `value` is used */
+    displayValue?: string | number | VNode;
+}
+export interface MultiProgressBarProps {
+    label: string;
+    labelClassName?: string;
+    secondaryLabel?: string;
+    secondaryLabelClassName?: string;
+    totalLabel?: string;
+    total: number;
+    series: MultiProgressBarSeries[];
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<MultiProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MultiProgressBarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    secondaryLabel?: () => unknown;
+    totalLabel?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/MultiSelectPills.vue.d.ts

@@ -0,0 +1,85 @@
+import type { TrueColor } from "../theme/Theme";
+export type MultiSelectPillOption = {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+export interface MultiSelectPillsProps {
+    /**
+     * Used as the name for the generated hidden inputs (e.g. `${name}[]`).
+     */
+    name: string;
+    /**
+     * Options rendered as pills.
+     */
+    options: MultiSelectPillOption[];
+    /**
+     * Optional legend displayed above the pill list.
+     */
+    legend?: string;
+    /**
+     * Optional helper text rendered below the legend.
+     */
+    description?: string;
+    /**
+     * Current selected values when using the component in a controlled way.
+     */
+    modelValue?: string[];
+    /**
+     * Default selected values for uncontrolled usage.
+     */
+    defaultValue?: string[];
+    /**
+     * Disable the whole control.
+     */
+    disabled?: boolean;
+    /**
+     * Tailwind size token controlling text size and padding.
+     */
+    size?: "xs" | "sm" | "base" | "lg";
+    /**
+     * Theme color used when a pill is selected.
+     * Accepts any TrueColor value. Defaults to "blue".
+     */
+    color?: TrueColor;
+    /**
+     * Border radius of the pills.
+     * Defaults to "full" (fully rounded).
+     */
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
+    /**
+     * Gap between pills.
+     * Defaults to "2".
+     */
+    gap?: "1" | "1.5" | "2" | "3" | "4";
+    /**
+     * Selection behaviour. Defaults to multi-select.
+     */
+    selectionMode?: "multiple" | "single";
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<MultiSelectPillsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (selectedValues: string[]) => any;
+    "update:modelValue": (selectedValues: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<MultiSelectPillsProps> & Readonly<{
+    onChange?: ((selectedValues: string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((selectedValues: string[]) => any) | undefined;
+}>, {
+    color: TrueColor;
+    size: "xs" | "sm" | "base" | "lg";
+    disabled: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    gap: "1" | "1.5" | "2" | "3" | "4";
+    defaultValue: string[];
+    selectionMode: "multiple" | "single";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    legend?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/MultiToggle.vue.d.ts

@@ -0,0 +1,49 @@
+import type { VNode } from "vue";
+import type { TrueColor } from "../theme/Theme";
+export type MultiToggleSize = "sm" | "md" | "lg";
+export type MultiToggleShape = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+export type MultiToggleVariant = "theme" | "solid" | "soft";
+type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
+export type MultiToggleOptionWidth = number | LiteralUnion<"auto">;
+export type MultiToggleActiveWidthStrategy = "auto" | "max";
+export interface MultiToggleOption {
+    value: string;
+    label?: string | number | VNode;
+    icon?: string | VNode;
+    disabled?: boolean;
+    width?: MultiToggleOptionWidth;
+}
+export interface MultiToggleProps {
+    options: MultiToggleOption[];
+    modelValue: string;
+    rounded?: MultiToggleShape;
+    size?: MultiToggleSize;
+    color?: TrueColor;
+    fullWidth?: boolean;
+    showOnlyActiveLabel?: boolean;
+    truncateOverflow?: boolean;
+    adaptiveWidth?: boolean;
+    optionMaxWidth?: number | string;
+    activeWidthStrategy?: MultiToggleActiveWidthStrategy;
+    variant?: MultiToggleVariant;
+    /** When set, overrides the active option's text color with this color's active-text token. */
+    accentColor?: TrueColor;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<MultiToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<MultiToggleProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    color: TrueColor;
+    variant: MultiToggleVariant;
+    size: MultiToggleSize;
+    fullWidth: boolean;
+    rounded: MultiToggleShape;
+    showOnlyActiveLabel: boolean;
+    adaptiveWidth: boolean;
+    activeWidthStrategy: MultiToggleActiveWidthStrategy;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/NotificationModal.vue.d.ts

@@ -0,0 +1,29 @@
+export type NotificationType = "success" | "error" | "warning" | "info";
+export interface NotificationModalProps {
+    isOpen: boolean;
+    title: string;
+    message?: string;
+    type?: NotificationType;
+    actionLabel?: string;
+    secondaryActionLabel?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NotificationModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    action: () => any;
+    secondaryAction: () => any;
+}, string, import("vue").PublicProps, Readonly<NotificationModalProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onAction?: (() => any) | undefined;
+    onSecondaryAction?: (() => any) | undefined;
+}>, {
+    type: NotificationType;
+    actionLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/PagedPanel.vue.d.ts

@@ -0,0 +1,41 @@
+import type { VNodeChild } from "vue";
+import type { PanelProps } from "./Panel.vue";
+export interface PagedPanelProps extends Omit<PanelProps, "title" | "subtitle"> {
+    /** One entry per page — rendered one at a time. */
+    pages: VNodeChild[];
+    /**
+     * Static title shown in the header, OR an array of per-page titles.
+     * When an array is supplied its length should match `pages`.
+     */
+    title?: VNodeChild | VNodeChild[];
+    /** Optional subtitle shown below the title (static). */
+    subtitle?: VNodeChild;
+    /** Show a loading overlay over the whole panel. */
+    error?: string | null;
+    /**
+     * When true, renders without the Panel wrapper (no border, background or
+     * shadow). Use this when embedding PagedPanel inside an existing Panel.
+     */
+    bare?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PagedPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PagedPanelProps> & Readonly<{}>, {
+    bare: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    title?: (props: {
+        page: number;
+    }) => any;
+} & {
+    subtitle?: (props: {}) => any;
+} & {
+    title?: (props: {
+        page: number;
+    }) => any;
+} & {
+    subtitle?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};