@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/HierarchicalSelectionMenu.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Check, ChevronRight, Folder, Search, X } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { FieldError, resolveFieldErrors, ERROR_OUTLINE_CLASSES, } from "./form-error.js";
+export function HierarchicalSelectionMenu({ items, value, onChange, placeholder = "Select classification...", searchPlaceholder = "Search classifications...", emptyMessage = "No classifications found.", id, className, selectedLabel, selectedItem, error, errors, payloadKey = "category", errorKey, containerClassName, errorClassName, }) {
+    const resolvedErrors = useMemo(() => {
+        const key = payloadKey || errorKey || id || "category";
+        return resolveFieldErrors(error, errors, key);
+    }, [error, errors, payloadKey, errorKey, id]);
+    const hasError = resolvedErrors.length > 0;
+    const errorId = id ? `${id}-error` : undefined;
+    const [searchQuery, setSearchQuery] = useState("");
+    const containerRef = useRef(null);
+    // Build parent maps for easy path traversal
+    const itemMap = useMemo(() => {
+        const map = new Map();
+        const traverse = (item) => {
+            const idStr = String(item.id);
+            const parentIdStr = item.parentId ? String(item.parentId) : null;
+            const normalizedItem = {
+                ...item,
+                id: idStr,
+                parentId: parentIdStr,
+            };
+            map.set(idStr, normalizedItem);
+            if (item.children) {
+                item.children.forEach(traverse);
+            }
+        };
+        items.forEach(traverse);
+        if (selectedItem && selectedItem.id && !map.has(String(selectedItem.id))) {
+            const idStr = String(selectedItem.id);
+            map.set(idStr, {
+                ...selectedItem,
+                id: idStr,
+                name: selectedItem.name || selectedLabel || idStr,
+                parentId: selectedItem.parentId ? String(selectedItem.parentId) : null,
+            });
+        }
+        return map;
+    }, [items, selectedItem, selectedLabel]);
+    // Track active path columns
+    const [selectedPath, setSelectedPath] = useState([]);
+    // Sync selected path with external value changes
+    useEffect(() => {
+        if (!value) {
+            setSelectedPath([]);
+            return;
+        }
+        const valStr = String(value);
+        const path = [];
+        let current = itemMap.get(valStr);
+        while (current) {
+            path.unshift(current.id);
+            const parentId = current.parentId;
+            current = parentId ? itemMap.get(parentId) : undefined;
+        }
+        setSelectedPath(path);
+    }, [value, itemMap]);
+    // Compute path names for breadcrumbs display
+    const activePathNames = useMemo(() => {
+        if (!value)
+            return [];
+        const pathNames = [];
+        let current = itemMap.get(String(value));
+        while (current) {
+            pathNames.unshift(current.name);
+            const parentId = current.parentId;
+            current = parentId ? itemMap.get(parentId) : undefined;
+        }
+        return pathNames;
+    }, [value, itemMap]);
+    // Flat search candidates with breadcrumb paths
+    const flatSearchedItems = useMemo(() => {
+        if (!searchQuery.trim())
+            return [];
+        const query = searchQuery.toLowerCase();
+        const results = [];
+        const getPathString = (item) => {
+            const pathArr = [];
+            let curr = item;
+            while (curr) {
+                pathArr.unshift(curr.name);
+                const parentId = curr.parentId;
+                curr = parentId ? itemMap.get(parentId) : undefined;
+            }
+            return pathArr.join(" > ");
+        };
+        itemMap.forEach((item) => {
+            if (item.name.toLowerCase().includes(query)) {
+                results.push({
+                    item,
+                    path: getPathString(item),
+                });
+            }
+        });
+        return results;
+    }, [searchQuery, itemMap]);
+    // Automatically scroll container to the right when path expands
+    useEffect(() => {
+        if (containerRef.current) {
+            containerRef.current.scrollLeft = containerRef.current.scrollWidth;
+        }
+    }, [selectedPath]);
+    const handleSelectColumnItem = (level, itemId) => {
+        const nextPath = selectedPath.slice(0, level);
+        nextPath.push(itemId);
+        setSelectedPath(nextPath);
+        const selectedItem = itemMap.get(String(itemId)) || null;
+        onChange(itemId, selectedItem);
+    };
+    const handleSelectSearchResult = (itemId) => {
+        const selectedItem = itemMap.get(String(itemId)) || null;
+        onChange(itemId, selectedItem);
+        setSearchQuery("");
+    };
+    // Calculate columns data based on selected path
+    const columns = useMemo(() => {
+        const cols = [items];
+        for (let i = 0; i < selectedPath.length; i++) {
+            const currentId = selectedPath[i];
+            const currentItem = itemMap.get(currentId);
+            if (currentItem &&
+                currentItem.children &&
+                currentItem.children.length > 0) {
+                cols.push(currentItem.children);
+            }
+        }
+        return cols;
+    }, [items, selectedPath, itemMap]);
+    const activeItem = value
+        ? itemMap.get(String(value)) || (selectedItem ? { ...selectedItem, name: selectedItem.name || selectedLabel } : null)
+        : null;
+    return (_jsxs("div", { className: cn("w-full", containerClassName), children: [_jsx("div", { className: cn("flex flex-col w-full bg-dashboard-card/25 border border-dashboard-border rounded-xl p-3 shadow-xs select-none", className, hasError && ERROR_OUTLINE_CLASSES), children: _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 items-stretch w-full", children: [_jsxs("div", { className: "flex flex-col gap-2 min-w-0", children: [_jsxs("div", { className: "relative w-full", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-dashboard-muted-foreground pointer-events-none" }), _jsx("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: searchPlaceholder, "aria-label": searchPlaceholder, className: "w-full h-9 pl-8.5 pr-8 bg-dashboard-background border border-dashboard-border rounded-lg text-xs font-medium text-dashboard-foreground placeholder:text-dashboard-muted-foreground outline-none focus:border-dashboard-primary transition-all" }), searchQuery && (_jsx("button", { type: "button", onClick: () => setSearchQuery(""), className: "absolute right-2.5 top-1/2 -translate-y-1/2 p-0.5 text-dashboard-muted-foreground hover:text-dashboard-foreground rounded-md transition-colors cursor-pointer", "aria-label": "Clear search", children: _jsx(X, { className: "w-3.5 h-3.5" }) }))] }), _jsxs("div", { className: "flex-1 min-h-[92px] bg-dashboard-background/60 border border-dashboard-border rounded-lg p-2.5 flex flex-col justify-between", children: [_jsxs("div", { className: "flex items-center justify-between pb-1 border-b border-dashboard-border", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-dashboard-muted-foreground", children: "Selected Classification" }), (activeItem || selectedLabel) && (_jsx("button", { type: "button", onClick: () => onChange(null, null), className: "text-[10px] font-semibold text-dashboard-destructive hover:underline cursor-pointer", children: "Clear Selection" }))] }), _jsx("div", { className: "py-1 min-h-[40px] flex items-center", children: activePathNames.length > 1 ? (_jsx("div", { className: "flex items-center gap-1 text-xs text-dashboard-muted-foreground flex-wrap", children: activePathNames.map((name, i) => (_jsxs("span", { className: "flex items-center gap-1", children: [i > 0 && (_jsx(ChevronRight, { className: "w-3 h-3 text-dashboard-muted-foreground/60 shrink-0 rtl:rotate-180" })), _jsx("span", { className: cn(i ===
+                                                                activePathNames.length -
+                                                                    1
+                                                                ? "font-bold text-dashboard-primary"
+                                                                : "text-dashboard-muted-foreground font-medium"), children: name })] }, i))) })) : (activeItem?.name || selectedLabel) ? (_jsx("span", { className: "text-xs font-bold text-dashboard-primary", children: activeItem?.name || selectedLabel })) : (_jsxs("div", { className: "flex items-center gap-1.5 text-xs text-dashboard-muted-foreground/70 italic", children: [_jsx(Folder, { className: "w-3.5 h-3.5 text-dashboard-muted-foreground/50 shrink-0" }), _jsx("span", { children: placeholder })] })) }), _jsx("div", { className: "text-[10px] text-dashboard-muted-foreground/80 font-normal", children: searchQuery.trim()
+                                                ? `Showing search results (${flatSearchedItems.length}) on the right`
+                                                : "Browse or search categories on the right to assign" })] })] }), _jsx("div", { className: "flex flex-col min-w-0", children: searchQuery.trim() ? (
+                            /* Search results view */
+                            _jsx("div", { className: "w-full bg-dashboard-background border border-dashboard-border rounded-lg h-[135px] overflow-y-auto p-1.5 flex flex-col gap-0.5", children: flatSearchedItems.length > 0 ? (flatSearchedItems.map(({ item, path }) => {
+                                    const isSelected = String(item.id) === String(value);
+                                    return (_jsxs("button", { onClick: () => handleSelectSearchResult(String(item.id)), className: cn("flex flex-col items-start w-full px-2.5 py-1.5 rounded-md text-left transition-all border border-transparent cursor-pointer shrink-0", isSelected
+                                            ? "bg-dashboard-primary/10 border-dashboard-primary/20 text-dashboard-primary"
+                                            : "hover:bg-dashboard-secondary/50 text-dashboard-foreground"), children: [_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("span", { className: "text-xs font-bold truncate", children: item.name }), isSelected && (_jsx(Check, { className: "w-3.5 h-3.5 text-dashboard-primary shrink-0" }))] }), _jsx("span", { className: "text-[10px] text-dashboard-muted-foreground font-medium truncate max-w-full", children: path })] }, item.id));
+                                })) : (_jsxs("div", { className: "h-full flex flex-col items-center justify-center p-4 text-center text-xs text-dashboard-muted-foreground", children: [_jsx(Folder, { className: "w-5 h-5 text-dashboard-muted-foreground/40 mb-1" }), _jsx("span", { children: emptyMessage })] })) })) : items.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center border border-dashboard-border rounded-lg bg-dashboard-background p-4 h-[135px] text-center", children: [_jsx(Folder, { className: "w-6 h-6 text-dashboard-muted-foreground/40 mb-1.5" }), _jsx("span", { className: "text-xs font-semibold text-dashboard-muted-foreground", children: emptyMessage })] })) : (
+                            /* Cascading finder-style columns selector */
+                            _jsx("div", { ref: containerRef, className: "flex overflow-x-auto gap-2 border border-dashboard-border rounded-lg bg-dashboard-background p-1.5 scroll-smooth h-[135px] w-full", children: columns.map((columnItems, level) => (_jsx("div", { className: "w-40 shrink-0 border-r border-dashboard-border pr-2 last:border-0 last:pr-0 overflow-y-auto h-full flex flex-col gap-0.5 scrollbar-thin", children: columnItems.map((item) => {
+                                        const itemIdStr = String(item.id);
+                                        const isPathActive = selectedPath[level] === itemIdStr;
+                                        const isLeafSelected = String(value) === itemIdStr;
+                                        const hasChildren = !!(item.children &&
+                                            item.children.length > 0);
+                                        return (_jsxs("button", { onClick: () => handleSelectColumnItem(level, itemIdStr), className: cn("flex items-center justify-between px-2 py-1 rounded-md text-[11px] font-semibold transition-all border cursor-pointer text-left w-full", isLeafSelected
+                                                ? "bg-dashboard-primary/20 border-dashboard-primary/40 text-dashboard-primary font-bold shadow-xs"
+                                                : isPathActive
+                                                    ? "bg-dashboard-primary/10 border-dashboard-primary/20 text-dashboard-primary font-semibold"
+                                                    : "border-transparent hover:bg-dashboard-secondary/50 text-dashboard-foreground"), children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [_jsx(Folder, { className: cn("w-3 h-3 shrink-0 transition-colors", isLeafSelected ||
+                                                                isPathActive
+                                                                ? "text-dashboard-primary"
+                                                                : "text-dashboard-muted-foreground") }), _jsx("span", { className: "truncate", children: item.name })] }), hasChildren ? (_jsx(ChevronRight, { className: cn("w-3 h-3 shrink-0 transition-colors rtl:rotate-180", isPathActive
+                                                        ? "text-dashboard-primary"
+                                                        : "text-dashboard-muted-foreground") })) : (isLeafSelected && (_jsx(Check, { className: "w-3 h-3 shrink-0 text-dashboard-primary" })))] }, item.id));
+                                    }) }, level))) })) })] }) }), _jsx(FieldError, { id: errorId, errors: resolvedErrors, className: errorClassName })] }));
+}
+//# sourceMappingURL=HierarchicalSelectionMenu.js.map

