@magnet-cms/plugin-polar 0.1.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/frontend/bundle.iife.js +71 -61
  2. package/dist/frontend/bundle.iife.js.map +1 -1
  3. package/package.json +6 -6
  4. package/src/admin/pages/benefits.tsx +11 -9
  5. package/src/admin/pages/customers.tsx +12 -10
  6. package/src/admin/pages/orders.tsx +10 -8
  7. package/src/admin/pages/products.tsx +12 -10
  8. package/src/admin/pages/subscriptions.tsx +11 -9
package/dist/frontend/bundle.iife.js CHANGED
@@ -22559,7 +22559,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22559
22559
  type: "text",
22560
22560
  header: "Name",
22561
22561
  accessorKey: "name",
22562
- format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: value ?? "—" })
22562
+ format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: value ?? "—" })
22563
22563
  },
22564
22564
  {
22565
22565
  type: "text",
@@ -22596,7 +22596,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22596
22596
  )
22597
22597
  }
22598
22598
  ];
22599
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22599
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22600
22600
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full sm:w-80", children: [
22601
22601
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
22602
22602
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22616,17 +22616,19 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22616
22616
  const totalRows = table.getFilteredRowModel().rows.length;
22617
22617
  const startRow = pageIndex * pageSize + 1;
22618
22618
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
22619
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
22620
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
22621
- "Showing ",
22622
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22619
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22620
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22621
+ "Showing",
22623
22622
  " ",
22624
- "to ",
22625
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22623
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22624
+ " to",
22625
+ " ",
22626
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
22626
22627
  " of",
22627
22628
  " ",
22628
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
22629
- " results"
22629
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22630
+ " ",
22631
+ "results"
22630
22632
  ] }),
22631
22633
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
22632
22634
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22653,12 +22655,12 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22653
22655
  ] });
22654
22656
  };
22655
22657
  if (loading) {
22656
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22658
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22657
22659
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Customers" }),
22658
22660
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
22659
22661
  ] });
22660
22662
  }
22661
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22663
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22662
22664
  /* @__PURE__ */ jsxRuntime.jsx(
22663
22665
  admin.PageHeader,
22664
22666
  {
@@ -22666,7 +22668,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22666
22668
  description: `${customers2.length} customer(s) total.`
22667
22669
  }
22668
22670
  ),
22669
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22671
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22670
22672
  components$1.DataTable,
22671
22673
  {
22672
22674
  data: filtered,
@@ -22726,7 +22728,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22726
22728
  type: "text",
22727
22729
  header: "Name",
22728
22730
  accessorKey: "name",
22729
- format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: value })
22731
+ format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: value })
22730
22732
  },
22731
22733
  {
22732
22734
  type: "text",
@@ -22745,7 +22747,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22745
22747
  cell: (row) => /* @__PURE__ */ jsxRuntime.jsx(components$1.Badge, { variant: row.original.isArchived ? "secondary" : "default", children: row.original.isArchived ? "Archived" : "Active" })
22746
22748
  }
22747
22749
  ];
22748
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22750
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22749
22751
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full sm:w-80", children: [
22750
22752
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
22751
22753
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22765,17 +22767,19 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22765
22767
  const totalRows = table.getFilteredRowModel().rows.length;
22766
22768
  const startRow = pageIndex * pageSize + 1;
22767
22769
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
22768
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
22769
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
22770
- "Showing ",
22771
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22770
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22771
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22772
+ "Showing",
22773
+ " ",
22774
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22775
+ " to",
22772
22776
  " ",
22773
- "to ",
22774
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22777
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
22775
22778
  " of",
22776
22779
  " ",
22777
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
22778
- " results"
22780
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22781
+ " ",
22782
+ "results"
22779
22783
  ] }),
22780
22784
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
22781
22785
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22802,12 +22806,12 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22802
22806
  ] });
22803
22807
  };
22804
22808
  if (loading) {
22805
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22809
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22806
22810
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Products" }),
22807
22811
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
22808
22812
  ] });
22809
22813
  }
22810
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22814
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22811
22815
  /* @__PURE__ */ jsxRuntime.jsx(
22812
22816
  admin.PageHeader,
22813
22817
  {
@@ -22824,7 +22828,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22824
22828
  ] })
22825
22829
  }
22826
22830
  ),
22827
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22831
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22828
22832
  components$1.DataTable,
22829
22833
  {
22830
22834
  data: filtered,
@@ -22941,7 +22945,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22941
22945
  ) : null
22942
22946
  }
22943
22947
  ];
22944
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22948
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22945
22949
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsxs(components$1.Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
22946
22950
  /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectValue, { placeholder: "Filter by status" }) }),
