@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/data-table/toolbarItems/items/search.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.cjs","names":["useRefineTable","Search","ToolbarItemType","FilterType","FilterOperator"],"sources":["../../../../../../src/components/data-table/toolbarItems/items/search.tsx"],"sourcesContent":["import { Search } from \"lucide-react\";\nimport React, { useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport type {\n  ToolbarFilterComponentProps,\n  ToolbarFilterItem,\n} from \"@/components/data-table\";\nimport { registerFilter, ToolbarItemType } from \"@/components/data-table\";\nimport {\n  FilterOperator,\n  FilterType,\n  LogicalFilterOperator,\n  useRefineTable,\n} from \"@/components\";\n\nfunction SearchToolbarItem({\n  value,\n  onChange,\n  config,\n}: Omit<ToolbarFilterComponentProps<any>, \"context\">) {\n  const [debouncedValue] = useDebounce(value, 300);\n  const { setFilters } = useRefineTable<any>();\n  const placeholder = config?.placeholder || \"Search...\";\n\n  // Handle refine contexts search\n  useEffect(() => {\n    if (setFilters && debouncedValue !== undefined) {\n      const filters = debouncedValue\n        ? [\n            {\n              field: String(config?.field || \"q\"),\n              operator: (config?.operator ||\n                \"contains\") as LogicalFilterOperator,\n              value: debouncedValue,\n            },\n          ]\n        : [];\n      setFilters(filters);\n    }\n  }, [debouncedValue, setFilters, config?.field, config?.operator]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <Search className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400\" />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        value={value || \"\"}\n        onChange={handleChange}\n        className=\"rounded border px-2 py-1 pl-8\"\n      />\n    </div>\n  );\n}\n\nfunction registerSearchToolbarItem() {\n  const item: ToolbarFilterItem<any> = {\n    type: ToolbarItemType.FILTER,\n    id: \"search\",\n    label: \"Search\",\n    component: ({\n      value,\n      onChange,\n      config,\n    }: ToolbarFilterComponentProps<any>) => (\n      <SearchToolbarItem\n        value={value}\n        onChange={onChange}\n        config={config}\n      />\n    ),\n    initialValue: \"\",\n    config: {\n      id: \"search\",\n      type: FilterType.TEXT,\n      label: \"Search\",\n      field: \"q\",\n      operator: FilterOperator.CONTAINS,\n      placeholder: \"Search...\",\n    },\n  };\n\n  registerFilter(\"search\", item);\n}\n\nexport { registerSearchToolbarItem };\nexport type { ToolbarFilterComponentProps as SearchToolbarItemProps };\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAAS,kBAAkB,EACzB,OACA,UACA,UACoD;CACpD,MAAM,CAAC,gDAA8B,OAAO,IAAI;CAChD,MAAM,EAAE,eAAeA,mEAAqB;CAC5C,MAAM,cAAc,QAAQ,eAAe;AAG3C,4BAAgB;AACd,MAAI,cAAc,mBAAmB,OAWnC,YAVgB,iBACZ,CACE;GACE,OAAO,OAAO,QAAQ,SAAS,IAAI;GACnC,UAAW,QAAQ,YACjB;GACF,OAAO;GACR,CACF,GACD,EAAE,CACa;IAEpB;EAAC;EAAgB;EAAY,QAAQ;EAAO,QAAQ;EAAS,CAAC;CAEjE,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,4CAAC;EAAI,WAAU;aACb,2CAACC,uBAAO,WAAU,6EAA6E,EAC/F,2CAAC;GACC,MAAK;GACQ;GACb,OAAO,SAAS;GAChB,UAAU;GACV,WAAU;IACV;GACE;;AAIV,SAAS,4BAA4B;AA2BnC,8DAAe,UA1BsB;EACnC,MAAMC,8DAAgB;EACtB,IAAI;EACJ,OAAO;EACP,YAAY,EACV,OACA,UACA,aAEA,2CAAC;GACQ;GACG;GACF;IACR;EAEJ,cAAc;EACd,QAAQ;GACN,IAAI;GACJ,MAAMC,oEAAW;GACjB,OAAO;GACP,OAAO;GACP,UAAUC,wEAAe;GACzB,aAAa;GACd;EACF,CAE6B;;;sDAjF0C;2CAMpD"}

package/dist/cjs/components/data-table/toolbarItems/items/search.d.cts

@@ -0,0 +1,8 @@
+import { ToolbarFilterComponentProps } from "../../DataTable.types.cjs";
+import "../../index.cjs";
+
+//#region src/components/data-table/toolbarItems/items/search.d.ts
+declare function registerSearchToolbarItem(): void;
+//#endregion
+export { type ToolbarFilterComponentProps as SearchToolbarItemProps, registerSearchToolbarItem };
+//# sourceMappingURL=search.d.cts.map

package/dist/cjs/components/data-table/toolbarItems/items/separator.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('../../DataTable.types.cjs');
+const require_components_data_table_ToolbarRegistry = require('../../ToolbarRegistry.cjs');
+const require_components_data_table_index = require('../../index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/toolbarItems/items/separator.tsx
+function ToolbarSeparatorItemComponent({ item }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-6 w-px bg-gray-300" });
+}
+function registerSeparatorToolbarItem(id, item) {
+	require_components_data_table_ToolbarRegistry.registerAction(id, {
+		...item,
+		type: require_components_data_table_DataTable_types.ToolbarItemType.SEPARATOR,
+		component: ToolbarSeparatorItemComponent
+	});
+}
+var init_separator = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_index.init_data_table();
+}));
+
+//#endregion
+init_separator();
+exports.ToolbarSeparatorItemComponent = ToolbarSeparatorItemComponent;
+Object.defineProperty(exports, 'init_separator', {
+  enumerable: true,
+  get: function () {
+    return init_separator;
+  }
+});
+exports.registerSeparatorToolbarItem = registerSeparatorToolbarItem;
+//# sourceMappingURL=separator.cjs.map

