@wheelhouse/ui 0.2.4 → 0.2.6

package/dist/components/data-grid/data-grid.d.ts.map

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

package/dist/components/data-grid/data-grid.js

@@ -0,0 +1,123 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import {} from '@tanstack/react-table';
+import { cn } from '../../lib/utils';
+/** Label for headers / column visibility: `meta.headerTitle`, string `columnDef.header`, or `column.id`. */
+export function getColumnHeaderLabel(column) {
+    const meta = column.columnDef.meta;
+    if (typeof meta?.headerTitle === 'string')
+        return meta.headerTitle;
+    const defHeader = column.columnDef.header;
+    if (typeof defHeader === 'string')
+        return defHeader;
+    return String(column.id);
+}
+const DataGridContext = createContext(undefined);
+function useDataGrid() {
+    const context = useContext(DataGridContext);
+    if (!context) {
+        throw new Error('useDataGrid must be used within a DataGridProvider');
+    }
+    return context;
+}
+function DataGridProvider({ children, table, ...props }) {
+    const tableState = table.getState();
+    const resolvedColumnsResizeMode = props.tableLayout?.columnsResizeMode ?? 'onEnd';
+    // Keep resize mode aligned with the DataGrid contract every render so
+    // consumer-level useReactTable options cannot flip it back between drags.
+    if (props.tableLayout?.columnsResizable) {
+        table.options.columnResizeMode = resolvedColumnsResizeMode;
+    }
+    // Memoize context value so consumers don't re-render during column resize.
+    // Column sizing state is intentionally excluded from deps -- CSS variables
+    // on the <table> element handle width updates without React re-renders.
+    const value = useMemo(() => ({
+        props,
+        table,
+        recordCount: props.recordCount,
+        isLoading: props.isLoading || false,
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        table,
+        props.recordCount,
+        props.isLoading,
+        props.loadingMode,
+        props.loadingMessage,
+        props.fetchingMoreMessage,
+        props.allRowsLoadedMessage,
+        props.emptyMessage,
+        props.onRowClick,
+        props.className,
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        JSON.stringify(props.tableLayout),
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        JSON.stringify(props.tableClassNames),
+        tableState.sorting,
+        tableState.pagination,
+        tableState.columnFilters,
+        tableState.rowSelection,
+        tableState.expanded,
+        tableState.columnVisibility,
+        tableState.columnOrder,
+        tableState.columnPinning,
+        tableState.globalFilter,
+    ]);
+    return _jsx(DataGridContext.Provider, { value: value, children: children });
+}
+function DataGrid({ children, table, ...props }) {
+    const defaultProps = {
+        loadingMode: 'skeleton',
+        tableLayout: {
+            dense: false,
+            cellBorder: false,
+            rowBorder: true,
+            rowRounded: false,
+            stripped: false,
+            headerSticky: false,
+            headerBackground: true,
+            headerBorder: true,
+            width: 'fixed',
+            columnsVisibility: false,
+            columnsResizable: false,
+            columnsResizeMode: 'onEnd',
+            columnsPinnable: false,
+            columnsMovable: false,
+            columnsDraggable: false,
+            rowsDraggable: false,
+            rowsPinnable: false,
+        },
+        tableClassNames: {
+            base: '',
+            header: '',
+            headerRow: '',
+            headerSticky: 'sticky top-0 z-15 bg-background/90 backdrop-blur-xs',
+            body: '',
+            bodyRow: '',
+            footer: '',
+            edgeCell: '',
+        },
+    };
+    const mergedProps = {
+        ...defaultProps,
+        ...props,
+        tableLayout: {
+            ...defaultProps.tableLayout,
+            ...(props.tableLayout || {}),
+        },
+        tableClassNames: {
+            ...defaultProps.tableClassNames,
+            ...(props.tableClassNames || {}),
+        },
+    };
+    // Ensure table is provided
+    if (!table) {
+        throw new Error('DataGrid requires a "table" prop');
+    }
+    return (_jsx(DataGridProvider, { table: table, ...mergedProps, children: children }));
+}
+function DataGridContainer({ children, className, border = true }) {
+    return (_jsx("div", { "data-slot": "data-grid", className: cn('w-full overflow-hidden', border && 'rounded-lg border border-border', className), children: children }));
+}
+export { useDataGrid, DataGridProvider, DataGrid, DataGridContainer };

package/dist/components/data-grid/data-grid.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=data-grid.stories.d.ts.map

package/dist/components/data-grid/data-grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6CnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

package/dist/components/data-grid/data-grid.stories.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { createColumnHelper, getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import { DataGrid, DataGridContainer, DataGridScrollArea, DataGridTable } from '.';
+const columnHelper = createColumnHelper();
+const meta = {
+    title: 'Components/Data grid',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+function DataGridStoryHost({ rowCount = 6, ...dataGridProps }) {
+    const data = useMemo(() => Array.from({ length: rowCount }, (_, i) => ({
+        id: String(i + 1),
+        name: `Person ${i + 1}`,
+        role: i % 2 === 0 ? 'Admin' : 'Editor',
+    })), [rowCount]);
+    const columns = useMemo(() => [
+        columnHelper.accessor('name', {
+            header: 'Name',
+            cell: (info) => info.getValue(),
+        }),
+        columnHelper.accessor('role', {
+            header: 'Role',
+            meta: { headerTitle: 'Access' },
+            cell: (info) => info.getValue(),
+        }),
+    ], []);
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
+    return (_jsx(DataGrid, { ...dataGridProps, table: table, recordCount: dataGridProps.recordCount ?? data.length, children: _jsx(DataGridContainer, { className: "max-w-3xl", children: _jsx(DataGridScrollArea, { className: "h-72", children: _jsx(DataGridTable, {}) }) }) }));
+}
+export const Default = {
+    render: () => _jsx(DataGridStoryHost, {}),
+};
+export const Striped = {
+    render: () => _jsx(DataGridStoryHost, { tableLayout: { stripped: true, rowBorder: true } }),
+};
+export const Empty = {
+    render: () => _jsx(DataGridStoryHost, { rowCount: 0, recordCount: 0, emptyMessage: "No people match this view." }),
+};

package/dist/components/data-grid/index.d.ts

@@ -0,0 +1,14 @@
+export { getColumnHeaderLabel, useDataGrid, DataGridProvider, DataGrid, DataGridContainer } from './data-grid';
+export type { DataGridApiFetchParams, DataGridApiResponse, DataGridContextProps, DataGridRequestParams, DataGridProps } from './data-grid';
+export { DataGridColumnFilter, type DataGridColumnFilterProps } from './data-grid-column-filter';
+export { DataGridColumnHeader, type DataGridColumnHeaderProps } from './data-grid-column-header';
+export { DataGridColumnVisibility } from './data-grid-column-visibility';
+export { DataGridPagination, type DataGridPaginationProps } from './data-grid-pagination';
+export { DataGridScrollArea, type DataGridScrollAreaOrientation, type DataGridScrollAreaProps } from './data-grid-scroll-area';
+export { DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableRenderedRow, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableFoot, DataGridTableFootRow, DataGridTableFootRowCell, DataGridTableHeader, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowPin, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DataGridTableViewport, getDataGridTableResolvedRows, getDataGridTableRowSections, } from './data-grid-table';
+export type { DataGridTablePinnedBoundary } from './data-grid-table';
+export { DataGridTableDnd } from './data-grid-table-dnd';
+export { DataGridTableDndRowHandle, DataGridTableDndRows } from './data-grid-table-dnd-rows';
+export { DataGridTableVirtual } from './data-grid-table-virtual';
+export type { DataGridTableVirtualProps, DataGridTableVirtualScrollElements, DataGridTableVirtualizerOptions } from './data-grid-table-virtual';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC/G,YAAY,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3I,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC/H,OAAO,EACH,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,4BAA4B,EAC5B,gCAAgC,EAChC,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,EACxB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,kCAAkC,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/data-grid/index.js

@@ -0,0 +1,10 @@
+export { getColumnHeaderLabel, useDataGrid, DataGridProvider, DataGrid, DataGridContainer } from './data-grid';
+export { DataGridColumnFilter } from './data-grid-column-filter';
+export { DataGridColumnHeader } from './data-grid-column-header';
+export { DataGridColumnVisibility } from './data-grid-column-visibility';
+export { DataGridPagination } from './data-grid-pagination';
+export { DataGridScrollArea } from './data-grid-scroll-area';
+export { DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableRenderedRow, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableFoot, DataGridTableFootRow, DataGridTableFootRowCell, DataGridTableHeader, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowPin, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DataGridTableViewport, getDataGridTableResolvedRows, getDataGridTableRowSections, } from './data-grid-table';
+export { DataGridTableDnd } from './data-grid-table-dnd';
+export { DataGridTableDndRowHandle, DataGridTableDndRows } from './data-grid-table-dnd-rows';
+export { DataGridTableVirtual } from './data-grid-table-virtual';

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './collapsible';
 export * from './command';
 export * from './combobox';
 export * from './context-menu';
+export * from './data-grid';
 export * from './dialog';
 export * from './direction';
 export * from './drawer';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ export * from './collapsible';
 export * from './command';
 export * from './combobox';
 export * from './context-menu';
+export * from './data-grid';
 export * from './dialog';
 export * from './direction';
 export * from './drawer';

package/dist/components/sidebar/sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA6BvD,OAAO,EAeH,eAAe,EAIlB,MAAM,WAAW,CAAC;AAqZnB,QAAA,MAAM,IAAI;;;;;;;;;;;;yBAxIY,KAAK,CAAC,aAAa;CAsJD,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAmCrB,CAAC"}
+{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA6BvD,OAAO,EAeH,eAAe,EAIlB,MAAM,WAAW,CAAC;AA+YnB,QAAA,MAAM,IAAI;;;;;;;;;;;;yBAxIY,KAAK,CAAC,aAAa;CAsJD,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAmCrB,CAAC"}

package/dist/components/sidebar/sidebar.stories.js

@@ -9,7 +9,7 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../collapsi
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from '../dropdown-menu';
 import { Avatar, AvatarFallback, AvatarImage } from '../avatar';
 function NavMain({ items, }) {
-    return (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Platform" }), _jsx(SidebarMenu, { children: items.map((item) => (_jsxs(Collapsible, { defaultOpen: item.isActive, className: "group/collapsible", render: _jsx(SidebarMenuItem, {}), children: [_jsx(CollapsibleTrigger, { render: _jsxs(SidebarMenuButton, { tooltip: item.title, children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-open/collapsible:rotate-90" })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.items?.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { href: subItem.url, children: _jsx("span", { children: subItem.title }) }) }, subItem.title))) }) })] }, item.title))) })] }));
+    return (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Platform" }), _jsx(SidebarMenu, { children: items.map((item) => (_jsxs(Collapsible, { defaultOpen: item.isActive, className: "group/collapsible", render: _jsx(SidebarMenuItem, {}), children: [_jsx(CollapsibleTrigger, { render: _jsxs(SidebarMenuButton, { tooltip: item.title, children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-open/collapsible:rotate-90" })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.items?.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { render: _jsx("a", { href: subItem.url, "aria-label": subItem.title }), children: _jsx("span", { children: subItem.title }) }) }, subItem.title))) }) })] }, item.title))) })] }));
 }
 function TeamSwitcher({ teams, }) {
     const { isMobile } = useSidebar();
@@ -25,10 +25,7 @@ function NavUser({ user, }) {
 }
 function NavProjects({ projects, }) {
     const { isMobile } = useSidebar();
-    return (_jsxs(SidebarGroup, { className: "group-data-[collapsible=icon]:hidden", children: [_jsx(SidebarGroupLabel, { children: "Projects" }), _jsxs(SidebarMenu, { children: [projects.map((item) => (_jsxs(SidebarMenuItem, { children: [_jsxs(SidebarMenuButton, { render: 
-                                // Children are merged from `SidebarMenuButton` by useRender; ESLint cannot see them on this JSX node.
-                                // eslint-disable-next-line jsx-a11y/anchor-has-content -- runtime children from SidebarMenuButton
-                                _jsx("a", { href: item.url }), children: [_jsx(item.icon, {}), _jsx("span", { children: item.name })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsxs(SidebarMenuAction, { showOnHover: true, children: [_jsx(MoreHorizontal, {}), _jsx("span", { className: "sr-only", children: "More" })] }) }), _jsxs(DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? 'bottom' : 'right', align: isMobile ? 'end' : 'start', children: [_jsxs(DropdownMenuItem, { children: [_jsx(Folder, { className: "text-muted-foreground" }), _jsx("span", { children: "View Project" })] }), _jsxs(DropdownMenuItem, { children: [_jsx(Forward, { className: "text-muted-foreground" }), _jsx("span", { children: "Share Project" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: [_jsx(Trash2, { className: "text-muted-foreground" }), _jsx("span", { children: "Delete Project" })] })] })] })] }, item.name))), _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { className: "text-sidebar-foreground/70", children: [_jsx(MoreHorizontal, { className: "text-sidebar-foreground/70" }), _jsx("span", { children: "More" })] }) })] })] }));
+    return (_jsxs(SidebarGroup, { className: "group-data-[collapsible=icon]:hidden", children: [_jsx(SidebarGroupLabel, { children: "Projects" }), _jsxs(SidebarMenu, { children: [projects.map((item) => (_jsxs(SidebarMenuItem, { children: [_jsxs(SidebarMenuButton, { render: _jsx("a", { href: item.url, "aria-label": item.name }), children: [_jsx(item.icon, {}), _jsx("span", { children: item.name })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsxs(SidebarMenuAction, { showOnHover: true, children: [_jsx(MoreHorizontal, {}), _jsx("span", { className: "sr-only", children: "More" })] }) }), _jsxs(DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? 'bottom' : 'right', align: isMobile ? 'end' : 'start', children: [_jsxs(DropdownMenuItem, { children: [_jsx(Folder, { className: "text-muted-foreground" }), _jsx("span", { children: "View Project" })] }), _jsxs(DropdownMenuItem, { children: [_jsx(Forward, { className: "text-muted-foreground" }), _jsx("span", { children: "Share Project" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: [_jsx(Trash2, { className: "text-muted-foreground" }), _jsx("span", { children: "Delete Project" })] })] })] })] }, item.name))), _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { className: "text-sidebar-foreground/70", children: [_jsx(MoreHorizontal, { className: "text-sidebar-foreground/70" }), _jsx("span", { children: "More" })] }) })] })] }));
 }
 const shell = (Story) => (_jsx("div", { className: "h-[min(720px,85vh)] w-full min-w-0 overflow-hidden rounded-lg border bg-background text-foreground", children: _jsx(Story, {}) }));
 // This is sample data.