22947
22951
  /* @__PURE__ */ jsxRuntime.jsxs(components$1.SelectContent, { children: [
@@ -22961,17 +22965,19 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22961
22965
  const totalRows = table.getFilteredRowModel().rows.length;
22962
22966
  const startRow = pageIndex * pageSize + 1;
22963
22967
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
22964
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
22965
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
22966
- "Showing ",
22967
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22968
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22969
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22970
+ "Showing",
22971
+ " ",
22972
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22973
+ " to",
22968
22974
  " ",
22969
- "to ",
22970
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22975
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
22971
22976
  " of",
22972
22977
  " ",
22973
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
22974
- " results"
22978
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22979
+ " ",
22980
+ "results"
22975
22981
  ] }),
22976
22982
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
22977
22983
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22998,12 +23004,12 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
22998
23004
  ] });
22999
23005
  };
23000
23006
  if (loading) {
23001
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23007
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23002
23008
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Subscriptions" }),
23003
23009
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
23004
23010
  ] });
23005
23011
  }
23006
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23012
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23007
23013
  /* @__PURE__ */ jsxRuntime.jsx(
23008
23014
  admin.PageHeader,
23009
23015
  {
@@ -23011,7 +23017,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23011
23017
  description: `${subscriptions2.length} subscription(s) total.`
23012
23018
  }
23013
23019
  ),
23014
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23020
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23015
23021
  components$1.DataTable,
23016
23022
  {
23017
23023
  data: filtered,
@@ -23107,17 +23113,19 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23107
23113
  const totalRows = table.getFilteredRowModel().rows.length;
23108
23114
  const startRow = pageIndex * pageSize + 1;
23109
23115
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
23110
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
23111
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
23112
- "Showing ",
23113
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
23116
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
23117
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
23118
+ "Showing",
23119
+ " ",
23120
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
23121
+ " to",
23114
23122
  " ",
23115
- "to ",
23116
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
23123
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
23117
23124
  " of",
23118
23125
  " ",
23119
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
23120
- " results"
23126
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
23127
+ " ",
23128
+ "results"
23121
23129
  ] }),
23122
23130
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
23123
23131
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -23144,12 +23152,12 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23144
23152
  ] });
23145
23153
  };
23146
23154
  if (loading) {
23147
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23155
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23148
23156
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Orders" }),
23149
23157
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
23150
23158
  ] });
23151
23159
  }
23152
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23160
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23153
23161
  /* @__PURE__ */ jsxRuntime.jsx(
23154
23162
  admin.PageHeader,
23155
23163
  {
@@ -23157,7 +23165,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23157
23165
  description: `${orders2.length} order(s) total.`
23158
23166
  }
23159
23167
  ),
23160
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23168
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23161
23169
  components$1.DataTable,
23162
23170
  {
23163
23171
  data: orders2,
@@ -23223,7 +23231,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23223
23231
  format: (value) => new Date(value).toLocaleDateString()
23224
23232
  }
23225
23233
  ];
23226
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
23234
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
23227
23235
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full sm:w-80", children: [
23228
23236
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
23229
23237
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -23243,17 +23251,19 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23243
23251
  const totalRows = table.getFilteredRowModel().rows.length;
23244
23252
  const startRow = pageIndex * pageSize + 1;
23245
23253
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
23246
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
23247
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
23248
- "Showing ",
23249
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
23254
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
23255
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
23256
+ "Showing",
23250
23257
  " ",
23251
- "to ",
23252
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
23258
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
23259
+ " to",
23260
+ " ",
23261
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
23253
23262
  " of",
23254
23263
  " ",
23255
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
23256
- " results"
23264
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
23265
+ " ",
23266
+ "results"
23257
23267
  ] }),
23258
23268
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
23259
23269
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -23280,12 +23290,12 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23280
23290
  ] });
23281
23291
  };
23282
23292
  if (loading) {
23283
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23293
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23284
23294
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Benefits" }),
23285
23295
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
23286
23296
  ] });
23287
23297
  }
23288
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23298
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23289
23299
  /* @__PURE__ */ jsxRuntime.jsx(
23290
23300
  admin.PageHeader,
23291
23301
  {
@@ -23293,7 +23303,7 @@ var MagnetPluginPolar = (function(exports, jsxRuntime, admin, components$1, Reac
23293
23303
  description: `${benefits2.length} benefit(s) total.`
23294
23304
  }
23295
23305
  ),
23296
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23306
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23297
23307
  components$1.DataTable,
23298
23308
  {
23299
23309
  data: filtered,