astryx-dracula 0.5.0 → 0.6.2

package/templates/table-page-chart.tsx

@@ -1,421 +1,423 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
-// XLE (canonical structure, validated with `bunx astryx layout check`):
-//   L > (LH[divider] > H[a=center g=2] > (SI[size=fill] > Hd"Matcha Bar"[level=1]) + IB"Filter"[variant=ghost] + IB"Export"[variant=ghost] + B.primary"New order") + (LC[p=3] > V[g=4] > C[p=4] + (T[hover] > (TR > THC"Order" + THC"Product" + THC"Amount" + THC"Customer" + THC"Email" + THC"Status" + THC"Date") + (TR > TC"ORD-1001" + TC"Ceremonial Matcha Latte" + TC"$6" + TC"Sarah Chen" + TC"sarah.chen@acme.co" + (TC > Tk.green"Completed") + TC"2025-01-15")*6))
+// XLE (canonical structure of the tree below; the CLI had no XLE validator
+// after `astryx layout` was removed in 0.7.0, so this is a reading aid and a
+// human drift check — update it with the file, never alone):
+//   L[h=fill] > (LH[divider p=6] > H[a=center g=2] > (SI[size=fill] > Hd"Matcha Bar"[level=1 t=display-2]) + IB"Filter"[variant=ghost] + IB"Export"[variant=ghost] + B.primary"New order") + (LC[p=3] > V[g=4] > (V[g=3] > RC + Tx"Daily revenue · Jan 1–15"[t=supporting] + (H[g=2 a=center] > Ic + Tx"Revenue"[t=supporting])) + (T[hover density=balanced dv=rows] > (TR > THC"Order" + THC"Product" + THC"Amount" + THC"Customer" + THC"Email" + THC"Status" + THC"Date") + (TR > TC"ORD-1001" + TC"Ceremonial Matcha Latte" + TC"$6" + TC"Sarah Chen" + TC"sarah.chen@acme.co" + (TC > Tk.green"Completed") + TC"2025-01-15")*30))
 
 /**
  * Matcha Bar — order desk: a daily revenue line over the full order log.  Frame: page header (title + icon actions) | content column (chart, t (Frame/responsive/container: see XLE header above.)
  */
 
 import {
-  OrderDesk,
-  type OrderDeskProduct,
-  type OrderDeskRow,
-} from 'astryx-dracula/shared/order-desk';
+	OrderDesk,
+	type OrderDeskProduct,
+	type OrderDeskRow,
+} from "astryx-dracula/shared/order-desk";
 
 // ============= DATA =============
 
 const PRODUCTS: OrderDeskProduct[] = [
-  {
-    name: 'Ceremonial Matcha Latte',
-    category: 'Matcha',
-    accent: 'var(--dracula-green)',
-    price: 6,
-  },
-  {
-    name: 'Oat Milk Cappuccino',
-    category: 'Coffee',
-    accent: 'var(--dracula-orange)',
-    price: 5,
-  },
-  {
-    name: 'Jasmine Green Tea',
-    category: 'Tea',
-    accent: 'var(--dracula-cyan)',
-    price: 4,
-  },
-  {
-    name: 'Mango Matcha Smoothie',
-    category: 'Smoothie',
-    accent: 'var(--dracula-pink)',
-    price: 8,
-  },
-  {
-    name: 'Hojicha Latte',
-    category: 'Specialty',
-    accent: 'var(--dracula-pink)',
-    price: 7,
-  },
-  {
-    name: 'Iced Yuzu Matcha',
-    category: 'Matcha',
-    accent: 'var(--dracula-yellow)',
-    price: 7,
-  },
+	{
+		name: "Ceremonial Matcha Latte",
+		category: "Matcha",
+		accent: "var(--dracula-green)",
+		price: 6,
+	},
+	{
+		name: "Oat Milk Cappuccino",
+		category: "Coffee",
+		accent: "var(--dracula-orange)",
+		price: 5,
+	},
+	{
+		name: "Jasmine Green Tea",
+		category: "Tea",
+		accent: "var(--dracula-cyan)",
+		price: 4,
+	},
+	{
+		name: "Mango Matcha Smoothie",
+		category: "Smoothie",
+		accent: "var(--dracula-pink)",
+		price: 8,
+	},
+	{
+		name: "Hojicha Latte",
+		category: "Specialty",
+		accent: "var(--dracula-pink)",
+		price: 7,
+	},
+	{
+		name: "Iced Yuzu Matcha",
+		category: "Matcha",
+		accent: "var(--dracula-yellow)",
+		price: 7,
+	},
 ];
 
 const orders: OrderDeskRow[] = [
-  {
-    id: 'ORD-1001',
-    customer: 'Sarah Chen',
-    email: 'sarah.chen@acme.co',
-    product: PRODUCTS[0].name,
-    category: PRODUCTS[0].category,
-    imageIndex: 0,
-    amount: 6,
-    status: 'completed',
-    date: '2025-01-15',
-  },
-  {
-    id: 'ORD-1002',
-    customer: 'Marcus Rivera',
-    email: 'mrivera@globex.com',
-    product: PRODUCTS[1].name,
-    category: PRODUCTS[1].category,
-    imageIndex: 1,
-    amount: 5,
-    status: 'completed',
-    date: '2025-01-15',
-  },
-  {
-    id: 'ORD-1003',
-    customer: 'Aisha Patel',
-    email: 'aisha.p@initech.io',
-    product: PRODUCTS[2].name,
-    category: PRODUCTS[2].category,
-    imageIndex: 2,
-    amount: 4,
-    status: 'shipped',
-    date: '2025-01-14',
-  },
-  {
-    id: 'ORD-1004',
-    customer: "James O'Brien",
-    email: 'jobrien@umbrella.net',
-    product: PRODUCTS[3].name,
-    category: PRODUCTS[3].category,
-    imageIndex: 3,
-    amount: 8,
-    status: 'processing',
-    date: '2025-01-14',
-  },
-  {
-    id: 'ORD-1005',
-    customer: 'Yuki Tanaka',
-    email: 'yuki@soylent.jp',
-    product: PRODUCTS[4].name,
-    category: PRODUCTS[4].category,
-    imageIndex: 4,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-13',
-  },
-  {
-    id: 'ORD-1006',
-    customer: 'Elena Volkov',
-    email: 'elena.v@wayne.com',
-    product: PRODUCTS[5].name,
-    category: PRODUCTS[5].category,
-    imageIndex: 5,
-    amount: 7,
-    status: 'refunded',
-    date: '2025-01-13',
-  },
-  {
-    id: 'ORD-1007',
-    customer: 'David Kim',
-    email: 'dkim@stark.io',
-    product: PRODUCTS[0].name,
-    category: PRODUCTS[0].category,
-    imageIndex: 0,
-    amount: 6,
-    status: 'completed',
-    date: '2025-01-12',
-  },
-  {
-    id: 'ORD-1008',
-    customer: 'Fatima Al-Rashid',
-    email: 'fatima@oscorp.ae',
-    product: PRODUCTS[1].name,
-    category: PRODUCTS[1].category,
-    imageIndex: 1,
-    amount: 5,
-    status: 'shipped',
-    date: '2025-01-12',
-  },
-  {
-    id: 'ORD-1009',
-    customer: 'Lucas Andersson',
-    email: 'lucas.a@cyberdyne.se',
-    product: PRODUCTS[2].name,
-    category: PRODUCTS[2].category,
-    imageIndex: 2,
-    amount: 4,
-    status: 'completed',
-    date: '2025-01-11',
-  },
-  {
-    id: 'ORD-1010',
-    customer: 'Priya Sharma',
-    email: 'priya@aperture.in',
-    product: PRODUCTS[3].name,
-    category: PRODUCTS[3].category,
-    imageIndex: 3,
-    amount: 8,
-    status: 'processing',
-    date: '2025-01-11',
-  },
-  {
-    id: 'ORD-1011',
-    customer: 'Noah Williams',
-    email: 'noah.w@massive.com',
-    product: PRODUCTS[4].name,
-    category: PRODUCTS[4].category,
-    imageIndex: 4,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-10',
-  },
-  {
-    id: 'ORD-1012',
-    customer: 'Sofia Garcia',
-    email: 'sgarcia@tyrell.mx',
-    product: PRODUCTS[5].name,
-    category: PRODUCTS[5].category,
-    imageIndex: 5,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-10',
-  },
-  {
-    id: 'ORD-1013',
-    customer: 'Oliver Brown',
-    email: 'oliver.b@weyland.uk',
-    product: PRODUCTS[0].name,
-    category: PRODUCTS[0].category,
-    imageIndex: 0,
-    amount: 6,
-    status: 'shipped',
-    date: '2025-01-09',
-  },
-  {
-    id: 'ORD-1014',
-    customer: 'Mei Lin',
-    email: 'mei.lin@choam.cn',
-    product: PRODUCTS[1].name,
-    category: PRODUCTS[1].category,
-    imageIndex: 1,
-    amount: 5,
-    status: 'completed',
-    date: '2025-01-09',
-  },
-  {
-    id: 'ORD-1015',
-    customer: 'Hassan Ahmed',
-    email: 'hahmed@abstergo.eg',
-    product: PRODUCTS[2].name,
-    category: PRODUCTS[2].category,
-    imageIndex: 2,
-    amount: 4,
-    status: 'refunded',
-    date: '2025-01-08',
-  },
-  {
-    id: 'ORD-1016',
-    customer: 'Isabella Rossi',
-    email: 'irossi@genom.it',
-    product: PRODUCTS[3].name,
-    category: PRODUCTS[3].category,
-    imageIndex: 3,
-    amount: 8,
-    status: 'completed',
-    date: '2025-01-08',
-  },
-  {
-    id: 'ORD-1017',
-    customer: 'Liam Murphy',
-    email: 'liam.m@mishima.ie',
-    product: PRODUCTS[4].name,
-    category: PRODUCTS[4].category,
-    imageIndex: 4,
-    amount: 7,
-    status: 'processing',
-    date: '2025-01-07',
-  },
-  {
-    id: 'ORD-1018',
-    customer: 'Chloe Dubois',
-    email: 'cdubois@armacham.fr',
-    product: PRODUCTS[5].name,
-    category: PRODUCTS[5].category,
-    imageIndex: 5,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-07',
-  },
-  {
-    id: 'ORD-1019',
-    customer: 'Andre Santos',
-    email: 'asantos@shinra.br',
-    product: PRODUCTS[0].name,
-    category: PRODUCTS[0].category,
-    imageIndex: 0,
-    amount: 6,
-    status: 'shipped',
-    date: '2025-01-06',
-  },
-  {
-    id: 'ORD-1020',
-    customer: 'Nina Johansson',
-    email: 'nina.j@lexcorp.se',
-    product: PRODUCTS[1].name,
-    category: PRODUCTS[1].category,
-    imageIndex: 1,
-    amount: 5,
-    status: 'completed',
-    date: '2025-01-06',
-  },
-  {
-    id: 'ORD-1021',
-    customer: 'Raj Kapoor',
-    email: 'raj.k@vaultec.in',
-    product: PRODUCTS[2].name,
-    category: PRODUCTS[2].category,
-    imageIndex: 2,
-    amount: 4,
-    status: 'completed',
-    date: '2025-01-05',
-  },
-  {
-    id: 'ORD-1022',
-    customer: 'Emma Thompson',
-    email: 'ethompson@monarch.uk',
-    product: PRODUCTS[3].name,
-    category: PRODUCTS[3].category,
-    imageIndex: 3,
-    amount: 8,
-    status: 'completed',
-    date: '2025-01-05',
-  },
-  {
-    id: 'ORD-1023',
-    customer: 'Carlos Mendez',
-    email: 'cmendez@sirius.ar',
-    product: PRODUCTS[4].name,
-    category: PRODUCTS[4].category,
-    imageIndex: 4,
-    amount: 7,
-    status: 'shipped',
-    date: '2025-01-04',
-  },
-  {
-    id: 'ORD-1024',
-    customer: 'Zoe Mitchell',
-    email: 'zoe.m@hyperion.au',
-    product: PRODUCTS[5].name,
-    category: PRODUCTS[5].category,
-    imageIndex: 5,
-    amount: 7,
-    status: 'processing',
-    date: '2025-01-04',
-  },
-  {
-    id: 'ORD-1025',
-    customer: 'Henrik Larsson',
-    email: 'hlarsson@volvo.se',
-    product: PRODUCTS[0].name,
-    category: PRODUCTS[0].category,
-    imageIndex: 0,
-    amount: 6,
-    status: 'completed',
-    date: '2025-01-03',
-  },
-  {
-    id: 'ORD-1026',
-    customer: 'Amara Okafor',
-    email: 'aokafor@wakanda.ng',
-    product: PRODUCTS[1].name,
-    category: PRODUCTS[1].category,
-    imageIndex: 1,
-    amount: 5,
-    status: 'completed',
-    date: '2025-01-03',
-  },
-  {
-    id: 'ORD-1027',
-    customer: 'Leo Fischer',
-    email: 'lfischer@kruger.de',
-    product: PRODUCTS[2].name,
-    category: PRODUCTS[2].category,
-    imageIndex: 2,
-    amount: 4,
-    status: 'completed',
-    date: '2025-01-02',
-  },
-  {
-    id: 'ORD-1028',
-    customer: 'Maya Petrov',
-    email: 'mpetrov@kaiba.ru',
-    product: PRODUCTS[3].name,
-    category: PRODUCTS[3].category,
-    imageIndex: 3,
-    amount: 8,
-    status: 'shipped',
-    date: '2025-01-02',
-  },
-  {
-    id: 'ORD-1029',
-    customer: 'Tomás Herrera',
-    email: 'therrera@nexus.co',
-    product: PRODUCTS[4].name,
-    category: PRODUCTS[4].category,
-    imageIndex: 4,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-01',
-  },
-  {
-    id: 'ORD-1030',
-    customer: 'Grace Nakamura',
-    email: 'gnakamura@capsule.jp',
-    product: PRODUCTS[5].name,
-    category: PRODUCTS[5].category,
-    imageIndex: 5,
-    amount: 7,
-    status: 'completed',
-    date: '2025-01-01',
-  },
+	{
+		id: "ORD-1001",
+		customer: "Sarah Chen",
+		email: "sarah.chen@acme.co",
+		product: PRODUCTS[0].name,
+		category: PRODUCTS[0].category,
+		imageIndex: 0,
+		amount: 6,
+		status: "completed",
+		date: "2025-01-15",
+	},
+	{
+		id: "ORD-1002",
+		customer: "Marcus Rivera",
+		email: "mrivera@globex.com",
+		product: PRODUCTS[1].name,
+		category: PRODUCTS[1].category,
+		imageIndex: 1,
+		amount: 5,
+		status: "completed",
+		date: "2025-01-15",
+	},
+	{
+		id: "ORD-1003",
+		customer: "Aisha Patel",
+		email: "aisha.p@initech.io",
+		product: PRODUCTS[2].name,
+		category: PRODUCTS[2].category,
+		imageIndex: 2,
+		amount: 4,
+		status: "shipped",
+		date: "2025-01-14",
+	},
+	{
+		id: "ORD-1004",
+		customer: "James O'Brien",
+		email: "jobrien@umbrella.net",
+		product: PRODUCTS[3].name,
+		category: PRODUCTS[3].category,
+		imageIndex: 3,
+		amount: 8,
+		status: "processing",
+		date: "2025-01-14",
+	},
+	{
+		id: "ORD-1005",
+		customer: "Yuki Tanaka",
+		email: "yuki@soylent.jp",
+		product: PRODUCTS[4].name,
+		category: PRODUCTS[4].category,
+		imageIndex: 4,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-13",
+	},
+	{
+		id: "ORD-1006",
+		customer: "Elena Volkov",
+		email: "elena.v@wayne.com",
+		product: PRODUCTS[5].name,
+		category: PRODUCTS[5].category,
+		imageIndex: 5,
+		amount: 7,
+		status: "refunded",
+		date: "2025-01-13",
+	},
+	{
+		id: "ORD-1007",
+		customer: "David Kim",
+		email: "dkim@stark.io",
+		product: PRODUCTS[0].name,
+		category: PRODUCTS[0].category,
+		imageIndex: 0,
+		amount: 6,
+		status: "completed",
+		date: "2025-01-12",
+	},
+	{
+		id: "ORD-1008",
+		customer: "Fatima Al-Rashid",
+		email: "fatima@oscorp.ae",
+		product: PRODUCTS[1].name,
+		category: PRODUCTS[1].category,
+		imageIndex: 1,
+		amount: 5,
+		status: "shipped",
+		date: "2025-01-12",
+	},
+	{
+		id: "ORD-1009",
+		customer: "Lucas Andersson",
+		email: "lucas.a@cyberdyne.se",
+		product: PRODUCTS[2].name,
+		category: PRODUCTS[2].category,
+		imageIndex: 2,
+		amount: 4,
+		status: "completed",
+		date: "2025-01-11",
+	},
+	{
+		id: "ORD-1010",
+		customer: "Priya Sharma",
+		email: "priya@aperture.in",
+		product: PRODUCTS[3].name,
+		category: PRODUCTS[3].category,
+		imageIndex: 3,
+		amount: 8,
+		status: "processing",
+		date: "2025-01-11",
+	},
+	{
+		id: "ORD-1011",
+		customer: "Noah Williams",
+		email: "noah.w@massive.com",
+		product: PRODUCTS[4].name,
+		category: PRODUCTS[4].category,
+		imageIndex: 4,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-10",
+	},
+	{
+		id: "ORD-1012",
+		customer: "Sofia Garcia",
+		email: "sgarcia@tyrell.mx",
+		product: PRODUCTS[5].name,
+		category: PRODUCTS[5].category,
+		imageIndex: 5,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-10",
+	},
+	{
+		id: "ORD-1013",
+		customer: "Oliver Brown",
+		email: "oliver.b@weyland.uk",
+		product: PRODUCTS[0].name,
+		category: PRODUCTS[0].category,
+		imageIndex: 0,
+		amount: 6,
+		status: "shipped",
+		date: "2025-01-09",
+	},
+	{
+		id: "ORD-1014",
+		customer: "Mei Lin",
+		email: "mei.lin@choam.cn",
+		product: PRODUCTS[1].name,
+		category: PRODUCTS[1].category,
+		imageIndex: 1,
+		amount: 5,
+		status: "completed",
+		date: "2025-01-09",
+	},
+	{
+		id: "ORD-1015",
+		customer: "Hassan Ahmed",
+		email: "hahmed@abstergo.eg",
+		product: PRODUCTS[2].name,
+		category: PRODUCTS[2].category,
+		imageIndex: 2,
+		amount: 4,
+		status: "refunded",
+		date: "2025-01-08",
+	},
+	{
+		id: "ORD-1016",
+		customer: "Isabella Rossi",
+		email: "irossi@genom.it",
+		product: PRODUCTS[3].name,
+		category: PRODUCTS[3].category,
+		imageIndex: 3,
+		amount: 8,
+		status: "completed",
+		date: "2025-01-08",
+	},
+	{
+		id: "ORD-1017",
+		customer: "Liam Murphy",
+		email: "liam.m@mishima.ie",
+		product: PRODUCTS[4].name,
+		category: PRODUCTS[4].category,
+		imageIndex: 4,
+		amount: 7,
+		status: "processing",
+		date: "2025-01-07",
+	},
+	{
+		id: "ORD-1018",
+		customer: "Chloe Dubois",
+		email: "cdubois@armacham.fr",
+		product: PRODUCTS[5].name,
+		category: PRODUCTS[5].category,
+		imageIndex: 5,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-07",
+	},
+	{
+		id: "ORD-1019",
+		customer: "Andre Santos",
+		email: "asantos@shinra.br",
+		product: PRODUCTS[0].name,
+		category: PRODUCTS[0].category,
+		imageIndex: 0,
+		amount: 6,
+		status: "shipped",
+		date: "2025-01-06",
+	},
+	{
+		id: "ORD-1020",
+		customer: "Nina Johansson",
+		email: "nina.j@lexcorp.se",
+		product: PRODUCTS[1].name,
+		category: PRODUCTS[1].category,
+		imageIndex: 1,
+		amount: 5,
+		status: "completed",
+		date: "2025-01-06",
+	},
+	{
+		id: "ORD-1021",
+		customer: "Raj Kapoor",
+		email: "raj.k@vaultec.in",
+		product: PRODUCTS[2].name,
+		category: PRODUCTS[2].category,
+		imageIndex: 2,
+		amount: 4,
+		status: "completed",
+		date: "2025-01-05",
+	},
+	{
+		id: "ORD-1022",
+		customer: "Emma Thompson",
+		email: "ethompson@monarch.uk",
+		product: PRODUCTS[3].name,
+		category: PRODUCTS[3].category,
+		imageIndex: 3,
+		amount: 8,
+		status: "completed",
+		date: "2025-01-05",
+	},
+	{
+		id: "ORD-1023",
+		customer: "Carlos Mendez",
+		email: "cmendez@sirius.ar",
+		product: PRODUCTS[4].name,
+		category: PRODUCTS[4].category,
+		imageIndex: 4,
+		amount: 7,
+		status: "shipped",
+		date: "2025-01-04",
+	},
+	{
+		id: "ORD-1024",
+		customer: "Zoe Mitchell",
+		email: "zoe.m@hyperion.au",
+		product: PRODUCTS[5].name,
+		category: PRODUCTS[5].category,
+		imageIndex: 5,
+		amount: 7,
+		status: "processing",
+		date: "2025-01-04",
+	},
+	{
+		id: "ORD-1025",
+		customer: "Henrik Larsson",
+		email: "hlarsson@volvo.se",
+		product: PRODUCTS[0].name,
+		category: PRODUCTS[0].category,
+		imageIndex: 0,
+		amount: 6,
+		status: "completed",
+		date: "2025-01-03",
+	},
+	{
+		id: "ORD-1026",
+		customer: "Amara Okafor",
+		email: "aokafor@wakanda.ng",
+		product: PRODUCTS[1].name,
+		category: PRODUCTS[1].category,
+		imageIndex: 1,
+		amount: 5,
+		status: "completed",
+		date: "2025-01-03",
+	},
+	{
+		id: "ORD-1027",
+		customer: "Leo Fischer",
+		email: "lfischer@kruger.de",
+		product: PRODUCTS[2].name,
+		category: PRODUCTS[2].category,
+		imageIndex: 2,
+		amount: 4,
+		status: "completed",
+		date: "2025-01-02",
+	},
+	{
+		id: "ORD-1028",
+		customer: "Maya Petrov",
+		email: "mpetrov@kaiba.ru",
+		product: PRODUCTS[3].name,
+		category: PRODUCTS[3].category,
+		imageIndex: 3,
+		amount: 8,
+		status: "shipped",
+		date: "2025-01-02",
+	},
+	{
+		id: "ORD-1029",
+		customer: "Tomás Herrera",
+		email: "therrera@nexus.co",
+		product: PRODUCTS[4].name,
+		category: PRODUCTS[4].category,
+		imageIndex: 4,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-01",
+	},
+	{
+		id: "ORD-1030",
+		customer: "Grace Nakamura",
+		email: "gnakamura@capsule.jp",
+		product: PRODUCTS[5].name,
+		category: PRODUCTS[5].category,
+		imageIndex: 5,
+		amount: 7,
+		status: "completed",
+		date: "2025-01-01",
+	},
 ];
 
 const revenueData = [
-  {date: 'Jan 1', revenue: 84},
-  {date: 'Jan 2', revenue: 72},
-  {date: 'Jan 3', revenue: 91},
-  {date: 'Jan 4', revenue: 68},
-  {date: 'Jan 5', revenue: 105},
-  {date: 'Jan 6', revenue: 118},
-  {date: 'Jan 7', revenue: 96},
-  {date: 'Jan 8', revenue: 132},
-  {date: 'Jan 9', revenue: 110},
-  {date: 'Jan 10', revenue: 98},
-  {date: 'Jan 11', revenue: 125},
-  {date: 'Jan 12', revenue: 142},
-  {date: 'Jan 13', revenue: 108},
-  {date: 'Jan 14', revenue: 156},
-  {date: 'Jan 15', revenue: 138},
+	{ date: "Jan 1", revenue: 84 },
+	{ date: "Jan 2", revenue: 72 },
+	{ date: "Jan 3", revenue: 91 },
+	{ date: "Jan 4", revenue: 68 },
+	{ date: "Jan 5", revenue: 105 },
+	{ date: "Jan 6", revenue: 118 },
+	{ date: "Jan 7", revenue: 96 },
+	{ date: "Jan 8", revenue: 132 },
+	{ date: "Jan 9", revenue: 110 },
+	{ date: "Jan 10", revenue: 98 },
+	{ date: "Jan 11", revenue: 125 },
+	{ date: "Jan 12", revenue: 142 },
+	{ date: "Jan 13", revenue: 108 },
+	{ date: "Jan 14", revenue: 156 },
+	{ date: "Jan 15", revenue: 138 },
 ];
 
 // ============= PAGE (parametric OrderDesk; catalogue + rows + scale only) =============
 
 export default function ChartTable() {
-  return (
-    <OrderDesk
-      title="Matcha Bar"
-      selfHash="#/templates/table-page-chart"
-      products={PRODUCTS}
-      orders={orders}
-      revenueData={revenueData}
-      chartMax={160}
-      gridTicks={[0, 50, 100, 150]}
-    />
-  );
+	return (
+		<OrderDesk
+			title="Matcha Bar"
+			selfHash="#/templates/table-page-chart"
+			products={PRODUCTS}
+			orders={orders}
+			revenueData={revenueData}
+			chartMax={160}
+			gridTicks={[0, 50, 100, 150]}
+		/>
+	);
 }