hazo_auth 3.0.4 → 4.0.0

package/dist/components/layouts/user_management/components/scope_labels_tab.js

@@ -0,0 +1,158 @@
+// file_description: Scope Labels tab component for configuring friendly names for scope levels
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// section: imports
+import { useState, useEffect, useCallback } from "react";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../ui/table";
+import { Button } from "../../../ui/button";
+import { Input } from "../../../ui/input";
+import { Label } from "../../../ui/label";
+import { Loader2, Save } from "lucide-react";
+import { toast } from "sonner";
+import { useHazoAuthConfig } from "../../../../contexts/hazo_auth_provider";
+const SCOPE_LEVELS = [
+    "hazo_scopes_l1",
+    "hazo_scopes_l2",
+    "hazo_scopes_l3",
+    "hazo_scopes_l4",
+    "hazo_scopes_l5",
+    "hazo_scopes_l6",
+    "hazo_scopes_l7",
+];
+// section: component
+/**
+ * Scope Labels tab component for configuring friendly names for scope levels
+ * Shows all 7 scope levels with their current labels from database
+ * Empty inputs for levels without labels - no placeholders
+ * @param props - Component props
+ * @returns Scope Labels tab component
+ */
+export function ScopeLabelsTab({ className, defaultOrg = "" }) {
+    const { apiBasePath } = useHazoAuthConfig();
+    // State - simple record of scope_type to label string (empty string if not set)
+    const [labels, setLabels] = useState(() => {
+        const initial = {};
+        for (const level of SCOPE_LEVELS) {
+            initial[level] = "";
+        }
+        return initial;
+    });
+    const [originalLabels, setOriginalLabels] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [org, setOrg] = useState(defaultOrg);
+    // Load labels from database (only real DB records, not synthetic defaults)
+    const loadLabels = useCallback(async () => {
+        if (!org.trim()) {
+            // Reset to empty if no org
+            const empty = {};
+            for (const level of SCOPE_LEVELS) {
+                empty[level] = "";
+            }
+            setLabels(empty);
+            setOriginalLabels(empty);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        try {
+            // Fetch WITHOUT defaults - only get actual DB records
+            const params = new URLSearchParams({ org: org.trim(), include_defaults: "false" });
+            const response = await fetch(`${apiBasePath}/scope_management/labels?${params}`);
+            const data = await response.json();
+            if (data.success) {
+                // Start with empty labels
+                const newLabels = {};
+                for (const level of SCOPE_LEVELS) {
+                    newLabels[level] = "";
+                }
+                // Fill in labels from database
+                const dbLabels = data.labels || [];
+                for (const dbLabel of dbLabels) {
+                    if (dbLabel.scope_type && dbLabel.label) {
+                        newLabels[dbLabel.scope_type] = dbLabel.label;
+                    }
+                }
+                setLabels(newLabels);
+                setOriginalLabels(Object.assign({}, newLabels));
+            }
+            else {
+                toast.error(data.error || "Failed to load labels");
+            }
+        }
+        catch (_a) {
+            toast.error("Failed to load labels");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiBasePath, org]);
+    // Load labels when org changes
+    useEffect(() => {
+        void loadLabels();
+    }, [loadLabels]);
+    // Handle label change
+    const handleLabelChange = (level, value) => {
+        setLabels((prev) => (Object.assign(Object.assign({}, prev), { [level]: value })));
+    };
+    // Check if there are unsaved changes
+    const hasChanges = () => {
+        if (!originalLabels)
+            return false;
+        for (const level of SCOPE_LEVELS) {
+            if (labels[level] !== originalLabels[level]) {
+                return true;
+            }
+        }
+        return false;
+    };
+    // Save all labels - send all non-empty labels to be upserted
+    const handleSave = async () => {
+        if (!org.trim()) {
+            toast.error("Organization is required");
+            return;
+        }
+        // Collect all non-empty labels
+        const labelsToSave = [];
+        for (const level of SCOPE_LEVELS) {
+            const label = labels[level].trim();
+            if (label) {
+                labelsToSave.push({
+                    scope_type: level,
+                    label: label,
+                });
+            }
+        }
+        setSaving(true);
+        try {
+            const response = await fetch(`${apiBasePath}/scope_management/labels`, {
+                method: "PUT",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    org: org.trim(),
+                    labels: labelsToSave,
+                }),
+            });
+            const data = await response.json();
+            if (data.success) {
+                toast.success("Labels saved successfully");
+                // Reload to get fresh state
+                await loadLabels();
+            }
+            else {
+                toast.error(data.error || "Failed to save labels");
+            }
+        }
+        catch (_a) {
+            toast.error("Failed to save labels");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs("div", { className: `cls_scope_labels_tab flex flex-col gap-4 w-full ${className || ""}`, children: [_jsxs("div", { className: "cls_scope_labels_header flex items-center justify-between gap-4 flex-wrap", children: [_jsx("div", { className: "cls_scope_labels_header_left flex items-center gap-4", children: _jsxs("div", { className: "cls_scope_labels_org_input flex items-center gap-2", children: [_jsx(Label, { htmlFor: "labels_org", className: "text-sm font-medium", children: "Organization:" }), _jsx(Input, { id: "labels_org", value: org, onChange: (e) => setOrg(e.target.value), placeholder: "Enter organization name", className: "w-[200px]" })] }) }), _jsx("div", { className: "cls_scope_labels_header_right", children: _jsx(Button, { onClick: handleSave, disabled: saving || !hasChanges() || !org.trim(), variant: "default", size: "sm", children: saving ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Saving..."] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "h-4 w-4 mr-2" }), "Save Changes"] })) }) })] }), loading ? (_jsx("div", { className: "cls_scope_labels_loading flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : (_jsx("div", { className: "cls_scope_labels_table_container border rounded-lg overflow-auto w-full", children: _jsxs(Table, { className: "cls_scope_labels_table w-full", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[180px]", children: "Scope Level" }), _jsx(TableHead, { children: "Label" })] }) }), _jsx(TableBody, { children: SCOPE_LEVELS.map((level) => {
+                                const label = labels[level];
+                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-sm", children: level }), _jsx(TableCell, { children: _jsx(Input, { value: label, onChange: (e) => handleLabelChange(level, e.target.value), className: "max-w-[400px]", disabled: !org.trim() }) })] }, level));
+                            }) })] }) })), !org.trim() && (_jsx("div", { className: "cls_scope_labels_info text-sm text-muted-foreground text-center p-4 bg-muted/50 rounded-lg", children: "Enter an organization name to customize scope labels." }))] }));
+}

package/dist/components/layouts/user_management/components/user_scopes_tab.d.ts

@@ -0,0 +1,11 @@
+export type UserScopesTabProps = {
+    className?: string;
+};
+/**
+ * User Scopes tab component for assigning scopes to users
+ * Two-panel layout: Users list | Scope assignments
+ * @param props - Component props
+ * @returns User Scopes tab component
+ */
+export declare function UserScopesTab({ className }: UserScopesTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=user_scopes_tab.d.ts.map

package/dist/components/layouts/user_management/components/user_scopes_tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_scopes_tab.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/user_management/components/user_scopes_tab.tsx"],"names":[],"mappings":"AAoDA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6EF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA8f9D"}

package/dist/components/layouts/user_management/components/user_scopes_tab.js

@@ -0,0 +1,267 @@
+// file_description: User Scopes tab component for assigning scopes to users in HRBAC
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// section: imports
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../ui/table";
+import { Button } from "../../../ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../../../ui/dialog";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../../../ui/alert-dialog";
+import { Input } from "../../../ui/input";
+import { Label } from "../../../ui/label";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../ui/avatar";
+import { TreeView } from "../../../ui/tree-view";
+import { Loader2, Plus, Trash2, Search, CircleCheck, CircleX, ChevronRight, Building2, FolderTree, } from "lucide-react";
+import { toast } from "sonner";
+import { useHazoAuthConfig } from "../../../../contexts/hazo_auth_provider";
+const SCOPE_LEVEL_LABELS = {
+    hazo_scopes_l1: "Level 1",
+    hazo_scopes_l2: "Level 2",
+    hazo_scopes_l3: "Level 3",
+    hazo_scopes_l4: "Level 4",
+    hazo_scopes_l5: "Level 5",
+    hazo_scopes_l6: "Level 6",
+    hazo_scopes_l7: "Level 7",
+};
+// Convert ScopeTreeNode to TreeDataItem format for selection
+function convertToTreeData(nodes) {
+    return nodes.map((node) => {
+        const hasChildren = node.children && node.children.length > 0;
+        const item = {
+            id: node.id,
+            name: `${node.name} (${node.seq})`,
+            icon: Building2,
+            scopeData: node,
+        };
+        if (hasChildren) {
+            item.children = convertToTreeData(node.children);
+        }
+        return item;
+    });
+}
+// section: component
+/**
+ * User Scopes tab component for assigning scopes to users
+ * Two-panel layout: Users list | Scope assignments
+ * @param props - Component props
+ * @returns User Scopes tab component
+ */
+export function UserScopesTab({ className }) {
+    const { apiBasePath } = useHazoAuthConfig();
+    // Users state
+    const [users, setUsers] = useState([]);
+    const [usersLoading, setUsersLoading] = useState(true);
+    const [userSearch, setUserSearch] = useState("");
+    const [selectedUser, setSelectedUser] = useState(null);
+    // User scopes state
+    const [userScopes, setUserScopes] = useState([]);
+    const [scopesLoading, setScopesLoading] = useState(false);
+    const [inheritedLevels, setInheritedLevels] = useState([]);
+    // Add scope dialog state
+    const [addDialogOpen, setAddDialogOpen] = useState(false);
+    const [scopeTree, setScopeTree] = useState([]);
+    const [treeLoading, setTreeLoading] = useState(false);
+    const [selectedTreeItem, setSelectedTreeItem] = useState();
+    const [actionLoading, setActionLoading] = useState(false);
+    // Delete scope dialog state
+    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+    const [scopeToDelete, setScopeToDelete] = useState(null);
+    // Load users
+    useEffect(() => {
+        const loadUsers = async () => {
+            setUsersLoading(true);
+            try {
+                const response = await fetch(`${apiBasePath}/user_management/users`);
+                const data = await response.json();
+                if (data.success) {
+                    setUsers(data.users || []);
+                }
+                else {
+                    toast.error(data.error || "Failed to load users");
+                }
+            }
+            catch (error) {
+                toast.error("Failed to load users");
+            }
+            finally {
+                setUsersLoading(false);
+            }
+        };
+        void loadUsers();
+    }, [apiBasePath]);
+    // Load user scopes when user selected
+    const loadUserScopes = useCallback(async () => {
+        if (!selectedUser) {
+            setUserScopes([]);
+            setInheritedLevels([]);
+            return;
+        }
+        setScopesLoading(true);
+        try {
+            const params = new URLSearchParams({
+                user_id: selectedUser.id,
+                include_effective: "true",
+            });
+            const response = await fetch(`${apiBasePath}/user_management/users/scopes?${params}`);
+            const data = await response.json();
+            if (data.success) {
+                setUserScopes(data.direct_scopes || []);
+                setInheritedLevels(data.inherited_scope_types || []);
+            }
+            else {
+                toast.error(data.error || "Failed to load user scopes");
+            }
+        }
+        catch (error) {
+            toast.error("Failed to load user scopes");
+        }
+        finally {
+            setScopesLoading(false);
+        }
+    }, [apiBasePath, selectedUser]);
+    useEffect(() => {
+        void loadUserScopes();
+    }, [loadUserScopes]);
+    // Load scope tree for add dialog (all scopes across all orgs)
+    const loadScopeTree = useCallback(async () => {
+        setTreeLoading(true);
+        try {
+            const params = new URLSearchParams({ action: "tree_all" });
+            const response = await fetch(`${apiBasePath}/scope_management/scopes?${params}`);
+            const data = await response.json();
+            if (data.success) {
+                setScopeTree(data.trees || []);
+            }
+            else {
+                setScopeTree([]);
+            }
+        }
+        catch (error) {
+            setScopeTree([]);
+        }
+        finally {
+            setTreeLoading(false);
+        }
+    }, [apiBasePath]);
+    useEffect(() => {
+        if (addDialogOpen) {
+            void loadScopeTree();
+        }
+    }, [addDialogOpen, loadScopeTree]);
+    // Filter users by search
+    const filteredUsers = users.filter((user) => {
+        var _a;
+        const search = userSearch.toLowerCase();
+        return ((((_a = user.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search)) || false) ||
+            user.email_address.toLowerCase().includes(search));
+    });
+    // Get user initials
+    const getUserInitials = (user) => {
+        var _a, _b;
+        if (user.name) {
+            const parts = user.name.trim().split(" ");
+            if (parts.length >= 2) {
+                return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
+            }
+            return ((_a = user.name[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || "";
+        }
+        return ((_b = user.email_address[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || "?";
+    };
+    // Convert tree to TreeDataItem format
+    const treeData = useMemo(() => {
+        return convertToTreeData(scopeTree);
+    }, [scopeTree]);
+    // Handle tree item selection
+    const handleTreeSelectChange = (item) => {
+        setSelectedTreeItem(item);
+    };
+    // Handle add scope
+    const handleAddScope = async () => {
+        if (!selectedUser || !(selectedTreeItem === null || selectedTreeItem === void 0 ? void 0 : selectedTreeItem.scopeData)) {
+            toast.error("Please select a scope from the tree");
+            return;
+        }
+        const scope = selectedTreeItem.scopeData;
+        setActionLoading(true);
+        try {
+            const response = await fetch(`${apiBasePath}/user_management/users/scopes`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    user_id: selectedUser.id,
+                    scope_type: scope.level,
+                    scope_id: scope.id,
+                    scope_seq: scope.seq,
+                }),
+            });
+            const data = await response.json();
+            if (data.success) {
+                toast.success("Scope assigned successfully");
+                setAddDialogOpen(false);
+                setSelectedTreeItem(undefined);
+                await loadUserScopes();
+            }
+            else {
+                toast.error(data.error || "Failed to assign scope");
+            }
+        }
+        catch (error) {
+            toast.error("Failed to assign scope");
+        }
+        finally {
+            setActionLoading(false);
+        }
+    };
+    // Handle remove scope
+    const handleRemoveScope = async () => {
+        if (!selectedUser || !scopeToDelete)
+            return;
+        setActionLoading(true);
+        try {
+            const params = new URLSearchParams({
+                user_id: selectedUser.id,
+                scope_type: scopeToDelete.scope_type,
+                scope_id: scopeToDelete.scope_id,
+            });
+            const response = await fetch(`${apiBasePath}/user_management/users/scopes?${params}`, {
+                method: "DELETE",
+            });
+            const data = await response.json();
+            if (data.success) {
+                toast.success("Scope removed successfully");
+                setDeleteDialogOpen(false);
+                setScopeToDelete(null);
+                await loadUserScopes();
+            }
+            else {
+                toast.error(data.error || "Failed to remove scope");
+            }
+        }
+        catch (error) {
+            toast.error("Failed to remove scope");
+        }
+        finally {
+            setActionLoading(false);
+        }
+    };
+    // Get level label
+    const getLevelLabel = (level) => {
+        return SCOPE_LEVEL_LABELS[level] || level;
+    };
+    return (_jsxs("div", { className: `cls_user_scopes_tab flex flex-col lg:flex-row gap-4 w-full min-h-[500px] ${className || ""}`, children: [_jsxs("div", { className: "cls_user_scopes_users_panel w-full lg:w-1/3 flex flex-col border rounded-lg", children: [_jsxs("div", { className: "cls_user_scopes_users_header p-4 border-b bg-muted/30", children: [_jsx("h3", { className: "font-semibold mb-2", children: "Select User" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: userSearch, onChange: (e) => setUserSearch(e.target.value), placeholder: "Search users...", className: "pl-8" })] })] }), _jsx("div", { className: "cls_user_scopes_users_list flex-1 overflow-auto", children: usersLoading ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : filteredUsers.length === 0 ? (_jsx("div", { className: "text-center text-muted-foreground p-8", children: "No users found." })) : (_jsx("div", { className: "divide-y", children: filteredUsers.map((user) => (_jsxs("div", { className: `cls_user_scopes_user_item flex items-center gap-3 p-3 cursor-pointer hover:bg-muted/50 transition-colors ${(selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) === user.id ? "bg-muted" : ""}`, onClick: () => setSelectedUser(user), children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: user.profile_picture_url || undefined }), _jsx(AvatarFallback, { className: "bg-slate-200 text-slate-600 text-xs", children: getUserInitials(user) })] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: user.name || user.email_address }), user.name && (_jsx("p", { className: "text-xs text-muted-foreground truncate", children: user.email_address }))] }), (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) === user.id && (_jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" }))] }, user.id))) })) })] }), _jsxs("div", { className: "cls_user_scopes_assignments_panel w-full lg:w-2/3 flex flex-col border rounded-lg", children: [_jsxs("div", { className: "cls_user_scopes_assignments_header p-4 border-b bg-muted/30 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold", children: selectedUser
+                                            ? `Scopes for ${selectedUser.name || selectedUser.email_address}`
+                                            : "Select a user to view scopes" }), selectedUser && inheritedLevels.length > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: ["Inherits access to: ", inheritedLevels.map(getLevelLabel).join(", ")] }))] }), selectedUser && (_jsxs(Button, { onClick: () => {
+                                    setSelectedTreeItem(undefined);
+                                    setAddDialogOpen(true);
+                                }, variant: "default", size: "sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Add Scope"] }))] }), _jsx("div", { className: "cls_user_scopes_assignments_content flex-1 overflow-auto", children: !selectedUser ? (_jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "Select a user from the left panel to manage their scope assignments." })) : scopesLoading ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : userScopes.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4 text-muted-foreground", children: [_jsx("p", { children: "No scopes assigned to this user." }), _jsxs(Button, { onClick: () => {
+                                        setSelectedTreeItem(undefined);
+                                        setAddDialogOpen(true);
+                                    }, variant: "outline", size: "sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Assign First Scope"] })] })) : (_jsxs(Table, { className: "w-full", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Level" }), _jsx(TableHead, { children: "Scope Seq" }), _jsx(TableHead, { children: "Scope ID" }), _jsx(TableHead, { children: "Assigned" }), _jsx(TableHead, { className: "text-right w-[80px]", children: "Actions" })] }) }), _jsx(TableBody, { children: userScopes.map((scope) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: getLevelLabel(scope.scope_type) }), _jsx(TableCell, { className: "font-mono text-sm", children: scope.scope_seq }), _jsxs(TableCell, { className: "font-mono text-xs text-muted-foreground", children: [scope.scope_id.substring(0, 8), "..."] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(scope.created_at).toLocaleDateString() }), _jsx(TableCell, { className: "text-right", children: _jsx(Button, { onClick: () => {
+                                                        setScopeToDelete(scope);
+                                                        setDeleteDialogOpen(true);
+                                                    }, variant: "outline", size: "sm", className: "text-destructive", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, `${scope.scope_type}-${scope.scope_id}`))) })] })) })] }), _jsx(Dialog, { open: addDialogOpen, onOpenChange: setAddDialogOpen, children: _jsxs(DialogContent, { className: "cls_user_scopes_add_dialog sm:max-w-[500px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add Scope Assignment" }), _jsxs(DialogDescription, { children: ["Select a scope from the tree to assign to", " ", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email_address), "."] })] }), _jsxs("div", { className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Select Scope" }), treeLoading ? (_jsx("div", { className: "flex items-center justify-center p-8 border rounded-lg", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : scopeTree.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center p-6 border rounded-lg border-dashed", children: [_jsx(FolderTree, { className: "h-8 w-8 text-muted-foreground mb-2" }), _jsx("p", { className: "text-sm text-muted-foreground text-center", children: "No scopes available. Create scopes in the Scope Hierarchy tab first." })] })) : (_jsx("div", { className: "border rounded-lg max-h-[300px] overflow-auto", children: _jsx(TreeView, { data: treeData, expandAll: true, defaultNodeIcon: Building2, defaultLeafIcon: Building2, onSelectChange: handleTreeSelectChange, initialSelectedItemId: selectedTreeItem === null || selectedTreeItem === void 0 ? void 0 : selectedTreeItem.id, className: "w-full" }) }))] }), (selectedTreeItem === null || selectedTreeItem === void 0 ? void 0 : selectedTreeItem.scopeData) && (_jsxs("div", { className: "p-3 border rounded-lg bg-muted/50", children: [_jsxs("p", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "Selected:" }), " ", selectedTreeItem.scopeData.name] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [SCOPE_LEVEL_LABELS[selectedTreeItem.scopeData.level], " -", " ", selectedTreeItem.scopeData.seq, " (", selectedTreeItem.scopeData.org, ")"] })] }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { onClick: handleAddScope, disabled: actionLoading || !(selectedTreeItem === null || selectedTreeItem === void 0 ? void 0 : selectedTreeItem.scopeData), variant: "default", children: actionLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Assigning..."] })) : (_jsxs(_Fragment, { children: [_jsx(CircleCheck, { className: "h-4 w-4 mr-2" }), "Assign Scope"] })) }), _jsxs(Button, { onClick: () => setAddDialogOpen(false), variant: "outline", children: [_jsx(CircleX, { className: "h-4 w-4 mr-2" }), "Cancel"] })] })] }) }), _jsx(AlertDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove Scope Assignment" }), _jsxs(AlertDialogDescription, { children: ["Are you sure you want to remove the scope \"", scopeToDelete === null || scopeToDelete === void 0 ? void 0 : scopeToDelete.scope_seq, "\" from", " ", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email_address), "? This will also revoke access to any inherited scopes."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogAction, { onClick: handleRemoveScope, disabled: actionLoading, children: actionLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Removing..."] })) : ("Remove") }), _jsx(AlertDialogCancel, { onClick: () => {
+                                        setDeleteDialogOpen(false);
+                                        setScopeToDelete(null);
+                                    }, children: "Cancel" })] })] }) })] }));
+}

