@repraze/kernelkit 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/data-table/elements/data-table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAIlE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACX,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA6BtB"}

package/dist/components/data-table/elements/data-table-row.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { useDataTableContext } from "./data-table-base";
+import { DataTableCell } from "./data-table-cell";
+export function DataTableRow({ className, data, columns, head, even, first: _first, last: _last, ...props }) {
+    const { striped } = useDataTableContext();
+    return (_jsx("div", { "data-slot": "data-table-row", "data-head": head || undefined, className: cn("relative flex flex-row border-border transition-colors duration-100", 
+        // striped is a plain class so a per-row highlight in `className` wins via tailwind-merge
+        !head && striped && even && "bg-muted/50", 
+        // hover is gated by the `hoverable` flag on DataTable and skips header rows
+        !head && "group-data-hoverable/data-table:hover:bg-hover", 
+        // selected = accent tint + a 2px primary indicator (never shade alone)
+        "data-[state=selected]:bg-accent! data-[state=selected]:text-accent-foreground data-[state=selected]:shadow-[inset_2px_0_0_var(--primary-text)]", className), ...props, children: columns.map((column) => {
+            const cellProps = column.cellProps(data);
+            return (_jsx(DataTableCell, { style: column.style, head: head, ...cellProps, children: column.cell(data) }, column.id));
+        }) }));
+}
+//# sourceMappingURL=data-table-row.js.map

package/dist/components/data-table/elements/data-table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-row.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-row.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAItB,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAYhD,MAAM,UAAU,YAAY,CAAI,EAC5B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACW;IACnB,MAAM,EAAC,OAAO,EAAC,GAAG,mBAAmB,EAAE,CAAC;IAExC,OAAO,CACH,2BACc,gBAAgB,eACf,IAAI,IAAI,SAAS,EAC5B,SAAS,EAAE,EAAE,CACT,qEAAqE;QACrE,yFAAyF;QACzF,CAAC,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,aAAa;QACzC,4EAA4E;QAC5E,CAAC,IAAI,IAAI,gDAAgD;QACzD,uEAAuE;QACvE,gJAAgJ,EAChJ,SAAS,CACZ,KACG,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACzC,OAAO,CACH,KAAC,aAAa,IAAiB,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,YACxE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IADF,MAAM,CAAC,EAAE,CAEb,CACnB,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/data-table/elements/data-table-scroll.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode, Ref } from "react";
+export type DataTableScrollProps = {
+    className?: string;
+    viewportClassName?: string;
+    viewportRef?: Ref<HTMLDivElement>;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+/** Vertical overlay scroller for the body (consumes no width, so head and body columns stay aligned). */
+export declare function DataTableScroll({ className, viewportClassName, viewportRef, style, children }: DataTableScrollProps): import("react").JSX.Element;
+//# sourceMappingURL=data-table-scroll.d.ts.map

package/dist/components/data-table/elements/data-table-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-scroll.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-scroll.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,yGAAyG;AACzG,wBAAgB,eAAe,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,oBAAoB,+BAgBjH"}

package/dist/components/data-table/elements/data-table-scroll.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { ScrollBar } from "@repraze/kernelkit/components/scroll-area";
+import { cn } from "cn";
+/** Vertical overlay scroller for the body (consumes no width, so head and body columns stay aligned). */
+export function DataTableScroll({ className, viewportClassName, viewportRef, style, children }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "data-table-scroll", className: cn("relative", className), style: style, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, "data-slot": "data-table-viewport", className: cn("size-full rounded-[inherit] outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:ring-inset", viewportClassName), children: children }), _jsx(ScrollBar, { className: "opacity-0 transition-opacity duration-150 data-hovering:opacity-100 data-scrolling:opacity-100 motion-reduce:transition-none" })] }));
+}
+//# sourceMappingURL=data-table-scroll.js.map

package/dist/components/data-table/elements/data-table-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-scroll.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-scroll.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,IAAI,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAC,SAAS,EAAC,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAWtB,yGAAyG;AACzG,MAAM,UAAU,eAAe,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAuB;IAC9G,OAAO,CACH,MAAC,mBAAmB,CAAC,IAAI,iBAAW,mBAAmB,EAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aACtG,KAAC,mBAAmB,CAAC,QAAQ,IACzB,GAAG,EAAE,WAAW,eACN,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACT,mHAAmH,EACnH,iBAAiB,CACpB,YAEA,QAAQ,GACkB,EAC/B,KAAC,SAAS,IAAC,SAAS,EAAC,8HAA8H,GAAG,IAC/H,CAC9B,CAAC;AACN,CAAC"}