package/dist/components/HierarchicalSelectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalSelectionMenu.js","sourceRoot":"","sources":["../../src/components/HierarchicalSelectionMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/InfiniteSelect.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { FieldValidationProps } from "./form-error";
+export interface InfiniteSelectProps<T> extends FieldValidationProps {
+    id?: string;
+    value?: string;
+    onValueChange?: (value: string, item?: T) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    loadingPlaceholder?: string;
+    noItemsPlaceholder?: string;
+    disabled?: boolean;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+    items?: T[];
+    isLoading?: boolean;
+    isFetchingNextPage?: boolean;
+    hasNextPage?: boolean;
+    fetchNextPage?: () => void;
+    getItemKey?: (item: T) => string;
+    getItemLabel?: (item: T) => string;
+    getItemIcon?: (item: T) => React.ReactNode;
+    selectedLabel?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    renderCustomItem?: (item: T, closeDropdown: () => void) => React.ReactNode;
+    align?: "start" | "end" | "center";
+    className?: string;
+    contentClassName?: string;
+    extraAction?: {
+        id: string;
+        label: string;
+        icon?: React.ReactNode;
+        className?: string;
+        onClick?: () => void;
+    };
+    variant?: "default" | "toolbar";
+    icon?: any;
+    label?: string;
+}
+export declare function InfiniteSelect<T>({ id, value, onValueChange, placeholder, searchPlaceholder, loadingPlaceholder, noItemsPlaceholder, disabled, search, onSearchChange, items, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, getItemKey, getItemLabel, getItemIcon, selectedLabel, open, onOpenChange, trigger, header, footer, renderCustomItem, align, className, contentClassName, extraAction, variant, icon, label, error, errors, payloadKey, errorKey, containerClassName, errorClassName, }: InfiniteSelectProps<T>): React.JSX.Element;
+export default InfiniteSelect;

