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

package/dist/components/copy-button.d.ts

@@ -0,0 +1,21 @@
+import { type ButtonProps } from "@repraze/kernelkit/components/button";
+import * as React from "react";
+interface CopyButtonProps extends Omit<ButtonProps, "value" | "onCopy"> {
+    /** Text to copy, or a function returning it (read at click time). */
+    value: string | (() => string);
+    /** Called after a successful copy. */
+    onCopy?: (value: string) => void;
+    /** How long the check mark shows, in ms. */
+    timeout?: number;
+    /** Accessible name before / after copying. */
+    label?: string;
+    copiedLabel?: string;
+}
+/**
+ * Copies `value` to the clipboard and shows a check for `timeout` ms. Icon-only by default (ghost,
+ * `size="icon"`; `"default"` when it has children); pass children for a labelled button, e.g. `<CopyButton size="sm">Copy</CopyButton>`.
+ */
+declare function CopyButton({ value, onCopy, timeout, label, copiedLabel, variant, size, className, children, onClick, ...props }: CopyButtonProps): React.JSX.Element;
+export { CopyButton };
+export type { CopyButtonProps };
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/components/copy-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sCAAsC,CAAC;AAG9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAC;IACnE,qEAAqE;IACrE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAChB,KAAK,EACL,MAAM,EACN,OAAc,EACd,KAA2B,EAC3B,WAAsB,EACtB,OAAiB,EACjB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,eAAe,qBAyCjB;AAED,OAAO,EAAC,UAAU,EAAC,CAAC;AACpB,YAAY,EAAC,eAAe,EAAC,CAAC"}

package/dist/components/copy-button.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@repraze/kernelkit/components/button";
+import { cn } from "cn";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import * as React from "react";
+/**
+ * Copies `value` to the clipboard and shows a check for `timeout` ms. Icon-only by default (ghost,
+ * `size="icon"`; `"default"` when it has children); pass children for a labelled button, e.g. `<CopyButton size="sm">Copy</CopyButton>`.
+ */
+function CopyButton({ value, onCopy, timeout = 2000, label = "Copy to clipboard", copiedLabel = "Copied", variant = "ghost", size, className, children, onClick, ...props }) {
+    const [copied, setCopied] = React.useState(false);
+    const timer = React.useRef(undefined);
+    React.useEffect(() => () => clearTimeout(timer.current), []);
+    const copy = async (event) => {
+        onClick?.(event);
+        const text = typeof value === "function" ? value() : value;
+        try {
+            await navigator.clipboard.writeText(text);
+        }
+        catch {
+            return;
+        }
+        setCopied(true);
+        onCopy?.(text);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), timeout);
+    };
+    const Icon = copied ? CheckIcon : CopyIcon;
+    const iconOnly = children === undefined;
+    return (_jsxs(Button, { "data-slot": "copy-button", "data-copied": copied || undefined, variant: variant, size: size ?? (iconOnly ? "icon" : "default"), "aria-label": iconOnly ? (copied ? copiedLabel : label) : undefined, className: cn("data-copied:[&_svg]:text-success", className), onClick: copy, ...props, children: [_jsx(Icon, { "data-icon": iconOnly ? undefined : "inline-start" }), children, _jsx("span", { className: "sr-only", "aria-live": "polite", children: copied ? copiedLabel : "" })] }));
+}
+export { CopyButton };
+//# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../src/components/copy-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAmB,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;;GAGG;AACH,SAAS,UAAU,CAAC,EAChB,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,QAAQ,EACtB,OAAO,GAAG,OAAO,EACjB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACM;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAgC,SAAS,CAAC,CAAC;IAErE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,IAAI,GAA2B,KAAK,EAAE,KAAK,EAAE,EAAE;QACjD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3D,IAAI,CAAC;YACD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC9C,CAAC;QAAC,MAAM,CAAC;YACL,OAAO;QACX,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;QACf,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3C,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC;IAExC,OAAO,CACH,MAAC,MAAM,iBACO,aAAa,iBACV,MAAM,IAAI,SAAS,EAChC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,gBACjC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EACjE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAC5D,OAAO,EAAE,IAAI,KACT,KAAK,aAET,KAAC,IAAI,iBAAY,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,GAAI,EACzD,QAAQ,EACT,eAAM,SAAS,EAAC,SAAS,eAAW,QAAQ,YACvC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GACvB,IACF,CACZ,CAAC;AACN,CAAC;AAED,OAAO,EAAC,UAAU,EAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { DataTableView, DataTableViewColumn } from "./views/data-table-view";
+export declare function getTotalColumnWidth<T>(columns: DataTableViewColumn<T>[]): number;
+export declare function getInnerTableWidth<T>(columns: DataTableViewColumn<T>[], containerWidth?: number): number;
+export type DataTableSizingProps<T> = {
+    columns: DataTableViewColumn<T>[];
+    innerRowHeight?: number;
+};
+export type DataTableSizing = {
+    ref: React.RefObject<HTMLDivElement | null>;
+    width?: number;
+    height?: number;
+    inited: boolean;
+    innerWidth: number;
+    rowHeight: number;
+};
+export declare function useDataTableSizing<T>({ columns, innerRowHeight }: DataTableSizingProps<T>): DataTableSizing;
+export declare function viewToCsv<T>(view: DataTableView<T>): string;
+//# sourceMappingURL=data-table-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-utils.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table-utils.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAE,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAOhF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,CAEhF;AAGD,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAGxG;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IAClC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,eAAe,CAsCzG;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,UAiDlD"}

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

