@coderlifenet/ui-components 0.1.0-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 CoderLife
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# @coderlifenet/ui-components
+
+Advanced components built on top of `@coderlifenet/ui-core` public APIs only.
+
+## Components
+
+- `DataTable`
+- `TreeExplorer`
+- `DashboardLayout`
+
+## Install
+
+```bash
+pnpm add @coderlifenet/ui-components@0.1.0-alpha.2 @coderlifenet/ui-core@0.1.0-alpha.2 @mui/material@9.4.0 @emotion/react@11.14.0 @emotion/styled@11.14.1 react@19.2.8 react-dom@19.2.8
+```
+
+## Usage
+
+```tsx
+import { DataTable, TreeExplorer, DashboardLayout } from "@coderlifenet/ui-components";
+```
+
+## Feature Scope
+
+- DataTable: typed columns/rows, sorting/filtering/pagination/selection, loading/empty/error states, toolbar actions.
+- TreeExplorer: typed hierarchical nodes, controlled/uncontrolled expansion and selection, keyboard support.
+- DashboardLayout: responsive shell with header/sidebar/navigation/breadcrumb slots and mobile drawer behavior.
+
+## Notes
+
+- This package does not claim MUI X Pro/Premium compatibility.
+- Large-data virtualization, grouping, pivoting, and charting are roadmap items.

package/dist/components/DashboardLayout.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps, JSX } from "react";
+import { Box } from "@coderlifenet/ui-core";
+type UINode = ComponentProps<typeof Box>["children"];
+export interface NavigationItem {
+    id: string;
+    label: string;
+    href?: string;
+    onNavigate?: () => void;
+}
+export interface DashboardLayoutProps {
+    title: UINode;
+    breadcrumbs?: readonly NavigationItem[];
+    navigationItems?: readonly NavigationItem[];
+    sidebar?: UINode;
+    headerEnd?: UINode;
+    children: UINode;
+    sidebarOpen?: boolean;
+    defaultSidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    semanticTrackingOnly?: boolean;
+}
+export declare function DashboardLayout({ title, breadcrumbs, navigationItems, sidebar, headerEnd, children, sidebarOpen, defaultSidebarOpen, onSidebarOpenChange, semanticTrackingOnly }: DashboardLayoutProps): JSX.Element;
+export {};
+//# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/components/DashboardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../src/components/DashboardLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,GAAG,EAUJ,MAAM,uBAAuB,CAAC;AAI/B,KAAK,MAAM,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAgB,EAChB,eAAoB,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAyB,EACzB,mBAAmB,EACnB,oBAA2B,EAC5B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA+GpC"}

