@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/src/movethewheels/pages/TrackingPage.tsx

@@ -61,7 +61,7 @@ export default function TrackingPage() {
         <CardContent className="p-6">
           <form onSubmit={handleSearch} className="flex gap-4">
             <div className="flex-1 relative">
-              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground" />
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" />
               <Input
                 value={trackingInput}
                 onChange={(e) => setTrackingInput(e.target.value)}
@@ -83,15 +83,15 @@ export default function TrackingPage() {
 
       {/* Error State */}
       {error && (
-        <Card className="border-destructive">
+        <Card className="border-status-error-border">
           <CardContent className="p-6">
             <div className="flex items-center gap-4">
-              <AlertCircle className="w-8 h-8 text-destructive" />
+              <AlertCircle className="w-8 h-8 text-status-error-text" />
               <div>
-                <p className="font-medium text-destructive">
+                <p className="font-medium text-status-error-text">
                   {t('movethewheels.tracking.error.title', 'Unable to find shipment')}
                 </p>
-                <p className="text-sm text-muted-foreground">
+                <p className="text-sm text-text-secondary">
                   {t(
                     'movethewheels.tracking.error.description',
                     'Please check the tracking number and try again'
@@ -106,7 +106,7 @@ export default function TrackingPage() {
       {/* No Search Yet */}
       {!searchedOrderId && !error && (
         <EmptyState
-          icon={<Package size={48} />}
+          illustration="onboarding"
           title={t('movethewheels.tracking.empty.title', 'Enter a tracking number')}
           description={t(
             'movethewheels.tracking.empty.description',
@@ -134,13 +134,13 @@ export default function TrackingPage() {
               <CardContent>
                 <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
                   <div>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {t('movethewheels.tracking.details.trackingNumber', 'Tracking Number')}
                     </p>
                     <p className="font-mono font-medium">{order.trackingNumber}</p>
                   </div>
                   <div>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {t('movethewheels.tracking.details.estimatedDelivery', 'Estimated Delivery')}
                     </p>
                     <p className="font-medium">
@@ -152,7 +152,7 @@ export default function TrackingPage() {
                     </p>
                   </div>
                   <div>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {t('movethewheels.tracking.details.items', 'Items')}
                     </p>
                     <p className="font-medium">
@@ -161,7 +161,7 @@ export default function TrackingPage() {
                     </p>
                   </div>
                   <div>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {t('movethewheels.tracking.details.lastUpdated', 'Last Updated')}
                     </p>
                     <p className="font-medium">{formatDate(tracking.lastUpdated, 'relative')}</p>
@@ -225,21 +225,21 @@ export default function TrackingPage() {
                           <div
                             className={`w-10 h-10 rounded-full flex items-center justify-center ${
                               isComplete
-                                ? 'bg-primary text-primary-foreground'
-                                : 'bg-muted text-muted-foreground'
+                                ? 'bg-action-primary-bg text-action-primary-text'
+                                : 'bg-bg-sunken text-text-secondary'
                             } ${isCurrent ? 'ring-4 ring-primary/20' : ''}`}
                           >
                             <step.icon size={20} />
                           </div>
                           <p
-                            className={`text-xs mt-2 text-center ${isComplete ? 'font-medium' : 'text-muted-foreground'}`}
+                            className={`text-xs mt-2 text-center ${isComplete ? 'font-medium' : 'text-text-secondary'}`}
                           >
                             {step.label}
                           </p>
                           {index < 3 && (
                             <div
                               className={`absolute top-5 h-0.5 ${
-                                isComplete ? 'bg-primary' : 'bg-muted'
+                                isComplete ? 'bg-action-primary-bg' : 'bg-bg-sunken'
                               }`}
                               style={{
                                 left: `calc(${(index + 0.5) * 25}% + 20px)`,
@@ -262,7 +262,7 @@ export default function TrackingPage() {
                       <div key={index} className="flex gap-4">
                         <div className="relative">
                           <div
-                            className={`w-3 h-3 rounded-full ${index === 0 ? 'bg-primary' : 'bg-muted'}`}
+                            className={`w-3 h-3 rounded-full ${index === 0 ? 'bg-action-primary-bg' : 'bg-bg-sunken'}`}
                           />
                           {index < order.timeline.length - 1 && (
                             <div className="absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" />
@@ -271,13 +271,13 @@ export default function TrackingPage() {
                         <div className="flex-1 pb-4">
                           <div className="flex items-center gap-2">
                             <StatusBadge status={event.status} type="order" size="sm" />
-                            <span className="text-sm text-muted-foreground">
+                            <span className="text-sm text-text-secondary">
                               {formatDate(event.timestamp, 'full')}
                             </span>
                           </div>
                           {event.notes && <p className="text-sm mt-1">{event.notes}</p>}
                           {event.location && (
-                            <p className="text-xs text-muted-foreground mt-1">
+                            <p className="text-xs text-text-secondary mt-1">
                               <MapPin size={12} className="inline mr-1" />
                               {formatAddress(event.location)}
                             </p>
@@ -323,7 +323,7 @@ export default function TrackingPage() {
                         />
                         <div>
                           <p className="text-sm font-medium">{alert.message}</p>
-                          <p className="text-xs text-muted-foreground">
+                          <p className="text-xs text-text-secondary">
                             {formatDate(alert.timestamp, 'relative')}
                             {alert.resolvedAt &&
                               ` - ${t('movethewheels.tracking.alerts.resolved', 'Resolved')}`}
@@ -348,8 +348,8 @@ export default function TrackingPage() {
                 </CardTitle>
               </CardHeader>
               <CardContent>
-                <div className="aspect-video bg-muted rounded-lg flex items-center justify-center mb-4">
-                  <div className="text-center text-muted-foreground">
+                <div className="aspect-video bg-bg-sunken rounded-lg flex items-center justify-center mb-4">
+                  <div className="text-center text-text-secondary">
                     <MapPin size={32} className="mx-auto mb-2" />
                     <p className="text-sm">
                       {t('movethewheels.tracking.location.mapView', 'Map View')}
@@ -360,7 +360,7 @@ export default function TrackingPage() {
                   {tracking.currentLocation.address ||
                     t('movethewheels.tracking.location.updating', 'Location updating...')}
                 </p>
-                <p className="text-xs text-muted-foreground mt-1">
+                <p className="text-xs text-text-secondary mt-1">
                   {t('movethewheels.tracking.location.updated', 'Updated')}{' '}
                   {formatDate(tracking.currentLocation.timestamp || new Date(), 'relative')}
                 </p>
@@ -376,7 +376,7 @@ export default function TrackingPage() {
               </CardHeader>
               <CardContent>
                 <p className="text-sm">{order.customerInfo.name}</p>
-                <p className="text-sm text-muted-foreground mt-2">
+                <p className="text-sm text-text-secondary mt-2">
                   {formatAddress(order.deliveryAddress)}
                 </p>
               </CardContent>
@@ -404,7 +404,7 @@ export default function TrackingPage() {
       {/* No Results */}
       {searchedOrderId && !order && !isLoading && !error && (
         <EmptyState
-          icon={<Search size={48} />}
+          illustration="empty-search"
           title={t('movethewheels.tracking.notFound.title', 'Shipment not found')}
           description={`${t('movethewheels.tracking.notFound.descriptionPrefix', 'No shipment found with tracking number')} "${searchedOrderId}"`}
           action={

package/src/movethewheels/pages/VehicleDetailsPage.tsx

@@ -61,19 +61,19 @@ export default function VehicleDetailsPage() {
             <CardContent>
               <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
                 <div>
-                  <p className="text-sm text-muted-foreground">Type</p>
+                  <p className="text-sm text-text-secondary">Type</p>
                   <p className="font-medium capitalize">{vehicle.type}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Make</p>
+                  <p className="text-sm text-text-secondary">Make</p>
                   <p className="font-medium">{vehicle.make}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Model</p>
+                  <p className="text-sm text-text-secondary">Model</p>
                   <p className="font-medium">{vehicle.model}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Year</p>
+                  <p className="text-sm text-text-secondary">Year</p>
                   <p className="font-medium">{vehicle.year}</p>
                 </div>
               </div>
@@ -87,14 +87,14 @@ export default function VehicleDetailsPage() {
             <CardContent>
               <div className="grid grid-cols-3 gap-6">
                 <div>
-                  <p className="text-sm text-muted-foreground">Weight</p>
+                  <p className="text-sm text-text-secondary">Weight</p>
                   <p className="text-2xl font-bold">
                     {vehicle.capacity.weight}
                     <span className="text-sm font-normal"> kg</span>
                   </p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Volume</p>
+                  <p className="text-sm text-text-secondary">Volume</p>
                   <p className="text-2xl font-bold">
                     {vehicle.capacity.volume}
                     <span className="text-sm font-normal"> m³</span>
@@ -102,7 +102,7 @@ export default function VehicleDetailsPage() {
                 </div>
                 {vehicle.capacity.pallets && (
                   <div>
-                    <p className="text-sm text-muted-foreground">Pallets</p>
+                    <p className="text-sm text-text-secondary">Pallets</p>
                     <p className="text-2xl font-bold">{vehicle.capacity.pallets}</p>
                   </div>
                 )}
@@ -126,7 +126,7 @@ export default function VehicleDetailsPage() {
                     >
                       <div>
                         <p className="font-medium capitalize">{doc.type.replace('_', ' ')}</p>
-                        <p className="text-sm text-muted-foreground">
+                        <p className="text-sm text-text-secondary">
                           Expires: {formatDate(doc.expiryDate)}
                         </p>
                       </div>
@@ -137,7 +137,7 @@ export default function VehicleDetailsPage() {
                   ))}
                 </div>
               ) : (
-                <p className="text-muted-foreground text-center py-4">No documents uploaded</p>
+                <p className="text-text-secondary text-center py-4">No documents uploaded</p>
               )}
             </CardContent>
           </Card>
@@ -162,7 +162,7 @@ export default function VehicleDetailsPage() {
               )}
               {vehicle.mileage !== undefined && (
                 <div>
-                  <p className="text-sm text-muted-foreground">Total Mileage</p>
+                  <p className="text-sm text-text-secondary">Total Mileage</p>
                   <p className="text-2xl font-bold">
                     {vehicle.mileage.toLocaleString()}{' '}
                     <span className="text-sm font-normal">miles</span>
@@ -180,13 +180,13 @@ export default function VehicleDetailsPage() {
             </CardHeader>
             <CardContent className="space-y-3">
               <div>
-                <p className="text-sm text-muted-foreground">Last Maintenance</p>
+                <p className="text-sm text-text-secondary">Last Maintenance</p>
                 <p className="font-medium">
                   {vehicle.lastMaintenance ? formatDate(vehicle.lastMaintenance) : 'N/A'}
                 </p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Next Scheduled</p>
+                <p className="text-sm text-text-secondary">Next Scheduled</p>
                 <p className="font-medium">
                   {vehicle.nextMaintenance ? formatDate(vehicle.nextMaintenance) : 'N/A'}
                 </p>
@@ -205,7 +205,7 @@ export default function VehicleDetailsPage() {
                 <p className="text-sm">
                   {vehicle.currentLocation.address || 'Location updating...'}
                 </p>
-                <p className="text-xs text-muted-foreground mt-1">
+                <p className="text-xs text-text-secondary mt-1">
                   Updated {formatDate(vehicle.currentLocation.timestamp || new Date(), 'relative')}
                 </p>
               </CardContent>

package/src/movethewheels/pages/VehiclesPage.tsx

@@ -6,7 +6,8 @@ import { Truck, Plus, RefreshCw, Download } from 'lucide-react';
 import { PageLayout } from '../components/PageLayout';
 import { DataTable, type Column } from '../components/DataTable';
 import { StatusBadge, VehicleTypeBadge } from '../components/StatusBadge';
-import { Button, Progress } from '../components/ui';
+import { Progress } from '../components/ui';
+import { CTAOverflowMenu } from '@burdenoff/fe-libs/ui';
 import { useVehicles } from '../hooks/useFleet';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { joinPath } from '../utils/navigation';
@@ -44,7 +45,7 @@ export default function VehiclesPage() {
           <p className="font-medium">
             {row.make} {row.model}
           </p>
-          <p className="text-sm text-muted-foreground">{row.year}</p>
+          <p className="text-sm text-text-secondary">{row.year}</p>
         </div>
       ),
     },
@@ -61,7 +62,7 @@ export default function VehiclesPage() {
       cell: (row) => (
         <div className="text-sm">
           <p>{row.capacity.weight} kg</p>
-          <p className="text-muted-foreground">{row.capacity.volume} m³</p>
+          <p className="text-text-secondary">{row.capacity.volume} m³</p>
         </div>
       ),
     },
@@ -93,20 +94,13 @@ export default function VehiclesPage() {
       subtitle={`${totalVehicles} vehicles in fleet`}
       icon={<Truck size={24} />}
       headerActions={
-        <div className="flex gap-2">
-          <Button variant="outline" onClick={refetch}>
-            <RefreshCw size={16} />
-            Refresh
-          </Button>
-          <Button variant="outline">
-            <Download size={16} />
-            Export
-          </Button>
-          <Button>
-            <Plus size={16} />
-            Add Vehicle
-          </Button>
-        </div>
+        <CTAOverflowMenu
+          primary={{ label: 'Add Vehicle', icon: <Plus size={16} />, onSelect: () => {} }}
+          actions={[
+            { label: 'Refresh', icon: <RefreshCw size={16} />, onSelect: () => refetch() },
+            { label: 'Export', icon: <Download size={16} />, onSelect: () => {} },
+          ]}
+        />
       }
     >
       <DataTable

package/src/movethewheels/pages/WarehouseDetailsPage.tsx

@@ -73,17 +73,17 @@ export default function WarehouseDetailsPage() {
                     <span>{utilization.toFixed(0)}%</span>
                   </div>
                   <Progress value={utilization} />
-                  <p className="text-sm text-muted-foreground mt-1">
+                  <p className="text-sm text-text-secondary mt-1">
                     {warehouse.capacity.usedSpace.toLocaleString()} /{' '}
                     {warehouse.capacity.totalSpace.toLocaleString()} sq ft
                   </p>
                 </div>
                 <div className="grid grid-cols-2 gap-4">
                   <div>
-                    <p className="text-sm text-muted-foreground">Pallets Used</p>
+                    <p className="text-sm text-text-secondary">Pallets Used</p>
                     <p className="text-2xl font-bold">
                       {warehouse.capacity.usedPallets}
-                      <span className="text-sm font-normal text-muted-foreground">
+                      <span className="text-sm font-normal text-text-secondary">
                         {' '}
                         / {warehouse.capacity.totalPallets}
                       </span>
@@ -107,7 +107,7 @@ export default function WarehouseDetailsPage() {
                   >
                     <div>
                       <p className="font-medium">{zone.name}</p>
-                      <p className="text-sm text-muted-foreground capitalize">
+                      <p className="text-sm text-text-secondary capitalize">
                         {zone.type} - {zone.location}
                       </p>
                     </div>
@@ -116,7 +116,7 @@ export default function WarehouseDetailsPage() {
                         value={(zone.currentOccupancy / zone.capacity) * 100}
                         className="w-24 h-2"
                       />
-                      <p className="text-sm text-muted-foreground">
+                      <p className="text-sm text-text-secondary">
                         {zone.currentOccupancy} / {zone.capacity}
                       </p>
                     </div>
@@ -137,7 +137,7 @@ export default function WarehouseDetailsPage() {
                 {Object.entries(warehouse.operatingHours).map(([day, hours]) => (
                   <div key={day}>
                     <p className="text-sm font-medium">{day}</p>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {hours ? `${hours.open} - ${hours.close}` : 'Closed'}
                     </p>
                   </div>
@@ -165,22 +165,22 @@ export default function WarehouseDetailsPage() {
             </CardHeader>
             <CardContent className="space-y-3">
               <div>
-                <p className="text-sm text-muted-foreground">Throughput</p>
+                <p className="text-sm text-text-secondary">Throughput</p>
                 <p className="text-2xl font-bold">
                   {warehouse.metrics.throughput}
                   <span className="text-sm font-normal"> orders/day</span>
                 </p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Accuracy</p>
+                <p className="text-sm text-text-secondary">Accuracy</p>
                 <p className="text-2xl font-bold">{warehouse.metrics.accuracy}%</p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Productivity</p>
+                <p className="text-sm text-text-secondary">Productivity</p>
                 <p className="text-2xl font-bold">{warehouse.metrics.productivity}%</p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Orders Fulfilled</p>
+                <p className="text-sm text-text-secondary">Orders Fulfilled</p>
                 <p className="text-2xl font-bold">
                   {warehouse.metrics.ordersFulfilled.toLocaleString()}
                 </p>
@@ -205,7 +205,7 @@ export default function WarehouseDetailsPage() {
                   ))}
                 </div>
               ) : (
-                <p className="text-muted-foreground">No staff assigned</p>
+                <p className="text-text-secondary">No staff assigned</p>
               )}
             </CardContent>
           </Card>

package/src/movethewheels/pages/WarehousesPage.tsx

@@ -5,7 +5,8 @@
 import { Warehouse, Plus, RefreshCw } from 'lucide-react';
 import { PageLayout } from '../components/PageLayout';
 import { DataTable, type Column } from '../components/DataTable';
-import { Button, Badge, Progress } from '../components/ui';
+import { Badge, Progress } from '../components/ui';
+import { CTAOverflowMenu } from '@burdenoff/fe-libs/ui';
 import { useWarehouses } from '../hooks/useInventory';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { joinPath } from '../utils/navigation';
@@ -26,7 +27,7 @@ export default function WarehousesPage() {
       cell: (row) => (
         <div>
           <p className="font-medium">{row.name}</p>
-          <p className="text-sm text-muted-foreground">{row.code}</p>
+          <p className="text-sm text-text-secondary">{row.code}</p>
         </div>
       ),
     },
@@ -38,7 +39,7 @@ export default function WarehousesPage() {
           <p>
             {row.address.city}, {row.address.state}
           </p>
-          <p className="text-sm text-muted-foreground">{row.address.country}</p>
+          <p className="text-sm text-text-secondary">{row.address.country}</p>
         </div>
       ),
     },
@@ -74,7 +75,7 @@ export default function WarehousesPage() {
             {row.capacity.usedSpace.toLocaleString()} / {row.capacity.totalSpace.toLocaleString()}{' '}
             sq ft
           </p>
-          <p className="text-muted-foreground">
+          <p className="text-text-secondary">
             {row.capacity.usedPallets} / {row.capacity.totalPallets} pallets
           </p>
         </div>
@@ -97,14 +98,12 @@ export default function WarehousesPage() {
       subtitle={`${totalWarehouses} warehouses`}
       icon={<Warehouse size={24} />}
       headerActions={
-        <div className="flex gap-2">
-          <Button variant="outline" onClick={refetch}>
-            <RefreshCw size={16} /> Refresh
-          </Button>
-          <Button>
-            <Plus size={16} /> Add Warehouse
-          </Button>
-        </div>
+        <CTAOverflowMenu
+          primary={{ label: 'Add Warehouse', icon: <Plus size={16} />, onSelect: () => {} }}
+          actions={[
+            { label: 'Refresh', icon: <RefreshCw size={16} />, onSelect: () => refetch() },
+          ]}
+        />
       }
     >
       <DataTable

package/dist/CustomersPage-DXnx04Au.js

@@ -1,119 +0,0 @@
-import { i as e, l as t, o as n, s as r, u as i } from "./PageLayout-3DR4pMQ9.js";
-import { t as a } from "./DataTable-oNjXEcUO.js";
-import { t as o } from "./download-CQqBpPk5.js";
-import { t as s } from "./plus-Dew5yoQK.js";
-import { t as c } from "./refresh-cw-oWEqfHnS.js";
-import { t as l } from "./star-BW23nRLp.js";
-import { t as u } from "./users-e-wRlQnX.js";
-import { r as d } from "./graphqlClient-CdJyR_ed.js";
-import { r as f } from "./useCustomers-bS3a4ytk.js";
-import { i as p } from "./StatusBadge-elLZA4Wl.js";
-import { r as m } from "./formatters-_vJlC-47.js";
-import { t as h } from "./navigation-BgnOfsVd.js";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/movethewheels/pages/CustomersPage.tsx
-function v() {
-	let { basePath: v, navigate: y } = d(), { customers: b, totalCustomers: x, isLoading: S, refetch: C } = f({ limit: 100 }), w = (e) => y?.(h(v, e));
-	return /* @__PURE__ */ g(e, {
-		title: "Customers",
-		subtitle: `${x} customers`,
-		icon: /* @__PURE__ */ g(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ _("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ _(i, {
-					variant: "outline",
-					onClick: C,
-					children: [/* @__PURE__ */ g(c, { size: 16 }), " Refresh"]
-				}),
-				/* @__PURE__ */ _(i, {
-					variant: "outline",
-					children: [/* @__PURE__ */ g(o, { size: 16 }), " Export"]
-				}),
-				/* @__PURE__ */ _(i, {
-					onClick: () => w("customers/new"),
-					children: [/* @__PURE__ */ g(s, { size: 16 }), " Add Customer"]
-				})
-			]
-		}),
-		children: /* @__PURE__ */ g(a, {
-			columns: [
-				{
-					id: "customer",
-					header: "Customer",
-					cell: (e) => /* @__PURE__ */ _("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(r, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-							className: "font-medium",
-							children: e.name
-						}), /* @__PURE__ */ g("p", {
-							className: "text-sm text-muted-foreground",
-							children: e.email
-						})] })]
-					})
-				},
-				{
-					id: "type",
-					header: "Type",
-					accessorKey: "type",
-					cell: (e) => /* @__PURE__ */ g(p, { type: e.type })
-				},
-				{
-					id: "company",
-					header: "Company",
-					accessorKey: "company",
-					cell: (e) => e.company || "-"
-				},
-				{
-					id: "phone",
-					header: "Phone",
-					accessorKey: "phone"
-				},
-				{
-					id: "location",
-					header: "Location",
-					cell: (e) => `${e.address.city}, ${e.address.state}`
-				},
-				{
-					id: "rating",
-					header: "Rating",
-					cell: (e) => /* @__PURE__ */ _("div", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ g(l, {
-							size: 14,
-							className: "text-yellow-500 fill-yellow-500"
-						}), /* @__PURE__ */ g("span", { children: e.rating.toFixed(1) })]
-					})
-				},
-				{
-					id: "status",
-					header: "Status",
-					cell: (e) => /* @__PURE__ */ g(t, {
-						variant: e.isActive ? "default" : "secondary",
-						children: e.isActive ? "Active" : "Inactive"
-					})
-				},
-				{
-					id: "created",
-					header: "Created",
-					accessorKey: "createdAt",
-					sortable: !0,
-					cell: (e) => m(e.createdAt, "short")
-				}
-			],
-			data: b,
-			isLoading: S,
-			searchable: !0,
-			searchPlaceholder: "Search customers...",
-			searchFields: [
-				"name",
-				"email",
-				"company"
-			],
-			onRowClick: (e) => w(`customers/${e.id}`),
-			getRowId: (e) => e.id
-		})
-	});
-}
-//#endregion
-export { v as default };