@kosmeo-ui/react 0.1.0

package/dist/components/data-display/addressBlock/index.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export interface AddressBlockAddress {
+    name?: string | null;
+    company?: string | null;
+    street1?: string | null;
+    street2?: string | null;
+    city?: string | null;
+    stateProvince?: string | null;
+    postalCode?: string | null;
+    countryCode?: string | null;
+    phone?: string | null;
+    email?: string | null;
+}
+export interface AddressBlockProps {
+    address: AddressBlockAddress;
+    /** Uppercase label rendered above the address (e.g. "Ship to"). */
+    label?: ReactNode;
+    /** "full" (default): name+company+full multi-line. "compact": single block. */
+    variant?: "full" | "compact";
+    /** Suppress phone + email lines. */
+    hideContact?: boolean;
+}
+declare const AddressBlock: ({ address, label, variant, hideContact, }: AddressBlockProps) => import("react").JSX.Element;
+export default AddressBlock;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/addressBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/addressBlock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,QAAA,MAAM,YAAY,GAAI,2CAKnB,iBAAiB,gCAgCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/addressBlock/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const join = (...parts) => parts.filter(Boolean).join(", ");
+const AddressBlock = ({ address, label, variant = "full", hideContact, }) => {
+    const cityLine = [address.city, address.stateProvince, address.postalCode]
+        .filter(Boolean)
+        .join(" ");
+    const region = join(cityLine, address.countryCode ?? undefined);
+    return (_jsxs("div", { className: `k-address-block k-address-block-${variant}`, children: [label && _jsx("div", { className: "k-address-block-label", children: label }), _jsxs("address", { className: "k-address-block-body", children: [variant === "full" && (address.name || address.company) && (_jsxs("div", { className: "k-address-block-name", children: [address.name, address.name && address.company && " · ", address.company] })), address.street1 && (_jsx("div", { className: "k-address-block-street", children: address.street1 })), address.street2 && (_jsx("div", { className: "k-address-block-street", children: address.street2 })), region && _jsx("div", { className: "k-address-block-region", children: region }), !hideContact && (address.phone || address.email) && (_jsx("div", { className: "k-address-block-contact", children: [address.phone, address.email].filter(Boolean).join(" · ") }))] })] }));
+};
+export default AddressBlock;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/addressBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/addressBlock/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAyBtB,MAAM,IAAI,GAAG,CAAC,GAAG,KAAoC,EAAE,EAAE,CACvD,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,WAAW,GACO,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC;SACvE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAE,mCAAmC,OAAO,EAAE,aACzD,KAAK,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,EAC9D,mBAAS,SAAS,EAAC,sBAAsB,aACtC,OAAO,KAAK,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAC1D,eAAK,SAAS,EAAC,sBAAsB,aAClC,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,EACxC,OAAO,CAAC,OAAO,IACZ,CACP,EACA,OAAO,CAAC,OAAO,IAAI,CAClB,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,CAAC,OAAO,GAAO,CAChE,EACA,OAAO,CAAC,OAAO,IAAI,CAClB,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,CAAC,OAAO,GAAO,CAChE,EACA,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,EAChE,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CACnD,cAAK,SAAS,EAAC,yBAAyB,YACrC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GACvD,CACP,IACO,IACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/addressBlock/styles.css

@@ -0,0 +1,41 @@
+.k-address-block {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0;
+}
+
+.k-address-block-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--text-color);
+  opacity: 0.65;
+}
+
+.k-address-block-body {
+  font-style: normal;
+  font-size: 0.9375rem;
+  line-height: 1.4;
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  word-break: break-word;
+}
+
+.k-address-block-name {
+  font-weight: 600;
+}
+
+.k-address-block-contact {
+  font-size: 0.8125rem;
+  color: var(--text-color);
+  opacity: 0.7;
+  margin-top: 0.125rem;
+}
+
+.k-address-block-compact .k-address-block-body {
+  font-size: 0.875rem;
+  gap: 0;
+}

package/dist/components/data-display/colorSwatch/index.d.ts