package/dist/components/InfiniteSelect.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Check, ChevronDown, Loader2, Search } from "lucide-react";
+import React, { useState } from "react";
+import { ThemedText } from "../index.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./dropdown-menu.js";
+import { Input } from "./input.js";
+import { FieldError, resolveFieldErrors, ERROR_OUTLINE_CLASSES, } from "./form-error.js";
+function renderIcon(icon, className = "w-3.5 h-3.5 shrink-0") {
+    if (!icon)
+        return null;
+    if (React.isValidElement(icon))
+        return icon;
+    if (typeof icon === "function" ||
+        (typeof icon === "object" && icon.$$typeof)) {
+        const IconComponent = icon;
+        return _jsx(IconComponent, { className: className });
+    }
+    return null;
+}
+export function InfiniteSelect({ id, value = "", onValueChange, placeholder = "Select item...", searchPlaceholder = "Search...", loadingPlaceholder = "Loading...", noItemsPlaceholder = "No items found", disabled = false, search, onSearchChange, items = [], isLoading = false, isFetchingNextPage = false, hasNextPage = false, fetchNextPage, getItemKey, getItemLabel, getItemIcon, selectedLabel, open, onOpenChange, trigger, header, footer, renderCustomItem, align, className, contentClassName, extraAction, variant = "default", icon, label, error, errors, payloadKey, errorKey, containerClassName, errorClassName, }) {
+    const resolvedErrors = React.useMemo(() => {
+        const key = payloadKey || errorKey || id;
+        return resolveFieldErrors(error, errors, key);
+    }, [error, errors, payloadKey, errorKey, id]);
+    const hasError = resolvedErrors.length > 0;
+    const errorId = id ? `${id}-error` : undefined;
+    const [internalOpen, setInternalOpen] = useState(false);
+    const isOpen = open !== undefined ? open : internalOpen;
+    const setIsOpen = onOpenChange !== undefined ? onOpenChange : setInternalOpen;
+    const isToolbar = variant === "toolbar";
+    const defaultItemKey = (item) => {
+        if (getItemKey)
+            return getItemKey(item);
+        if (typeof item === "string" || typeof item === "number")
+            return String(item);
+        if (item && typeof item === "object") {
+            return (item.value ??
+                item.id ??
+                item.key ??
+                String(item));
+        }
+        return String(item);
+    };
+    const defaultItemLabel = (item) => {
+        if (getItemLabel)
+            return getItemLabel(item);
+        if (typeof item === "string" || typeof item === "number")
+            return String(item);
+        if (item && typeof item === "object") {
+            return (item.label ??
+                item.name ??
+                item.title ??
+                String(item));
+        }
+        return String(item);
+    };
+    const defaultItemIcon = (item) => {
+        if (getItemIcon)
+            return getItemIcon(item);
+        if (item && typeof item === "object" && item.icon) {
+            return item.icon;
+        }
+        return null;
+    };
+    const handleScroll = (e) => {
+        const { scrollTop, clientHeight, scrollHeight } = e.currentTarget;
+        if (scrollHeight - scrollTop <= clientHeight * 1.5 &&
+            hasNextPage &&
+            !isFetchingNextPage &&
+            fetchNextPage) {
+            fetchNextPage();
+        }
+    };
+    const selectedItem = items.find((item) => defaultItemKey(item) === value);
+    const triggerText = selectedItem
+        ? defaultItemLabel(selectedItem)
+        : selectedLabel
+            ? selectedLabel
+            : isLoading && value
+                ? loadingPlaceholder
+                : value || placeholder;
+    return (_jsxs("div", { className: cn("w-full", containerClassName), children: [_jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [trigger ? (trigger) : (_jsx(DropdownMenuTrigger, { id: id, disabled: disabled, "aria-invalid": hasError ? true : undefined, "aria-describedby": hasError && errorId ? errorId : undefined, className: cn(isToolbar
+                            ? "flex items-center gap-1.5 h-8 px-2.5 rounded-md text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary border border-dashboard-border transition-colors outline-none cursor-pointer text-xs font-medium bg-dashboard-card dark:bg-dashboard-card/40 select-none shrink-0"
+                            : "w-full bg-dashboard-background border border-dashboard-border justify-between text-sm text-dashboard-foreground font-normal rounded-md px-3 py-2 flex items-center h-10 select-none outline-none focus:ring-1 focus:ring-dashboard-primary/20 cursor-pointer", disabled &&
+                            "opacity-50 cursor-not-allowed pointer-events-none", className, hasError && ERROR_OUTLINE_CLASSES), "aria-label": placeholder || "Toggle select dropdown", children: isToolbar ? (_jsxs(_Fragment, { children: [selectedItem && defaultItemIcon(selectedItem)
+                                    ? renderIcon(defaultItemIcon(selectedItem))
+                                    : renderIcon(icon), label && (_jsx("span", { className: "opacity-75", children: label })), _jsx("span", { className: "truncate", children: triggerText }), _jsx(ChevronDown, { className: "w-3 h-3 opacity-50 ml-0.5 shrink-0" })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "truncate flex items-center gap-2", children: [selectedItem && defaultItemIcon(selectedItem)
+                                            ? renderIcon(defaultItemIcon(selectedItem), "w-4 h-4 shrink-0")
+                                            : renderIcon(icon, "w-4 h-4 shrink-0"), _jsx("span", { children: triggerText })] }), _jsx(ChevronDown, { className: "h-4 w-4 opacity-50 ml-2 shrink-0" })] })) })), _jsxs(DropdownMenuContent, { align: align ?? (isToolbar ? "end" : "start"), className: cn(isToolbar
+                            ? "min-w-40 max-w-72 bg-dashboard-card border border-dashboard-border rounded-lg p-1 shadow-lg flex flex-col z-[100]"
+                            : "w-(--anchor-width) p-1.5 rounded-xl border border-dashboard-border shadow-2xl bg-dashboard-card flex flex-col z-[100]", contentClassName), children: [header ? (header) : onSearchChange && search !== undefined ? (_jsxs("div", { className: cn("flex items-center gap-2 border-b border-dashboard-border bg-dashboard-background/30 rounded-t-lg mb-1", isToolbar ? "px-2 py-1.5" : "px-2.5 py-2"), onKeyDown: (e) => e.stopPropagation(), children: [_jsx(Search, { className: "w-3.5 h-3.5 text-dashboard-muted-foreground shrink-0" }), _jsx(Input, { value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: searchPlaceholder, className: "h-7 border-none bg-transparent p-0 text-xs text-dashboard-foreground placeholder:text-dashboard-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0" })] })) : null, _jsxs("div", { className: cn("flex flex-col gap-0.5 overflow-y-auto custom-scrollbar", isToolbar ? "max-h-[300px]" : "max-h-[350px] mt-1.5"), onScroll: handleScroll, children: [extraAction && (_jsxs(DropdownMenuItem, { onClick: () => {
+                                            if (extraAction.onClick) {
+                                                extraAction.onClick();
+                                            }
+                                            else if (onValueChange) {
+                                                onValueChange(extraAction.id);
+                                            }
+                                            setIsOpen(false);
+                                        }, className: cn("flex items-center justify-between text-xs rounded-md hover:bg-dashboard-secondary focus:bg-dashboard-secondary cursor-pointer", !extraAction.className && "font-semibold", isToolbar ? "py-1.5 px-2" : "py-2 px-2.5"), children: [_jsxs(ThemedText, { as: "span", className: cn("flex items-center gap-2", extraAction.className ||
+                                                    "text-dashboard-primary font-bold"), children: [extraAction.icon, extraAction.label] }), value === extraAction.id && (_jsx(Check, { className: cn("w-3.5 h-3.5", extraAction.className
+                                                    ? "text-dashboard-foreground"
+                                                    : "text-dashboard-primary") }))] })), isLoading ? (_jsx("div", { className: "p-3 text-center text-xs text-dashboard-muted-foreground", children: loadingPlaceholder })) : items.length === 0 ? (_jsx("div", { className: "p-3 text-center text-xs text-dashboard-muted-foreground", children: noItemsPlaceholder })) : renderCustomItem ? (items.map((item) => renderCustomItem(item, () => setIsOpen(false)))) : (items.map((item) => {
+                                        const key = defaultItemKey(item);
+                                        const itemLabel = defaultItemLabel(item);
+                                        const itemIcon = defaultItemIcon(item);
+                                        const isSelected = value === key;
+                                        return (_jsxs(DropdownMenuItem, { onClick: () => {
+                                                if (onValueChange) {
+                                                    onValueChange(key, item);
+                                                }
+                                                setIsOpen(false);
+                                            }, className: cn("flex items-center justify-between gap-2 text-xs rounded-md cursor-pointer outline-none transition-colors", isToolbar
+                                                ? "px-2 py-1.5"
+                                                : "py-2 px-2.5", isSelected
+                                                ? "bg-dashboard-secondary text-dashboard-foreground font-medium"
+                                                : "text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"), children: [_jsxs("span", { className: "flex items-center gap-2 truncate min-w-0", children: [renderIcon(itemIcon), _jsx("span", { className: "truncate", children: itemLabel })] }), isSelected && (_jsx(Check, { className: "w-3.5 h-3.5 text-dashboard-primary shrink-0 ml-auto" }))] }, key));
+                                    })), isFetchingNextPage && (_jsx("div", { className: "py-2 flex justify-center text-dashboard-muted-foreground shrink-0", children: _jsx(Loader2, { size: 14, className: "animate-spin" }) }))] }), footer] })] }), _jsx(FieldError, { id: errorId, errors: resolvedErrors, className: errorClassName })] }));
+}
+export default InfiniteSelect;
+//# sourceMappingURL=InfiniteSelect.js.map