package/dist/components/DashboardLayout.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AppBar, Box, Breadcrumbs, Drawer, IconButton, Link, Stack, Toolbar, Typography, useMediaQuery, useTheme } from "@coderlifenet/ui-core";
+import { TrackingBoundary } from "@coderlifenet/ui-core/extensions";
+import { useEmitUIEvent } from "@coderlifenet/ui-core/instrumentation";
+export function DashboardLayout({ title, breadcrumbs = [], navigationItems = [], sidebar, headerEnd, children, sidebarOpen, defaultSidebarOpen = true, onSidebarOpenChange, semanticTrackingOnly = true }) {
+    const emit = useEmitUIEvent();
+    const theme = useTheme();
+    const isDesktop = useMediaQuery(theme.breakpoints.up("md"));
+    const [internalSidebarOpen, setInternalSidebarOpen] = useState(defaultSidebarOpen);
+    const activeSidebarOpen = sidebarOpen ?? internalSidebarOpen;
+    const setOpen = (next) => {
+        if (onSidebarOpenChange) {
+            onSidebarOpenChange(next);
+        }
+        else {
+            setInternalSidebarOpen(next);
+        }
+        emit({ type: "ui.dashboard.sidebar_toggle", action: "toggle_sidebar", component: "DashboardLayout", metadata: { open: next } });
+    };
+    const drawerContent = (_jsx(Box, { component: "nav", "aria-label": "Primary", children: _jsxs(Stack, { spacing: 1, sx: { p: 2 }, children: [navigationItems.map((item) => (_jsx(Link, { href: item.href ?? "#", underline: "hover", onClick: (event) => {
+                        if (!item.href) {
+                            event.preventDefault();
+                        }
+                        item.onNavigate?.();
+                        emit({
+                            type: "ui.dashboard.navigate",
+                            action: "navigate",
+                            component: "DashboardLayout",
+                            semanticId: item.id
+                        });
+                    }, children: item.label }, item.id))), sidebar] }) }));
+    const content = (_jsxs(Box, { sx: { minHeight: "100vh", display: "grid", gridTemplateRows: "auto 1fr" }, children: [_jsx(AppBar, { position: "sticky", color: "default", elevation: 0, children: _jsxs(Toolbar, { children: [_jsx(IconButton, { edge: "start", "aria-label": "Open navigation", onClick: () => setOpen(!activeSidebarOpen), children: _jsx(Typography, { variant: "button", children: "Menu" }) }), _jsx(Typography, { variant: "h6", sx: { ml: 1, flexGrow: 1 }, children: title }), headerEnd] }) }), _jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { md: activeSidebarOpen ? "280px 1fr" : "1fr" }, minHeight: 0 }, children: [isDesktop ? (activeSidebarOpen ? (_jsx(Box, { component: "aside", sx: { borderRight: `1px solid ${theme.palette.divider}` }, children: drawerContent })) : null) : (_jsx(Drawer, { open: activeSidebarOpen, onClose: () => setOpen(false), ModalProps: { keepMounted: true }, children: drawerContent })), _jsxs(Box, { component: "main", sx: { p: 2 }, children: [breadcrumbs.length > 0 ? (_jsx(Breadcrumbs, { "aria-label": "Breadcrumb", children: breadcrumbs.map((item) => (_jsx(Link, { href: item.href ?? "#", onClick: (event) => {
+                                        if (!item.href) {
+                                            event.preventDefault();
+                                        }
+                                        item.onNavigate?.();
+                                    }, children: item.label }, item.id))) })) : null, _jsx(Box, { sx: { mt: breadcrumbs.length > 0 ? 2 : 0 }, children: children })] })] })] }));
+    if (!semanticTrackingOnly) {
+        return content;
+    }
+    return (_jsx(TrackingBoundary, { id: "dashboard-layout-internal", optOut: true, children: content }));
+}
+//# sourceMappingURL=DashboardLayout.js.map

package/dist/components/DashboardLayout.js.map

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

package/dist/components/DataTable.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentProps, JSX } from "react";
+import { Box } from "@coderlifenet/ui-core";
+export type SortDirection = "asc" | "desc";
+type UINode = ComponentProps<typeof Box>["children"];
+export interface DataTableSortState {
+    columnId: string;
+    direction: SortDirection;
+}
+export interface DataTableColumn<TRow> {
+    id: string;
+    header: UINode;
+    accessor: (row: TRow) => UINode;
+    sortValue?: (row: TRow) => string | number;
+    filterValue?: (row: TRow) => string;
+    align?: "left" | "right" | "center";
+}
+export interface DataTableProps<TRow> {
+    rows: readonly TRow[];
+    columns: readonly DataTableColumn<TRow>[];
+    getRowId: (row: TRow) => string;
+    loading?: boolean;
+    error?: string;
+    serverMode?: boolean;
+    page?: number;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    sort?: DataTableSortState | null;
+    onSortChange?: (sort: DataTableSortState | null) => void;
+    filterQuery?: string;
+    onFilterQueryChange?: (query: string) => void;
+    selectedRowIds?: readonly string[];
+    onSelectedRowIdsChange?: (next: readonly string[]) => void;
+    toolbarActions?: UINode;
+    onRefresh?: () => void;
+    emptyMessage?: string;
+    semanticTrackingOnly?: boolean;
+}
+export declare function DataTable<TRow>({ rows, columns, getRowId, loading, error, serverMode, page, pageSize, onPageChange, onPageSizeChange, sort, onSortChange, filterQuery, onFilterQueryChange, selectedRowIds, onSelectedRowIdsChange, toolbarActions, onRefresh, emptyMessage, semanticTrackingOnly }: DataTableProps<TRow>): JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,GAAG,EAiBJ,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,KAAK,MAAM,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACrC;AAED,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB,OAAO,EAAE,SAAS,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,IAAI,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAOD,wBAAgB,SAAS,CAAC,IAAI,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAe,EACf,KAAK,EACL,UAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,SAAS,EACT,YAAkC,EAClC,oBAA2B,EAC5B,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CA4QpC"}