package/dist/components/sortable/sortable.d.ts

@@ -10,7 +10,7 @@
 import * as React from 'react';
 import { type ReactNode } from 'react';
 import { useRender } from '@base-ui/react/use-render';
-import { type DragEndEvent, DragOverlay, type DragStartEvent, type Modifiers, type UniqueIdentifier } from '@dnd-kit/core';
+import { type CollisionDetection, type DragEndEvent, DragOverlay, type DragStartEvent, type Modifiers, type UniqueIdentifier } from '@dnd-kit/core';
 /**
  * Props for {@link Sortable}. `T` is your row model; stable string ids come from {@link SortableRootProps.getItemValue}.
  *
@@ -45,13 +45,15 @@ export interface SortableRootProps<T> extends Omit<useRender.ComponentProps<'div
     onDragEnd?: (event: DragEndEvent) => void;
     /** Optional dnd-kit modifiers (e.g. `restrictToParentElement`) for both context and overlay. */
     modifiers?: Modifiers;
+    /** Override pointer collision detection for `DndContext` (e.g. restrict valid drop targets). */
+    collisionDetection?: CollisionDetection;
 }
 /**
  * Root for a sortable region. Wires `DndContext`, `SortableContext`, sensors, and a `DragOverlay` portal on the client.
  *
  * Renders the default element as a `div` with `data-slot="sortable"` (see Base UI `useRender` / `render` prop).
  */