package/dist/components/InfiniteSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteSelect.js","sourceRoot":"","sources":["../../src/components/InfiniteSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/LoadingState.d.ts

@@ -0,0 +1,28 @@
+/**
+ * LoadingState Component
+ *
+ * Standardized loading UI for different contexts.
+ *
+ * @example
+ * ```tsx
+ * // Default loading
+ * <LoadingState />
+ *
+ * // With message
+ * <LoadingState message="Loading courses..." />
+ *
+ * // Small inline
+ * <LoadingState size="sm" fullScreen={false} />
+ *
+ * // Overlay
+ * <LoadingState overlay />
+ * ```
+ */
+import type { BaseComponentProps, LoadingStateProps } from "../types";
+interface Props extends LoadingStateProps, BaseComponentProps {
+}
+/**
+ * Loading state component
+ */
+export declare function LoadingState({ message, size, fullScreen, overlay, className, testId, }: Props): import("react").JSX.Element;
+export default LoadingState;

package/dist/components/LoadingState.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemedText } from "../index.js";
+const sizeClasses = {
+    sm: "h-6 w-6 border-2",
+    md: "h-10 w-10 border-[3px]",
+    lg: "h-14 w-14 border-4",
+};
+const glowSizeClasses = {
+    sm: "h-8 w-8",
+    md: "h-16 w-16",
+    lg: "h-20 w-20",
+};
+/**
+ * Loading state component
+ */
+export function LoadingState({ message, size = "md", fullScreen = true, overlay = false, className = "", testId, }) {
+    const content = (_jsxs("div", { className: `${fullScreen ? "h-full" : "h-full min-h-[200px]"} flex flex-col items-center justify-center gap-6`, children: [_jsxs("div", { className: "relative flex items-center justify-center", children: [_jsx("div", { className: `absolute ${glowSizeClasses[size]} bg-dashboard-primary/10 rounded-full blur-xl animate-pulse` }), _jsx("div", { className: `absolute rounded-full ${sizeClasses[size]} border-dashboard-border` }), _jsx("div", { className: `relative animate-spin rounded-full ${sizeClasses[size]} border-transparent border-t-dashboard-primary border-r-dashboard-primary/30`, style: { animationDuration: "0.8s" } })] }), message && (_jsx(ThemedText, { as: "p", className: "text-xs font-semibold  tracking-widest text-dashboard-muted-foreground animate-pulse", children: message }))] }));
+    if (overlay) {
+        return (_jsx("div", { className: `fixed inset-0 z-50 flex items-center justify-center bg-dashboard-background/80 backdrop-blur-xs ${className}`, "data-testid": testId, children: content }));
+    }
+    return (_jsx("div", { className: `flex items-center justify-center ${fullScreen ? "h-screen" : "h-full min-h-[200px]"} ${className}`, "data-testid": testId, children: content }));
+}
+export default LoadingState;
+//# sourceMappingURL=LoadingState.js.map