@@ -0,0 +1,92 @@
+"use client";
+import { useEffect, useMemo, useRef, useState } from "react";
+// default row height: p-2 (16) + text-sm line-height (20) + 1px border = 37px, matching <Table /> rows
+const DEFAULT_ROW_HEIGHT = 37;
+const ROW_VERTICAL_PADDING = 16; // p-2 top + bottom
+const ROW_BORDER = 1;
+export function getTotalColumnWidth(columns) {
+    return columns.reduce((w, c) => w + c.width, 0);
+}
+// the body uses an overlay scrollbar (ScrollArea) that consumes no width, so no scrollbar gap to add
+export function getInnerTableWidth(columns, containerWidth) {
+    const columnsWidth = getTotalColumnWidth(columns);
+    return Math.max(columnsWidth, containerWidth || 0);
+}
+export function useDataTableSizing({ columns, innerRowHeight }) {
+    const ref = useRef(null);
+    const [size, setSize] = useState({});
+    useEffect(() => {
+        const element = ref.current;
+        if (!element) {
+            return;
+        }
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                const { width, height } = entry.contentRect;
+                setSize((prev) => (prev.width === width && prev.height === height ? prev : { width, height }));
+            }
+        });
+        observer.observe(element);
+        // initial measure
+        const rect = element.getBoundingClientRect();
+        setSize({ width: rect.width, height: rect.height });
+        return () => observer.disconnect();
+    }, []);
+    return useMemo(() => {
+        return {
+            ref,
+            width: size.width,
+            height: size.height,
+            inited: size.width !== undefined,
+            innerWidth: getInnerTableWidth(columns, size.width),
+            rowHeight: innerRowHeight !== undefined ? ROW_VERTICAL_PADDING + innerRowHeight + ROW_BORDER : DEFAULT_ROW_HEIGHT,
+        };
+    }, [columns, size.width, size.height, innerRowHeight]);
+}
+export function viewToCsv(view) {
+    const columns = view.getColumns();
+    const data = view.getData();
+    const rows = [];
+    const cells = [];
+    function addCell(s) {
+        if (typeof s === "string") {
+            if (s.includes('"') || s.includes(",")) {
+                cells.push(`"${s.replace(/"/g, '""')}"`);
+            }
+            else {
+                cells.push(s);
+            }
+        }
+        else {
+            cells.push(s.toString());
+        }
+    }
+    function commitRow() {
+        const row = cells.splice(0, cells.length);
+        rows.push(row);
+    }
+    // fill table
+    if (columns.length > 0) {
+        columns.forEach((c) => {
+            addCell(c.id);
+        });
+        commitRow();
+        data.forEach((d) => {
+            columns.forEach((c) => {
+                addCell(c.rawCell(d));
+            });
+            commitRow();
+        });
+    }
+    // convert to csv string
+    const out = rows.reduce((out, row) => {
+        const rowLen = row.length;
+        return `${out +
+            row.reduce((out, cell, i) => {
+                return out + cell + (i < rowLen - 1 ? "," : "");
+            }, "")}\n`;
+    }, "");
+    return out;
+}
+//# sourceMappingURL=data-table-utils.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare function useDataTableContext(): {
+    striped?: boolean;
+};
+/** The frame. Same flags as `<Table>`: `bordered`, `striped`, `hoverable` (default on), `dividers`. */
+export declare const dataTableVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DataTableProps = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    /** Stretch to the container width (min-w-full). */
+    expand?: boolean;
+    /** Zebra-stripe odd rows. */
+    striped?: boolean;
+    /** Row hover wash (on by default). */
+    hoverable?: boolean;
+    /** Rounded border frame (matches the bordered `<Table>`). */
+    bordered?: boolean;
+    /** Vertical separators between columns. */
+    dividers?: boolean;
+    children?: ReactNode;
+};
+export declare function DataTable({ className, expand, striped, hoverable, bordered, dividers, style, children, ...props }: DataTableProps): import("react").JSX.Element;
+//# sourceMappingURL=data-table-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-base.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAQpE,wBAAgB,mBAAmB;cAFe,OAAO;EAIxD;AAED,uGAAuG;AACvG,eAAO,MAAM,iBAAiB;;8EAW7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAsBhB"}

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

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { createContext, useContext, useMemo } from "react";
+// `striped` is provided via context (not the group) so it can be applied as a plain background class on
+// each row. That lets a per-row override (e.g. a data-driven highlight passed through DataTablePropView)
+// win via tailwind-merge instead of losing to the higher-specificity group selector.
+const DataTableContext = createContext({});
+export function useDataTableContext() {
+    return useContext(DataTableContext);
+}
+/** The frame. Same flags as `<Table>`: `bordered`, `striped`, `hoverable` (default on), `dividers`. */
+export const dataTableVariants = cva("group/data-table relative flex max-w-full flex-col overflow-x-auto overflow-y-hidden text-sm data-expand:min-w-full", {
+    variants: {
+        bordered: {
+            true: "rounded-lg border border-border",
+            false: "",
+        },
+    },
+    defaultVariants: { bordered: false },
+});
+export function DataTable({ className, expand, striped, hoverable = true, bordered, dividers, style, children, ...props }) {
+    const mergedStyle = { height: 250, ...style };
+    const context = useMemo(() => ({ striped }), [striped]);
+    return (_jsx(DataTableContext.Provider, { value: context, children: _jsx("div", { "data-slot": "data-table", "data-expand": expand || undefined, "data-hoverable": hoverable || undefined, "data-bordered": bordered || undefined, "data-striped": striped || undefined, "data-dividers": dividers || undefined, className: cn(dataTableVariants({ bordered: !!bordered }), className), style: mergedStyle, ...props, children: children }) }));
+}
+//# sourceMappingURL=data-table-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-base.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,OAAO,EAAC,aAAa,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAEzD,wGAAwG;AACxG,yGAAyG;AACzG,qFAAqF;AACrF,MAAM,gBAAgB,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAC;AAEhE,MAAM,UAAU,mBAAmB;IAC/B,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACxC,CAAC;AAED,uGAAuG;AACvG,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAChC,qHAAqH,EACrH;IACI,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,iCAAiC;YACvC,KAAK,EAAE,EAAE;SACZ;KACJ;IACD,eAAe,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAC;CACrC,CACJ,CAAC;AAiBF,MAAM,UAAU,SAAS,CAAC,EACtB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACK;IACb,MAAM,WAAW,GAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,2BACc,YAAY,iBACT,MAAM,IAAI,SAAS,oBAChB,SAAS,IAAI,SAAS,mBACvB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAC,CAAC,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACP,GACkB,CAC/B,CAAC;AACN,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-body.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAK5D,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAiClF"}

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+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 DataTableBody({ className, view, ...props }) {
+    const { columns, data } = useDataTableViewDetector({ view });
+    const { ref, innerWidth } = useDataTableSizing({ columns });
+    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, { className: "min-h-0 w-full flex-1", viewportClassName: "[&_[data-slot=data-table-row]:not(:last-child)]:border-b", style: { minWidth: `${innerWidth}px` }, children: data.map((row, index) => {
+                const rowProps = view.getRowProps(row);
+                return (_jsx(DataTableRow, { data: row, columns: columns, even: index % 2 === 1, first: index === 0, last: index === data.length - 1, ...rowProps }, index));
+            }) }) }));
+}
+//# sourceMappingURL=data-table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-body.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-body.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAOpD,MAAM,UAAU,aAAa,CAAI,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAwB;IAC/E,MAAM,EAAC,OAAO,EAAE,IAAI,EAAC,GAAG,wBAAwB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;IACzD,MAAM,EAAC,GAAG,EAAE,UAAU,EAAC,GAAG,kBAAkB,CAAC,EAAC,OAAO,EAAC,CAAC,CAAC;IAExD,OAAO,CACH,2BACc,2BAA2B,EACrC,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACjE,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,eAAe,IACZ,SAAS,EAAC,uBAAuB,EACjC,iBAAiB,EAAC,0DAA0D,EAC5E,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,UAAU,IAAI,EAAC,YAEnC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;gBACvC,OAAO,CACH,KAAC,YAAY,IAET,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,EACrB,KAAK,EAAE,KAAK,KAAK,CAAC,EAClB,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,KAC3B,QAAQ,IANP,KAAK,CAOZ,CACL,CAAC;YACN,CAAC,CAAC,GACY,GAChB,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactNode } from "react";
+declare const dataTableCellVariants: (props?: ({
+    head?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DataTableCellProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof dataTableCellVariants> & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare function DataTableCell({ className, head, children, ...props }: DataTableCellProps): import("react").JSX.Element;
+export { dataTableCellVariants };
+//# sourceMappingURL=data-table-cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAErD,QAAA,MAAM,qBAAqB;;8EAe1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAC3D,YAAY,CAAC,OAAO,qBAAqB,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEN,wBAAgB,aAAa,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,+BAUtF;AAED,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const dataTableCellVariants = cva(
+// `dividers` draws vertical separators between columns (driven by the group on DataTable)
+"flex flex-row flex-nowrap items-center overflow-hidden p-2 text-ellipsis whitespace-nowrap group-data-dividers/data-table:not-last:border-r group-data-dividers/data-table:border-border", {
+    variants: {
+        head: {
+            // same micro label as <TableHead>
+            true: "h-10 py-0 text-xs font-medium text-muted-foreground",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        head: false,
+    },
+});
+export function DataTableCell({ className, head, children, ...props }) {
+    return (_jsx("div", { "data-slot": head ? "data-table-head-cell" : "data-table-cell", className: cn(dataTableCellVariants({ head }), className), ...props, children: children }));
+}
+export { dataTableCellVariants };
+//# sourceMappingURL=data-table-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-cell.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-cell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,MAAM,qBAAqB,GAAG,GAAG;AAC7B,0FAA0F;AAC1F,0LAA0L,EAC1L;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,kCAAkC;YAClC,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACZ;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,KAAK;KACd;CACJ,CACJ,CAAC;AAQF,MAAM,UAAU,aAAa,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACnF,OAAO,CACH,2BACe,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAC5D,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAER,QAAQ,GACP,CACT,CAAC;AACN,CAAC;AAED,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

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

@@ -0,0 +1,40 @@
+import { Input } from "@repraze/kernelkit/components/input";
+import type { ComponentProps, ComponentType } from "react";
+import type { DataTableFilterFn, DataTableFilterView } from "../views/data-table-filter-view";
+import type { DataTableView } from "../views/data-table-view";
+import type { DataTableCellProps } from "./data-table-cell";
+export type DataTableFilterCellProps = DataTableCellProps & {
+    onFilter: (filter: DataTableFilterFn) => void;
+};
+export type DataTableFilterRowProps<T> = {
+    className?: string;
+    view: DataTableView<T>;
+    filterView: DataTableFilterView<T>;
+    filters?: {
+        [K: string]: ComponentType<DataTableFilterCellProps>;
+    };
+};
+export declare function DataTableFilterRow<T>({ className, view, filterView, filters, ...props }: DataTableFilterRowProps<T>): import("react").JSX.Element;
+type InputProps = ComponentProps<typeof Input>;
+export type DataTableStringFilterProps = {
+    exact?: boolean;
+    sensitive?: boolean;
+    inputProps?: InputProps;
+};
+export declare function createDataTableStringFilter({ exact, sensitive, inputProps, }?: DataTableStringFilterProps): ComponentType<DataTableFilterCellProps>;
+export type DataTableNumberFilterProps = {
+    min?: number;
+    max?: number;
+    step?: number;
+    pattern?: string;
+    inputProps?: InputProps;
+};
+export declare function createDataTableNumberFilter({ min, max, step, pattern, inputProps, }?: DataTableNumberFilterProps): ComponentType<DataTableFilterCellProps>;
+export type DataTableDateFilterProps = DataTableNumberFilterProps;
+export declare function createDataTableDateFilter({ min, max, step, pattern, inputProps, }?: DataTableDateFilterProps): ComponentType<DataTableFilterCellProps>;
+export type DataTableBooleanFilterProps = {
+    selectProps?: Omit<ComponentProps<"select">, "size">;
+};
+export declare function createDataTableBooleanFilter({ selectProps, }?: DataTableBooleanFilterProps): ComponentType<DataTableFilterCellProps>;
+export {};
+//# sourceMappingURL=data-table-filter-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-row.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-filter-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,qCAAqC,CAAC;AAG1D,OAAO,KAAK,EAAqB,cAAc,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAG7E,OAAO,KAAK,EAAC,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,iCAAiC,CAAC;AAC5F,OAAO,KAAK,EAAC,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAEjF,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAG1D,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IACxD,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAA;KAAC,CAAC;CACpE,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,+BAoCjH;AAED,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EACxC,KAAK,EACL,SAAS,EACT,UAAU,GACb,GAAE,0BAA+B,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAyB3E;AAED,MAAM,MAAM,0BAA0B,GAAG;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EACxC,GAAG,EACH,GAAG,EACH,IAAI,EACJ,OAAO,EACP,UAAU,GACb,GAAE,0BAA+B,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAgB3E;AAED,MAAM,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAGlE,wBAAgB,yBAAyB,CAAC,EACtC,GAAG,EACH,GAAG,EACH,IAAI,EACJ,OAAO,EACP,UAAU,GACb,GAAE,wBAA6B,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAwCzE;AAED,MAAM,MAAM,2BAA2B,GAAG;IACtC,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;CACxD,CAAC;AAQF,wBAAgB,4BAA4B,CAAC,EACzC,WAAW,GACd,GAAE,2BAAgC,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAwB5E"}

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

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "@repraze/kernelkit/components/input";
+import { NativeSelect, NativeSelectOption } from "@repraze/kernelkit/components/native-select";
+import { cn } from "cn";
+import { useCallback } from "react";
+import { useDataTableViewDetector } from "../views/data-table-view";
+import { DataTableRow } from "./data-table-row";
+export function DataTableFilterRow({ className, view, filterView, filters, ...props }) {
+    const { columns } = useDataTableViewDetector({ view });
+    const handleFilter = useCallback((columnId, filter) => {
+        const filters = filterView.getFilters();
+        // not making a copy for speed
+        filters[columnId] = filter;
+        filterView.setFilters(filters);
+    }, [filterView]);
+    const filterColumns = columns.map((column) => ({
+        ...column,
+        cell: () => {
+            const columnId = column.id;
+            const FilterCell = filters && columnId in filters ? filters[columnId] : undefined;
+            if (FilterCell) {
+                return _jsx(FilterCell, { onFilter: (filter) => handleFilter(columnId, filter) });
+            }
+            else {
+                return null;
+            }
+        },
+        cellProps: () => ({
+            className: "px-1.5",
+        }),
+        rawCell: () => undefined,
+    }));
+    return (_jsx(DataTableRow, { className: cn("data-table-filter-row", className), columns: filterColumns, data: undefined, head: true, ...props }));
+}
+export function createDataTableStringFilter({ exact, sensitive, inputProps, } = {}) {
+    let method = (_fv, _rv) => false; // dummy
+    if (exact) {
+        if (sensitive) {
+            method = (fv, rv) => !fv || `${rv}` === fv;
+        }
+        else {
+            method = (fv, rv) => !fv || `${rv}`.toLowerCase() === fv.toLowerCase();
+        }
+    }
+    else {
+        if (sensitive) {
+            method = (fv, rv) => !fv || `${rv}`.includes(fv);
+        }
+        else {
+            method = (fv, rv) => !fv || `${rv}`.toLowerCase().includes(fv.toLowerCase());
+        }
+    }
+    return function StringFilter({ onFilter }) {
+        return (_jsx(Input, { type: "text", className: "h-7 rounded-md px-2", onChange: (e) => onFilter(method.bind(undefined, e.target.value)), ...inputProps }));
+    };
+}
+export function createDataTableNumberFilter({ min, max, step, pattern, inputProps, } = {}) {
+    const method = (fv, cv) => !fv || cv == fv; // weak equality to match strings to numbers
+    return function NumberFilter({ onFilter }) {
+        return (_jsx(Input, { type: "number", className: "h-7 rounded-md px-2", min: min, max: max, step: step, pattern: pattern, onChange: (e) => onFilter(method.bind(undefined, e.target.valueAsNumber)), ...inputProps }));
+    };
+}
+const DAY = 1000 * 60 * 60 * 24;
+export function createDataTableDateFilter({ min, max, step, pattern, inputProps, } = {}) {
+    function withinDay(fv, cv) {
+        if (cv !== undefined) {
+            const b = fv.getTime();
+            const t = "getTime" in cv ? cv.getTime() : cv;
+            return t >= b && t < b + DAY;
+        }
+        return false;
+    }
+    const method = (fv, cv) => fv === undefined || withinDay(fv, cv); // within 1 day
+    return function DateFilter({ onFilter }) {
+        const handleChange = useCallback((event) => {
+            const date = event.target.valueAsDate;
+            if (date) {
+                // force beginning of local day
+                date.setMilliseconds(0);
+                date.setSeconds(0);
+                date.setMinutes(0);
+                date.setHours(0);
+                onFilter(method.bind(undefined, date));
+            }
+            else {
+                onFilter(method.bind(undefined, undefined));
+            }
+        }, [onFilter]);
+        return (_jsx(Input, { type: "date", className: "h-7 rounded-md px-2", min: min, max: max, step: step, pattern: pattern, onChange: handleChange, ...inputProps }));
+    };
+}
+var BOOLEAN_FILTER_VALUE;
+(function (BOOLEAN_FILTER_VALUE) {
+    BOOLEAN_FILTER_VALUE["All"] = "all";
+    BOOLEAN_FILTER_VALUE["True"] = "true";
+    BOOLEAN_FILTER_VALUE["False"] = "false";
+})(BOOLEAN_FILTER_VALUE || (BOOLEAN_FILTER_VALUE = {}));
+export function createDataTableBooleanFilter({ selectProps, } = {}) {
+    const method = (fv, cv) => fv === undefined || fv == cv; // weak equality
+    return function BooleanFilter({ onFilter }) {
+        const handleChange = useCallback((event) => {
+            const value = event.target.value;
+            if (value === BOOLEAN_FILTER_VALUE.All) {
+                onFilter(method.bind(undefined, undefined));
+            }
+            else if (value === BOOLEAN_FILTER_VALUE.True) {
+                onFilter(method.bind(undefined, true));
+            }
+            else {
+                onFilter(method.bind(undefined, false));
+            }
+        }, [onFilter]);
+        return (_jsxs(NativeSelect, { size: "sm", className: "w-full", onChange: handleChange, ...selectProps, children: [_jsx(NativeSelectOption, { value: BOOLEAN_FILTER_VALUE.All, children: "All" }), _jsx(NativeSelectOption, { value: BOOLEAN_FILTER_VALUE.True, children: "Yes" }), _jsx(NativeSelectOption, { value: BOOLEAN_FILTER_VALUE.False, children: "No" })] }));
+    };
+}
+//# sourceMappingURL=data-table-filter-row.js.map

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

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

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableFootProps<T> = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    view: DataTableView<T>;
+    children?: ReactNode;
+};
+export declare function DataTableFoot<T>({ className, view, children, ...props }: DataTableFootProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=data-table-foot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-foot.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-foot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAG5D,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAoB5F"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { useDataTableSizing } from "../data-table-utils";
+import { useDataTableViewDetector } from "../views/data-table-view";
+export function DataTableFoot({ className, view, children, ...props }) {
+    const { columns } = useDataTableViewDetector({ view });
+    const { ref, innerWidth } = useDataTableSizing({ columns });
+    return (_jsx("div", { "data-slot": "data-table-foot-container", className: cn("relative flex shrink-0 grow-0 basis-auto flex-col", className), ref: ref, ...props, children: _jsx("div", { "data-slot": "data-table-foot", className: "flex w-full shrink-0 grow-0 flex-col *:data-[slot=data-table-row]:border-t *:data-[slot=data-table-row]:border-border *:data-[slot=data-table-row]:bg-muted/50 *:data-[slot=data-table-row]:text-foreground *:data-[slot=data-table-row]:font-medium", style: { minWidth: `${innerWidth}px` }, children: children }) }));
+}
+//# sourceMappingURL=data-table-foot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-foot.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-foot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAQlE,MAAM,UAAU,aAAa,CAAI,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB;IACzF,MAAM,EAAC,OAAO,EAAC,GAAG,wBAAwB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;IACnD,MAAM,EAAC,GAAG,EAAE,UAAU,EAAC,GAAG,kBAAkB,CAAC,EAAC,OAAO,EAAC,CAAC,CAAC;IAExD,OAAO,CACH,2BACc,2BAA2B,EACrC,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,EAC7E,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,2BACc,iBAAiB,EAC3B,SAAS,EAAC,sPAAsP,EAChQ,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,UAAU,IAAI,EAAC,YAEnC,QAAQ,GACP,GACJ,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableHeadProps<T> = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    view: DataTableView<T>;
+    children?: ReactNode;
+};
+export declare function DataTableHead<T>({ className, view, children, ...props }: DataTableHeadProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=data-table-head.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-head.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAG5D,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAoB5F"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { useDataTableSizing } from "../data-table-utils";
+import { useDataTableViewDetector } from "../views/data-table-view";
+export function DataTableHead({ className, view, children, ...props }) {
+    const { columns } = useDataTableViewDetector({ view });
+    const { ref, innerWidth } = useDataTableSizing({ columns });
+    return (_jsx("div", { "data-slot": "data-table-head-container", className: cn("relative flex shrink-0 grow-0 basis-auto flex-col", className), ref: ref, ...props, children: _jsx("div", { "data-slot": "data-table-head", className: "flex w-full shrink-0 grow-0 flex-col *:data-[slot=data-table-row]:border-b *:data-[slot=data-table-row]:border-border", style: { minWidth: `${innerWidth}px` }, children: children }) }));
+}
+//# sourceMappingURL=data-table-head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-head.js","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-head.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAQlE,MAAM,UAAU,aAAa,CAAI,EAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB;IACzF,MAAM,EAAC,OAAO,EAAC,GAAG,wBAAwB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;IACnD,MAAM,EAAC,GAAG,EAAE,UAAU,EAAC,GAAG,kBAAkB,CAAC,EAAC,OAAO,EAAC,CAAC,CAAC;IAExD,OAAO,CACH,2BACc,2BAA2B,EACrC,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,EAC7E,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,2BACc,iBAAiB,EAC3B,SAAS,EAAC,uHAAuH,EACjI,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,UAAU,IAAI,EAAC,YAEnC,QAAQ,GACP,GACJ,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { DataTableView } from "../views/data-table-view";
+export type DataTableInfoRowProps<T> = {
+    className?: string;
+    view: DataTableView<T>;
+};
+export declare function DataTableInfoRow<T>({ className, view, ...props }: DataTableInfoRowProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=data-table-info-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-info-row.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/elements/data-table-info-row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAIjF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAwBxF"}