@acmekit/ui 4.1.1

package/dist/esm/blocks/data-table/context/data-table-context-provider.js

@@ -0,0 +1,12 @@
+"use client";
+import * as React from "react";
+import { DataTableContext } from "./data-table-context";
+const DataTableContextProvider = ({ instance, children, }) => {
+    return (React.createElement(DataTableContext.Provider, { value: {
+            instance,
+            enableColumnVisibility: instance.enableColumnVisibility,
+            enableColumnOrder: instance.enableColumnOrder
+        } }, children));
+};
+export { DataTableContextProvider };
+//# sourceMappingURL=data-table-context-provider.js.map

package/dist/esm/blocks/data-table/context/data-table-context-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context-provider.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/context/data-table-context-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAOvD,MAAM,wBAAwB,GAAG,CAAS,EACxC,QAAQ,EACR,QAAQ,GAC6B,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,QAAQ;YACR,sBAAsB,EAAE,QAAQ,CAAC,sBAAsB;YACvD,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB;SAC9C,IAEA,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { UseDataTableReturn } from \"../use-data-table\"\nimport { DataTableContext } from \"./data-table-context\"\n\ntype DataTableContextProviderProps<TData> = {\n  instance: UseDataTableReturn<TData>\n  children: React.ReactNode\n}\n\nconst DataTableContextProvider = <TData,>({\n  instance,\n  children,\n}: DataTableContextProviderProps<TData>) => {\n  return (\n    <DataTableContext.Provider \n      value={{ \n        instance,\n        enableColumnVisibility: instance.enableColumnVisibility,\n        enableColumnOrder: instance.enableColumnOrder\n      }}\n    >\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport { DataTableContextProvider }\n"]}

package/dist/esm/blocks/data-table/context/data-table-context.d.ts

@@ -0,0 +1,8 @@
+import { UseDataTableReturn } from "../use-data-table";
+export interface DataTableContextValue<TData> {
+    instance: UseDataTableReturn<TData>;
+    enableColumnVisibility: boolean;
+    enableColumnOrder: boolean;
+}
+export declare const DataTableContext: import("react").Context<DataTableContextValue<any> | null>;
+//# sourceMappingURL=data-table-context.d.ts.map

package/dist/esm/blocks/data-table/context/data-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/context/data-table-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACnC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,gBAAgB,4DAC2B,CAAA"}

package/dist/esm/blocks/data-table/context/data-table-context.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+export const DataTableContext = createContext(null);
+//# sourceMappingURL=data-table-context.js.map

package/dist/esm/blocks/data-table/context/data-table-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/context/data-table-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AASrC,MAAM,CAAC,MAAM,gBAAgB,GAC3B,aAAa,CAAoC,IAAI,CAAC,CAAA","sourcesContent":["import { createContext } from \"react\"\nimport { UseDataTableReturn } from \"../use-data-table\"\n\nexport interface DataTableContextValue<TData> {\n  instance: UseDataTableReturn<TData>\n  enableColumnVisibility: boolean\n  enableColumnOrder: boolean\n}\n\nexport const DataTableContext =\n  createContext<DataTableContextValue<any> | null>(null)\n"]}

package/dist/esm/blocks/data-table/context/use-data-table-context.d.ts

@@ -0,0 +1,4 @@
+import { DataTableContextValue } from "./data-table-context";
+declare const useDataTableContext: <TData>() => DataTableContextValue<TData>;
+export { useDataTableContext };
+//# sourceMappingURL=use-data-table-context.d.ts.map

package/dist/esm/blocks/data-table/context/use-data-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-context.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/context/use-data-table-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAE9E,QAAA,MAAM,mBAAmB,GAAI,KAAK,OAAM,qBAAqB,CAAC,KAAK,CAUlE,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/blocks/data-table/context/use-data-table-context.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DataTableContext } from "./data-table-context";
+const useDataTableContext = () => {
+    const context = React.useContext(DataTableContext);
+    if (!context) {
+        throw new Error("useDataTableContext must be used within a DataTableContextProvider");
+    }
+    return context;
+};
+export { useDataTableContext };
+//# sourceMappingURL=use-data-table-context.js.map

package/dist/esm/blocks/data-table/context/use-data-table-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-context.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/context/use-data-table-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,gBAAgB,EAAyB,MAAM,sBAAsB,CAAA;AAE9E,MAAM,mBAAmB,GAAG,GAAyC,EAAE;IACrE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAElD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { DataTableContext, DataTableContextValue } from \"./data-table-context\"\n\nconst useDataTableContext = <TData,>(): DataTableContextValue<TData> => {\n  const context = React.useContext(DataTableContext)\n\n  if (!context) {\n    throw new Error(\n      \"useDataTableContext must be used within a DataTableContextProvider\"\n    )\n  }\n\n  return context\n}\n\nexport { useDataTableContext }\n"]}