package/dist/components/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../src/components/LoadingState.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,WAAW,GAAG;IAChB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,oBAAoB;CAC3B,CAAC;AAEF,MAAM,eAAe,GAAG;IACpB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EACzB,OAAO,EACP,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GACF;IACJ,MAAM,OAAO,GAAG,CACZ,eACI,SAAS,EAAE,GACP,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAC5B,kDAAkD,aAElD,eAAK,SAAS,EAAC,2CAA2C,aAEtD,cACI,SAAS,EAAE,YAAY,eAAe,CAAC,IAAI,CAAC,6DAA6D,GAC3G,EAGF,cACI,SAAS,EAAE,yBAAyB,WAAW,CAAC,IAAI,CAAC,0BAA0B,GACjF,EAGF,cACI,SAAS,EAAE,sCAAsC,WAAW,CAAC,IAAI,CAAC,8EAA8E,EAChJ,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,GACtC,IACA,EAEL,OAAO,IAAI,CACR,KAAC,UAAU,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,sFAAsF,YAC9G,OAAO,GACC,CAChB,IACC,CACT,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cACI,SAAS,EAAE,mGAAmG,SAAS,EAAE,iBAC5G,MAAM,YAElB,OAAO,GACN,CACT,CAAC;IACN,CAAC;IAED,OAAO,CACH,cACI,SAAS,EAAE,oCACP,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,sBAC9B,IAAI,SAAS,EAAE,iBACF,MAAM,YAElB,OAAO,GACN,CACT,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/LucidIconRender.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    iconName: any;
+    parentClassName?: string;
+    iconClassName?: string;
+    iconSize?: string | number;
+    text?: string;
+};
+export declare function LucidIconRender({ iconName, parentClassName, iconClassName, iconSize, text }: Props): import("react").JSX.Element | null;
+export {};