package/dist/cjs/components/data-table/toolbarItems/items/separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.cjs","names":["ToolbarItemType"],"sources":["../../../../../../src/components/data-table/toolbarItems/items/separator.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  registerAction,\n  ToolbarItemComponentProps,\n  ToolbarItemType,\n  ToolbarSeparatorItem,\n} from \"@/components/data-table\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface ToolbarSeparatorItemComponentProps<TData extends BaseRecord>\n  extends ToolbarItemComponentProps<TData> {\n  item: ToolbarSeparatorItem;\n}\n\nfunction ToolbarSeparatorItemComponent<TData extends BaseRecord>({\n  item,\n}: ToolbarSeparatorItemComponentProps<TData>) {\n  return <div className=\"h-6 w-px bg-gray-300\" />;\n}\n\nfunction registerSeparatorToolbarItem<TData extends BaseRecord>(\n  id: string,\n  item: Omit<ToolbarSeparatorItem, \"type\"> & {\n    type?: ToolbarItemType.SEPARATOR;\n  },\n) {\n  const separatorItem = {\n    ...item,\n    type: ToolbarItemType.SEPARATOR,\n    component: ToolbarSeparatorItemComponent,\n  } as any;\n\n  registerAction(id, separatorItem);\n}\n\nexport { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem };\n"],"mappings":";;;;;;;;;AAcA,SAAS,8BAAwD,EAC/D,QAC4C;AAC5C,QAAO,2CAAC,SAAI,WAAU,yBAAyB;;AAGjD,SAAS,6BACP,IACA,MAGA;AAOA,8DAAe,IANO;EACpB,GAAG;EACH,MAAMA,8DAAgB;EACtB,WAAW;EACZ,CAEgC;;;sDA1BF"}

package/dist/cjs/components/data-table/toolbarItems/items/separator.d.cts

@@ -0,0 +1,17 @@
+import { ToolbarItemComponentProps, ToolbarItemType, ToolbarSeparatorItem } from "../../DataTable.types.cjs";
+import "../../index.cjs";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/items/separator.d.ts
+interface ToolbarSeparatorItemComponentProps<TData extends BaseRecord> extends ToolbarItemComponentProps<TData> {
+  item: ToolbarSeparatorItem;
+}
+declare function ToolbarSeparatorItemComponent<TData extends BaseRecord>({
+  item
+}: ToolbarSeparatorItemComponentProps<TData>): any;
+declare function registerSeparatorToolbarItem<TData extends BaseRecord>(id: string, item: Omit<ToolbarSeparatorItem, "type"> & {
+  type?: ToolbarItemType.SEPARATOR;
+}): void;
+//#endregion
+export { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem };
+//# sourceMappingURL=separator.d.cts.map

package/dist/cjs/components/data-table/toolbarItems/register.cjs