package/dist/esm/blocks/data-table/data-table.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { UseDataTableReturn } from "./use-data-table";
+/**
+ * The props of the `DataTable` component.
+ */
+interface DataTableProps<TData> {
+    /**
+     * The instance returned by the `useDataTable` hook.
+     */
+    instance: UseDataTableReturn<TData>;
+    /**
+     * The children of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional classes to pass to the wrapper `div` of the component.
+     */
+    className?: string;
+}
+declare const DataTable: {
+    <TData>({ instance, children, className, }: DataTableProps<TData>): React.JSX.Element;
+    displayName: string;
+} & {
+    Table: {
+        (props: import("./components/data-table-table").DataTableTableProps): React.JSX.Element;
+        displayName: string;
+    };
+    Toolbar: (props: import("./components/data-table-toolbar").DataTableToolbarProps) => React.JSX.Element;
+    Search: {
+        (props: import("./components/data-table-search").DataTableSearchProps): React.JSX.Element;
+        displayName: string;
+    };
+    SortingMenu: {
+        (props: import("./components/data-table-sorting-menu").DataTableSortingMenuProps): React.JSX.Element;
+        displayName: string;
+    };
+    FilterMenu: {
+        ({ tooltip, onAddFilter }: import("./components/data-table-filter-menu").DataTableFilterMenuProps): React.JSX.Element;
+        displayName: string;
+    };
+    FilterBar: {
+        ({ clearAllFiltersLabel, alwaysShow, sortingTooltip, columnsTooltip, children, }: import("./components/data-table-filter-bar").DataTableFilterBarProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    ColumnVisibilityMenu: ({ className, tooltip, }: import("./components/data-table-column-visibility-menu").DataTableColumnVisibilityMenuProps) => React.JSX.Element | null;
+    Pagination: {
+        (props: import("./components/data-table-pagination").DataTablePaginationProps): React.JSX.Element;
+        displayName: string;
+    };
+    CommandBar: {
+        (props: import("./components/data-table-command-bar").DataTableCommandBarProps): React.JSX.Element | null;
+        displayName: string;
+    };
+};
+export { DataTable };
+export type { DataTableProps };
+//# sourceMappingURL=data-table.d.ts.map

package/dist/esm/blocks/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/blocks/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAErD;;GAEG;AACH,UAAU,cAAc,CAAC,KAAK;IAC5B;;OAEG;IACH,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAsBD,QAAA,MAAM,SAAS;KAfD,KAAK,sCAIhB,cAAc,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBtB,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/blocks/data-table/data-table.js

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+import { DataTableCommandBar } from "./components/data-table-command-bar";
+import { DataTableColumnVisibilityMenu } from "./components/data-table-column-visibility-menu";
+import { DataTableFilterBar } from "./components/data-table-filter-bar";
+import { DataTableFilterMenu } from "./components/data-table-filter-menu";
+import { DataTablePagination } from "./components/data-table-pagination";
+import { DataTableSearch } from "./components/data-table-search";
+import { DataTableSortingMenu } from "./components/data-table-sorting-menu";
+import { DataTableTable } from "./components/data-table-table";
+import { DataTableToolbar } from "./components/data-table-toolbar";
+import { DataTableContextProvider } from "./context/data-table-context-provider";
+/**
+ * This component creates a data table with filters, pagination, sorting, and more.
+ * It's built on top of the `Table` component while expanding its functionality.
+ * The `DataTable` is useful to create tables similar to those in the AcmeKit Admin dashboard.
+ */
+const Root = ({ instance, children, className, }) => {
+    return (React.createElement(DataTableContextProvider, { instance: instance },
+        React.createElement("div", { className: clx("relative flex min-h-0 flex-1 flex-col", className) }, children)));
+};
+Root.displayName = "DataTable";
+const DataTable = Object.assign(Root, {
+    Table: DataTableTable,
+    Toolbar: DataTableToolbar,
+    Search: DataTableSearch,
+    SortingMenu: DataTableSortingMenu,
+    FilterMenu: DataTableFilterMenu,
+    FilterBar: DataTableFilterBar,
+    ColumnVisibilityMenu: DataTableColumnVisibilityMenu,
+    Pagination: DataTablePagination,
+    CommandBar: DataTableCommandBar,
+});
+export { DataTable };
+//# sourceMappingURL=data-table.js.map

package/dist/esm/blocks/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../src/blocks/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAA;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAA;AAqBhF;;;;GAIG;AACH,MAAM,IAAI,GAAG,CAAS,EACpB,QAAQ,EACR,QAAQ,EACR,SAAS,GACa,EAAE,EAAE;IAC1B,OAAO,CACL,oBAAC,wBAAwB,IAAC,QAAQ,EAAE,QAAQ;QAC1C,6BAAK,SAAS,EAAE,GAAG,CAAC,uCAAuC,EAAE,SAAS,CAAC,IACpE,QAAQ,CACL,CACmB,CAC5B,CAAA;AACH,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;AAE9B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACpC,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,eAAe;IACvB,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,mBAAmB;IAC/B,SAAS,EAAE,kBAAkB;IAC7B,oBAAoB,EAAE,6BAA6B;IACnD,UAAU,EAAE,mBAAmB;IAC/B,UAAU,EAAE,mBAAmB;CAChC,CAAC,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nimport { DataTableCommandBar } from \"./components/data-table-command-bar\"\nimport { DataTableColumnVisibilityMenu } from \"./components/data-table-column-visibility-menu\"\nimport { DataTableFilterBar } from \"./components/data-table-filter-bar\"\nimport { DataTableFilterMenu } from \"./components/data-table-filter-menu\"\nimport { DataTablePagination } from \"./components/data-table-pagination\"\nimport { DataTableSearch } from \"./components/data-table-search\"\nimport { DataTableSortingMenu } from \"./components/data-table-sorting-menu\"\nimport { DataTableTable } from \"./components/data-table-table\"\nimport { DataTableToolbar } from \"./components/data-table-toolbar\"\nimport { DataTableContextProvider } from \"./context/data-table-context-provider\"\nimport { UseDataTableReturn } from \"./use-data-table\"\n\n/**\n * The props of the `DataTable` component.\n */\ninterface DataTableProps<TData> {\n  /**\n   * The instance returned by the `useDataTable` hook.\n   */\n  instance: UseDataTableReturn<TData>\n  /**\n   * The children of the component.\n   */\n  children?: React.ReactNode\n  /**\n   * Additional classes to pass to the wrapper `div` of the component.\n   */\n  className?: string\n}\n\n/**\n * This component creates a data table with filters, pagination, sorting, and more.\n * It's built on top of the `Table` component while expanding its functionality.\n * The `DataTable` is useful to create tables similar to those in the AcmeKit Admin dashboard.\n */\nconst Root = <TData,>({\n  instance,\n  children,\n  className,\n}: DataTableProps<TData>) => {\n  return (\n    <DataTableContextProvider instance={instance}>\n      <div className={clx(\"relative flex min-h-0 flex-1 flex-col\", className)}>\n        {children}\n      </div>\n    </DataTableContextProvider>\n  )\n}\nRoot.displayName = \"DataTable\"\n\nconst DataTable = Object.assign(Root, {\n  Table: DataTableTable,\n  Toolbar: DataTableToolbar,\n  Search: DataTableSearch,\n  SortingMenu: DataTableSortingMenu,\n  FilterMenu: DataTableFilterMenu,\n  FilterBar: DataTableFilterBar,\n  ColumnVisibilityMenu: DataTableColumnVisibilityMenu,\n  Pagination: DataTablePagination,\n  CommandBar: DataTableCommandBar,\n})\n\nexport { DataTable }\nexport type { DataTableProps }\n"]}