package/dist/components/LucidIconRender.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { lucid_icons } from "../support/utils.js";
+export function LucidIconRender({ iconName, parentClassName, iconClassName, iconSize, text }) {
+    const Icon = lucid_icons[iconName];
+    return Icon ? (_jsxs("div", { className: parentClassName, children: [_jsx(Icon, { size: iconSize, className: iconClassName }), text] })) : null;
+}
+//# sourceMappingURL=LucidIconRender.js.map

package/dist/components/LucidIconRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LucidIconRender.js","sourceRoot":"","sources":["../../src/components/LucidIconRender.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAS/C,MAAM,UAAU,eAAe,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,aAAa,EACb,QAAQ,EACR,IAAI,EACA;IACJ,MAAM,IAAI,GAAG,WAAW,CAAC,QAAoC,CAAC,CAAC;IAC/D,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,eAAK,SAAS,EAAE,eAAe,aAC3B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI,EACjD,IAAI,IACH,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC"}

package/dist/components/MasterDetailLayout.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+export interface MasterDetailLayoutProps extends React.ComponentPropsWithoutRef<"div"> {
+    isDetailActive?: boolean;
+    onBack?: () => void;
+    backLabel?: string;
+    children: React.ReactNode;
+}
+export declare function MasterDetailLayout({ isDetailActive, onBack, backLabel, className, children, ...props }: MasterDetailLayoutProps): React.JSX.Element;
+export declare namespace MasterDetailLayout {
+    var Sidebar: typeof import("./MasterDetailLayout").Sidebar;
+    var SidebarHeader: typeof import("./MasterDetailLayout").SidebarHeader;
+    var SidebarSearch: typeof import("./MasterDetailLayout").SidebarSearch;
+    var SidebarList: typeof import("./MasterDetailLayout").SidebarList;
+    var SidebarItem: typeof import("./MasterDetailLayout").SidebarItem;
+    var Content: typeof import("./MasterDetailLayout").Content;
+    var ContentBody: typeof import("./MasterDetailLayout").ContentBody;
+    var ContentFooter: typeof import("./MasterDetailLayout").ContentFooter;
+    var EmptyState: typeof LayoutEmptyState;
+}
+export interface SidebarProps extends React.ComponentPropsWithoutRef<"aside"> {
+    children: React.ReactNode;
+}
+export declare function Sidebar({ className, children, ...props }: SidebarProps): React.JSX.Element;
+export interface SidebarHeaderProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    title: React.ReactNode;
+    action?: React.ReactNode;
+    count?: number;
+}
+export declare function SidebarHeader({ className, title, action, count, ...props }: SidebarHeaderProps): React.JSX.Element;
+export interface SidebarSearchProps extends React.ComponentPropsWithoutRef<"div"> {
+    icon?: React.ReactNode;
+    inputProps?: React.ComponentPropsWithoutRef<"input">;
+}
+export declare function SidebarSearch({ className, icon, inputProps, ...props }: SidebarSearchProps): React.JSX.Element;
+export interface SidebarListProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: React.ReactNode;
+}
+export declare function SidebarList({ className, children, ...props }: SidebarListProps): React.JSX.Element;
+export interface SidebarItemProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    active?: boolean;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare function SidebarItem({ className, active, icon, title, subtitle, action, ...props }: SidebarItemProps): React.JSX.Element;
+export interface ContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: React.ReactNode;
+    showBackButtonOnDesktop?: boolean;
+}
+export declare function Content({ className, children, showBackButtonOnDesktop, ...props }: ContentProps): React.JSX.Element;
+export interface ContentBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: React.ReactNode;
+}
+export declare function ContentBody({ className, children, ...props }: ContentBodyProps): React.JSX.Element;
+export interface ContentFooterProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: React.ReactNode;
+}
+export declare function ContentFooter({ className, children, ...props }: ContentFooterProps): React.JSX.Element;
+export interface LayoutEmptyStateProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    variant?: "sidebar" | "content";
+    action?: React.ReactNode;
+}
+export declare function LayoutEmptyState({ className, icon, title, subtitle, variant, action, ...props }: LayoutEmptyStateProps): React.JSX.Element;