@@ -0,0 +1,138 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('../DataTable.types.cjs');
+const require_components_data_table_ToolbarRegistry = require('../ToolbarRegistry.cjs');
+const require_components_data_table_toolbarItems_filters_types = require('./filters/types.cjs');
+const require_components_data_table_toolbarItems_filters_components_BooleanFilter = require('./filters/components/BooleanFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_DateFilter = require('./filters/components/DateFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_MultiSelectFilter = require('./filters/components/MultiSelectFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_NumberFilter = require('./filters/components/NumberFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_RangeFilter = require('./filters/components/RangeFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_SearchFilter = require('./filters/components/SearchFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_SelectFilter = require('./filters/components/SelectFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_TextFilter = require('./filters/components/TextFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_index = require('./filters/components/index.cjs');
+const require_components_data_table_toolbarItems_filters_index = require('./filters/index.cjs');
+const require_components_data_table_toolbarItems_items_refresh = require('./items/refresh.cjs');
+const require_components_data_table_toolbarItems_items_search = require('./items/search.cjs');
+const require_components_data_table_index = require('../index.cjs');
+
+//#region src/components/data-table/toolbarItems/register.ts
+/**
+* Get default operator based on filter type
+* @param filterType - The type of filter
+* @returns The default CRUD operator for that filter type
+*/
+function getDefaultOperator(filterType) {
+	switch (filterType) {
+		case require_components_data_table_toolbarItems_filters_types.FilterType.TEXT: return require_components_data_table_toolbarItems_filters_types.FilterOperator.CONTAINS;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.SELECT: return require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.DATE: return require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.NUMBER: return require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.BOOLEAN: return require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.MULTI_SELECT: return require_components_data_table_toolbarItems_filters_types.FilterOperator.IN;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.RANGE: return require_components_data_table_toolbarItems_filters_types.FilterOperator.BETWEEN;
+		case require_components_data_table_toolbarItems_filters_types.FilterType.SEARCH: return require_components_data_table_toolbarItems_filters_types.FilterOperator.CONTAINS;
+		default: return require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ;
+	}
+}
+/**
+* Create a standard filter item with proper configuration
+* @param id - Unique identifier for the filter
+* @param component - The React component for the filter
+* @param operator - The CRUD operator for the filter
+* @param additionalConfig - Optional additional configuration to override defaults
+* @returns A properly configured ToolbarFilterItem
+*/
+function createStandardFilter(id, component, operator, additionalConfig = {}) {
+	const defaultLabel = computeDefaultLabel(id);
+	const label = additionalConfig.label || defaultLabel;
+	return {
+		id,
+		label,
+		type: require_components_data_table_DataTable_types.ToolbarItemType.FILTER,
+		component,
+		initialValue: additionalConfig.initialValue,
+		config: {
+			...additionalConfig,
+			id,
+			label,
+			type: additionalConfig.type || id,
+			field: additionalConfig.field || "",
+			operator
+		}
+	};
+}
+/**
+* Compute a default label from an ID by converting camelCase/snake_case to readable format
+* @param id - The identifier to convert
+* @returns A readable label string
+*/
+function computeDefaultLabel(id) {
+	if (id.includes("_")) return id.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ") + " Filter";
+	const camelCaseWords = id.replace(/([A-Z])/g, " $1").trim();
+	return camelCaseWords.charAt(0).toUpperCase() + camelCaseWords.slice(1) + " Filter";
+}
+function registerFilterItems() {
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.TEXT, createStandardFilter("text", require_components_data_table_toolbarItems_filters_components_TextFilter.TextFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.CONTAINS, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.TEXT,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.SELECT, createStandardFilter("select", require_components_data_table_toolbarItems_filters_components_SelectFilter.SelectFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.SELECT,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.DATE, createStandardFilter("date", require_components_data_table_toolbarItems_filters_components_DateFilter.DateFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.DATE,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.NUMBER, createStandardFilter("number", require_components_data_table_toolbarItems_filters_components_NumberFilter.NumberFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.NUMBER,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.BOOLEAN, createStandardFilter("boolean", require_components_data_table_toolbarItems_filters_components_BooleanFilter.BooleanFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.EQ, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.BOOLEAN,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.MULTI_SELECT, createStandardFilter("multi-select", require_components_data_table_toolbarItems_filters_components_MultiSelectFilter.MultiSelectFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.IN, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.MULTI_SELECT,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.RANGE, createStandardFilter("range", require_components_data_table_toolbarItems_filters_components_RangeFilter.RangeFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.BETWEEN, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.RANGE,
+		field: ""
+	}));
+	require_components_data_table_ToolbarRegistry.registerFilter(require_components_data_table_toolbarItems_filters_types.FilterType.SEARCH, createStandardFilter("search", require_components_data_table_toolbarItems_filters_components_SearchFilter.SearchFilter, require_components_data_table_toolbarItems_filters_types.FilterOperator.CONTAINS, {
+		type: require_components_data_table_toolbarItems_filters_types.FilterType.SEARCH,
+		field: ""
+	}));
+}
+function registerActionItems() {
+	require_components_data_table_toolbarItems_items_refresh.registerRefreshToolbarItem();
+	require_components_data_table_toolbarItems_items_search.registerSearchToolbarItem();
+}
+function registerToolbarItems() {
+	registerActionItems();
+	registerFilterItems();
+}
+var init_register = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_ToolbarRegistry.init_ToolbarRegistry();
+	require_components_data_table_index.init_data_table();
+	require_components_data_table_toolbarItems_filters_index.init_filters();
+	require_components_data_table_toolbarItems_filters_components_index.init_components();
+	require_components_data_table_toolbarItems_items_refresh.init_refresh();
+	require_components_data_table_toolbarItems_items_search.init_search();
+	registerToolbarItems();
+}));
+
+//#endregion
+init_register();
+exports.createStandardFilter = createStandardFilter;
+exports.getDefaultOperator = getDefaultOperator;
+Object.defineProperty(exports, 'init_register', {
+  enumerable: true,
+  get: function () {
+    return init_register;
+  }
+});
+exports.registerToolbarItems = registerToolbarItems;
+//# sourceMappingURL=register.cjs.map

package/dist/cjs/components/data-table/toolbarItems/register.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.cjs","names":["FilterType","FilterOperator","ToolbarItemType","TextFilter","SelectFilter","DateFilter","NumberFilter","BooleanFilter","MultiSelectFilter","RangeFilter","SearchFilter"],"sources":["../../../../../src/components/data-table/toolbarItems/register.ts"],"sourcesContent":["// Import and register all toolbar items\nimport { registerFilter } from \"@/components/data-table/ToolbarRegistry\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { FilterConfig, ToolbarFilterItem } from \"@/components/data-table\";\nimport { ToolbarItemType } from \"@/components/data-table\";\nimport { FilterOperator, FilterType, LogicalFilterOperator } from \"./filters\";\n\n// Import filter components\nimport {\n  BooleanFilter,\n  DateFilter,\n  MultiSelectFilter,\n  NumberFilter,\n  RangeFilter,\n  SearchFilter,\n  SelectFilter,\n  TextFilter,\n} from \"./filters/components\";\n\n// Import registration functions from items\nimport { registerRefreshToolbarItem } from \"./items/refresh\";\nimport { registerSearchToolbarItem } from \"./items/search\";\n\n/**\n * Get default operator based on filter type\n * @param filterType - The type of filter\n * @returns The default CRUD operator for that filter type\n */\nfunction getDefaultOperator(filterType: FilterType): LogicalFilterOperator {\n  switch (filterType) {\n    case FilterType.TEXT:\n      return FilterOperator.CONTAINS;\n    case FilterType.SELECT:\n      return FilterOperator.EQ;\n    case FilterType.DATE:\n      return FilterOperator.EQ;\n    case FilterType.NUMBER:\n      return FilterOperator.EQ;\n    case FilterType.BOOLEAN:\n      return FilterOperator.EQ;\n    case FilterType.MULTI_SELECT:\n      return FilterOperator.IN;\n    case FilterType.RANGE:\n      return FilterOperator.BETWEEN;\n    case FilterType.SEARCH:\n      return FilterOperator.CONTAINS;\n    default:\n      return FilterOperator.EQ;\n  }\n}\n\n/**\n * Create a standard filter item with proper configuration\n * @param id - Unique identifier for the filter\n * @param component - The React component for the filter\n * @param operator - The CRUD operator for the filter\n * @param additionalConfig - Optional additional configuration to override defaults\n * @returns A properly configured ToolbarFilterItem\n */\nfunction createStandardFilter<TData extends BaseRecord = any>(\n  id: string,\n  component: React.ComponentType<any>,\n  operator: LogicalFilterOperator,\n  additionalConfig: Partial<FilterConfig<TData>> = {},\n): ToolbarFilterItem<TData> {\n  const defaultLabel = computeDefaultLabel(id);\n  const label = additionalConfig.label || defaultLabel;\n\n  return {\n    id,\n    label,\n    type: ToolbarItemType.FILTER,\n    component,\n    initialValue: additionalConfig.initialValue,\n    config: {\n      ...additionalConfig,\n      id,\n      label,\n      type: additionalConfig.type || (id as FilterType),\n      field: additionalConfig.field || (\"\" as keyof TData),\n      operator,\n    },\n  } as ToolbarFilterItem<TData>;\n}\n\n/**\n * Compute a default label from an ID by converting camelCase/snake_case to readable format\n * @param id - The identifier to convert\n * @returns A readable label string\n */\nfunction computeDefaultLabel(id: string): string {\n  // Handle snake_case\n  if (id.includes(\"_\")) {\n    return (\n      id\n        .split(\"_\")\n        .map(\n          (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(),\n        )\n        .join(\" \") + \" Filter\"\n    );\n  }\n\n  // Handle camelCase\n  const camelCaseWords = id.replace(/([A-Z])/g, \" $1\").trim();\n  return (\n    camelCaseWords.charAt(0).toUpperCase() + camelCaseWords.slice(1) + \" Filter\"\n  );\n}\n\nfunction registerFilterItems() {\n  // Register default filters using helper functions\n  registerFilter(\n    FilterType.TEXT,\n    createStandardFilter(\"text\", TextFilter, FilterOperator.CONTAINS, {\n      type: FilterType.TEXT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SELECT,\n    createStandardFilter(\"select\", SelectFilter, FilterOperator.EQ, {\n      type: FilterType.SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.DATE,\n    createStandardFilter(\"date\", DateFilter, FilterOperator.EQ, {\n      type: FilterType.DATE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.NUMBER,\n    createStandardFilter(\"number\", NumberFilter, FilterOperator.EQ, {\n      type: FilterType.NUMBER,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.BOOLEAN,\n    createStandardFilter(\"boolean\", BooleanFilter, FilterOperator.EQ, {\n      type: FilterType.BOOLEAN,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.MULTI_SELECT,\n    createStandardFilter(\"multi-select\", MultiSelectFilter, FilterOperator.IN, {\n      type: FilterType.MULTI_SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.RANGE,\n    createStandardFilter(\"range\", RangeFilter, FilterOperator.BETWEEN, {\n      type: FilterType.RANGE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SEARCH,\n    createStandardFilter(\"search\", SearchFilter, FilterOperator.CONTAINS, {\n      type: FilterType.SEARCH,\n      field: \"\" as any,\n    }),\n  );\n}\n\nfunction registerActionItems() {\n  // Register default action items\n  registerRefreshToolbarItem();\n  registerSearchToolbarItem();\n}\n\nfunction registerToolbarItems() {\n  registerActionItems();\n  registerFilterItems();\n}\n\n// Execute registration\nregisterToolbarItems();\n\nexport { registerToolbarItems, createStandardFilter, getDefaultOperator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAS,mBAAmB,YAA+C;AACzE,SAAQ,YAAR;EACE,KAAKA,oEAAW,KACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,OACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,KACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,OACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,QACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,aACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,MACd,QAAOC,wEAAe;EACxB,KAAKD,oEAAW,OACd,QAAOC,wEAAe;EACxB,QACE,QAAOA,wEAAe;;;;;;;;;;;AAY5B,SAAS,qBACP,IACA,WACA,UACA,mBAAiD,EAAE,EACzB;CAC1B,MAAM,eAAe,oBAAoB,GAAG;CAC5C,MAAM,QAAQ,iBAAiB,SAAS;AAExC,QAAO;EACL;EACA;EACA,MAAMC,8DAAgB;EACtB;EACA,cAAc,iBAAiB;EAC/B,QAAQ;GACN,GAAG;GACH;GACA;GACA,MAAM,iBAAiB,QAAS;GAChC,OAAO,iBAAiB,SAAU;GAClC;GACD;EACF;;;;;;;AAQH,SAAS,oBAAoB,IAAoB;AAE/C,KAAI,GAAG,SAAS,IAAI,CAClB,QACE,GACG,MAAM,IAAI,CACV,KACE,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,MAAM,EAAE,CAAC,aAAa,CACrE,CACA,KAAK,IAAI,GAAG;CAKnB,MAAM,iBAAiB,GAAG,QAAQ,YAAY,MAAM,CAAC,MAAM;AAC3D,QACE,eAAe,OAAO,EAAE,CAAC,aAAa,GAAG,eAAe,MAAM,EAAE,GAAG;;AAIvE,SAAS,sBAAsB;AAE7B,8DACEF,oEAAW,MACX,qBAAqB,QAAQG,qFAAYF,wEAAe,UAAU;EAChE,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,QACX,qBAAqB,UAAUI,yFAAcH,wEAAe,IAAI;EAC9D,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,MACX,qBAAqB,QAAQK,qFAAYJ,wEAAe,IAAI;EAC1D,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,QACX,qBAAqB,UAAUM,yFAAcL,wEAAe,IAAI;EAC9D,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,SACX,qBAAqB,WAAWO,2FAAeN,wEAAe,IAAI;EAChE,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,cACX,qBAAqB,gBAAgBQ,mGAAmBP,wEAAe,IAAI;EACzE,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,OACX,qBAAqB,SAASS,uFAAaR,wEAAe,SAAS;EACjE,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,8DACEA,oEAAW,QACX,qBAAqB,UAAUU,yFAAcT,wEAAe,UAAU;EACpE,MAAMD,oEAAW;EACjB,OAAO;EACR,CAAC,CACH;;AAGH,SAAS,sBAAsB;AAE7B,sFAA4B;AAC5B,oFAA2B;;AAG7B,SAAS,uBAAuB;AAC9B,sBAAqB;AACrB,sBAAqB;;;qEAjLkD;sDAGf;wEACoB;sFAYhD;wEAG+B;sEACF;AAiK3D,uBAAsB"}

package/dist/cjs/components/data-table/toolbarItems/register.d.cts

@@ -0,0 +1,27 @@
+import { FilterConfig, FilterType, LogicalFilterOperator } from "./filters/types.cjs";
+import { ToolbarFilterItem } from "../DataTable.types.cjs";
+import "./filters/index.cjs";
+import "../index.cjs";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/register.d.ts
+
+/**
+ * Get default operator based on filter type
+ * @param filterType - The type of filter
+ * @returns The default CRUD operator for that filter type
+ */
+declare function getDefaultOperator(filterType: FilterType): LogicalFilterOperator;
+/**
+ * Create a standard filter item with proper configuration
+ * @param id - Unique identifier for the filter
+ * @param component - The React component for the filter
+ * @param operator - The CRUD operator for the filter
+ * @param additionalConfig - Optional additional configuration to override defaults
+ * @returns A properly configured ToolbarFilterItem
+ */
+declare function createStandardFilter<TData extends BaseRecord = any>(id: string, component: React.ComponentType<any>, operator: LogicalFilterOperator, additionalConfig?: Partial<FilterConfig<TData>>): ToolbarFilterItem<TData>;
+declare function registerToolbarItems(): void;
+//#endregion
+export { createStandardFilter, getDefaultOperator, registerToolbarItems };
+//# sourceMappingURL=register.d.cts.map

package/dist/cjs/components/data-table/useMobileDetection.cjs

@@ -0,0 +1,44 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_sizing_index = require('../sizing/index.cjs');
+const require_components_index = require('../index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+
+//#region src/components/data-table/useMobileDetection.ts
+/**
+* Hook to detect mobile viewport based on Tailwind CSS breakpoints
+* @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile
+* @returns isMobile state and current breakpoint
+*/
+function useMobileDetection({ mobileBreakpoint = require_components_sizing_index.ComponentSize.SM } = {}) {
+	return (0, _lumeweb_portal_framework_ui_core.useMobileDetection)({ breakpoint: Object.values(require_components_sizing_index.ComponentSize).includes(mobileBreakpoint) ? breakpointSizeMap[mobileBreakpoint] : mobileBreakpoint });
+}
+var breakpointSizeMap;
+var init_useMobileDetection = require_rolldown_runtime.__esmMin((() => {
+	require_components_index.init_components();
+	breakpointSizeMap = {
+		[require_components_sizing_index.ComponentSize.TWO_XL]: "2xl",
+		[require_components_sizing_index.ComponentSize.THREE_XL]: "3xl",
+		[require_components_sizing_index.ComponentSize.FOUR_XL]: "4xl",
+		[require_components_sizing_index.ComponentSize.FIVE_XL]: "5xl",
+		[require_components_sizing_index.ComponentSize.SIX_XL]: "6xl",
+		[require_components_sizing_index.ComponentSize.SEVEN_XL]: "7xl",
+		[require_components_sizing_index.ComponentSize.AUTO]: "auto",
+		[require_components_sizing_index.ComponentSize.FULL]: "full",
+		[require_components_sizing_index.ComponentSize.LG]: "lg",
+		[require_components_sizing_index.ComponentSize.MD]: "md",
+		[require_components_sizing_index.ComponentSize.SM]: "sm",
+		[require_components_sizing_index.ComponentSize.XL]: "xl",
+		[require_components_sizing_index.ComponentSize.XS]: "xs"
+	};
+}));
+
+//#endregion
+init_useMobileDetection();
+Object.defineProperty(exports, 'init_useMobileDetection', {
+  enumerable: true,
+  get: function () {
+    return init_useMobileDetection;
+  }
+});
+exports.useMobileDetection = useMobileDetection;
+//# sourceMappingURL=useMobileDetection.cjs.map

package/dist/cjs/components/data-table/useMobileDetection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobileDetection.cjs","names":["ComponentSize"],"sources":["../../../../src/components/data-table/useMobileDetection.ts"],"sourcesContent":["import { useMobileDetection as useCoreMobileDetection, type UseMobileDetectionReturn } from \"@lumeweb/portal-framework-ui-core\";\nimport { ComponentSize } from \"@/components\";\n\ninterface UseMobileDetectionProps {\n  mobileBreakpoint?: ComponentSize | string;\n}\n\n// Map ComponentSize breakpoints to Tailwind CSS breakpoint names\nconst breakpointSizeMap: Record<ComponentSize, string> = {\n  [ComponentSize.TWO_XL]: \"2xl\",\n  [ComponentSize.THREE_XL]: \"3xl\",\n  [ComponentSize.FOUR_XL]: \"4xl\",\n  [ComponentSize.FIVE_XL]: \"5xl\",\n  [ComponentSize.SIX_XL]: \"6xl\",\n  [ComponentSize.SEVEN_XL]: \"7xl\",\n  [ComponentSize.AUTO]: \"auto\",\n  [ComponentSize.FULL]: \"full\",\n  [ComponentSize.LG]: \"lg\",\n  [ComponentSize.MD]: \"md\",\n  [ComponentSize.SM]: \"sm\",\n  [ComponentSize.XL]: \"xl\",\n  [ComponentSize.XS]: \"xs\",\n};\n\n/**\n * Hook to detect mobile viewport based on Tailwind CSS breakpoints\n * @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile\n * @returns isMobile state and current breakpoint\n */\nfunction useMobileDetection({\n  mobileBreakpoint = ComponentSize.SM,\n}: UseMobileDetectionProps = {}): UseMobileDetectionReturn {\n  // Convert ComponentSize to Tailwind breakpoint name if needed\n  const breakpointName = Object.values(ComponentSize).includes(\n    mobileBreakpoint as ComponentSize,\n  )\n    ? breakpointSizeMap[mobileBreakpoint as ComponentSize]\n    : mobileBreakpoint;\n\n  return useCoreMobileDetection({ breakpoint: breakpointName });\n}\n\nexport { useMobileDetection };\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,mBAAmB,EAC1B,mBAAmBA,8CAAc,OACN,EAAE,EAA4B;AAQzD,kEAA8B,EAAE,YANT,OAAO,OAAOA,8CAAc,CAAC,SAClD,iBACD,GACG,kBAAkB,oBAClB,kBAEwD,CAAC;;;;2CAtClB;CAOvC,oBAAmD;GACtDA,8CAAc,SAAS;GACvBA,8CAAc,WAAW;GACzBA,8CAAc,UAAU;GACxBA,8CAAc,UAAU;GACxBA,8CAAc,SAAS;GACvBA,8CAAc,WAAW;GACzBA,8CAAc,OAAO;GACrBA,8CAAc,OAAO;GACrBA,8CAAc,KAAK;GACnBA,8CAAc,KAAK;GACnBA,8CAAc,KAAK;GACnBA,8CAAc,KAAK;GACnBA,8CAAc,KAAK;EACrB"}

package/dist/cjs/components/data-table/useMobileDetection.d.cts

@@ -0,0 +1,19 @@
+import { ComponentSize as ComponentSize$1 } from "../sizing/index.cjs";
+import "../index.cjs";
+import { UseMobileDetectionReturn } from "@lumeweb/portal-framework-ui-core";
+
+//#region src/components/data-table/useMobileDetection.d.ts
+interface UseMobileDetectionProps {
+  mobileBreakpoint?: ComponentSize$1 | string;
+}
+/**
+ * Hook to detect mobile viewport based on Tailwind CSS breakpoints
+ * @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile
+ * @returns isMobile state and current breakpoint
+ */
+declare function useMobileDetection({
+  mobileBreakpoint
+}?: UseMobileDetectionProps): UseMobileDetectionReturn;
+//#endregion
+export { useMobileDetection };
+//# sourceMappingURL=useMobileDetection.d.cts.map

package/dist/cjs/components/data-table/useTableHandlers.cjs

@@ -0,0 +1,82 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/data-table/useTableHandlers.ts
+/**
+* Hook to generate row props with click handling and accessibility
+*/
+function useTableRowHandlers({ onRowClick, getRowProps }) {
+	return react.default.useCallback((row) => {
+		const baseProps = getRowProps?.(row) || {};
+		if (!onRowClick) return baseProps;
+		return {
+			...baseProps,
+			onClick: () => onRowClick(row),
+			tabIndex: 0,
+			role: "button",
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") {
+					if (e.key === " ") e.preventDefault();
+					onRowClick(row);
+				}
+			},
+			className: (0, _lumeweb_portal_framework_ui_core.cn)("cursor-pointer hover:bg-muted", baseProps.className)
+		};
+	}, [onRowClick, getRowProps]);
+}
+/**
+* Hook to generate cell props with meta class names
+*/
+function useTableCellHandlers({ getCellProps }) {
+	return react.default.useCallback((cell) => {
+		const baseProps = getCellProps?.(cell) || {};
+		return {
+			...baseProps,
+			className: (0, _lumeweb_portal_framework_ui_core.cn)(cell.column.columnDef.meta?.cellClassName, baseProps.className)
+		};
+	}, [getCellProps]);
+}
+/**
+* Hook to determine which columns should be hidden on mobile
+*/
+function useMobileColumnHiding({ responsive = false, hideColumnsOnMobile = [] }) {
+	const isMobile = (0, _lumeweb_portal_framework_ui_core.useMobileDetection)();
+	return react.default.useMemo(() => {
+		if (!responsive) return /* @__PURE__ */ new Set();
+		const hiddenColumns = /* @__PURE__ */ new Set();
+		if (isMobile) {
+			if (typeof responsive === "boolean") hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));
+			else if (responsive.hideOnMobile) hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));
+		}
+		return hiddenColumns;
+	}, [
+		responsive,
+		isMobile,
+		hideColumnsOnMobile
+	]);
+}
+/**
+* Hook to generate header cell props with meta class names
+*/
+function useTableHeaderCellHandlers() {
+	return react.default.useCallback((header) => {
+		return { className: (0, _lumeweb_portal_framework_ui_core.cn)(header.column.columnDef.meta?.headerClassName) };
+	}, []);
+}
+var init_useTableHandlers = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_useTableHandlers();
+Object.defineProperty(exports, 'init_useTableHandlers', {
+  enumerable: true,
+  get: function () {
+    return init_useTableHandlers;
+  }
+});
+exports.useMobileColumnHiding = useMobileColumnHiding;
+exports.useTableCellHandlers = useTableCellHandlers;
+exports.useTableHeaderCellHandlers = useTableHeaderCellHandlers;
+exports.useTableRowHandlers = useTableRowHandlers;
+//# sourceMappingURL=useTableHandlers.cjs.map