package/dist/components/data-table/elements/data-table-sort-row.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentType, ReactNode } from "react";
+import type { DataTableSortFn, DataTableSortView } from "../views/data-table-sort-view";
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableSortIcon = ComponentType<{
+    className?: string;
+}>;
+export type DataTableSortRowMethod = {
+    id: string;
+    icon: DataTableSortIcon;
+    label?: string;
+    apply?: DataTableSortFn;
+};
+export type DataTableSortRowProps<T> = {
+    className?: string;
+    view: DataTableView<T>;
+    sortView: DataTableSortView<T>;
+    titles?: {
+        [K: string]: ReactNode;
+    };
+    sorts?: {
+        [K: string]: DataTableSortRowMethod[];
+    };
+};
+export declare function DataTableSortRow<T>({ className, view, sortView, titles, sorts, ...props }: DataTableSortRowProps<T>): import("react").JSX.Element;
+export declare function createDataTableStringSort(): DataTableSortRowMethod[];
+export declare function createDataTableNumberSort(): DataTableSortRowMethod[];
+export declare const createDataTableDateSort: typeof createDataTableNumberSort;
+//# sourceMappingURL=data-table-sort-row.d.ts.map

package/dist/components/data-table/elements/data-table-sort-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-sort-row.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-sort-row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AACtF,OAAO,KAAK,EAAC,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAIjF,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,sBAAsB,EAAE,CAAA;KAAC,CAAC;CACnD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAuGjH;AAED,wBAAgB,yBAAyB,IAAI,sBAAsB,EAAE,CAoBpE;AAED,wBAAgB,yBAAyB,IAAI,sBAAsB,EAAE,CAoBpE;AAED,eAAO,MAAM,uBAAuB,kCAA4B,CAAC"}

package/dist/components/data-table/elements/data-table-sort-row.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import { ArrowDownAZIcon, ArrowDownUpIcon, ArrowUpZAIcon, MoveDownIcon, MoveUpIcon } from "lucide-react";
+import { useCallback, useState } from "react";
+import { useDataTableViewDetector } from "../views/data-table-view";
+import { DataTableRow } from "./data-table-row";
+export function DataTableSortRow({ className, view, sortView, titles, sorts, ...props }) {
+    const { columns } = useDataTableViewDetector({ view });
+    const [selectedIds, setSelectedId] = useState({});
+    const handleSort = useCallback((columnId, currentId) => {
+        const sortList = sorts && columnId in sorts ? sorts[columnId] : undefined;
+        if (sortList) {
+            const index = sortList.findIndex((s) => s.id === currentId);
+            const nextIndex = index === -1 ? 0 : (index + 1) % sortList.length;
+            const nextSort = sortList[nextIndex];
+            if (nextSort?.apply) {
+                // apply next sort
+                setSelectedId({ [columnId]: nextSort.id });
+                sortView.setSorts({ [columnId]: nextSort.apply });
+            }
+            else {
+                // no sort, remove sort
+                setSelectedId({});
+                sortView.setSorts({});
+            }
+        }
+        else {
+            // no list, remove sort
+            setSelectedId({});
+            sortView.setSorts({});
+        }
+    }, [sortView, sorts]);
+    const sortColumns = columns.map((column) => {
+        const columnId = column.id;
+        const title = titles && columnId in titles ? titles[columnId] : columnId;
+        const sortList = sorts && columnId in sorts ? sorts[columnId] : undefined;
+        if (sortList && sortList.length > 0) {
+            const sortId = selectedIds[columnId];
+            const sort = sortId ? sortList.find((s) => s.id === sortId) : sortList[0];
+            const usedId = sort ? sort.id : (sortList[0]?.id ?? "");
+            const SortIcon = sort?.icon;
+            const active = !!sort?.apply;
+            // right-aligned columns read better with the sort icon on the left of the label so it isn't
+            // crammed against the right edge; other alignments keep the label growing with the icon trailing
+            const alignRight = column.style.textAlign === "right";
+            const icon = SortIcon ? (_jsx(SortIcon, { "aria-hidden": "true", className: cn("size-3.5 shrink-0", active ? "text-primary-text" : "text-muted-foreground") })) : null;
+            const label = _jsx("span", { className: "min-w-0 truncate", children: title });
+            return {
+                ...column,
+                cell: () => (_jsx("button", { type: "button", "data-slot": "data-table-sort-button", "data-active": active || undefined, title: sort?.label, "aria-label": sort?.label ? `${typeof title === "string" ? title : columnId}: ${sort.label}` : undefined, onClick: () => handleSort(columnId, usedId), className: cn(focusRing, "-mx-1 flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-md border border-transparent px-1 transition-[color,background-color,border-color,box-shadow] duration-100 select-none hover:bg-hover hover:text-foreground data-active:text-foreground", alignRight && "justify-end"), children: alignRight ? (_jsxs(_Fragment, { children: [icon, label] })) : (_jsxs(_Fragment, { children: [label, icon] })) })),
+                cellProps: () => ({
+                    "aria-sort": active ? (sort?.id.endsWith("desc") ? "descending" : "ascending") : undefined,
+                }),
+                rawCell: () => undefined,
+            };
+        }
+        else {
+            // fallback to regular title
+            return {
+                ...column,
+                cell: () => title,
+                cellProps: () => ({}),
+                rawCell: () => undefined,
+            };
+        }
+    });
+    return (_jsx(DataTableRow, { className: cn("data-table-sort-row", className), columns: sortColumns, data: undefined, head: true, ...props }));
+}
+export function createDataTableStringSort() {
+    return [
+        {
+            id: "str-none",
+            icon: ArrowDownUpIcon,
+            label: "None",
+        },
+        {
+            id: "str-asc",
+            icon: ArrowDownAZIcon,
+            label: "Ascending",
+            apply: (a, b) => a.toString().localeCompare(b.toString()),
+        },
+        {
+            id: "str-desc",
+            icon: ArrowUpZAIcon,
+            label: "Descending",
+            apply: (a, b) => b.toString().localeCompare(a.toString()),
+        },
+    ];
+}
+export function createDataTableNumberSort() {
+    return [
+        {
+            id: "num-none",
+            icon: ArrowDownUpIcon,
+            label: "None",
+        },
+        {
+            id: "num-asc",
+            icon: MoveDownIcon,
+            label: "Ascending",
+            apply: (a, b) => a - b,
+        },
+        {
+            id: "num-desc",
+            icon: MoveUpIcon,
+            label: "Descending",
+            apply: (a, b) => b - a,
+        },
+    ];
+}
+export const createDataTableDateSort = createDataTableNumberSort; // alias
+//# sourceMappingURL=data-table-sort-row.js.map