package/dist/components/MasterDetailLayout.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { ChevronLeft } from "lucide-react";
+import * as React from "react";
+const MasterDetailContext = React.createContext(null);
+function useMasterDetail() {
+    const context = React.useContext(MasterDetailContext);
+    if (!context) {
+        throw new Error("MasterDetail compound components must be used within a MasterDetailLayout");
+    }
+    return context;
+}
+export function MasterDetailLayout({ isDetailActive = false, onBack, backLabel, className, children, ...props }) {
+    const [activeItemTitle, setActiveItemTitle] = React.useState(null);
+    const contextValue = React.useMemo(() => ({
+        isDetailActive,
+        onBack,
+        backLabel,
+        activeItemTitle,
+        setActiveItemTitle,
+    }), [isDetailActive, onBack, backLabel, activeItemTitle]);
+    return (_jsx(MasterDetailContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("flex h-full w-full overflow-hidden bg-dashboard-background text-dashboard-foreground font-sans", className), ...props, children: children }) }));
+}
+export function Sidebar({ className, children, ...props }) {
+    const { isDetailActive } = useMasterDetail();
+    return (_jsx("aside", { className: cn("w-full md:w-80 lg:w-96 border-r border-dashboard-border flex flex-col h-full bg-dashboard-card shrink-0 transition-all duration-300", isDetailActive ? "hidden md:flex" : "flex", className), ...props, children: children }));
+}
+export function SidebarHeader({ className, title, action, count, ...props }) {
+    return (_jsxs("div", { className: cn("flex items-center justify-between p-4 border-b border-dashboard-border bg-dashboard-card shrink-0 min-h-16", className), ...props, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-lg font-bold text-dashboard-foreground leading-tight tracking-tight", children: title }), count !== undefined && (_jsx("span", { className: "flex items-center justify-center px-2 py-0.5 rounded-full bg-dashboard-muted text-dashboard-muted-foreground text-xs font-medium", children: count }))] }), action && _jsx("div", { className: "flex items-center gap-2", children: action })] }));
+}
+export function SidebarSearch({ className, icon, inputProps, ...props }) {
+    const { className: inputClassName, ...restInputProps } = inputProps || {};
+    return (_jsx("div", { className: cn("p-4 bg-dashboard-card border-b border-dashboard-border shrink-0", className), ...props, children: _jsxs("div", { className: "relative flex items-center", children: [icon && (_jsx("div", { className: "absolute left-3 text-dashboard-muted-foreground pointer-events-none flex items-center justify-center", children: icon })), _jsx("input", { type: "text", className: cn("w-full h-10 pr-4 rounded-xl border border-dashboard-border bg-dashboard-background text-sm text-dashboard-foreground placeholder:text-dashboard-muted-foreground outline-none transition-colors focus:border-dashboard-primary focus:ring-1 focus:ring-dashboard-primary", icon ? "pl-10" : "pl-4", inputClassName), ...restInputProps })] }) }));
+}
+export function SidebarList({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex-1 overflow-y-auto p-4 space-y-2 bg-dashboard-card", className), ...props, children: children }));
+}
+export function SidebarItem({ className, active = false, icon, title, subtitle, action, ...props }) {
+    const { setActiveItemTitle } = useMasterDetail();
+    React.useEffect(() => {
+        if (active && title) {
+            setActiveItemTitle(title);
+        }
+    }, [active, title, setActiveItemTitle]);
+    return (_jsxs("div", { className: cn("flex items-center justify-between p-3 rounded-dashboard-radius cursor-pointer transition-colors duration-150 group", active
+            ? "bg-dashboard-secondary text-dashboard-foreground"
+            : "bg-transparent text-dashboard-foreground hover:bg-dashboard-secondary", className), ...props, children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [icon && (_jsx("div", { className: cn("flex items-center justify-center size-10 rounded-dashboard-radius shrink-0 transition-colors border", active
+                            ? "bg-dashboard-card text-dashboard-foreground border-dashboard-border"
+                            : "bg-transparent text-dashboard-muted-foreground border-transparent group-hover:bg-dashboard-card group-hover:border-dashboard-border"), children: icon })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-semibold text-sm truncate", children: title }), subtitle && (_jsx("div", { className: "text-xs text-dashboard-muted-foreground truncate mt-0.5", children: subtitle }))] })] }), action && (_jsx("div", { className: "ml-2 shrink-0 flex items-center justify-center", onClick: (e) => e.stopPropagation(), children: action }))] }));
+}
+export function Content({ className, children, showBackButtonOnDesktop = false, ...props }) {
+    const { isDetailActive, onBack, backLabel, activeItemTitle } = useMasterDetail();
+    const label = backLabel !== undefined ? backLabel : (activeItemTitle ?? "Back");
+    return (_jsxs("div", { className: cn("flex-1 flex flex-col h-full bg-dashboard-background overflow-hidden transition-all duration-300", isDetailActive ? "flex" : "hidden md:flex", className), ...props, children: [onBack && (_jsx("div", { className: cn("flex items-center h-14 border-b border-dashboard-border bg-dashboard-card px-4 shrink-0", showBackButtonOnDesktop ? "flex" : "md:hidden"), children: _jsxs("button", { onClick: onBack, className: "flex items-center gap-2 text-sm font-semibold text-dashboard-foreground hover:text-dashboard-primary transition-colors cursor-pointer", children: [_jsx(ChevronLeft, { className: "size-5 rtl:rotate-180" }), _jsx("span", { children: label })] }) })), children] }));
+}
+export function ContentBody({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex-1 overflow-y-auto p-4 md:p-6 space-y-6 min-w-0", className), ...props, children: children }));
+}
+export function ContentFooter({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("border-t border-dashboard-border bg-dashboard-card p-4 flex items-center justify-end gap-3 shrink-0", className), ...props, children: children }));
+}
+export function LayoutEmptyState({ className, icon, title, subtitle, variant = "content", action, ...props }) {
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center p-8 text-center", variant === "sidebar"
+            ? "my-auto py-16 h-full"
+            : "min-h-100 h-full flex-1", className), ...props, children: [icon && (_jsx("div", { className: cn("flex items-center justify-center mb-4", variant === "content"
+                    ? "size-16 rounded-dashboard-radius bg-dashboard-muted text-dashboard-muted-foreground"
+                    : "text-dashboard-muted-foreground"), children: icon })), _jsx("h3", { className: "font-bold text-base text-dashboard-foreground", children: title }), subtitle && (_jsx("p", { className: "text-xs text-dashboard-muted-foreground mt-1 max-w-[240px] mx-auto leading-relaxed font-normal", children: subtitle })), action && _jsx("div", { className: "mt-4", children: action })] }));
+}
+// Attach subcomponents
+MasterDetailLayout.Sidebar = Sidebar;
+MasterDetailLayout.SidebarHeader = SidebarHeader;
+MasterDetailLayout.SidebarSearch = SidebarSearch;
+MasterDetailLayout.SidebarList = SidebarList;
+MasterDetailLayout.SidebarItem = SidebarItem;
+MasterDetailLayout.Content = Content;
+MasterDetailLayout.ContentBody = ContentBody;
+MasterDetailLayout.ContentFooter = ContentFooter;
+MasterDetailLayout.EmptyState = LayoutEmptyState;
+//# sourceMappingURL=MasterDetailLayout.js.map