package/dist/components/DataTable.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Alert, Box, Checkbox, CircularProgress, IconButton, Paper, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, TextField, Toolbar, Typography } from "@coderlifenet/ui-core";
+import { TrackingBoundary } from "@coderlifenet/ui-core/extensions";
+import { useEmitUIEvent } from "@coderlifenet/ui-core/instrumentation";
+function compareValues(a, b, direction) {
+    const result = a > b ? 1 : a < b ? -1 : 0;
+    return direction === "asc" ? result : result * -1;
+}
+export function DataTable({ rows, columns, getRowId, loading = false, error, serverMode = false, page, pageSize, onPageChange, onPageSizeChange, sort, onSortChange, filterQuery, onFilterQueryChange, selectedRowIds, onSelectedRowIdsChange, toolbarActions, onRefresh, emptyMessage = "No records found.", semanticTrackingOnly = true }) {
+    const emit = useEmitUIEvent();
+    const [internalPage, setInternalPage] = useState(0);
+    const [internalPageSize, setInternalPageSize] = useState(10);
+    const [internalSort, setInternalSort] = useState(null);
+    const [internalFilter, setInternalFilter] = useState("");
+    const [internalSelectedRowIds, setInternalSelectedRowIds] = useState([]);
+    const activePage = page ?? internalPage;
+    const activePageSize = pageSize ?? internalPageSize;
+    const activeSort = sort ?? internalSort;
+    const activeFilter = filterQuery ?? internalFilter;
+    const activeSelectedRowIds = selectedRowIds ?? internalSelectedRowIds;
+    const filteredRows = useMemo(() => {
+        if (serverMode) {
+            return rows;
+        }
+        if (!activeFilter.trim()) {
+            return rows;
+        }
+        const query = activeFilter.toLowerCase();
+        return rows.filter((row) => columns.some((column) => {
+            const value = column.filterValue?.(row) ?? String(column.accessor(row));
+            return value.toLowerCase().includes(query);
+        }));
+    }, [activeFilter, columns, rows, serverMode]);
+    const sortedRows = useMemo(() => {
+        if (serverMode || !activeSort) {
+            return filteredRows;
+        }
+        const column = columns.find((entry) => entry.id === activeSort.columnId);
+        if (!column) {
+            return filteredRows;
+        }
+        return [...filteredRows].sort((a, b) => {
+            const aValue = column.sortValue?.(a) ?? String(column.accessor(a));
+            const bValue = column.sortValue?.(b) ?? String(column.accessor(b));
+            return compareValues(aValue, bValue, activeSort.direction);
+        });
+    }, [activeSort, columns, filteredRows, serverMode]);
+    const pagedRows = useMemo(() => {
+        if (serverMode) {
+            return sortedRows;
+        }
+        const start = activePage * activePageSize;
+        const end = start + activePageSize;
+        return sortedRows.slice(start, end);
+    }, [activePage, activePageSize, serverMode, sortedRows]);
+    const allSelected = pagedRows.length > 0 && pagedRows.every((row) => activeSelectedRowIds.includes(getRowId(row)));
+    const setPageValue = (next) => {
+        if (onPageChange) {
+            onPageChange(next);
+        }
+        else {
+            setInternalPage(next);
+        }
+        emit({
+            type: "ui.table.page_change",
+            action: "paginate",
+            component: "DataTable",
+            metadata: { page: next }
+        });
+    };
+    const setPageSizeValue = (next) => {
+        if (onPageSizeChange) {
+            onPageSizeChange(next);
+        }
+        else {
+            setInternalPageSize(next);
+            setInternalPage(0);
+        }
+        emit({
+            type: "ui.table.page_size_change",
+            action: "page_size",
+            component: "DataTable",
+            metadata: { pageSize: next }
+        });
+    };
+    const setSortValue = (next) => {
+        if (onSortChange) {
+            onSortChange(next);
+        }
+        else {
+            setInternalSort(next);
+        }
+        emit({
+            type: "ui.table.sort_change",
+            action: "sort",
+            component: "DataTable",
+            metadata: { hasSort: Boolean(next) }
+        });
+    };
+    const setFilterValue = (next) => {
+        if (onFilterQueryChange) {
+            onFilterQueryChange(next);
+        }
+        else {
+            setInternalFilter(next);
+        }
+        emit({
+            type: "ui.table.filter_change",
+            action: "filter",
+            component: "DataTable",
+            metadata: { queryLength: next.length }
+        });
+    };
+    const setSelectionValue = (next) => {
+        if (onSelectedRowIdsChange) {
+            onSelectedRowIdsChange(next);
+        }
+        else {
+            setInternalSelectedRowIds(next);
+        }
+        emit({
+            type: "ui.table.selection_change",
+            action: "select",
+            component: "DataTable",
+            metadata: { selectedCount: next.length }
+        });
+    };
+    const content = (_jsxs(Paper, { children: [_jsx(Toolbar, { children: _jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 2, sx: { width: "100%", alignItems: { sm: "center" } }, children: [_jsx(Typography, { variant: "h6", sx: { flexGrow: 1 }, children: "Data Table" }), _jsx(TextField, { size: "small", label: "Filter", value: activeFilter, onChange: (event) => setFilterValue(event.target.value) }), toolbarActions, onRefresh ? (_jsx(IconButton, { "aria-label": "Refresh table", onClick: () => {
+                                onRefresh();
+                                emit({ type: "ui.table.refresh", action: "refresh", component: "DataTable" });
+                            }, children: _jsx(Typography, { variant: "caption", children: "R" }) })) : null] }) }), error ? _jsx(Alert, { severity: "error", children: error }) : null, _jsx(TableContainer, { sx: { maxWidth: "100%", overflowX: "auto" }, children: _jsxs(Table, { "aria-label": "Data table", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { padding: "checkbox", children: _jsx(Checkbox, { slotProps: { input: { "aria-label": "Select all rows" } }, checked: allSelected, onChange: (event) => {
+                                                if (event.target.checked) {
+                                                    setSelectionValue(pagedRows.map((row) => getRowId(row)));
+                                                }
+                                                else {
+                                                    setSelectionValue([]);
+                                                }
+                                            } }) }), columns.map((column) => {
+                                        const isSorted = activeSort?.columnId === column.id;
+                                        return (_jsx(TableCell, { align: column.align ?? "left", children: _jsx(TableSortLabel, { active: isSorted, direction: isSorted ? activeSort.direction : "asc", onClick: () => {
+                                                    if (!isSorted) {
+                                                        setSortValue({ columnId: column.id, direction: "asc" });
+                                                        return;
+                                                    }
+                                                    const nextDirection = activeSort.direction === "asc" ? "desc" : "asc";
+                                                    setSortValue({ columnId: column.id, direction: nextDirection });
+                                                }, children: column.header }) }, column.id));
+                                    })] }) }), _jsx(TableBody, { children: loading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + 1, children: _jsx(Box, { sx: { display: "flex", justifyContent: "center", py: 3 }, children: _jsx(CircularProgress, { size: 24 }) }) }) })) : pagedRows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + 1, children: _jsx(Typography, { sx: { py: 2 }, children: emptyMessage }) }) })) : (pagedRows.map((row) => {
+                                const rowId = getRowId(row);
+                                const checked = activeSelectedRowIds.includes(rowId);
+                                return (_jsxs(TableRow, { hover: true, selected: checked, children: [_jsx(TableCell, { padding: "checkbox", children: _jsx(Checkbox, { slotProps: { input: { "aria-label": `Select row ${rowId}` } }, checked: checked, onChange: (event) => {
+                                                    const next = event.target.checked
+                                                        ? [...activeSelectedRowIds, rowId]
+                                                        : activeSelectedRowIds.filter((id) => id !== rowId);
+                                                    setSelectionValue(next);
+                                                } }) }), columns.map((column) => (_jsx(TableCell, { align: column.align ?? "left", children: column.accessor(row) }, column.id)))] }, rowId));
+                            })) })] }) }), _jsx(TablePagination, { component: "div", count: serverMode ? rows.length : sortedRows.length, page: activePage, rowsPerPage: activePageSize, rowsPerPageOptions: [...new Set([activePageSize, 5, 10, 25, 50])].sort((a, b) => a - b), onPageChange: (_, next) => setPageValue(next), onRowsPerPageChange: (event) => setPageSizeValue(Number(event.target.value)) })] }));
+    if (!semanticTrackingOnly) {
+        return content;
+    }
+    return (_jsx(TrackingBoundary, { id: "datatable-internal", optOut: true, children: content }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/TreeExplorer.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps, JSX } from "react";
+import { ListItemText } from "@coderlifenet/ui-core";
+type TreeLabelNode = ComponentProps<typeof ListItemText>["primary"];
+export interface TreeExplorerNode {
+    id: string;
+    label: TreeLabelNode;
+    disabled?: boolean;
+    children?: readonly TreeExplorerNode[];
+}
+export interface TreeExplorerProps {
+    nodes: readonly TreeExplorerNode[];
+    expandedIds?: readonly string[];
+    defaultExpandedIds?: readonly string[];
+    selectedId?: string | null;
+    defaultSelectedId?: string | null;
+    onExpandedIdsChange?: (ids: readonly string[]) => void;
+    onSelectedIdChange?: (id: string | null) => void;
+    loading?: boolean;
+    emptyMessage?: string;
+    renderLabel?: (node: TreeExplorerNode) => TreeLabelNode;
+}
+export declare function TreeExplorer({ nodes, expandedIds, defaultExpandedIds, selectedId, defaultSelectedId, onExpandedIdsChange, onSelectedIdChange, loading, emptyMessage, renderLabel }: TreeExplorerProps): JSX.Element;
+export {};
+//# sourceMappingURL=TreeExplorer.d.ts.map

package/dist/components/TreeExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeExplorer.d.ts","sourceRoot":"","sources":["../../src/components/TreeExplorer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAChE,OAAO,EAKL,YAAY,EAGb,MAAM,uBAAuB,CAAC;AAG/B,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,aAAa,CAAC;CACzD;AAkBD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,kBAAuB,EACvB,UAAU,EACV,iBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,OAAe,EACf,YAA8B,EAC9B,WAAW,EACZ,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA2HjC"}

package/dist/components/TreeExplorer.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Box, Collapse, List, ListItemButton, ListItemText, Stack, Typography } from "@coderlifenet/ui-core";
+import { useEmitUIEvent } from "@coderlifenet/ui-core/instrumentation";
+function flatten(nodes, expanded, depth = 1) {
+    const output = [];
+    for (const node of nodes) {
+        output.push({ node, depth });
+        if (node.children && node.children.length > 0 && expanded.has(node.id)) {
+            output.push(...flatten(node.children, expanded, depth + 1));
+        }
+    }
+    return output;
+}
+export function TreeExplorer({ nodes, expandedIds, defaultExpandedIds = [], selectedId, defaultSelectedId = null, onExpandedIdsChange, onSelectedIdChange, loading = false, emptyMessage = "No tree data.", renderLabel }) {
+    const emit = useEmitUIEvent();
+    const [internalExpandedIds, setInternalExpandedIds] = useState(defaultExpandedIds);
+    const [internalSelectedId, setInternalSelectedId] = useState(defaultSelectedId);
+    const activeExpandedIds = expandedIds ?? internalExpandedIds;
+    const activeSelectedId = selectedId ?? internalSelectedId;
+    const expandedSet = useMemo(() => new Set(activeExpandedIds), [activeExpandedIds]);
+    const flatNodes = useMemo(() => flatten(nodes, expandedSet), [nodes, expandedSet]);
+    const setExpanded = (next) => {
+        if (onExpandedIdsChange) {
+            onExpandedIdsChange(next);
+        }
+        else {
+            setInternalExpandedIds(next);
+        }
+        emit({ type: "ui.tree.expand_change", action: "expand", component: "TreeExplorer", metadata: { expanded: next.length } });
+    };
+    const setSelected = (next) => {
+        if (onSelectedIdChange) {
+            onSelectedIdChange(next);
+        }
+        else {
+            setInternalSelectedId(next);
+        }
+        emit(next
+            ? { type: "ui.tree.selection_change", action: "select", component: "TreeExplorer", semanticId: next }
+            : { type: "ui.tree.selection_change", action: "select", component: "TreeExplorer" });
+    };
+    const toggleNode = (node) => {
+        if (!node.children || node.children.length === 0 || node.disabled) {
+            return;
+        }
+        if (expandedSet.has(node.id)) {
+            setExpanded(activeExpandedIds.filter((id) => id !== node.id));
+            return;
+        }
+        setExpanded([...activeExpandedIds, node.id]);
+    };
+    const handleKeyDown = (event) => {
+        const currentIndex = flatNodes.findIndex((item) => item.node.id === activeSelectedId);
+        if (event.key === "ArrowDown") {
+            event.preventDefault();
+            const next = flatNodes[Math.min(currentIndex + 1, flatNodes.length - 1)];
+            if (next && !next.node.disabled) {
+                setSelected(next.node.id);
+            }
+        }
+        if (event.key === "ArrowUp") {
+            event.preventDefault();
+            const next = flatNodes[Math.max(currentIndex - 1, 0)];
+            if (next && !next.node.disabled) {
+                setSelected(next.node.id);
+            }
+        }
+        if (event.key === "ArrowRight") {
+            event.preventDefault();
+            const current = flatNodes[currentIndex]?.node;
+            if (current) {
+                toggleNode(current);
+            }
+        }
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            const current = flatNodes[currentIndex]?.node;
+            if (current && expandedSet.has(current.id)) {
+                setExpanded(activeExpandedIds.filter((id) => id !== current.id));
+            }
+        }
+    };
+    if (loading) {
+        return _jsx(Typography, { children: "Loading tree..." });
+    }
+    if (nodes.length === 0) {
+        return _jsx(Typography, { children: emptyMessage });
+    }
+    return (_jsx(Box, { role: "tree", "aria-label": "Tree explorer", children: _jsx(List, { role: "group", onKeyDown: handleKeyDown, children: flatNodes.map(({ node, depth }) => {
+                const isExpanded = expandedSet.has(node.id);
+                const hasChildren = Boolean(node.children && node.children.length > 0);
+                return (_jsxs(Stack, { children: [_jsxs(ListItemButton, { role: "treeitem", "aria-expanded": hasChildren ? isExpanded : undefined, "aria-selected": activeSelectedId === node.id, disabled: node.disabled ?? false, selected: activeSelectedId === node.id, onClick: () => {
+                                setSelected(node.id);
+                                toggleNode(node);
+                            }, sx: { pl: depth * 2 }, children: [hasChildren ? _jsx(Typography, { sx: { width: 16 }, children: isExpanded ? "v" : ">" }) : null, _jsx(ListItemText, { primary: renderLabel ? renderLabel(node) : node.label })] }), hasChildren ? (_jsx(Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true, children: _jsx(Box, { role: "group" }) })) : null] }, node.id));
+            }) }) }));
+}
+//# sourceMappingURL=TreeExplorer.js.map