package/dist/components/data-table/elements/data-table-sort-row.js.map

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

package/dist/components/data-table/elements/data-table-title-row.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableTitleRow<T> = {
+    className?: string;
+    view: DataTableView<T>;
+    titles?: {
+        [K: string]: ReactNode;
+    };
+};
+export declare function DataTableTitleRow<T>({ className, view, titles, ...props }: DataTableTitleRow<T>): import("react").JSX.Element;
+//# sourceMappingURL=data-table-title-row.d.ts.map

package/dist/components/data-table/elements/data-table-title-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-title-row.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-title-row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAIjF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAiB7F"}

package/dist/components/data-table/elements/data-table-title-row.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { useDataTableViewDetector } from "../views/data-table-view";
+import { DataTableRow } from "./data-table-row";
+export function DataTableTitleRow({ className, view, titles, ...props }) {
+    const { columns } = useDataTableViewDetector({ view });
+    const titleColumns = columns.map((column) => ({
+        ...column,
+        cell: () => (titles && column.id in titles ? titles[column.id] : column.id),
+        cellProps: () => ({}),
+        rawCell: () => undefined,
+    }));
+    return (_jsx(DataTableRow, { className: cn("data-table-title-row", className), columns: titleColumns, data: undefined, head: true, ...props }));
+}
+//# sourceMappingURL=data-table-title-row.js.map

package/dist/components/data-table/elements/data-table-title-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-title-row.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-title-row.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAItB,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQ9C,MAAM,UAAU,iBAAiB,CAAI,EAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuB;IAC1F,MAAM,EAAC,OAAO,EAAC,GAAG,wBAAwB,CAAI,EAAC,IAAI,EAAC,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAiC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC1E,GAAG,MAAM;QACT,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3E,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;QACrB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KAC3B,CAAC,CAAC,CAAC;IACJ,OAAO,CACH,KAAC,YAAY,IACT,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,WACA,KAAK,GACX,CACL,CAAC;AACN,CAAC"}