package/dist/cjs/components/data-table/useTableHandlers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableHandlers.cjs","names":["React"],"sources":["../../../../src/components/data-table/useTableHandlers.ts"],"sourcesContent":["import { Cell, Row } from \"@tanstack/react-table\";\nimport { cn, useMobileDetection } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport React from \"react\";\n\ninterface UseTableRowHandlersProps<TData extends BaseRecord> {\n  onRowClick?: (row: Row<TData>) => void;\n  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n}\n\ninterface UseTableCellHandlersProps<TData extends BaseRecord> {\n  getCellProps?: (\n    cell: Cell<TData, unknown>,\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n}\n\ninterface UseMobileColumnHidingProps {\n  responsive?: boolean | { hideOnMobile?: boolean };\n  hideColumnsOnMobile?: string[];\n}\n\n/**\n * Type for the header cell handler function\n */\ntype HeaderCellHandler = (header: {\n  column: { columnDef: { meta?: { headerClassName?: string } } };\n}) => React.HTMLAttributes<HTMLTableCellElement>;\n\n/**\n * Hook to generate row props with click handling and accessibility\n */\nexport function useTableRowHandlers<TData extends BaseRecord>({\n  onRowClick,\n  getRowProps,\n}: UseTableRowHandlersProps<TData>): (\n  row: Row<TData>,\n) => React.HTMLAttributes<HTMLTableRowElement> {\n  return React.useCallback(\n    (row: Row<TData>) => {\n      const baseProps = getRowProps?.(row) || {};\n\n      if (!onRowClick) {\n        return baseProps;\n      }\n\n      return {\n        ...baseProps,\n        onClick: () => onRowClick(row),\n        tabIndex: 0,\n        role: \"button\" as const,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            if (e.key === \" \") {\n              e.preventDefault();\n            }\n            onRowClick(row);\n          }\n        },\n        className: cn(\"cursor-pointer hover:bg-muted\", baseProps.className),\n      };\n    },\n    [onRowClick, getRowProps],\n  );\n}\n\n/**\n * Hook to generate cell props with meta class names\n */\nexport function useTableCellHandlers<TData extends BaseRecord>({\n  getCellProps,\n}: UseTableCellHandlersProps<TData>): (\n  cell: Cell<TData, unknown>,\n) => React.HTMLAttributes<HTMLTableCellElement> {\n  return React.useCallback(\n    (cell: Cell<TData, unknown>) => {\n      const baseProps = getCellProps?.(cell) || {};\n\n      return {\n        ...baseProps,\n        className: cn(\n          cell.column.columnDef.meta?.cellClassName as string,\n          baseProps.className,\n        ),\n      };\n    },\n    [getCellProps],\n  );\n}\n\n/**\n * Hook to determine which columns should be hidden on mobile\n */\nexport function useMobileColumnHiding({\n  responsive = false,\n  hideColumnsOnMobile = [],\n}: UseMobileColumnHidingProps): Set<string> {\n  const isMobile = useMobileDetection();\n\n  return React.useMemo(() => {\n    if (!responsive) {\n      return new Set();\n    }\n\n    const hiddenColumns = new Set<string>();\n\n    if (isMobile) {\n      if (typeof responsive === \"boolean\") {\n        // If responsive is true, hide all columns in hideColumnsOnMobile\n        hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n      } else {\n        // If responsive is an object with hideOnMobile property\n        if (responsive.hideOnMobile) {\n          hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n        }\n      }\n    }\n    return hiddenColumns;\n  }, [responsive, isMobile, hideColumnsOnMobile]);\n}\n\n/**\n * Hook to generate header cell props with meta class names\n */\nexport function useTableHeaderCellHandlers(): HeaderCellHandler {\n  return React.useCallback((header) => {\n    return {\n      className: cn(header.column.columnDef.meta?.headerClassName as string),\n    };\n  }, []);\n}\n"],"mappings":";;;;;;;;;AA+BA,SAAgB,oBAA8C,EAC5D,YACA,eAG6C;AAC7C,QAAOA,cAAM,aACV,QAAoB;EACnB,MAAM,YAAY,cAAc,IAAI,IAAI,EAAE;AAE1C,MAAI,CAAC,WACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,eAAe,WAAW,IAAI;GAC9B,UAAU;GACV,MAAM;GACN,YAAY,MAA2B;AACrC,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,SAAI,EAAE,QAAQ,IACZ,GAAE,gBAAgB;AAEpB,gBAAW,IAAI;;;GAGnB,qDAAc,iCAAiC,UAAU,UAAU;GACpE;IAEH,CAAC,YAAY,YAAY,CAC1B;;;;;AAMH,SAAgB,qBAA+C,EAC7D,gBAG8C;AAC9C,QAAOA,cAAM,aACV,SAA+B;EAC9B,MAAM,YAAY,eAAe,KAAK,IAAI,EAAE;AAE5C,SAAO;GACL,GAAG;GACH,qDACE,KAAK,OAAO,UAAU,MAAM,eAC5B,UAAU,UACX;GACF;IAEH,CAAC,aAAa,CACf;;;;;AAMH,SAAgB,sBAAsB,EACpC,aAAa,OACb,sBAAsB,EAAE,IACkB;CAC1C,MAAM,sEAA+B;AAErC,QAAOA,cAAM,cAAc;AACzB,MAAI,CAAC,WACH,wBAAO,IAAI,KAAK;EAGlB,MAAM,gCAAgB,IAAI,KAAa;AAEvC,MAAI,UACF;OAAI,OAAO,eAAe,UAExB,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;YAGtD,WAAW,aACb,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;;AAIhE,SAAO;IACN;EAAC;EAAY;EAAU;EAAoB,CAAC;;;;;AAMjD,SAAgB,6BAAgD;AAC9D,QAAOA,cAAM,aAAa,WAAW;AACnC,SAAO,EACL,qDAAc,OAAO,OAAO,UAAU,MAAM,gBAA0B,EACvE;IACA,EAAE,CAAC"}