-declare function Sortable<T>({ value, onValueChange, getItemValue, className, render, onMove, strategy, onDragStart, onDragEnd, modifiers, children, ...props }: SortableRootProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Sortable<T>({ value, onValueChange, getItemValue, className, render, onMove, strategy, onDragStart, onDragEnd, modifiers, collisionDetection, children, ...props }: SortableRootProps<T>): import("react/jsx-runtime").JSX.Element;
 /**
  * Props for {@link SortableItem}. `value` is the sortable id (string) registered with dnd-kit.
  */

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

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

package/dist/components/sortable/sortable.js

@@ -48,7 +48,7 @@ function useIsClient() {
  *
  * Renders the default element as a `div` with `data-slot="sortable"` (see Base UI `useRender` / `render` prop).
  */
-function Sortable({ value, onValueChange, getItemValue, className, render, onMove, strategy = 'vertical', onDragStart, onDragEnd, modifiers, children, ...props }) {
+function Sortable({ value, onValueChange, getItemValue, className, render, onMove, strategy = 'vertical', onDragStart, onDragEnd, modifiers, collisionDetection, children, ...props }) {
     const [activeId, setActiveId] = useState(null);
     const isClient = useIsClient();
     const sensors = useSensors(useSensor(MouseSensor, {
@@ -76,6 +76,8 @@ function Sortable({ value, onValueChange, getItemValue, className, render, onMov
         // Handle item reordering
         const activeIndex = value.findIndex((item) => getItemValue(item) === active.id);
         const overIndex = value.findIndex((item) => getItemValue(item) === over.id);
+        if (activeIndex < 0 || overIndex < 0)
+            return;
         if (activeIndex !== overIndex) {
             if (onMove) {
                 onMove({ event, activeIndex, overIndex });
@@ -125,7 +127,7 @@ function Sortable({ value, onValueChange, getItemValue, className, render, onMov
         });
         return result;
     }, [activeId, children]);
-    return (_jsx(SortableInternalContext.Provider, { value: contextValue, children: _jsxs(DndContext, { sensors: sensors, modifiers: modifiers, measuring: {
+    return (_jsx(SortableInternalContext.Provider, { value: contextValue, children: _jsxs(DndContext, { sensors: sensors, modifiers: modifiers, ...(collisionDetection !== undefined ? { collisionDetection } : {}), measuring: {
                 droppable: {
                     strategy: MeasuringStrategy.Always,
                 },