package/dist/components/layouts/user_management/index.d.ts

@@ -1,13 +1,20 @@
 export type UserManagementLayoutProps = {
     className?: string;
+    /** Whether HRBAC is enabled (passed from server) */
+    hrbacEnabled?: boolean;
+    /** Default organization for HRBAC scopes */
+    defaultOrg?: string;
 };
 /**
- * User Management layout component with three tabs
+ * User Management layout component with tabs for managing users, roles, permissions, and HRBAC scopes
  * Tab 1: Manage Users - data table with user details and actions
  * Tab 2: Roles - roles-permissions matrix
  * Tab 3: Permissions - manage permissions from DB and config
+ * Tab 4: Scope Labels - customize scope level labels (if HRBAC enabled)
+ * Tab 5: Scope Hierarchy - manage HRBAC scopes (if HRBAC enabled)
+ * Tab 6: User Scopes - assign scopes to users (if HRBAC enabled)
  * @param props - Component props
  * @returns User Management layout component
  */
-export declare function UserManagementLayout({ className }: UserManagementLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserManagementLayout({ className, hrbacEnabled, defaultOrg }: UserManagementLayoutProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layouts/user_management/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/user_management/index.tsx"],"names":[],"mappings":"AA6CA,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsBF;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CAmsC5E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/user_management/index.tsx"],"names":[],"mappings":"AAgDA,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAsBF;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAoB,EAAE,UAAe,EAAE,EAAE,yBAAyB,2CAivCnH"}

package/dist/components/layouts/user_management/index.js

@@ -1,4 +1,4 @@
-// file_description: User Management layout component with three tabs for managing users, roles, and permissions
+// file_description: User Management layout component with tabs for managing users, roles, permissions, and HRBAC scopes
 // section: client_directive
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -14,20 +14,26 @@ import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, D
 import { Input } from "../../ui/input";
 import { Label } from "../../ui/label";
 import { RolesMatrix } from "./components/roles_matrix";
+import { ScopeHierarchyTab } from "./components/scope_hierarchy_tab";
+import { ScopeLabelsTab } from "./components/scope_labels_tab";
+import { UserScopesTab } from "./components/user_scopes_tab";
 import { UserX, KeyRound, Edit, Trash2, Loader2, CircleCheck, CircleX, Plus, UserPlus } from "lucide-react";
 import { toast } from "sonner";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../ui/tooltip";
 import { useHazoAuthConfig } from "../../../contexts/hazo_auth_provider";
 // section: component
 /**
- * User Management layout component with three tabs
+ * User Management layout component with tabs for managing users, roles, permissions, and HRBAC scopes
  * Tab 1: Manage Users - data table with user details and actions
  * Tab 2: Roles - roles-permissions matrix
  * Tab 3: Permissions - manage permissions from DB and config
+ * Tab 4: Scope Labels - customize scope level labels (if HRBAC enabled)
+ * Tab 5: Scope Hierarchy - manage HRBAC scopes (if HRBAC enabled)
+ * Tab 6: User Scopes - assign scopes to users (if HRBAC enabled)
  * @param props - Component props
  * @returns User Management layout component
  */
-export function UserManagementLayout({ className }) {
+export function UserManagementLayout({ className, hrbacEnabled = false, defaultOrg = "" }) {
     const { apiBasePath } = useHazoAuthConfig();
     // Permission checks
     const authResult = use_hazo_auth();
@@ -37,11 +43,18 @@ export function UserManagementLayout({ className }) {
         authResult.permissions.includes("admin_role_management");
     const hasPermissionManagementPermission = authResult.authenticated &&
         authResult.permissions.includes("admin_permission_management");
+    const hasScopeHierarchyPermission = authResult.authenticated &&
+        authResult.permissions.includes("admin_scope_hierarchy_management");
+    const hasUserScopeAssignmentPermission = authResult.authenticated &&
+        authResult.permissions.includes("admin_user_scope_assignment");
     // Determine which tabs to show
     const showUsersTab = hasUserManagementPermission;
     const showRolesTab = hasRoleManagementPermission;
     const showPermissionsTab = hasPermissionManagementPermission;
-    const hasAnyPermission = showUsersTab || showRolesTab || showPermissionsTab;
+    const showScopeHierarchyTab = hrbacEnabled && hasScopeHierarchyPermission;
+    const showScopeLabelsTab = hrbacEnabled && hasScopeHierarchyPermission;
+    const showUserScopesTab = hrbacEnabled && hasUserScopeAssignmentPermission;
+    const hasAnyPermission = showUsersTab || showRolesTab || showPermissionsTab || showScopeHierarchyTab || showScopeLabelsTab || showUserScopesTab;
     // Tab 1: Users state
     const [users, setUsers] = useState([]);
     const [usersLoading, setUsersLoading] = useState(true);
@@ -420,7 +433,10 @@ export function UserManagementLayout({ className }) {
     };
     return (_jsxs("div", { className: `cls_user_management_layout flex flex-col gap-4 w-full ${className || ""}`, children: [authResult.loading ? (_jsx("div", { className: "cls_user_management_permissions_loading flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : !hasAnyPermission ? (_jsxs("div", { className: "cls_user_management_no_permissions flex flex-col items-center justify-center p-8 gap-4", children: [_jsx("p", { className: "text-lg font-semibold text-slate-700", children: "Access Denied" }), _jsx("p", { className: "text-sm text-muted-foreground text-center", children: "You don't have permission to access User Management. Please contact your administrator." })] })) : (_jsxs(Tabs, { defaultValue: showUsersTab ? "users" :
                     showRolesTab ? "roles" :
-                        showPermissionsTab ? "permissions" : "users", className: "cls_user_management_tabs w-full", children: [_jsxs(TabsList, { className: "cls_user_management_tabs_list flex w-full", children: [showUsersTab && (_jsx(TabsTrigger, { value: "users", className: "cls_user_management_tabs_trigger flex-1", children: "Manage Users" })), showRolesTab && (_jsx(TabsTrigger, { value: "roles", className: "cls_user_management_tabs_trigger flex-1", children: "Roles" })), showPermissionsTab && (_jsx(TabsTrigger, { value: "permissions", className: "cls_user_management_tabs_trigger flex-1", children: "Permissions" }))] }), showUsersTab && (_jsx(TabsContent, { value: "users", className: "cls_user_management_tab_users w-full", children: usersLoading ? (_jsx("div", { className: "cls_user_management_users_loading flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : (_jsx("div", { className: "cls_user_management_users_table_container border rounded-lg overflow-auto w-full", children: _jsxs(Table, { className: "cls_user_management_users_table w-full", children: [_jsx(TableHeader, { className: "cls_user_management_users_table_header", children: _jsxs(TableRow, { className: "cls_user_management_users_table_header_row", children: [_jsx(TableHead, { className: "cls_user_management_users_table_header_profile_pic w-16", children: "Photo" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_id", children: "ID" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_name", children: "Name" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_email", children: "Email" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_email_verified", children: "Email Verified" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_is_active", children: "Active" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_last_logon", children: "Last Logon" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_created_at", children: "Created At" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_actions text-right", children: "Actions" })] }) }), _jsx(TableBody, { className: "cls_user_management_users_table_body", children: users.length === 0 ? (_jsx(TableRow, { className: "cls_user_management_users_table_row_empty", children: _jsx(TableCell, { colSpan: 9, className: "text-center text-muted-foreground py-8", children: "No users found." }) })) : (users.map((user) => (_jsxs(TableRow, { className: "cls_user_management_users_table_row cursor-pointer hover:bg-muted/50", onClick: () => {
+                        showPermissionsTab ? "permissions" :
+                            showScopeLabelsTab ? "scope_labels" :
+                                showScopeHierarchyTab ? "scope_hierarchy" :
+                                    showUserScopesTab ? "user_scopes" : "users", className: "cls_user_management_tabs w-full", children: [_jsxs(TabsList, { className: "cls_user_management_tabs_list flex w-full flex-wrap", children: [showUsersTab && (_jsx(TabsTrigger, { value: "users", className: "cls_user_management_tabs_trigger flex-1", children: "Manage Users" })), showRolesTab && (_jsx(TabsTrigger, { value: "roles", className: "cls_user_management_tabs_trigger flex-1", children: "Roles" })), showPermissionsTab && (_jsx(TabsTrigger, { value: "permissions", className: "cls_user_management_tabs_trigger flex-1", children: "Permissions" })), showScopeLabelsTab && (_jsx(TabsTrigger, { value: "scope_labels", className: "cls_user_management_tabs_trigger flex-1", children: "Scope Labels" })), showScopeHierarchyTab && (_jsx(TabsTrigger, { value: "scope_hierarchy", className: "cls_user_management_tabs_trigger flex-1", children: "Scope Hierarchy" })), showUserScopesTab && (_jsx(TabsTrigger, { value: "user_scopes", className: "cls_user_management_tabs_trigger flex-1", children: "User Scopes" }))] }), showUsersTab && (_jsx(TabsContent, { value: "users", className: "cls_user_management_tab_users w-full", children: usersLoading ? (_jsx("div", { className: "cls_user_management_users_loading flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) })) : (_jsx("div", { className: "cls_user_management_users_table_container border rounded-lg overflow-auto w-full", children: _jsxs(Table, { className: "cls_user_management_users_table w-full", children: [_jsx(TableHeader, { className: "cls_user_management_users_table_header", children: _jsxs(TableRow, { className: "cls_user_management_users_table_header_row", children: [_jsx(TableHead, { className: "cls_user_management_users_table_header_profile_pic w-16", children: "Photo" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_id", children: "ID" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_name", children: "Name" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_email", children: "Email" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_email_verified", children: "Email Verified" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_is_active", children: "Active" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_last_logon", children: "Last Logon" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_created_at", children: "Created At" }), _jsx(TableHead, { className: "cls_user_management_users_table_header_actions text-right", children: "Actions" })] }) }), _jsx(TableBody, { className: "cls_user_management_users_table_body", children: users.length === 0 ? (_jsx(TableRow, { className: "cls_user_management_users_table_row_empty", children: _jsx(TableCell, { colSpan: 9, className: "text-center text-muted-foreground py-8", children: "No users found." }) })) : (users.map((user) => (_jsxs(TableRow, { className: "cls_user_management_users_table_row cursor-pointer hover:bg-muted/50", onClick: () => {
                                                 setSelectedUser(user);
                                                 setUserDetailDialogOpen(true);
                                             }, children: [_jsx(TableCell, { className: "cls_user_management_users_table_cell_profile_pic", children: _jsxs(Avatar, { className: "cls_user_management_users_table_avatar h-8 w-8", children: [_jsx(AvatarImage, { src: user.profile_picture_url || undefined, alt: user.name ? `Profile picture of ${user.name}` : "Profile picture", className: "cls_user_management_users_table_avatar_image" }), _jsx(AvatarFallback, { className: "cls_user_management_users_table_avatar_fallback bg-slate-200 text-slate-600 text-xs", children: getUserInitials(user) })] }) }), _jsxs(TableCell, { className: "cls_user_management_users_table_cell_id font-mono text-xs", children: [user.id.substring(0, 8), "..."] }), _jsx(TableCell, { className: "cls_user_management_users_table_cell_name", children: user.name || "-" }), _jsx(TableCell, { className: "cls_user_management_users_table_cell_email", children: user.email_address }), _jsx(TableCell, { className: "cls_user_management_users_table_cell_email_verified", children: user.email_verified ? (_jsx("span", { className: "text-green-600", children: "Yes" })) : (_jsx("span", { className: "text-red-600", children: "No" })) }), _jsx(TableCell, { className: "cls_user_management_users_table_cell_is_active", children: user.is_active ? (_jsx("span", { className: "text-green-600", children: "Active" })) : (_jsx("span", { className: "text-red-600", children: "Inactive" })) }), _jsx(TableCell, { className: "cls_user_management_users_table_cell_last_logon", children: user.last_logon
@@ -445,7 +461,7 @@ export function UserManagementLayout({ className }) {
                                                                                 setEditingPermission(permission);
                                                                                 setEditDescription(permission.description);
                                                                                 setEditPermissionDialogOpen(true);
-                                                                            }, variant: "outline", size: "sm", className: "cls_user_management_permissions_table_action_edit", children: [_jsx(Edit, { className: "h-4 w-4 mr-1" }), "Edit"] }), _jsxs(Button, { onClick: () => handleDeletePermission(permission), disabled: permissionsActionLoading, variant: "outline", size: "sm", className: "cls_user_management_permissions_table_action_delete text-destructive", children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Delete"] })] })) }) })] }, `${permission.source}-${permission.id}-${permission.permission_name}`)))) })] }) }))] }) }))] })), _jsx(AlertDialog, { open: deactivateDialogOpen, onOpenChange: setDeactivateDialogOpen, children: _jsxs(AlertDialogContent, { className: "cls_user_management_deactivate_dialog", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Deactivate User" }), _jsxs(AlertDialogDescription, { children: ["Are you sure you want to deactivate ", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email_address), "? They will not be able to log in until reactivated."] })] }), _jsxs(AlertDialogFooter, { className: "cls_user_management_deactivate_dialog_footer", children: [_jsx(AlertDialogAction, { onClick: handleDeactivateUser, disabled: usersActionLoading, className: "cls_user_management_deactivate_dialog_confirm", children: usersActionLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Deactivating..."] })) : ("Deactivate") }), _jsx(AlertDialogCancel, { onClick: () => {
+                                                                            }, variant: "outline", size: "sm", className: "cls_user_management_permissions_table_action_edit", children: [_jsx(Edit, { className: "h-4 w-4 mr-1" }), "Edit"] }), _jsxs(Button, { onClick: () => handleDeletePermission(permission), disabled: permissionsActionLoading, variant: "outline", size: "sm", className: "cls_user_management_permissions_table_action_delete text-destructive", children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Delete"] })] })) }) })] }, `${permission.source}-${permission.id}-${permission.permission_name}`)))) })] }) }))] }) })), showScopeLabelsTab && (_jsx(TabsContent, { value: "scope_labels", className: "cls_user_management_tab_scope_labels w-full", children: _jsx(ScopeLabelsTab, { defaultOrg: defaultOrg }) })), showScopeHierarchyTab && (_jsx(TabsContent, { value: "scope_hierarchy", className: "cls_user_management_tab_scope_hierarchy w-full", children: _jsx(ScopeHierarchyTab, { defaultOrg: defaultOrg }) })), showUserScopesTab && (_jsx(TabsContent, { value: "user_scopes", className: "cls_user_management_tab_user_scopes w-full", children: _jsx(UserScopesTab, {}) }))] })), _jsx(AlertDialog, { open: deactivateDialogOpen, onOpenChange: setDeactivateDialogOpen, children: _jsxs(AlertDialogContent, { className: "cls_user_management_deactivate_dialog", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Deactivate User" }), _jsxs(AlertDialogDescription, { children: ["Are you sure you want to deactivate ", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email_address), "? They will not be able to log in until reactivated."] })] }), _jsxs(AlertDialogFooter, { className: "cls_user_management_deactivate_dialog_footer", children: [_jsx(AlertDialogAction, { onClick: handleDeactivateUser, disabled: usersActionLoading, className: "cls_user_management_deactivate_dialog_confirm", children: usersActionLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Deactivating..."] })) : ("Deactivate") }), _jsx(AlertDialogCancel, { onClick: () => {
                                         setDeactivateDialogOpen(false);
                                         setSelectedUser(null);
                                     }, className: "cls_user_management_deactivate_dialog_cancel", children: "Cancel" })] })] }) }), _jsx(AlertDialog, { open: resetPasswordDialogOpen, onOpenChange: setResetPasswordDialogOpen, children: _jsxs(AlertDialogContent, { className: "cls_user_management_reset_password_dialog", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Reset Password" }), _jsxs(AlertDialogDescription, { children: ["Send a password reset email to ", selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email_address, "? They will receive a link to reset their password."] })] }), _jsxs(AlertDialogFooter, { className: "cls_user_management_reset_password_dialog_footer", children: [_jsx(AlertDialogAction, { onClick: handleResetPassword, disabled: usersActionLoading, className: "cls_user_management_reset_password_dialog_confirm", children: usersActionLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Sending..."] })) : ("Send Reset Email") }), _jsx(AlertDialogCancel, { onClick: () => {

package/dist/components/ui/select.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/ui/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAiBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JA6BjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAoBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}