package/dist/cjs/components/data-table/useTableHandlers.d.cts

@@ -0,0 +1,57 @@
+import React from "react";
+import { BaseRecord } from "@refinedev/core";
+import { Cell, Row } from "@tanstack/react-table";
+
+//#region src/components/data-table/useTableHandlers.d.ts
+interface UseTableRowHandlersProps<TData extends BaseRecord> {
+  onRowClick?: (row: Row<TData>) => void;
+  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;
+}
+interface UseTableCellHandlersProps<TData extends BaseRecord> {
+  getCellProps?: (cell: Cell<TData, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+}
+interface UseMobileColumnHidingProps {
+  responsive?: boolean | {
+    hideOnMobile?: boolean;
+  };
+  hideColumnsOnMobile?: string[];
+}
+/**
+ * Type for the header cell handler function
+ */
+type HeaderCellHandler = (header: {
+  column: {
+    columnDef: {
+      meta?: {
+        headerClassName?: string;
+      };
+    };
+  };
+}) => React.HTMLAttributes<HTMLTableCellElement>;
+/**
+ * Hook to generate row props with click handling and accessibility
+ */
+declare function useTableRowHandlers<TData extends BaseRecord>({
+  onRowClick,
+  getRowProps
+}: UseTableRowHandlersProps<TData>): (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;
+/**
+ * Hook to generate cell props with meta class names
+ */
+declare function useTableCellHandlers<TData extends BaseRecord>({
+  getCellProps
+}: UseTableCellHandlersProps<TData>): (cell: Cell<TData, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+/**
+ * Hook to determine which columns should be hidden on mobile
+ */
+declare function useMobileColumnHiding({
+  responsive,
+  hideColumnsOnMobile
+}: UseMobileColumnHidingProps): Set<string>;
+/**
+ * Hook to generate header cell props with meta class names
+ */
+declare function useTableHeaderCellHandlers(): HeaderCellHandler;
+//#endregion
+export { useMobileColumnHiding, useTableCellHandlers, useTableHeaderCellHandlers, useTableRowHandlers };
+//# sourceMappingURL=useTableHandlers.d.cts.map

package/dist/cjs/components/data-table/useTableLayoutSelector.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('./DataTable.types.cjs');
+const require_components_data_table_useMobileDetection = require('./useMobileDetection.cjs');
+
+//#region src/components/data-table/useTableLayoutSelector.ts
+function useTableLayoutSelector({ responsive = false, mobileLayout = require_components_data_table_DataTable_types.TableLayoutType.AUTO, mobileBreakpoint = "sm" }) {
+	const { isMobile } = require_components_data_table_useMobileDetection.useMobileDetection({ breakpoint: mobileBreakpoint });
+	return responsive && isMobile && (mobileLayout === require_components_data_table_DataTable_types.TableLayoutType.STACKED || mobileLayout === require_components_data_table_DataTable_types.TableLayoutType.AUTO) ? require_components_data_table_DataTable_types.TableLayoutType.STACKED : require_components_data_table_DataTable_types.TableLayoutType.TABLE;
+}
+var init_useTableLayoutSelector = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_useMobileDetection.init_useMobileDetection();
+	require_components_data_table_DataTable_types.init_DataTable_types();
+}));
+
+//#endregion
+init_useTableLayoutSelector();
+Object.defineProperty(exports, 'init_useTableLayoutSelector', {
+  enumerable: true,
+  get: function () {
+    return init_useTableLayoutSelector;
+  }
+});
+exports.useTableLayoutSelector = useTableLayoutSelector;
+//# sourceMappingURL=useTableLayoutSelector.cjs.map

