@modufolio/panel 0.1.0

package/dist/Components/Layout/Container.vue.d.ts

@@ -0,0 +1,69 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Maximum width of the container
+     * @values sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, full, none
+     */
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Horizontal padding
+     * @values none, sm, md, lg
+     */
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Center the container
+     */
+    centered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Maximum width of the container
+     * @values sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, full, none
+     */
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Horizontal padding
+     * @values none, sm, md, lg
+     */
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Center the container
+     */
+    centered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    padding: string;
+    maxWidth: string;
+    centered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Layout/Grid.vue.d.ts

@@ -0,0 +1,110 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Number of columns on mobile (default)
+     */
+    cols: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Number of columns on small screens (sm)
+     */
+    sm: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on medium screens (md)
+     */
+    md: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on large screens (lg)
+     */
+    lg: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on extra large screens (xl)
+     */
+    xl: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Gap between grid items
+     * @values none, xs, sm, md, lg, xl
+     */
+    gap: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Number of columns on mobile (default)
+     */
+    cols: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Number of columns on small screens (sm)
+     */
+    sm: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on medium screens (md)
+     */
+    md: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on large screens (lg)
+     */
+    lg: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Number of columns on extra large screens (xl)
+     */
+    xl: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Gap between grid items
+     * @values none, xs, sm, md, lg, xl
+     */
+    gap: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>> & Readonly<{}>, {
+    md: string | number;
+    sm: string | number;
+    lg: string | number;
+    xl: string | number;
+    cols: string | number;
+    gap: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Layout/PageHeader.vue.d.ts

@@ -0,0 +1,62 @@
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
+type __VLS_Slots = {} & {
+    breadcrumbs?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_8) => any;
+} & {
+    title?: (props: typeof __VLS_15) => any;
+} & {
+    description?: (props: typeof __VLS_17) => any;
+} & {
+    actions?: (props: typeof __VLS_19) => any;
+} & {
+    tabs?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: null;
+    };
+    breadcrumbs: {
+        type: ArrayConstructor;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: null;
+    };
+    breadcrumbs: {
+        type: ArrayConstructor;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    description: string;
+    icon: string | Record<string, any>;
+    breadcrumbs: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Layout/Sidebar.vue.d.ts

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+declare var __VLS_7: {
+    collapsed: boolean;
+};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+}>, {
+    width: string;
+    items: any[];
+    collapsed: boolean;
+    collapsedWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Layout/Stack.vue.d.ts

@@ -0,0 +1,69 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Spacing between stacked items
+     * @values none, xs, sm, md, lg, xl, 2xl, 3xl
+     */
+    space: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Horizontal alignment of items
+     * @values start, center, end, stretch
+     */
+    align: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Add divider between items
+     */
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Spacing between stacked items
+     * @values none, xs, sm, md, lg, xl, 2xl, 3xl
+     */
+    space: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Horizontal alignment of items
+     * @values start, center, end, stretch
+     */
+    align: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Add divider between items
+     */
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    space: string;
+    divider: boolean;
+    align: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Layout/TopNavigation.vue.d.ts

@@ -0,0 +1,124 @@
+import { MenuItem } from '../../types/menu';
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    breadcrumbs?: (props: typeof __VLS_6) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    userName: {
+        type: StringConstructor;
+        required: true;
+    };
+    userFirstName: {
+        type: StringConstructor;
+        required: true;
+    };
+    userLastName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userEmail: {
+        type: StringConstructor;
+        default: string;
+    };
+    userAvatar: {
+        type: StringConstructor;
+        default: string;
+    };
+    menuItems: {
+        type: () => MenuItem[];
+        default: () => MenuItem[];
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNotifications: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    notificationCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showMobileToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    impersonation: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-mobile-menu": (...args: any[]) => void;
+    "open-search": (...args: any[]) => void;
+    "open-notifications": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    userName: {
+        type: StringConstructor;
+        required: true;
+    };
+    userFirstName: {
+        type: StringConstructor;
+        required: true;
+    };
+    userLastName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userEmail: {
+        type: StringConstructor;
+        default: string;
+    };
+    userAvatar: {
+        type: StringConstructor;
+        default: string;
+    };
+    menuItems: {
+        type: () => MenuItem[];
+        default: () => MenuItem[];
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNotifications: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    notificationCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showMobileToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    impersonation: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    "onToggle-mobile-menu"?: ((...args: any[]) => any) | undefined;
+    "onOpen-search"?: ((...args: any[]) => any) | undefined;
+    "onOpen-notifications"?: ((...args: any[]) => any) | undefined;
+}>, {
+    userLastName: string;
+    userEmail: string;
+    userAvatar: string;
+    menuItems: MenuItem[];
+    showSearch: boolean;
+    showNotifications: boolean;
+    notificationCount: number;
+    showMobileToggle: boolean;
+    impersonation: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/Media/MediaPickerDialog.vue.d.ts

@@ -0,0 +1,20 @@
+interface MediaItem {
+    id: string;
+    url: string;
+    thumbnail_url: string;
+    original_filename: string;
+    alt_text: string;
+    caption: string;
+}
+type __VLS_Props = {
+    isOpen: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (image: MediaItem) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((image: MediaItem) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/Media/mediaEndpoints.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Backend paths the media picker calls, relative to the panel base URL.
+ *
+ * They are configurable because the picker is part of the package while the
+ * endpoints serving it belong to the host application: without this, every
+ * consumer would have to expose these exact paths or the picker (and with it
+ * image insertion in the block editor) fails at runtime with no clear cause.
+ *
+ * Set them through `createPanel({ media: { … } })`.
+ */
+export interface MediaEndpoints {
+    /** Paginated media listing. Receives the picker's query string. */
+    list: string;
+    /** Albums used to filter the listing. */
+    albums: string;
+}
+export declare function setMediaEndpoints(next: Partial<MediaEndpoints> | undefined): void;
+export declare function getMediaEndpoints(): MediaEndpoints;

package/dist/Components/Notifications/Toast.vue.d.ts

@@ -0,0 +1,17 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>> & Readonly<{}>, {
+    position: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/Notifications/useToast.d.ts

@@ -0,0 +1,43 @@
+import { Ref } from 'vue';
+export interface ToastAction {
+    label: string;
+    handler: () => void;
+}
+export interface Toast {
+    id: number;
+    type: 'success' | 'error' | 'warning' | 'info';
+    title: string;
+    message: string;
+    duration: number;
+    closable: boolean;
+    actions: ToastAction[];
+    progress?: number;
+}
+export interface ToastOptions {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    title?: string;
+    message?: string;
+    duration?: number;
+    closable?: boolean;
+    actions?: ToastAction[];
+    progress?: number;
+}
+declare function remove(id: number): void;
+export declare function useToastStore(): {
+    toasts: Ref<Toast[], Toast[]>;
+    add(toast: ToastOptions): number;
+    update(id: number, options: Partial<ToastOptions>): void;
+    remove: typeof remove;
+    clear(): void;
+};
+export declare function useToast(): {
+    toast(options: ToastOptions): number;
+    success(message: string, title?: string): number;
+    error(message: string, title?: string): number;
+    warning(message: string, title?: string): number;
+    info(message: string, title?: string): number;
+    update(id: number, options: Partial<ToastOptions>): void;
+    remove(id: number): void;
+    clear(): void;
+};
+export {};