package/dist/components/TreeExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeExplorer.js","sourceRoot":"","sources":["../../src/components/TreeExplorer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,KAAK,EACL,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AA6BvE,SAAS,OAAO,CAAC,KAAkC,EAAE,QAAqB,EAAE,KAAK,GAAG,CAAC;IACnF,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACvE,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,kBAAkB,GAAG,EAAE,EACvB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,eAAe,EAC9B,WAAW,EACO;IAClB,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAoB,kBAAkB,CAAC,CAAC;IACtG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAgB,iBAAiB,CAAC,CAAC;IAE/F,MAAM,iBAAiB,GAAG,WAAW,IAAI,mBAAmB,CAAC;IAC7D,MAAM,gBAAgB,GAAG,UAAU,IAAI,kBAAkB,CAAC;IAE1D,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACnF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,CAAC,IAAuB,EAAQ,EAAE;QACpD,IAAI,mBAAmB,EAAE,CAAC;YACxB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;QACD,IAAI,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC5H,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAmB,EAAQ,EAAE;QAChD,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,IAAI,CACF,IAAI;YACF,CAAC,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE;YACrG,CAAC,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,CACtF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAQ,EAAE;QAClD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClE,OAAO;QACT,CAAC;QACD,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAC7B,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9D,OAAO;QACT,CAAC;QACD,WAAW,CAAC,CAAC,GAAG,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAQ,EAAE;QACrE,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,gBAAgB,CAAC,CAAC;QAEtF,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YACzE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtD,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;YAC9C,IAAI,OAAO,EAAE,CAAC;gBACZ,UAAU,CAAC,OAAO,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;YAC9C,IAAI,OAAO,IAAI,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC3C,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,UAAU,kCAA6B,CAAC;IAClD,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,UAAU,cAAE,YAAY,GAAc,CAAC;IACjD,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,IAAI,EAAC,MAAM,gBAAY,eAAe,YACzC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,aAAa,YACxC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;gBACjC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACvE,OAAO,CACL,MAAC,KAAK,eACJ,MAAC,cAAc,IACb,IAAI,EAAC,UAAU,mBACA,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,mBACpC,gBAAgB,KAAK,IAAI,CAAC,EAAE,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK,EAChC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCACrB,UAAU,CAAC,IAAI,CAAC,CAAC;4BACnB,CAAC,EACD,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,aAEpB,WAAW,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAc,CAAC,CAAC,CAAC,IAAI,EAC1F,KAAC,YAAY,IAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAI,IACxD,EAChB,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,QAAQ,IAAC,EAAE,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,EAAC,aAAa,kBACpD,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,GAAG,GACX,CACZ,CAAC,CAAC,CAAC,IAAI,KApBE,IAAI,CAAC,EAAE,CAqBX,CACT,CAAC;YACJ,CAAC,CAAC,GACG,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { DataTable } from "./components/DataTable.js";
+export type { DataTableProps, DataTableColumn } from "./components/DataTable.js";
+export { TreeExplorer } from "./components/TreeExplorer.js";
+export type { TreeExplorerNode, TreeExplorerProps } from "./components/TreeExplorer.js";
+export { DashboardLayout } from "./components/DashboardLayout.js";
+export type { DashboardLayoutProps } from "./components/DashboardLayout.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { DataTable } from "./components/DataTable.js";
+export { TreeExplorer } from "./components/TreeExplorer.js";
+export { DashboardLayout } from "./components/DashboardLayout.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@coderlifenet/ui-components",
+  "version": "0.1.0-alpha.2",
+  "description": "Advanced components built on @coderlifenet/ui-core.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoderLifeNet/ui-components.git"
+  },
+  "homepage": "https://github.com/CoderLifeNet/ui-components#readme",
+  "bugs": "https://github.com/CoderLifeNet/ui-components/issues",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "keywords": [
+    "react",
+    "mui",
+    "datatable",
+    "tree",
+    "dashboard"
+  ],
+  "author": "CoderLife",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./DataTable": {
+      "types": "./dist/components/DataTable.d.ts",
+      "default": "./dist/components/DataTable.js"
+    },
+    "./TreeExplorer": {
+      "types": "./dist/components/TreeExplorer.d.ts",
+      "default": "./dist/components/TreeExplorer.js"
+    },
+    "./DashboardLayout": {
+      "types": "./dist/components/DashboardLayout.d.ts",
+      "default": "./dist/components/DashboardLayout.js"
+    }
+  },
+  "peerDependencies": {
+    "@coderlifenet/ui-core": "0.1.0-alpha.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8"
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "alpha",
+    "provenance": true
+  },
+  "dependencies": {
+    "@mui/material": "9.4.0"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "1.0.1",
+    "@changesets/cli": "3.0.2",
+    "@testing-library/jest-dom": "6.9.0",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/node": "24.4.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@typescript-eslint/eslint-plugin": "8.43.0",
+    "@typescript-eslint/parser": "8.43.0",
+    "eslint": "9.35.0",
+    "jsdom": "27.0.0",
+    "playwright": "1.56.1",
+    "typescript": "7.0.2",
+    "vitest": "4.1.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint .",
+    "check:consumers": "node scripts/prepare-artifacts.mjs && pnpm --dir consumers/vite-app install --frozen-lockfile && pnpm --dir consumers/vite-app build && pnpm --dir consumers/next-app install --frozen-lockfile && pnpm --dir consumers/next-app build && pnpm exec playwright install chromium && node scripts/check-consumer-browser.mjs",
+    "check:external-consumer": "node scripts/prepare-artifacts.mjs && pnpm --dir consumers/external-check install --frozen-lockfile && pnpm --dir consumers/external-check typecheck && pnpm --dir consumers/external-check why @mui/material && pnpm --dir consumers/external-check why react",
+    "check:acceptance": "pnpm typecheck && pnpm test && pnpm build && pnpm pack:local && pnpm check:consumers && pnpm check:external-consumer",
+    "pack:local": "pnpm build && node scripts/pack-local.mjs"
+  }
+}