package/dist/cjs/components/data-table/useTableLayoutSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableLayoutSelector.cjs","names":["TableLayoutType","useMobileDetection"],"sources":["../../../../src/components/data-table/useTableLayoutSelector.ts"],"sourcesContent":["import { useMobileDetection } from \"./useMobileDetection\";\nimport { TableLayoutType } from \"./DataTable.types\";\n\ninterface UseTableLayoutSelectorProps {\n  responsive?: boolean;\n  mobileLayout?: TableLayoutType;\n  mobileBreakpoint?: string;\n}\n\nfunction useTableLayoutSelector({\n  responsive = false,\n  mobileLayout = TableLayoutType.AUTO,\n  mobileBreakpoint = 'sm'\n}: UseTableLayoutSelectorProps) {\n  const { isMobile } = useMobileDetection({ breakpoint: mobileBreakpoint });\n  \n  // Determine if we should show stacked layout\n  const shouldShowStackedLayout = \n    responsive && \n    isMobile && \n    (mobileLayout === TableLayoutType.STACKED || mobileLayout === TableLayoutType.AUTO);\n  \n  return shouldShowStackedLayout ? TableLayoutType.STACKED : TableLayoutType.TABLE;\n}\n\nexport { useTableLayoutSelector };\n"],"mappings":";;;;;AASA,SAAS,uBAAuB,EAC9B,aAAa,OACb,eAAeA,8DAAgB,MAC/B,mBAAmB,QACW;CAC9B,MAAM,EAAE,aAAaC,oEAAmB,EAAE,YAAY,kBAAkB,CAAC;AAQzE,QAJE,cACA,aACC,iBAAiBD,8DAAgB,WAAW,iBAAiBA,8DAAgB,QAE/CA,8DAAgB,UAAUA,8DAAgB;;;2EAtBnB;qEACN"}

