@construct-space/ui 0.1.0

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

@@ -0,0 +1,157 @@
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: string;
+    children?: TreeNode[];
+    expanded?: boolean;
+    selected?: boolean;
+    data?: any;
+}
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    items?: TreeNode[];
+    modelValue?: string | string[] | null;
+    multiple?: boolean;
+    draggable?: boolean;
+    indentPx?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | null) => any;
+    select: (node: TreeNode) => any;
+    drop: (payload: {
+        dragged: TreeNode;
+        target: TreeNode;
+        position: "before" | "inside" | "after";
+    }) => any;
+    expand: (node: TreeNode) => any;
+    collapse: (node: TreeNode) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    items?: TreeNode[];
+    modelValue?: string | string[] | null;
+    multiple?: boolean;
+    draggable?: boolean;
+    indentPx?: number;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
+    onSelect?: ((node: TreeNode) => any) | undefined;
+    onDrop?: ((payload: {
+        dragged: TreeNode;
+        target: TreeNode;
+        position: "before" | "inside" | "after";
+    }) => any) | undefined;
+    onExpand?: ((node: TreeNode) => any) | undefined;
+    onCollapse?: ((node: TreeNode) => any) | undefined;
+}>, {
+    multiple: boolean;
+    items: TreeNode[];
+    modelValue: string | string[] | null;
+    indentPx: number;
+    draggable: boolean;
+}, {}, {
+    TreeNodeRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        node: {
+            type: PropType<TreeNode>;
+            required: true;
+        };
+        depth: {
+            type: NumberConstructor;
+            required: true;
+        };
+        indentPx: {
+            type: NumberConstructor;
+            default: number;
+        };
+        items: {
+            type: PropType<TreeNode[]>;
+            required: true;
+        };
+        isExpanded: {
+            type: PropType<(n: TreeNode) => boolean>;
+            required: true;
+        };
+        isSelected: {
+            type: PropType<(n: TreeNode) => boolean>;
+            required: true;
+        };
+        focusedId: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        draggableEnabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dropTargetId: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dropPosition: {
+            type: PropType<"before" | "inside" | "after">;
+            default: string;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "drop" | "toggle" | "drag-start" | "drag-over" | "drag-leave" | "drag-end")[], "select" | "drop" | "toggle" | "drag-start" | "drag-over" | "drag-leave" | "drag-end", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        node: {
+            type: PropType<TreeNode>;
+            required: true;
+        };
+        depth: {
+            type: NumberConstructor;
+            required: true;
+        };
+        indentPx: {
+            type: NumberConstructor;
+            default: number;
+        };
+        items: {
+            type: PropType<TreeNode[]>;
+            required: true;
+        };
+        isExpanded: {
+            type: PropType<(n: TreeNode) => boolean>;
+            required: true;
+        };
+        isSelected: {
+            type: PropType<(n: TreeNode) => boolean>;
+            required: true;
+        };
+        focusedId: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        draggableEnabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dropTargetId: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dropPosition: {
+            type: PropType<"before" | "inside" | "after">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onDrop?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onToggle?: ((...args: any[]) => any) | undefined;
+        "onDrag-start"?: ((...args: any[]) => any) | undefined;
+        "onDrag-over"?: ((...args: any[]) => any) | undefined;
+        "onDrag-leave"?: ((...args: any[]) => any) | undefined;
+        "onDrag-end"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        indentPx: number;
+        focusedId: string | null;
+        draggableEnabled: boolean;
+        dropTargetId: string | null;
+        dropPosition: "before" | "inside" | "after";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    node?: (props: any) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/composables/useAuth.d.ts

@@ -0,0 +1,39 @@
+export interface AuthUser {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+    username?: string;
+}
+export interface UseAuthOptions {
+    /** Base URL for the auth API (e.g. '' for same-origin, or 'https://accounts.construct.space') */
+    apiBase?: string;
+    /** Path to check current user session */
+    mePath?: string;
+    /** Path to redirect for login */
+    loginPath?: string;
+    /** Path to redirect for logout */
+    logoutPath?: string;
+    /** Whether to auto-check session on mount */
+    autoCheck?: boolean;
+}
+export declare function useAuth(options?: UseAuthOptions): {
+    user: import("vue").Ref<{
+        id: string;
+        name: string;
+        email: string;
+        avatar?: string | undefined;
+        username?: string | undefined;
+    } | null, AuthUser | {
+        id: string;
+        name: string;
+        email: string;
+        avatar?: string | undefined;
+        username?: string | undefined;
+    } | null>;
+    loading: import("vue").Ref<boolean, boolean>;
+    error: import("vue").Ref<string | null, string | null>;
+    checkSession: () => Promise<AuthUser | null>;
+    login: () => void;
+    logout: () => void;
+};

package/dist/composables/useToast.d.ts

@@ -0,0 +1,46 @@
+export interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    color?: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+declare function add(toast: Omit<Toast, 'id'>): string;
+declare function remove(id: string): void;
+declare function clear(): void;
+export declare function useToast(): {
+    toasts: import("vue").Ref<{
+        id: string;
+        title: string;
+        description?: string | undefined;
+        color?: "success" | "error" | "warning" | "info" | undefined;
+        duration?: number | undefined;
+        action?: {
+            label: string;
+            onClick: () => void;
+        } | undefined;
+    }[], Toast[] | {
+        id: string;
+        title: string;
+        description?: string | undefined;
+        color?: "success" | "error" | "warning" | "info" | undefined;
+        duration?: number | undefined;
+        action?: {
+            label: string;
+            onClick: () => void;
+        } | undefined;
+    }[]>;
+    add: typeof add;
+    remove: typeof remove;
+    clear: typeof clear;
+    toast: {
+        add: typeof add;
+        remove: typeof remove;
+        clear: typeof clear;
+    };
+};
+export {};