package/dist/esm/blocks/data-table/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./data-table";
+export * from "./use-data-table";
+export * from "./utils/create-data-table-column-helper";
+export * from "./utils/create-data-table-command-helper";
+export * from "./utils/create-data-table-filter-helper";
+export type { DataTableAction, DataTableCellContext, DataTableColumn, DataTableColumnDef, DataTableColumnFilter, DataTableCommand, DataTableDateComparisonOperator, DataTableNumberComparisonOperator, DataTableEmptyState, DataTableEmptyStateContent, DataTableEmptyStateProps, DataTableFilter, DataTableFilteringState, DataTableHeaderContext, DataTablePaginationState, DataTableRow, DataTableRowData, DataTableRowSelectionState, DataTableSortDirection, DataTableSortingState, } from "./types";
+export type { VisibilityState, ColumnOrderState } from "@tanstack/react-table";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/blocks/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/data-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yCAAyC,CAAA;AACvD,cAAc,0CAA0C,CAAA;AACxD,cAAc,yCAAyC,CAAA;AAEvD,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,+BAA+B,EAC/B,iCAAiC,EACjC,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,YAAY,EACZ,gBAAgB,EAChB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAGhB,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/esm/blocks/data-table/index.js

@@ -0,0 +1,6 @@
+export * from "./data-table";
+export * from "./use-data-table";
+export * from "./utils/create-data-table-column-helper";
+export * from "./utils/create-data-table-command-helper";
+export * from "./utils/create-data-table-filter-helper";
+//# sourceMappingURL=index.js.map

package/dist/esm/blocks/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/blocks/data-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yCAAyC,CAAA;AACvD,cAAc,0CAA0C,CAAA;AACxD,cAAc,yCAAyC,CAAA","sourcesContent":["export * from \"./data-table\"\nexport * from \"./use-data-table\"\nexport * from \"./utils/create-data-table-column-helper\"\nexport * from \"./utils/create-data-table-command-helper\"\nexport * from \"./utils/create-data-table-filter-helper\"\n\nexport type {\n  DataTableAction,\n  DataTableCellContext,\n  DataTableColumn,\n  DataTableColumnDef,\n  DataTableColumnFilter,\n  DataTableCommand,\n  DataTableDateComparisonOperator,\n  DataTableNumberComparisonOperator,\n  DataTableEmptyState,\n  DataTableEmptyStateContent,\n  DataTableEmptyStateProps,\n  DataTableFilter,\n  DataTableFilteringState,\n  DataTableHeaderContext,\n  DataTablePaginationState,\n  DataTableRow,\n  DataTableRowData,\n  DataTableRowSelectionState,\n  DataTableSortDirection,\n  DataTableSortingState,\n} from \"./types\"\n\n// Re-export types from @tanstack/react-table that are used in the public API\nexport type { VisibilityState, ColumnOrderState } from \"@tanstack/react-table\"\n"]}