package/dist/cjs/components/data-table/useTableLayoutSelector.d.cts

@@ -0,0 +1,16 @@
+import { TableLayoutType } from "./DataTable.types.cjs";
+
+//#region src/components/data-table/useTableLayoutSelector.d.ts
+interface UseTableLayoutSelectorProps {
+  responsive?: boolean;
+  mobileLayout?: TableLayoutType;
+  mobileBreakpoint?: string;
+}
+declare function useTableLayoutSelector({
+  responsive,
+  mobileLayout,
+  mobileBreakpoint
+}: UseTableLayoutSelectorProps): TableLayoutType.TABLE | TableLayoutType.STACKED;
+//#endregion
+export { useTableLayoutSelector };
+//# sourceMappingURL=useTableLayoutSelector.d.cts.map

package/dist/cjs/components/dialog/Dialog.context.cjs

@@ -0,0 +1,98 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_types = require('./Dialog.types.cjs');
+const require_components_dialog_DialogActions_context = require('./DialogActions.context.cjs');
+const require_components_dialog_DialogState_context = require('./DialogState.context.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/dialog/Dialog.context.tsx
+/**
+* Required provider that maintains dialog state and context.
+* Must wrap any components that will use dialogs.
+*/
+function DialogProvider({ children }) {
+	const [dialogStack, setDialogStack] = (0, react.useState)([]);
+	const _formMethods = (0, react.useRef)(void 0);
+	const currentDialog = dialogStack[dialogStack.length - 1];
+	(0, react.useEffect)(() => {
+		return () => {};
+	}, []);
+	const setFormMethods = (0, react.useCallback)((methods) => {
+		_formMethods.current = methods;
+	}, []);
+	const openDialog = (0, react.useCallback)((config) => {
+		setDialogStack((prev) => [...prev, config]);
+	}, []);
+	const closeDialog = (0, react.useCallback)((source = "programmatic") => {
+		setDialogStack((prev) => {
+			const newStack = prev.slice(0, -1);
+			const closedDialog = prev[prev.length - 1];
+			if (closedDialog && (closedDialog.type === require_components_dialog_Dialog_types.DialogTypes.CONFIRM || closedDialog.type === require_components_dialog_Dialog_types.DialogTypes.FORM)) {
+				if (source === "user") closedDialog.onCancel?.(source);
+			}
+			return newStack;
+		});
+	}, []);
+	const replaceDialog = (0, react.useCallback)((newDialog) => {
+		setDialogStack((prev) => {
+			return [...prev.slice(0, -1), newDialog];
+		});
+	}, []);
+	const stateValue = (0, react.useMemo)(() => ({
+		currentDialog,
+		formMethods: _formMethods
+	}), [currentDialog, _formMethods]);
+	const actionsValue = (0, react.useMemo)(() => ({
+		closeDialog,
+		openDialog,
+		replaceDialog,
+		setFormMethods
+	}), [
+		openDialog,
+		closeDialog,
+		replaceDialog,
+		setFormMethods
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_dialog_DialogState_context.DialogStateContext.Provider, {
+		value: stateValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_dialog_DialogActions_context.DialogActionsContext.Provider, {
+			value: actionsValue,
+			children
+		})
+	});
+}
+var useDialogState, useDialogActions, useDialog;
+var init_Dialog_context = require_rolldown_runtime.__esmMin((() => {
+	require_components_dialog_Dialog_types.init_Dialog_types();
+	require_components_dialog_DialogActions_context.init_DialogActions_context();
+	require_components_dialog_DialogState_context.init_DialogState_context();
+	useDialogState = () => (0, react.useContext)(require_components_dialog_DialogState_context.DialogStateContext);
+	useDialogActions = () => (0, react.useContext)(require_components_dialog_DialogActions_context.DialogActionsContext);
+	useDialog = () => {
+		const state = useDialogState();
+		const actions = useDialogActions();
+		return {
+			...state,
+			...state.currentDialog ? actions : {
+				closeDialog: actions.closeDialog,
+				openDialog: actions.openDialog,
+				replaceDialog: actions.replaceDialog
+			}
+		};
+	};
+}));
+
+//#endregion
+init_Dialog_context();
+exports.DialogProvider = DialogProvider;
+Object.defineProperty(exports, 'init_Dialog_context', {
+  enumerable: true,
+  get: function () {
+    return init_Dialog_context;
+  }
+});
+exports.useDialog = useDialog;
+exports.useDialogActions = useDialogActions;
+exports.useDialogState = useDialogState;
+//# sourceMappingURL=Dialog.context.cjs.map