package/dist/components/data-table/elements/data-table-virtualized-body.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableVirtualizedBodyProps<T> = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    view: DataTableView<T>;
+    innerRowHeight?: number;
+    overscan?: number;
+};
+export declare function DataTableVirtualizedBody<T>({ className, view, innerRowHeight, overscan, ...props }: DataTableVirtualizedBodyProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=data-table-virtualized-body.d.ts.map

package/dist/components/data-table/elements/data-table-virtualized-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-virtualized-body.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-virtualized-body.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAK5D,MAAM,MAAM,6BAA6B,CAAC,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,EACxC,SAAS,EACT,IAAI,EACJ,cAAc,EACd,QAAa,EACb,GAAG,KAAK,EACX,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BA4DlC"}

package/dist/components/data-table/elements/data-table-virtualized-body.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { cn } from "cn";
+import { useState } from "react";
+import { useDataTableSizing } from "../data-table-utils";
+import { useDataTableViewDetector } from "../views/data-table-view";
+import { DataTableRow } from "./data-table-row";
+import { DataTableScroll } from "./data-table-scroll";
+export function DataTableVirtualizedBody({ className, view, innerRowHeight, overscan = 12, ...props }) {
+    const { columns, data } = useDataTableViewDetector({ view });
+    const { ref, innerWidth, rowHeight } = useDataTableSizing({ columns, innerRowHeight });
+    // callback-ref + state so the virtualizer re-runs once the ScrollArea viewport (the real scrolling
+    // element) is mounted; a plain ref wouldn't trigger the re-render TanStack needs to pick it up
+    const [scrollElement, setScrollElement] = useState(null);
+    const virtualizer = useVirtualizer({
+        count: data.length,
+        getScrollElement: () => scrollElement,
+        estimateSize: () => rowHeight,
+        overscan,
+    });
+    const virtualItems = virtualizer.getVirtualItems();
+    return (_jsx("div", { "data-slot": "data-table-body-container", className: cn("relative flex min-h-0 flex-1 flex-col", className), ref: ref, ...props, children: _jsx(DataTableScroll, { viewportRef: setScrollElement, className: "min-h-0 w-full flex-1", style: { minWidth: `${innerWidth}px` }, children: _jsx("div", { style: { height: `${virtualizer.getTotalSize()}px`, width: "100%", position: "relative" }, children: virtualItems.map((virtualItem) => {
+                    const index = virtualItem.index;
+                    const row = data[index];
+                    const { style: viewStyle, className: rowClassName, ...rowProps } = view.getRowProps(row);
+                    return (_jsx(DataTableRow, { data: row, columns: columns, even: index % 2 === 1, first: index === 0, last: index === data.length - 1, className: cn("border-b", rowClassName), style: {
+                            position: "absolute",
+                            top: 0,
+                            left: 0,
+                            width: "100%",
+                            height: `${virtualItem.size}px`,
+                            transform: `translateY(${virtualItem.start}px)`,
+                            ...viewStyle,
+                        }, ...rowProps }, virtualItem.key));
+                }) }) }) }));
+}
+//# sourceMappingURL=data-table-virtualized-body.js.map

package/dist/components/data-table/elements/data-table-virtualized-body.js.map

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

package/dist/components/data-table/set-utils.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Elements in `a` that are not in `b`.
+ * @example setDifference(new Set([1,2,3]), new Set([2,3,4])) // Set {1}
+ */
+export declare function setDifference<T>(a: Set<T>, b: Set<T>): Set<T>;
+/**
+ * All elements from both `a` and `b`.
+ * @example setUnion(new Set([1,2]), new Set([2,3])) // Set {1,2,3}
+ */
+export declare function setUnion<T>(a: Set<T>, b: Set<T>): Set<T>;
+/**
+ * Elements present in both `a` and `b`.
+ * @example setIntersection(new Set([1,2,3]), new Set([2,3,4])) // Set {2,3}
+ */
+export declare function setIntersection<T>(a: Set<T>, b: Set<T>): Set<T>;
+/**
+ * Elements in `a` or `b` but not both.
+ * @example setSymmetricDifference(new Set([1,2,3]), new Set([2,3,4])) // Set {1,4}
+ */
+export declare function setSymmetricDifference<T>(a: Set<T>, b: Set<T>): Set<T>;
+/**
+ * True if every element of `a` is in `b`.
+ * @example isSubset(new Set([1,2]), new Set([1,2,3])) // true
+ */
+export declare function isSubset<T>(a: Set<T>, b: Set<T>): boolean;
+/**
+ * True if `a` contains every element of `b`.
+ * @example isSuperset(new Set([1,2,3]), new Set([1,2])) // true
+ */
+export declare function isSuperset<T>(a: Set<T>, b: Set<T>): boolean;
+/**
+ * True if `a` and `b` share no elements.
+ * @example isDisjoint(new Set([1,2]), new Set([3,4])) // true
+ */
+export declare function isDisjoint<T>(a: Set<T>, b: Set<T>): boolean;
+/**
+ * True if `a` and `b` contain exactly the same elements.
+ * @example areSetsEqual(new Set([1,2,3]), new Set([3,1,2])) // true
+ */
+export declare function areSetsEqual<T>(a: Set<T>, b: Set<T>): boolean;
+//# sourceMappingURL=set-utils.d.ts.map

package/dist/components/data-table/set-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-utils.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/set-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAQ7D;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAMxD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAQ/D;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAatE;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAOzD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAE3D;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAO3D;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAK7D"}

package/dist/components/data-table/set-utils.js

@@ -0,0 +1,97 @@
+/**
+ * Elements in `a` that are not in `b`.
+ * @example setDifference(new Set([1,2,3]), new Set([2,3,4])) // Set {1}
+ */
+export function setDifference(a, b) {
+    const result = new Set();
+    for (const item of a) {
+        if (!b.has(item)) {
+            result.add(item);
+        }
+    }
+    return result;
+}
+/**
+ * All elements from both `a` and `b`.
+ * @example setUnion(new Set([1,2]), new Set([2,3])) // Set {1,2,3}
+ */
+export function setUnion(a, b) {
+    const result = new Set(a);
+    for (const item of b) {
+        result.add(item);
+    }
+    return result;
+}
+/**
+ * Elements present in both `a` and `b`.
+ * @example setIntersection(new Set([1,2,3]), new Set([2,3,4])) // Set {2,3}
+ */
+export function setIntersection(a, b) {
+    const result = new Set();
+    for (const item of a) {
+        if (b.has(item)) {
+            result.add(item);
+        }
+    }
+    return result;
+}
+/**
+ * Elements in `a` or `b` but not both.
+ * @example setSymmetricDifference(new Set([1,2,3]), new Set([2,3,4])) // Set {1,4}
+ */
+export function setSymmetricDifference(a, b) {
+    const result = new Set();
+    for (const item of a) {
+        if (!b.has(item)) {
+            result.add(item);
+        }
+    }
+    for (const item of b) {
+        if (!a.has(item)) {
+            result.add(item);
+        }
+    }
+    return result;
+}
+/**
+ * True if every element of `a` is in `b`.
+ * @example isSubset(new Set([1,2]), new Set([1,2,3])) // true
+ */
+export function isSubset(a, b) {
+    for (const item of a) {
+        if (!b.has(item)) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * True if `a` contains every element of `b`.
+ * @example isSuperset(new Set([1,2,3]), new Set([1,2])) // true
+ */
+export function isSuperset(a, b) {
+    return isSubset(b, a);
+}
+/**
+ * True if `a` and `b` share no elements.
+ * @example isDisjoint(new Set([1,2]), new Set([3,4])) // true
+ */
+export function isDisjoint(a, b) {
+    for (const item of a) {
+        if (b.has(item)) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * True if `a` and `b` contain exactly the same elements.
+ * @example areSetsEqual(new Set([1,2,3]), new Set([3,1,2])) // true
+ */
+export function areSetsEqual(a, b) {
+    if (a.size !== b.size) {
+        return false;
+    }
+    return isSubset(a, b);
+}
+//# sourceMappingURL=set-utils.js.map

package/dist/components/data-table/set-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-utils.js","sourceRoot":"","sources":["../../../src/components/data-table/set-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAI,CAAS,EAAE,CAAS;IACjD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAK,CAAC;IAC5B,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACf,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAI,CAAS,EAAE,CAAS;IAC5C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAI,CAAC,CAAC,CAAC;IAC7B,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAI,CAAS,EAAE,CAAS;IACnD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAK,CAAC;IAC5B,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACd,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAI,CAAS,EAAE,CAAS;IAC1D,MAAM,MAAM,GAAG,IAAI,GAAG,EAAK,CAAC;IAC5B,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACf,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACf,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAI,CAAS,EAAE,CAAS;IAC5C,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAI,CAAS,EAAE,CAAS;IAC9C,OAAO,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAI,CAAS,EAAE,CAAS;IAC9C,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAI,CAAS,EAAE,CAAS;IAChD,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1B,CAAC"}

package/dist/components/data-table/views/data-table-filter-view.d.ts

@@ -0,0 +1,18 @@
+import { DataTableView } from "./data-table-view";
+export type DataTableFilterFn = (cell: any) => boolean;
+export type DataTableFiltersValue = {
+    [K: string]: DataTableFilterFn;
+};
+export declare class DataTableFilterView<T> extends DataTableView<T> {
+    private parent;
+    private filters;
+    private parentListener;
+    constructor(parent: DataTableView<T>, filters?: DataTableFiltersValue);
+    setParent(parent: DataTableView<T>): void;
+    setFilters(filters?: DataTableFiltersValue): void;
+    getFilters(): DataTableFiltersValue;
+    private filterParentData;
+    getColumns(): import("./data-table-view").DataTableViewColumn<T>[];
+    getRowProps(row: T): import("react").HTMLAttributes<HTMLDivElement>;
+}
+//# sourceMappingURL=data-table-filter-view.d.ts.map

package/dist/components/data-table/views/data-table-filter-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-view.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/views/data-table-filter-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAErE,qBAAa,mBAAmB,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACxD,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,cAAc,CAA2B;gBAErC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,GAAE,qBAA0B;IAWzE,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAUlC,UAAU,CAAC,OAAO,GAAE,qBAA0B;IAK9C,UAAU;IAKV,OAAO,CAAC,gBAAgB;IAqBxB,UAAU;IAIV,WAAW,CAAC,GAAG,EAAE,CAAC;CAIrB"}

package/dist/components/data-table/views/data-table-filter-view.js

@@ -0,0 +1,63 @@
+"use client";
+import { DataTableView } from "./data-table-view";
+export class DataTableFilterView extends DataTableView {
+    parent;
+    filters;
+    parentListener;
+    constructor(parent, filters = {}) {
+        super();
+        this.parent = parent;
+        this.filters = filters;
+        this.parentListener = () => {
+            this.filterParentData();
+            this.emitUpdate();
+        };
+        this.setParent(parent);
+    }
+    setParent(parent) {
+        // unregister previous
+        this.parent.offUpdate(this.parentListener);
+        this.parent = parent;
+        this.parent.onUpdate(this.parentListener);
+        this.filterParentData();
+        this.emitUpdate();
+    }
+    setFilters(filters = {}) {
+        this.filters = filters;
+        this.filterParentData();
+        this.emitUpdate();
+    }
+    getFilters() {
+        return this.filters;
+    }
+    // process
+    filterParentData() {
+        const parentData = this.parent.getData();
+        const columns = this.getColumns();
+        const filters = this.filters;
+        this.data = parentData.filter((row) => {
+            for (const { id, rawCell } of columns) {
+                if (id in filters) {
+                    const filter = filters[id];
+                    if (filter !== undefined) {
+                        const cellData = rawCell(row);
+                        if (!filter(cellData)) {
+                            return false;
+                        }
+                    }
+                }
+            }
+            return true;
+        });
+    }
+    // data flow
+    getColumns() {
+        // columns same as parent
+        return this.parent.getColumns();
+    }
+    getRowProps(row) {
+        // row props same as parent
+        return this.parent.getRowProps(row);
+    }
+}
+//# sourceMappingURL=data-table-filter-view.js.map

package/dist/components/data-table/views/data-table-filter-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-view.js","sourceRoot":"","sources":["../../../../src/components/data-table/views/data-table-filter-view.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAMhD,MAAM,OAAO,mBAAuB,SAAQ,aAAgB;IAChD,MAAM,CAAmB;IACzB,OAAO,CAAwB;IAC/B,cAAc,CAA2B;IAEjD,YAAY,MAAwB,EAAE,UAAiC,EAAE;QACrE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,SAAS,CAAC,MAAwB;QAC9B,sBAAsB;QACtB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE3C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE1C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IACD,UAAU,CAAC,UAAiC,EAAE;QAC1C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IACD,UAAU;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,UAAU;IACF,gBAAgB;QACpB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAClC,KAAK,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,IAAI,OAAO,EAAE,CAAC;gBAClC,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC;oBAChB,MAAM,MAAM,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC3B,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;wBACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;wBAC9B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACpB,OAAO,KAAK,CAAC;wBACjB,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,YAAY;IACZ,UAAU;QACN,yBAAyB;QACzB,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IACD,WAAW,CAAC,GAAM;QACd,2BAA2B;QAC3B,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;CACJ"}