@@ -0,0 +1,12 @@
+import "./styles.css";
+export interface ColorSwatchProps {
+    color: string;
+    size?: "sm" | "md" | "lg";
+    /** Border around swatch. Defaults to true. */
+    bordered?: boolean;
+    /** Accessible label (rendered as title attribute). */
+    title?: string;
+}
+declare const ColorSwatch: ({ color, size, bordered, title, }: ColorSwatchProps) => import("react").JSX.Element;
+export default ColorSwatch;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/colorSwatch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,mCAKlB,gBAAgB,gCAYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/data-display/colorSwatch/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const ColorSwatch = ({ color, size = "md", bordered = true, title, }) => {
+    return (_jsx("span", { role: "img", "aria-label": title, title: title, style: { backgroundColor: color }, className: `k-color-swatch k-color-swatch-${size} ${bordered ? "k-color-swatch-bordered" : ""}`.trim() }));
+};
+export default ColorSwatch;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/colorSwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAWtB,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,KAAK,GACY,EAAE,EAAE;IACrB,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,iCAAiC,IAAI,IAC9C,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACzC,EAAE,CAAC,IAAI,EAAE,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/data-display/colorSwatch/styles.css

@@ -0,0 +1,25 @@
+.k-color-swatch {
+  display: inline-block;
+  border-radius: 50%;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+
+.k-color-swatch-bordered {
+  border: 0.0625rem solid var(--border-color);
+}
+
+.k-color-swatch-sm {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+.k-color-swatch-md {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.k-color-swatch-lg {
+  width: 1.25rem;
+  height: 1.25rem;
+}

package/dist/components/data-display/dataTable/index.d.ts

@@ -0,0 +1,28 @@
+import { TableColumn, TableLeadingColumn, TableRow } from "./types.js";
+import { type RefObject } from "react";
+import "../table/styles.css";
+import "./styles.css";
+export interface DataTableProps<TData> {
+    columns: TableColumn<TData>[];
+    rows: TableRow<TData>[];
+    /** Optional leading column (used by InfiniteScroll for checkbox). */
+    leadingColumn?: TableLeadingColumn<TData>;
+    /** Row click handler. Receives the row data. */
+    onRowClick?: (data: TData) => void;
+    /**
+     * Scroll container to virtualize against. When set AND the row count
+     * crosses VIRTUALIZATION_THRESHOLD, only visible rows are rendered.
+     * Virtualization is strictly opt-in: omit this prop to render all rows.
+     */
+    scrollParentRef?: RefObject<HTMLElement | null>;
+    /** Striped rows. Defaults to true. */
+    striped?: boolean;
+    /** Bordered cells. Defaults to true. */
+    bordered?: boolean;
+    /** Hover highlight. Defaults to true. */
+    hover?: boolean;
+}
+declare const DataTable: <TData extends object>(props: DataTableProps<TData>) => import("react").JSX.Element;
+export default DataTable;
+export type { TableColumn, TableRow, TableLeadingColumn } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/dataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC,gCA8JpE,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-display/dataTable/index.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import parseDataKey from "./utils/parseDataKey.js";
+import { useMemo } from "react";
+import "../table/styles.css";
+import "./styles.css";
+// Below this row count the DOM cost is negligible and virtualization's
+// layout-thrash overhead isn't worth it. Above it, scrolling starts to
+// feel sluggish without windowing.
+const VIRTUALIZATION_THRESHOLD = 100;
+// Reasonable starting guess for row height. react-virtual measures real
+// heights via measureElement, so this only affects the first paint before
+// a row has been measured.
+const ESTIMATED_ROW_HEIGHT = 56;
+// Render extra rows above/below the viewport so fast scrolls don't flash
+// blank space before react-virtual catches up.
+const OVERSCAN = 8;
+const DataTable = (props) => {
+    const { columns, rows, leadingColumn, onRowClick, scrollParentRef, striped = true, bordered = true, hover = true, } = props;
+    const shouldVirtualize = !!scrollParentRef && rows.length > VIRTUALIZATION_THRESHOLD;
+    const virtualizer = useVirtualizer({
+        count: rows.length,
+        getScrollElement: () => scrollParentRef?.current ?? null,
+        estimateSize: () => ESTIMATED_ROW_HEIGHT,
+        overscan: OVERSCAN,
+        enabled: shouldVirtualize,
+    });
+    const tableColumns = useMemo(() => {
+        const headers = [];
+        if (leadingColumn) {
+            headers.push(_jsx("th", { className: "k-data-table-leading", children: leadingColumn.header }, "leading"));
+        }
+        for (const c of columns) {
+            const content = c.headerElement ? c.headerElement(c.title) : c.title;
+            const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
+            headers.push(_jsx("th", { className: `k-data-table-header-cell ${alignClass}`.trim(), style: { width: c.width, minWidth: c.minWidth, maxWidth: c.maxWidth }, children: content }, headers.length));
+        }
+        return headers;
+    }, [columns, leadingColumn]);
+    const renderRow = (row) => {
+        const cells = [];
+        if (leadingColumn) {
+            const disable = leadingColumn.disableRowClick ?? true;
+            cells.push(_jsx("td", { className: "k-data-table-leading", onClick: disable ? (e) => e.stopPropagation() : undefined, children: leadingColumn.cell(row) }, "leading"));
+        }
+        for (const c of columns) {
+            const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
+            const content = c.cellElement
+                ? c.cellElement(row.data, row.index)
+                : c.dataKey
+                    ? parseDataKey(c.dataKey, row.data)
+                    : undefined;
+            cells.push(_jsx("td", { className: alignClass, onClick: c.disableRowClick ? (e) => e.stopPropagation() : undefined, children: content }, cells.length));
+        }
+        return cells;
+    };
+    const columnSpan = columns.length + (leadingColumn ? 1 : 0);
+    const body = shouldVirtualize
+        ? (() => {
+            const virtualRows = virtualizer.getVirtualItems();
+            const totalSize = virtualizer.getTotalSize();
+            const topSpacer = virtualRows[0]?.start ?? 0;
+            const bottomSpacer = virtualRows.length > 0
+                ? totalSize - (virtualRows[virtualRows.length - 1]?.end ?? 0)
+                : 0;
+            return (_jsxs(_Fragment, { children: [topSpacer > 0 && (_jsx("tr", { "aria-hidden": "true", children: _jsx("td", { className: "k-data-table-spacer", colSpan: columnSpan, style: { height: topSpacer } }) })), virtualRows.map((vr) => {
+                        const row = rows[vr.index];
+                        return (_jsx("tr", { "data-index": vr.index, ref: virtualizer.measureElement, className: onRowClick ? "k-data-table-row-clickable" : "", onClick: () => onRowClick?.(row.data), children: renderRow(row) }, row.index));
+                    }), bottomSpacer > 0 && (_jsx("tr", { "aria-hidden": "true", children: _jsx("td", { className: "k-data-table-spacer", colSpan: columnSpan, style: { height: bottomSpacer } }) }))] }));
+        })()
+        : rows.map((row) => (_jsx("tr", { className: onRowClick ? "k-data-table-row-clickable" : "", onClick: () => onRowClick?.(row.data), children: renderRow(row) }, row.index)));
+    const tableClasses = [
+        "k-table",
+        striped ? "k-table-striped" : "",
+        hover ? "k-table-hover" : "",
+        bordered ? "k-table-bordered" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("table", { className: tableClasses, children: [_jsx("thead", { children: _jsx("tr", { children: tableColumns }) }), _jsx("tbody", { children: body })] }));
+};
+export default DataTable;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/dataTable/index.js.map

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

package/dist/components/data-display/dataTable/styles.css

@@ -0,0 +1,54 @@
+.k-data-table-leading {
+  text-align: center;
+  vertical-align: middle;
+  width: 3rem;
+}
+
+.k-data-table-spacer {
+  padding: 0;
+  border: 0;
+}
+
+.k-data-table-header-cell {
+  text-align: center;
+}
+
+.k-data-table-row-clickable {
+  cursor: pointer;
+}
+
+.k-data-table-row-clickable:hover {
+  background-color: var(--bg-hover) !important;
+}
+
+/* Alignment classes using flexbox for reliable alignment of any content */
+td.k-data-table-align-left,
+th.k-data-table-align-left {
+  text-align: left;
+}
+
+td.k-data-table-align-left > *,
+th.k-data-table-align-left > * {
+  margin-right: auto;
+}
+
+td.k-data-table-align-center,
+th.k-data-table-align-center {
+  text-align: center;
+}
+
+td.k-data-table-align-center > *,
+th.k-data-table-align-center > * {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+td.k-data-table-align-right,
+th.k-data-table-align-right {
+  text-align: right;
+}
+
+td.k-data-table-align-right > *,
+th.k-data-table-align-right > * {
+  margin-left: auto;
+}

package/dist/components/data-display/dataTable/types.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from "react";
+/**
+ * DataKey is the key used to access the data in the data object.
+ *
+ * To access nested data, use dot notation.
+ *
+ * For example, if the data object is { foo: { bar: "baz" } }, then the dataKey would be "foo.bar"
+ *
+ * To access an array, use bracket notation.
+ *
+ * For example, if the data object is { foo: ["bar", "baz"] }, then the dataKey would be "foo[0]"
+ *
+ * To access an array of objects, use dot notation and bracket notation.
+ *
+ * For example, if the data object is { foo: [{ bar: "baz" }] }, then the dataKey would be "foo[0].bar"
+ */
+export type DataKey = string;
+export interface TableColumn<TData> {
+    /**
+     * The title to render inside the <th> tags
+     *
+     * NOTE: This is also the value that will be passed to the headerElement function.
+     */
+    title: string;
+    /**
+     * Required if there is no cellElement function.
+     *
+     * DataKey is the key used to access the data in the data object.
+     *
+     * This data is what will be displayed in the <td> tags.
+     */
+    dataKey?: DataKey;
+    /** When true, the column is omitted from the rendered table. */
+    hidden?: boolean;
+    /** The desired fixed width of the column */
+    width?: React.CSSProperties["width"];
+    /** The desired minimum width of the column */
+    minWidth?: React.CSSProperties["minWidth"];
+    /** The desired maximum width of the column */
+    maxWidth?: React.CSSProperties["maxWidth"];
+    /** Text alignment for the column content. Defaults to 'left' */
+    align?: "left" | "center" | "right";
+    /**
+     * When true, clicking on cells in this column will not trigger the row click handler
+     */
+    disableRowClick?: boolean;
+    /**
+     * React Element to render inside the <th> tags.
+     */
+    headerElement?: (title: string) => ReactNode | string;
+    /**
+     * React Element to render inside the <td> tags. Receives the row data and
+     * the zero-based row index — index is needed by inline-editable tables that
+     * dispatch updates targeting a specific row.
+     */
+    cellElement?: (rowData: TData, index: number) => ReactNode | string;
+}
+export interface TableRow<TData> {
+    index: number;
+    data: TData;
+}
+export interface TableLeadingColumn<TData> {
+    header: ReactNode;
+    cell: (row: TableRow<TData>) => ReactNode;
+    /** When true, clicks on the leading cell don't trigger the row click. Defaults to true. */
+    disableRowClick?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/data-display/dataTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,WAAW,CAAC,KAAK;IAChC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,MAAM,CAAC;IACtD;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,MAAM,CAAC;CACrE;AAED,MAAM,WAAW,QAAQ,CAAC,KAAK;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IAC1C,2FAA2F;IAC3F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/data-display/dataTable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/data-display/dataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts

@@ -0,0 +1,3 @@
+declare const parseDataKey: (dataKey: string, data: any) => any;
+export default parseDataKey;
+//# sourceMappingURL=parseDataKey.d.ts.map

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseDataKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,MAAM,GAAG,QAmC/C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/dataTable/utils/parseDataKey.js

@@ -0,0 +1,44 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const parseDataKey = (dataKey, data) => {
+    let value = data;
+    let more = false;
+    do {
+        const dotIndex = dataKey.indexOf(".");
+        const bracketIndex = dataKey.indexOf("[");
+        if (bracketIndex === -1 && dotIndex === -1) {
+            value = value[dataKey];
+            more = false;
+        }
+        else if (bracketIndex === -1) {
+            const key = dataKey.substring(0, dotIndex);
+            value = value[key];
+            dataKey = dataKey.substring(dotIndex + 1);
+            more = true;
+        }
+        else if (dotIndex === -1) {
+            const key = dataKey.substring(0, bracketIndex);
+            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
+            value = value[key][parseInt(index)];
+            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
+            more = true;
+        }
+        else if (bracketIndex < dotIndex) {
+            const key = dataKey.substring(0, bracketIndex);
+            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
+            value = value[key][parseInt(index)];
+            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
+            more = true;
+        }
+        else {
+            const key = dataKey.substring(0, dotIndex);
+            value = value[key];
+            dataKey = dataKey.substring(dotIndex + 1);
+            more = true;
+        }
+    } while (more);
+    if (value === undefined)
+        throw new Error(`Invalid dataKey: ${dataKey}`);
+    return value;
+};
+export default parseDataKey;
+//# sourceMappingURL=parseDataKey.js.map

package/dist/components/data-display/dataTable/utils/parseDataKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseDataKey.js","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,IAAS,EAAE,EAAE;IAClD,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,GAAG,CAAC;QACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,YAAY,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,GAAG,KAAK,CAAC;QACf,CAAC;aAAM,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;YAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,GAAG,QAAQ,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;IACH,CAAC,QAAQ,IAAI,EAAE;IACf,IAAI,KAAK,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,OAAO,EAAE,CAAC,CAAC;IACxE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/imagePreview/index.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface ImagePreviewProps extends PropsWithSize {
+    /** An array of URLs for the images to be previewed. */
+    previewUrls: string[];
+    /** Called when the "Clear" action is pressed. */
+    onClear: () => void;
+    /** Called when the "Change" action is pressed (typically reopens the picker). */
+    onChange: () => void;
+}
+declare const ImagePreview: (props: ImagePreviewProps) => import("react").JSX.Element;
+export default ImagePreview;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/imagePreview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/imagePreview/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,iBAAkB,SAAQ,aAAa;IAC/C,uDAAuD;IACvD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAwB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/imagePreview/index.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "../../buttons/button/index.js";
+import "./styles.css";
+const ImagePreview = (props) => {
+    const { size = "md" } = props;
+    return (_jsxs("div", { className: `k-image-preview-area`, children: [_jsx("div", { className: "k-image-previews-grid", children: props.previewUrls.map((url, index) => (_jsx("img", { src: url, alt: `Preview ${index + 1}`, className: `k-image-preview-item k-image-preview-item-${size}` }, index))) }), _jsxs("div", { className: "k-image-preview-actions", children: [_jsxs(Button, { onClick: props.onChange, variant: "secondary", size: size, children: ["Change Image", props.previewUrls.length > 1 ? "s" : ""] }), _jsxs(Button, { size: size, variant: "danger", onClick: props.onClear, children: ["Clear ", props.previewUrls.length > 1 ? "All Images" : "Image"] })] })] }));
+};
+export default ImagePreview;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/imagePreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/imagePreview/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,OAAO,cAAc,CAAC;AAWtB,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,aACpC,cAAK,SAAS,EAAC,uBAAuB,YACnC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,cAEE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,WAAW,KAAK,GAAG,CAAC,EAAE,EAC3B,SAAS,EAAE,6CAA6C,IAAI,EAAE,IAHzD,KAAK,CAIV,CACH,CAAC,GACE,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,MAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,6BAClD,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAC7C,EACT,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,uBAClD,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,IACrD,IACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/imagePreview/styles.css

@@ -0,0 +1,52 @@
+.k-image-preview-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+  border: 0.0625rem dashed var(--border-color);
+  border-radius: 0.25rem;
+  padding: 0.5rem;
+}
+
+.k-image-previews-grid {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 1rem;
+  justify-content: flex-start;
+  width: 100%;
+  overflow-x: auto;
+  padding: 0 0.5rem 0.5rem 0.5rem;
+  box-sizing: border-box;
+}
+
+.k-image-preview-item {
+  object-fit: cover;
+  border-radius: 0.25rem;
+  box-shadow: 0 0.125rem 0.25rem var(--shadow-color);
+  flex-shrink: 0;
+}
+
+.k-image-preview-item-sm {
+  max-width: 7rem;
+  min-width: 7rem;
+  height: 7rem;
+}
+
+.k-image-preview-item-md {
+  max-width: 10rem;
+  min-width: 10rem;
+  height: 10rem;
+}
+
+.k-image-preview-item-lg {
+  max-width: 13rem;
+  min-width: 13rem;
+  height: 13rem;
+}
+
+.k-image-preview-actions {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}

package/dist/components/data-display/infiniteScroll/filters/index.d.ts

@@ -0,0 +1,11 @@
+import { InfiniteScrollMenuGeneratedFilter } from "../types.js";
+import { ReactNode, SetStateAction } from "react";
+import "./styles.css";
+interface InfiniteScrollMenuFiltersProps {
+    pendingFilters: InfiniteScrollMenuGeneratedFilter[];
+    handleNewPendingFilters: (filters: SetStateAction<InfiniteScrollMenuGeneratedFilter[]>) => void;
+    children?: ReactNode;
+}
+declare const Filters: (props: InfiniteScrollMenuFiltersProps) => import("react").JSX.Element;
+export default Filters;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/infiniteScroll/filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAK/D,OAAO,cAAc,CAAC;AAEtB,UAAU,8BAA8B;IACtC,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,uBAAuB,EAAE,CACvB,OAAO,EAAE,cAAc,CAAC,iCAAiC,EAAE,CAAC,KACzD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,gCAwDrD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/index.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import SelectFilter from "./selectFilter.js";
+import SearchFilter from "./searchFilter.js";
+import RangeFilter from "./rangeFilter.js";
+import ListFilter from "./listFilter.js";
+import "./styles.css";
+const Filters = (props) => {
+    const handleFilterChange = useCallback((filter) => {
+        props.handleNewPendingFilters((prevFilters) => prevFilters.map((f) => (f.filterId === filter.filterId ? filter : f)));
+    }, [props.handleNewPendingFilters]);
+    const getFilter = (filter) => {
+        if (filter.type === "SELECT") {
+            return (_jsx(SelectFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+        }
+        else if (filter.type === "RANGE") {
+            return (_jsx(RangeFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+        }
+        else if (filter.type === "SEARCH") {
+            return (_jsx(SearchFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+        }
+        else {
+            return (_jsx(ListFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+        }
+    };
+    return (_jsxs("div", { className: "k-menu-filters-container", children: [_jsx("div", { className: "k-menu-filters", children: props.pendingFilters.map(getFilter) }), props.children && (_jsx("div", { className: "k-menu-filters-buttons", children: props.children }))] }));
+};
+export default Filters;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/infiniteScroll/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,cAAc,CAAC;AAUtB,MAAM,OAAO,GAAG,CAAC,KAAqC,EAAE,EAAE;IACxD,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAyC,EAAE,EAAE;QAC5C,KAAK,CAAC,uBAAuB,CAAC,CAAC,WAAW,EAAE,EAAE,CAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACtE,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAChC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,MAAyC,EAAE,EAAE;QAC9D,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnC,OAAO,CACL,KAAC,WAAW,IAEV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpC,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,GAChC,EACL,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAC/D,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/listFilter.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+import { GeneratedListFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollListFilterProps {
+    filter: GeneratedListFilter;
+    onFilterChange: (filter: InfiniteScrollMenuGeneratedFilter) => void;
+}
+declare const ListFilter: (props: InfiniteScrollListFilterProps) => import("react").JSX.Element;
+export default ListFilter;
+//# sourceMappingURL=listFilter.d.ts.map

package/dist/components/data-display/infiniteScroll/filters/listFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/listFilter.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,6BAA6B;IACrC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,6BAA6B,gCA8DvD,CAAC;AAEF,eAAe,UAAU,CAAC"}