package/dist/esm/blocks/data-table/types.d.ts

@@ -0,0 +1,312 @@
+import type { AccessorFn, AccessorFnColumnDef, AccessorKeyColumnDef, CellContext, Column, ColumnDef, ColumnFilter, ColumnSort, DeepKeys, DeepValue, DisplayColumnDef, HeaderContext, IdentifiedColumnDef, IdIdentifier, PaginationState, Row, RowData, RowSelectionState, SortDirection, StringHeaderIdentifier, StringOrTemplateHeader } from "@tanstack/react-table";
+export type DataTableRowData = RowData;
+export type DataTableRow<TData extends DataTableRowData> = Row<TData>;
+export type DataTableAction<TData> = {
+    label: string;
+    onClick: (ctx: CellContext<TData, unknown>) => void;
+    icon?: React.ReactNode;
+};
+export interface DataTableCellContext<TData extends DataTableRowData, TValue> extends CellContext<TData, TValue> {
+}
+export interface DataTableHeaderContext<TData extends DataTableRowData, TValue> extends HeaderContext<TData, TValue> {
+}
+export type DataTableSortDirection = SortDirection;
+export interface DataTableActionColumnDef<TData> extends Pick<DisplayColumnDef<TData>, "meta"> {
+    actions: DataTableAction<TData>[] | DataTableAction<TData>[][] | ((ctx: DataTableCellContext<TData, unknown>) => DataTableAction<TData>[] | DataTableAction<TData>[][]);
+}
+export interface DataTableSelectColumnDef<TData> extends Pick<DisplayColumnDef<TData>, "cell" | "header"> {
+}
+export type DataTableSortableColumnDef = {
+    /**
+     * The label to display in the sorting menu.
+     */
+    sortLabel?: string;
+    /**
+     * The label to display in the sorting menu when sorting in ascending order.
+     */
+    sortAscLabel?: string;
+    /**
+     * The label to display in the sorting menu when sorting in descending order.
+     */
+    sortDescLabel?: string;
+    /**
+     * Whether the column is sortable.
+     * @default false
+     */
+    enableSorting?: boolean;
+};
+export type DataTableHeaderAlignment = 'left' | 'center' | 'right';
+export type DataTableAlignableColumnDef = {
+    /**
+     * The alignment of the header content.
+     * @default 'left'
+     */
+    headerAlign?: DataTableHeaderAlignment;
+};
+export type DataTableSortableColumnDefMeta = {
+    ___sortMetaData?: DataTableSortableColumnDef;
+};
+export type DataTableAlignableColumnDefMeta = {
+    ___alignMetaData?: DataTableAlignableColumnDef;
+};
+export type DataTableActionColumnDefMeta<TData> = {
+    ___actions?: DataTableAction<TData>[] | DataTableAction<TData>[][] | ((ctx: DataTableCellContext<TData, unknown>) => DataTableAction<TData>[]);
+};
+export interface DataTableColumn<TData extends DataTableRowData, TValue = unknown> extends Column<TData, TValue> {
+}
+export type DataTableColumnDef<TData extends DataTableRowData, TValue = unknown> = ColumnDef<TData, TValue>;
+export type DataTableColumnSizing = {
+    /**
+     * The maximum size of the column.
+     */
+    maxSize?: number;
+    /**
+     * The minimum size of the column.
+     */
+    minSize?: number;
+    /**
+     * The size of the column.
+     */
+    size?: number;
+};
+type DataTableColumnIdentifiers<TData extends DataTableRowData, TValue> = IdIdentifier<TData, TValue> | StringHeaderIdentifier;
+export type DataTableDisplayColumnDef<TData extends DataTableRowData, TValue = unknown> = Pick<DisplayColumnDef<TData, TValue>, "meta" | "header" | "cell" | "minSize" | "maxSize" | "size"> & DataTableColumnIdentifiers<TData, TValue>;
+export interface DataTableIdentifiedColumnDef<TData extends DataTableRowData, TValue> extends Pick<IdentifiedColumnDef<TData, TValue>, "meta" | "header" | "cell" | "minSize" | "maxSize" | "size"> {
+    id?: string;
+    header?: StringOrTemplateHeader<TData, TValue>;
+}
+export interface DataTableColumnHelper<TData> {
+    /**
+     * Create a accessor column.
+     *
+     * @param accessor The accessor to create the column for.
+     * @param column The column to create for the accessor.
+     * @returns The created accessor.
+     */
+    accessor: <TAccessor extends AccessorFn<TData> | DeepKeys<TData>, TValue extends TAccessor extends AccessorFn<TData, infer TReturn> ? TReturn : TAccessor extends DeepKeys<TData> ? DeepValue<TData, TAccessor> : never>(accessor: TAccessor, column: TAccessor extends AccessorFn<TData> ? DataTableDisplayColumnDef<TData, TValue> & DataTableSortableColumnDef & DataTableAlignableColumnDef : DataTableIdentifiedColumnDef<TData, TValue> & DataTableSortableColumnDef & DataTableAlignableColumnDef) => TAccessor extends AccessorFn<TData> ? AccessorFnColumnDef<TData, TValue> : AccessorKeyColumnDef<TData, TValue>;
+    /**
+     * Create a display column.
+     *
+     * @param column The column to create the display for.
+     * @returns The created display column.
+     */
+    display: (column: DataTableDisplayColumnDef<TData>) => DisplayColumnDef<TData>;
+    /**
+     * Create an action column.
+     *
+     * @param props The props to create the action column for.
+     * @returns The created action column.
+     */
+    action: (props: DataTableActionColumnDef<TData>) => DisplayColumnDef<TData, unknown>;
+    /**
+     * Create a select column.
+     *
+     * @param props The props to create the select column for.
+     * @returns The created select column.
+     */
+    select: (props?: DataTableSelectColumnDef<TData>) => DisplayColumnDef<TData, unknown>;
+}
+export interface DataTableSortingState extends ColumnSort {
+}
+export interface DataTableRowSelectionState extends RowSelectionState {
+}
+export interface DataTablePaginationState extends PaginationState {
+}
+export type DataTableFilteringState<T extends Record<string, unknown> = Record<string, unknown>> = {
+    [K in keyof T]: T[K];
+};
+export type DataTableFilterType = "radio" | "select" | "date" | "multiselect" | "string" | "number" | "custom";
+export type DataTableFilterOption<T = string> = {
+    label: string;
+    value: T;
+};
+interface DataTableBaseFilterProps {
+    type: DataTableFilterType;
+    label: string;
+}
+export interface DataTableRadioFilterProps extends DataTableBaseFilterProps {
+    type: "radio";
+    options: DataTableFilterOption[];
+}
+export interface DataTableSelectFilterProps extends DataTableBaseFilterProps {
+    type: "select";
+    options: DataTableFilterOption[];
+}
+export interface DataTableDateFilterProps extends DataTableBaseFilterProps {
+    type: "date";
+    /**
+     * The format of the date.
+     * @default "date"
+     */
+    format?: "date" | "date-time";
+    /**
+     * The label to display for the range option.
+     */
+    rangeOptionLabel?: string;
+    /**
+     * The label to display for the start of the range option.
+     */
+    rangeOptionStartLabel?: string;
+    /**
+     * The label to display for the end of the range option.
+     */
+    rangeOptionEndLabel?: string;
+    /**
+     * Whether to disable the range option.
+     */
+    disableRangeOption?: boolean;
+    /**
+     * A function to format the date value.
+     *
+     * @example
+     * ```tsx
+     * formatDateValue={(value) => value.toLocaleDateString()}
+     * ```
+     */
+    formatDateValue?: (value: Date) => string;
+    /**
+     * The options to display in the filter.
+     *
+     * @example
+     * ```tsx
+     * options: [
+     *   { label: "Today", value: { $gte: new Date().toISOString() } },
+     *   { label: "Yesterday", value: { $gte: new Date(new Date().getTime() - 24 * 60 * 60 * 1000).toISOString() } },
+     * ]
+     * ```
+     */
+    options: DataTableFilterOption<DataTableDateComparisonOperator>[];
+}
+export interface DataTableMultiselectFilterProps extends DataTableBaseFilterProps {
+    type: "multiselect";
+    options: DataTableFilterOption[];
+    /**
+     * Whether to show a search input for the options.
+     * @default true
+     */
+    searchable?: boolean;
+}
+export interface DataTableStringFilterProps extends DataTableBaseFilterProps {
+    type: "string";
+    /**
+     * Placeholder text for the input.
+     */
+    placeholder?: string;
+}
+export interface DataTableNumberFilterProps extends DataTableBaseFilterProps {
+    type: "number";
+    /**
+     * Placeholder text for the input.
+     */
+    placeholder?: string;
+    /**
+     * Whether to include comparison operators.
+     * @default true
+     */
+    includeOperators?: boolean;
+}
+export interface DataTableCustomFilterProps extends DataTableBaseFilterProps {
+    type: "custom";
+    /**
+     * Custom render function for the filter.
+     */
+    render: (props: {
+        value: any;
+        onChange: (value: any) => void;
+        onRemove: () => void;
+    }) => React.ReactNode;
+}
+export type DataTableFilterProps = DataTableRadioFilterProps | DataTableSelectFilterProps | DataTableDateFilterProps | DataTableMultiselectFilterProps | DataTableStringFilterProps | DataTableNumberFilterProps | DataTableCustomFilterProps;
+export type DataTableFilter<T extends DataTableFilterProps = DataTableFilterProps> = T & {
+    id: string;
+};
+export declare enum DataTableEmptyState {
+    EMPTY = "EMPTY",
+    FILTERED_EMPTY = "FILTERED_EMPTY",
+    POPULATED = "POPULATED"
+}
+export type DataTableDateComparisonOperator = {
+    /**
+     * The filtered date must be greater than or equal to this value.
+     */
+    $gte?: string;
+    /**
+     * The filtered date must be less than or equal to this value.
+     */
+    $lte?: string;
+    /**
+     * The filtered date must be less than this value.
+     */
+    $lt?: string;
+    /**
+     * The filtered date must be greater than this value.
+     */
+    $gt?: string;
+};
+export type DataTableNumberComparisonOperator = {
+    /**
+     * The filtered number must be greater than or equal to this value.
+     */
+    $gte?: number;
+    /**
+     * The filtered number must be less than or equal to this value.
+     */
+    $lte?: number;
+    /**
+     * The filtered number must be less than this value.
+     */
+    $lt?: number;
+    /**
+     * The filtered number must be greater than this value.
+     */
+    $gt?: number;
+    /**
+     * The filtered number must be equal to this value.
+     */
+    $eq?: number;
+};
+type DataTableCommandAction = (selection: DataTableRowSelectionState) => void | Promise<void>;
+export interface DataTableCommand {
+    /**
+     * The label to display in the command bar.
+     */
+    label: string;
+    /**
+     * The action to perform when the command is selected.
+     */
+    action: DataTableCommandAction;
+    /**
+     * The shortcut to use for the command.
+     *
+     * @example "i"
+     */
+    shortcut: string;
+}
+export type DataTableEmptyStateContent = {
+    /**
+     * The heading to display in the empty state.
+     */
+    heading?: string;
+    /**
+     * The description to display in the empty state.
+     */
+    description?: string;
+    /**
+     * A custom component to display in the empty state, if provided it will override the heading and description.
+     */
+    custom?: React.ReactNode;
+};
+export type DataTableEmptyStateProps = {
+    /**
+     * The empty state to display when the table is filtered, but no rows are found.
+     */
+    filtered?: DataTableEmptyStateContent;
+    /**
+     * The empty state to display when the table is empty.
+     */
+    empty?: DataTableEmptyStateContent;
+};
+export interface DataTableColumnFilter extends ColumnFilter {
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/blocks/data-table/types.d.ts.map

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

package/dist/esm/blocks/data-table/types.js

@@ -0,0 +1,7 @@
+export var DataTableEmptyState;
+(function (DataTableEmptyState) {
+    DataTableEmptyState["EMPTY"] = "EMPTY";
+    DataTableEmptyState["FILTERED_EMPTY"] = "FILTERED_EMPTY";
+    DataTableEmptyState["POPULATED"] = "POPULATED";
+})(DataTableEmptyState || (DataTableEmptyState = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/blocks/data-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/blocks/data-table/types.ts"],"names":[],"mappings":"AA6UA,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,wDAAiC,CAAA;IACjC,8CAAuB,CAAA;AACzB,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B","sourcesContent":["import type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  CellContext,\n  Column,\n  ColumnDef,\n  ColumnFilter,\n  ColumnSort,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  HeaderContext,\n  IdentifiedColumnDef,\n  IdIdentifier,\n  PaginationState,\n  Row,\n  RowData,\n  RowSelectionState,\n  SortDirection,\n  StringHeaderIdentifier,\n  StringOrTemplateHeader,\n} from \"@tanstack/react-table\"\n\nexport type DataTableRowData = RowData\n\nexport type DataTableRow<TData extends DataTableRowData> = Row<TData>\n\nexport type DataTableAction<TData> = {\n  label: string\n  onClick: (ctx: CellContext<TData, unknown>) => void\n  icon?: React.ReactNode\n}\n\nexport interface DataTableCellContext<TData extends DataTableRowData, TValue>\n  extends CellContext<TData, TValue> {}\n\nexport interface DataTableHeaderContext<TData extends DataTableRowData, TValue>\n  extends HeaderContext<TData, TValue> {}\n\nexport type DataTableSortDirection = SortDirection\n\nexport interface DataTableActionColumnDef<TData>\n  extends Pick<DisplayColumnDef<TData>, \"meta\"> {\n  actions:\n    | DataTableAction<TData>[]\n    | DataTableAction<TData>[][]\n    | ((\n        ctx: DataTableCellContext<TData, unknown>\n      ) => DataTableAction<TData>[] | DataTableAction<TData>[][])\n}\n\nexport interface DataTableSelectColumnDef<TData>\n  extends Pick<DisplayColumnDef<TData>, \"cell\" | \"header\"> {}\n\nexport type DataTableSortableColumnDef = {\n  /**\n   * The label to display in the sorting menu.\n   */\n  sortLabel?: string\n  /**\n   * The label to display in the sorting menu when sorting in ascending order.\n   */\n  sortAscLabel?: string\n  /**\n   * The label to display in the sorting menu when sorting in descending order.\n   */\n  sortDescLabel?: string\n  /**\n   * Whether the column is sortable.\n   * @default false\n   */\n  enableSorting?: boolean\n}\n\nexport type DataTableHeaderAlignment = 'left' | 'center' | 'right'\n\nexport type DataTableAlignableColumnDef = {\n  /**\n   * The alignment of the header content.\n   * @default 'left'\n   */\n  headerAlign?: DataTableHeaderAlignment\n}\n\nexport type DataTableSortableColumnDefMeta = {\n  ___sortMetaData?: DataTableSortableColumnDef\n}\n\nexport type DataTableAlignableColumnDefMeta = {\n  ___alignMetaData?: DataTableAlignableColumnDef\n}\n\nexport type DataTableActionColumnDefMeta<TData> = {\n  ___actions?:\n    | DataTableAction<TData>[]\n    | DataTableAction<TData>[][]\n    | ((ctx: DataTableCellContext<TData, unknown>) => DataTableAction<TData>[])\n}\n\nexport interface DataTableColumn<\n  TData extends DataTableRowData,\n  TValue = unknown\n> extends Column<TData, TValue> {}\n\nexport type DataTableColumnDef<\n  TData extends DataTableRowData,\n  TValue = unknown\n> = ColumnDef<TData, TValue>\n\nexport type DataTableColumnSizing = {\n  /**\n   * The maximum size of the column.\n   */\n  maxSize?: number\n  /**\n   * The minimum size of the column.\n   */\n  minSize?: number\n  /**\n   * The size of the column.\n   */\n  size?: number\n}\n\ntype DataTableColumnIdentifiers<TData extends DataTableRowData, TValue> =\n  | IdIdentifier<TData, TValue>\n  | StringHeaderIdentifier\n\nexport type DataTableDisplayColumnDef<\n  TData extends DataTableRowData,\n  TValue = unknown\n> = Pick<\n  DisplayColumnDef<TData, TValue>,\n  \"meta\" | \"header\" | \"cell\" | \"minSize\" | \"maxSize\" | \"size\"\n> &\n  DataTableColumnIdentifiers<TData, TValue>\n\nexport interface DataTableIdentifiedColumnDef<\n  TData extends DataTableRowData,\n  TValue\n> extends Pick<\n    IdentifiedColumnDef<TData, TValue>,\n    \"meta\" | \"header\" | \"cell\" | \"minSize\" | \"maxSize\" | \"size\"\n  > {\n  id?: string\n  header?: StringOrTemplateHeader<TData, TValue>\n}\n\nexport interface DataTableColumnHelper<TData> {\n  /**\n   * Create a accessor column.\n   *\n   * @param accessor The accessor to create the column for.\n   * @param column The column to create for the accessor.\n   * @returns The created accessor.\n   */\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n      ? DeepValue<TData, TAccessor>\n      : never\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? DataTableDisplayColumnDef<TData, TValue> & DataTableSortableColumnDef & DataTableAlignableColumnDef\n      : DataTableIdentifiedColumnDef<TData, TValue> & DataTableSortableColumnDef & DataTableAlignableColumnDef\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TData, TValue>\n    : AccessorKeyColumnDef<TData, TValue>\n  /**\n   * Create a display column.\n   *\n   * @param column The column to create the display for.\n   * @returns The created display column.\n   */\n  display: (column: DataTableDisplayColumnDef<TData>) => DisplayColumnDef<TData>\n  /**\n   * Create an action column.\n   *\n   * @param props The props to create the action column for.\n   * @returns The created action column.\n   */\n  action: (\n    props: DataTableActionColumnDef<TData>\n  ) => DisplayColumnDef<TData, unknown>\n  /**\n   * Create a select column.\n   *\n   * @param props The props to create the select column for.\n   * @returns The created select column.\n   */\n  select: (\n    props?: DataTableSelectColumnDef<TData>\n  ) => DisplayColumnDef<TData, unknown>\n}\n\nexport interface DataTableSortingState extends ColumnSort {}\nexport interface DataTableRowSelectionState extends RowSelectionState {}\nexport interface DataTablePaginationState extends PaginationState {}\nexport type DataTableFilteringState<\n  T extends Record<string, unknown> = Record<string, unknown>\n> = {\n  [K in keyof T]: T[K]\n}\n\nexport type DataTableFilterType = \"radio\" | \"select\" | \"date\" | \"multiselect\" | \"string\" | \"number\" | \"custom\"\nexport type DataTableFilterOption<T = string> = {\n  label: string\n  value: T\n}\n\ninterface DataTableBaseFilterProps {\n  type: DataTableFilterType\n  label: string\n}\n\nexport interface DataTableRadioFilterProps extends DataTableBaseFilterProps {\n  type: \"radio\"\n  options: DataTableFilterOption[]\n}\n\nexport interface DataTableSelectFilterProps extends DataTableBaseFilterProps {\n  type: \"select\"\n  options: DataTableFilterOption[]\n}\n\nexport interface DataTableDateFilterProps extends DataTableBaseFilterProps {\n  type: \"date\"\n  /**\n   * The format of the date.\n   * @default \"date\"\n   */\n  format?: \"date\" | \"date-time\"\n  /**\n   * The label to display for the range option.\n   */\n  rangeOptionLabel?: string\n  /**\n   * The label to display for the start of the range option.\n   */\n  rangeOptionStartLabel?: string\n  /**\n   * The label to display for the end of the range option.\n   */\n  rangeOptionEndLabel?: string\n  /**\n   * Whether to disable the range option.\n   */\n  disableRangeOption?: boolean\n  /**\n   * A function to format the date value.\n   *\n   * @example\n   * ```tsx\n   * formatDateValue={(value) => value.toLocaleDateString()}\n   * ```\n   */\n  formatDateValue?: (value: Date) => string\n  /**\n   * The options to display in the filter.\n   *\n   * @example\n   * ```tsx\n   * options: [\n   *   { label: \"Today\", value: { $gte: new Date().toISOString() } },\n   *   { label: \"Yesterday\", value: { $gte: new Date(new Date().getTime() - 24 * 60 * 60 * 1000).toISOString() } },\n   * ]\n   * ```\n   */\n  options: DataTableFilterOption<DataTableDateComparisonOperator>[]\n}\n\nexport interface DataTableMultiselectFilterProps extends DataTableBaseFilterProps {\n  type: \"multiselect\"\n  options: DataTableFilterOption[]\n  /**\n   * Whether to show a search input for the options.\n   * @default true\n   */\n  searchable?: boolean\n}\n\nexport interface DataTableStringFilterProps extends DataTableBaseFilterProps {\n  type: \"string\"\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string\n}\n\nexport interface DataTableNumberFilterProps extends DataTableBaseFilterProps {\n  type: \"number\"\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string\n  /**\n   * Whether to include comparison operators.\n   * @default true\n   */\n  includeOperators?: boolean\n}\n\nexport interface DataTableCustomFilterProps extends DataTableBaseFilterProps {\n  type: \"custom\"\n  /**\n   * Custom render function for the filter.\n   */\n  render: (props: {\n    value: any\n    onChange: (value: any) => void\n    onRemove: () => void\n  }) => React.ReactNode\n}\n\nexport type DataTableFilterProps =\n  | DataTableRadioFilterProps\n  | DataTableSelectFilterProps\n  | DataTableDateFilterProps\n  | DataTableMultiselectFilterProps\n  | DataTableStringFilterProps\n  | DataTableNumberFilterProps\n  | DataTableCustomFilterProps\n\nexport type DataTableFilter<\n  T extends DataTableFilterProps = DataTableFilterProps\n> = T & {\n  id: string\n}\n\nexport enum DataTableEmptyState {\n  EMPTY = \"EMPTY\",\n  FILTERED_EMPTY = \"FILTERED_EMPTY\",\n  POPULATED = \"POPULATED\",\n}\n\nexport type DataTableDateComparisonOperator = {\n  /**\n   * The filtered date must be greater than or equal to this value.\n   */\n  $gte?: string\n  /**\n   * The filtered date must be less than or equal to this value.\n   */\n  $lte?: string\n  /**\n   * The filtered date must be less than this value.\n   */\n  $lt?: string\n  /**\n   * The filtered date must be greater than this value.\n   */\n  $gt?: string\n}\n\nexport type DataTableNumberComparisonOperator = {\n  /**\n   * The filtered number must be greater than or equal to this value.\n   */\n  $gte?: number\n  /**\n   * The filtered number must be less than or equal to this value.\n   */\n  $lte?: number\n  /**\n   * The filtered number must be less than this value.\n   */\n  $lt?: number\n  /**\n   * The filtered number must be greater than this value.\n   */\n  $gt?: number\n  /**\n   * The filtered number must be equal to this value.\n   */\n  $eq?: number\n}\n\ntype DataTableCommandAction = (\n  selection: DataTableRowSelectionState\n) => void | Promise<void>\n\nexport interface DataTableCommand {\n  /**\n   * The label to display in the command bar.\n   */\n  label: string\n  /**\n   * The action to perform when the command is selected.\n   */\n  action: DataTableCommandAction\n  /**\n   * The shortcut to use for the command.\n   *\n   * @example \"i\"\n   */\n  shortcut: string\n}\n\nexport type DataTableEmptyStateContent = {\n  /**\n   * The heading to display in the empty state.\n   */\n  heading?: string\n  /**\n   * The description to display in the empty state.\n   */\n  description?: string\n  /**\n   * A custom component to display in the empty state, if provided it will override the heading and description.\n   */\n  custom?: React.ReactNode\n}\n\nexport type DataTableEmptyStateProps = {\n  /**\n   * The empty state to display when the table is filtered, but no rows are found.\n   */\n  filtered?: DataTableEmptyStateContent\n  /**\n   * The empty state to display when the table is empty.\n   */\n  empty?: DataTableEmptyStateContent\n}\n\nexport interface DataTableColumnFilter extends ColumnFilter {}\n"]}