@machinemetrics/mm-react-components 0.2.3-23 → 0.2.3-25

package/dist/mm-react-components.es.js

@@ -3767,10 +3767,9 @@ const Circle = createLucideIcon("circle", __iconNode$g);
  */
 const __iconNode$f = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "M15 3v18", key: "14nvp0" }]
+  ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns3 = createLucideIcon("columns-3", __iconNode$f);
+const Columns2 = createLucideIcon("columns-2", __iconNode$f);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3816,41 +3815,53 @@ const Info = createLucideIcon("info", __iconNode$c);
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$b);
+const __iconNode$b = [
+  ["path", { d: "M2 5h20", key: "1fs1ex" }],
+  ["path", { d: "M6 12h12", key: "8npq4p" }],
+  ["path", { d: "M9 19h6", key: "456am0" }]
+];
+const ListFilter = createLucideIcon("list-filter", __iconNode$b);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$a);
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$9);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$8 = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$9);
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$8);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -3859,14 +3870,14 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$8);
+const Moon = createLucideIcon("moon", __iconNode$7);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$6 = [
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   [
     "path",
@@ -3877,49 +3888,31 @@ const __iconNode$7 = [
   ],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const OctagonX = createLucideIcon("octagon-x", __iconNode$7);
+const OctagonX = createLucideIcon("octagon-x", __iconNode$6);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$5 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$6);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$5);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$4 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$5);
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$4 = [
-  ["path", { d: "M10 5H3", key: "1qgfaw" }],
-  ["path", { d: "M12 19H3", key: "yhmn1j" }],
-  ["path", { d: "M14 3v4", key: "1sua03" }],
-  ["path", { d: "M16 17v4", key: "1q0r14" }],
-  ["path", { d: "M21 12h-9", key: "1o4lsq" }],
-  ["path", { d: "M21 19h-5", key: "1rlt1p" }],
-  ["path", { d: "M21 5h-7", key: "1oszz2" }],
-  ["path", { d: "M8 10v4", key: "tgpxqk" }],
-  ["path", { d: "M8 12H3", key: "a7s4jb" }]
-];
-const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$4);
+const Search = createLucideIcon("search", __iconNode$4);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -24691,7 +24684,7 @@ function DataTablePagination({
       "data-slot": "pagination",
       children: [
         !compact2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: (() => {
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-foreground", children: (() => {
             const total = table.getFilteredRowModel().rows.length;
             const selected = table.getFilteredSelectedRowModel().rows.length;
             if (selected > 0) {
@@ -24709,7 +24702,7 @@ function DataTablePagination({
               className: "mmc-pagination__page-size flex items-center gap-2",
               "data-slot": "page-size",
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: "Show:" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-foreground", children: "Show:" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   Select$1,
                   {
@@ -24739,8 +24732,8 @@ function DataTablePagination({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$1,
             {
-              variant: "outline",
-              className: "h-9 rounded-md px-3",
+              variant: "ghost",
+              className: "px-2.5 text-foreground hover:text-foreground disabled:text-muted-foreground disabled:opacity-50 disabled:hover:text-muted-foreground",
               onClick: () => {
                 table.previousPage();
                 if (onPageChange) {
@@ -24755,7 +24748,7 @@ function DataTablePagination({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
-              className: "text-sm text-muted-foreground select-none",
+              className: "text-sm text-foreground select-none",
               "data-slot": "page-indicator",
               children: (() => {
                 const p2 = table.getState().pagination ?? {};
@@ -24774,8 +24767,8 @@ function DataTablePagination({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$1,
             {
-              variant: "outline",
-              className: "h-9 rounded-md px-3",
+              variant: "ghost",
+              className: "px-2.5 text-foreground hover:text-foreground disabled:text-muted-foreground disabled:opacity-50 disabled:hover:text-muted-foreground",
               onClick: () => {
                 table.nextPage();
                 if (onPageChange) {
@@ -24915,7 +24908,7 @@ function ColumnVisibilityMenu({
         size: "icon",
         className: "h-10 w-10",
         "aria-label": "Edit columns",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Columns3, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Columns2, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", className: "w-64 p-0", children: [
@@ -25829,7 +25822,7 @@ function FilterMenu({
         "aria-label": activeTotal ? `Filters, ${activeTotal} active` : "Filters",
         className: "relative h-10 w-10",
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SlidersHorizontal, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListFilter, { className: "h-4 w-4" }),
           activeTotal > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn$1("absolute -top-1 -right-1", bubbleClass), children: activeTotal }) : null
         ]
       }
@@ -26103,7 +26096,7 @@ function SortMenu({ table }) {
   const activeColumn = currentColumn ?? sortableColumns[0];
   const activeLabel = activeColumn ? getColumnLabel(activeColumn) : "Sort";
   const buttonLabel = currentSort ? `Sort by ${activeLabel}` : "Sort";
-  const SortIcon = currentDirection === "asc" ? ArrowUp : ArrowDown;
+  const SortIcon = currentDirection === "asc" ? ChevronUp : ChevronDown;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
@@ -26133,7 +26126,7 @@ function SortMenu({ table }) {
                 setSorting(String(activeColumn.id), pressed ? "desc" : "asc");
               },
               className: "h-8 w-8 p-0",
-              children: currentDirection === "asc" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDown, { className: "h-4 w-4" })
+              children: currentDirection === "asc" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-4 w-4" })
             }
           )
         }
@@ -29616,7 +29609,9 @@ function useTableController(options) {
     enableColumnResizing: true,
     enableColumnPinning: true,
     enableGlobalFilter: true,
-    globalFilterFn,
+    // Only include globalFilterFn prop if we have a custom filter or disabled filter
+    // Omitting it allows TanStack Table to use its default filter behavior
+    ...globalFilterFn !== void 0 && { globalFilterFn },
     onRowSelectionChange: wrappedSetRowSelection,
     onSortingChange: wrappedSetSorting,
     onColumnVisibilityChange: wrappedSetColumnVisibility,
@@ -29879,7 +29874,7 @@ function TableHeader({
     "thead",
     {
       "data-scrolled": isBodyScrolled || void 0,
-      className: "sticky top-0 z-10 bg-[var(--tablehead-bg)] border-b border-[var(--tablehead-border)] shadow-none data-[scrolled=true]:shadow-sm",
+      className: "sticky top-0 z-10 bg-[var(--tablehead-bg)] shadow-none data-[scrolled=true]:shadow-sm",
       children: headerGroups.map((headerGroup) => {
         const selectHeader = headerGroup.headers.find(
           (h) => h.column.id === "select" && h.column.getIsVisible()
@@ -29894,7 +29889,7 @@ function TableHeader({
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "tr",
           {
-            className: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+            className: "transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
               SortableContext,
               {
@@ -29905,7 +29900,7 @@ function TableHeader({
                     TableHead$1,
                     {
                       className: cn$1(
-                        "relative group border-b-0 p-0",
+                        "relative group p-0",
                         getAlignmentClass(
                           selectHeader.column.columnDef.meta?.align
                         )
@@ -29945,7 +29940,7 @@ function TableHeader({
                     TableHead$1,
                     {
                       className: cn$1(
-                        "relative group border-b-0",
+                        "relative group",
                         getAlignmentClass(
                           actionsHeader.column.columnDef.meta?.align
                         )
@@ -31953,7 +31948,7 @@ const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ref,
     "data-slot": "table-head",
     className: cn$1(
-      "h-10 px-4 text-left align-middle text-xs font-semibold bg-[var(--tablehead-bg)] text-[var(--tablehead-fg)] border-b border-[var(--tablehead-border)] [&:has([role=checkbox])]:pr-0 [&:has([role=checkbox])]:pl-0",
+      "h-10 px-4 text-left align-middle text-xs font-semibold bg-[var(--tablehead-bg)] text-[var(--tablehead-fg)] [&:has([role=checkbox])]:pr-0 [&:has([role=checkbox])]:pl-0",
       // Enforce header button/controls to 12px/600
       "[&_button]:text-xs [&_button]:font-semibold [&_[data-slot='button']]:text-xs [&_[data-slot='button']]:font-semibold",
       className
@@ -32394,10 +32389,7 @@ const Progress = React.forwardRef(({ className, value, ...props }, ref) => {
       "aria-valuemax": 100,
       "aria-valuenow": typeof clamped === "number" ? clamped : void 0,
       "data-unknown": typeof clamped !== "number" ? "true" : void 0,
-      className: cn$1(
-        "relative h-2 w-full overflow-hidden rounded-full",
-        className
-      ),
+      className: cn$1("relative h-2 w-full overflow-hidden", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Indicator,