@withpotter/components 0.13.0-next.101

package/dist/mobile/mobile-redesign-mockups/events-detail-attendees-chec-2.js

@@ -0,0 +1,410 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  CheckCircle2,
+  CreditCard,
+  MoreHorizontal,
+  QrCode,
+  RotateCcw,
+  Search,
+  Send,
+  Share2,
+  Type,
+  XCircle
+} from "lucide-react";
+import { tokens } from "../mobile-redesign-theme";
+import { Caption, StatusBar } from "./pill-presets-tailwind-utilit";
+import { ActivityRow } from "./today-single-intent";
+import { HubHeader } from "./drill-chrome-sub-app-header-";
+import { RowDivider, SummaryRow } from "./money-payout-detail";
+import { FauxQrCode } from "./events-detail-attendees-chec-3";
+function CheckInDashboard() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(StatusBar, {}),
+    /* @__PURE__ */ jsx(
+      HubHeader,
+      {
+        title: "Check-in",
+        trailing: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Manual",
+            className: "flex h-9 w-9 items-center justify-center",
+            children: /* @__PURE__ */ jsx(Search, { className: "size-4 text-[#C9D0DD]" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-24", children: [
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mt-3 rounded-3xl border p-5",
+          style: {
+            borderColor: "rgba(74,222,128,0.28)",
+            background: "rgba(74,222,128,0.08)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "text-3xs font-semibold", style: { color: tokens.good }, children: "Live \xB7 Open Mic Night" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-end gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-[40px] font-bold leading-none tabular-nums text-white", children: "42" }),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "pb-1 text-md tabular-nums",
+                  style: { color: tokens.textSecondary },
+                  children: "/ 187"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs", style: { color: tokens.textSecondary }, children: "22% checked in \xB7 145 still to arrive \xB7 doors closed in 1h 12m" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "relative mt-4 overflow-hidden rounded-3xl border",
+          style: {
+            borderColor: tokens.border,
+            background: "#000",
+            aspectRatio: "1 / 1"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute inset-0",
+                style: {
+                  background: "radial-gradient(circle at 30% 30%, rgba(17,109,255,0.18) 0%, rgba(0,0,0,0) 60%), radial-gradient(circle at 70% 70%, rgba(74,222,128,0.12) 0%, rgba(0,0,0,0) 60%)"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "relative",
+                style: { width: "60%", aspectRatio: "1 / 1" },
+                children: [
+                  [
+                    { t: 0, l: 0, br: "12px 0 0 0", bw: "3px 0 0 3px" },
+                    { t: 0, r: 0, br: "0 12px 0 0", bw: "3px 3px 0 0" },
+                    { b: 0, l: 0, br: "0 0 0 12px", bw: "0 0 3px 3px" },
+                    { b: 0, r: 0, br: "0 0 12px 0", bw: "0 3px 3px 0" }
+                  ].map((c, i) => /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "absolute h-7 w-7",
+                      style: {
+                        top: c.t,
+                        left: c.l,
+                        right: c.r,
+                        bottom: c.b,
+                        borderRadius: c.br,
+                        borderColor: tokens.accent,
+                        borderStyle: "solid",
+                        borderWidth: c.bw
+                      }
+                    },
+                    i
+                  )),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "absolute left-0 right-0",
+                      style: {
+                        top: "50%",
+                        height: 2,
+                        background: `linear-gradient(90deg, transparent, ${tokens.accent}, transparent)`,
+                        boxShadow: `0 0 12px ${tokens.accent}`
+                      }
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "absolute inset-x-0 bottom-3 text-center text-2xs font-medium",
+                style: { color: "rgba(255,255,255,0.85)" },
+                children: "Center the QR code in the frame"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex h-11 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white",
+            style: { borderColor: tokens.border, background: tokens.elevated },
+            children: [
+              /* @__PURE__ */ jsx(Search, { className: "size-4" }),
+              "Search by name"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex h-11 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white",
+            style: { borderColor: tokens.border, background: tokens.elevated },
+            children: [
+              /* @__PURE__ */ jsx(Type, { className: "size-4" }),
+              "Enter ticket #"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "mt-5 space-y-2", children: [
+        /* @__PURE__ */ jsx(Caption, { children: "Recent scans" }),
+        /* @__PURE__ */ jsx(RecentScan, { name: "Tunde Adekunle", tier: "General", time: "just now", ok: true }),
+        /* @__PURE__ */ jsx(RecentScan, { name: "Adaeze Okonkwo", tier: "VIP", time: "1m ago", ok: true }),
+        /* @__PURE__ */ jsx(RecentScan, { name: "(unknown ticket)", tier: "\u2014", time: "2m ago" })
+      ] })
+    ] })
+  ] });
+}
+function RecentScan({
+  name,
+  tier,
+  time,
+  ok
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-3 rounded-2xl border p-3",
+      style: { borderColor: tokens.border, background: tokens.card },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
+            style: {
+              background: ok ? `${tokens.good}1A` : `${tokens.bad}1A`
+            },
+            children: ok ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", style: { color: tokens.good } }) : /* @__PURE__ */ jsx(XCircle, { className: "size-4", style: { color: tokens.bad } })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-white", children: name }),
+          /* @__PURE__ */ jsxs(
+            "p",
+            {
+              className: "mt-0.5 truncate text-2xs",
+              style: { color: tokens.textTertiary },
+              children: [
+                tier,
+                " \xB7 ",
+                time
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-2xs font-semibold",
+            style: { color: ok ? tokens.good : tokens.bad },
+            children: ok ? "Admitted" : "Rejected"
+          }
+        )
+      ]
+    }
+  );
+}
+function TicketDetail() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(StatusBar, {}),
+    /* @__PURE__ */ jsx(
+      HubHeader,
+      {
+        title: "Ticket",
+        trailing: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "More",
+            className: "flex h-9 w-9 items-center justify-center",
+            children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4 text-[#C9D0DD]" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-28", children: [
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mt-3 rounded-3xl border p-5",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "rounded-full px-2 py-0.5 text-3xs font-semibold uppercase tracking-wider",
+                  style: { background: `${tokens.good}1A`, color: tokens.good },
+                  children: "Valid"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-2xs", style: { color: tokens.textTertiary }, children: "#T-0142" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-title font-bold leading-tight tracking-tight text-white", children: "Open Mic Night \xB7 April" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs", style: { color: tokens.textSecondary }, children: "Sat, Apr 26 \xB7 9 PM \xB7 Obi Restaurant" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mt-3 flex flex-col items-center rounded-3xl border p-5",
+          style: { borderColor: tokens.border, background: "#FFFFFF" },
+          children: [
+            /* @__PURE__ */ jsx(FauxQrCode, {}),
+            /* @__PURE__ */ jsx("p", { className: "mt-3 text-2xs font-medium tabular-nums text-[#0E1117]", children: "T-0142-OMN-APR" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-3xs text-[#6E7791]", children: "Scan at door \xB7 refresh hourly" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("section", { className: "mt-5 space-y-2", children: [
+        /* @__PURE__ */ jsx(Caption, { children: "Attendee" }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-3 rounded-2xl border p-3.5",
+            style: { borderColor: tokens.border, background: tokens.card },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-bold",
+                  style: { background: `${tokens.accent}26`, color: tokens.accent },
+                  children: "AO"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-md font-medium text-white", children: "Adaeze Okonkwo" }),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "mt-0.5 truncate text-2xs",
+                    style: { color: tokens.textTertiary },
+                    children: "adaeze@gmail.com \xB7 +234 803 421 \xB7\xB7\xB7\xB7"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mt-5 rounded-2xl border",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsx(SummaryRow, { label: "Tier", value: "VIP" }),
+            /* @__PURE__ */ jsx(RowDivider, {}),
+            /* @__PURE__ */ jsx(SummaryRow, { label: "Price", value: "\u20A615,000" }),
+            /* @__PURE__ */ jsx(RowDivider, {}),
+            /* @__PURE__ */ jsx(SummaryRow, { label: "Service fee", value: "\u20A6450" }),
+            /* @__PURE__ */ jsx(RowDivider, {}),
+            /* @__PURE__ */ jsx(SummaryRow, { label: "Total paid", value: "\u20A615,450", emphasis: true })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("section", { className: "mt-5 space-y-2", children: [
+        /* @__PURE__ */ jsx(Caption, { children: "Activity" }),
+        /* @__PURE__ */ jsx(
+          ActivityRow,
+          {
+            icon: CreditCard,
+            title: "Paid \xB7 GTBank",
+            meta: "Apr 22 \xB7 14:32"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActivityRow,
+          {
+            icon: Send,
+            title: "Confirmation sent",
+            meta: "Email \xB7 WhatsApp"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActivityRow,
+          {
+            icon: QrCode,
+            title: "Awaiting check-in",
+            meta: "Doors open Sat 8:30 PM"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute inset-x-3 bottom-3 z-30 grid grid-cols-3 gap-2 rounded-[26px] border p-2",
+        style: {
+          borderColor: tokens.border,
+          background: `${tokens.card}F2`,
+          backdropFilter: "blur(12px)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-12 items-center justify-center gap-1 rounded-2xl border text-xs font-medium text-white",
+              style: { borderColor: tokens.border, background: tokens.elevated },
+              children: [
+                /* @__PURE__ */ jsx(Send, { className: "size-[13px]" }),
+                "Resend"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-12 items-center justify-center gap-1 rounded-2xl border text-xs font-medium text-white",
+              style: { borderColor: tokens.border, background: tokens.elevated },
+              children: [
+                /* @__PURE__ */ jsx(Share2, { className: "size-[13px]" }),
+                "Transfer"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-12 items-center justify-center gap-1 rounded-2xl text-xs font-semibold",
+              style: {
+                background: `${tokens.bad}1A`,
+                color: tokens.bad,
+                border: `1px solid ${tokens.bad}40`
+              },
+              children: [
+                /* @__PURE__ */ jsx(RotateCcw, { className: "size-[13px]" }),
+                "Refund"
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  CheckInDashboard,
+  RecentScan,
+  TicketDetail
+};
+//# sourceMappingURL=events-detail-attendees-chec-2.js.map

package/dist/mobile/mobile-redesign-mockups/events-detail-attendees-chec-2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/events-detail-attendees-chec-2.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CheckCircle2,\n  CreditCard,\n  Mic,\n  MoreHorizontal,\n  QrCode,\n  RotateCcw,\n  Search,\n  Send,\n  Share2,\n  Type,\n  XCircle,\n} from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport { Caption, StatusBar } from './pill-presets-tailwind-utilit';\nimport { ActivityRow } from './today-single-intent';\nimport { HubHeader } from './drill-chrome-sub-app-header-';\nimport { RowDivider, SummaryRow } from './money-payout-detail';\nimport { FauxQrCode } from './events-detail-attendees-chec-3';\n\n/**\n * Events — detail, attendees, check-in, ticket\n *\n * One chapter of the mobile visual contract. ~40 screens cite this file as\n * the spec they implement, so the markup here is the artifact and is never\n * converted onto primitives — see CLAUDE.md. Splitting it moves nothing:\n * every screen is the same markup, in a file named for what it draws.\n */\n\nexport function CheckInDashboard() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader\n        title=\"Check-in\"\n        trailing={\n          <button\n            type=\"button\"\n            aria-label=\"Manual\"\n            className=\"flex h-9 w-9 items-center justify-center\"\n          >\n            <Search className=\"size-4 text-[#C9D0DD]\" />\n          </button>\n        }\n      />\n      <div className=\"flex-1 overflow-y-auto px-4 pb-24\">\n        {/* Live counter */}\n        <section\n          className=\"mt-3 rounded-3xl border p-5\"\n          style={{\n            borderColor: 'rgba(74,222,128,0.28)',\n            background: 'rgba(74,222,128,0.08)',\n          }}\n        >\n          <p className=\"text-3xs font-semibold\" style={{ color: tokens.good }}>\n            Live · Open Mic Night\n          </p>\n          <div className=\"mt-2 flex items-end gap-2\">\n            <p className=\"text-[40px] font-bold leading-none tabular-nums text-white\">\n              42\n            </p>\n            <p\n              className=\"pb-1 text-md tabular-nums\"\n              style={{ color: tokens.textSecondary }}\n            >\n              / 187\n            </p>\n          </div>\n          <p className=\"mt-1 text-xs\" style={{ color: tokens.textSecondary }}>\n            22% checked in · 145 still to arrive · doors closed in 1h 12m\n          </p>\n        </section>\n\n        {/* Scanner viewfinder */}\n        <section\n          className=\"relative mt-4 overflow-hidden rounded-3xl border\"\n          style={{\n            borderColor: tokens.border,\n            background: '#000',\n            aspectRatio: '1 / 1',\n          }}\n        >\n          {/* Faux camera background */}\n          <div\n            className=\"absolute inset-0\"\n            style={{\n              background:\n                'radial-gradient(circle at 30% 30%, rgba(17,109,255,0.18) 0%, rgba(0,0,0,0) 60%), radial-gradient(circle at 70% 70%, rgba(74,222,128,0.12) 0%, rgba(0,0,0,0) 60%)',\n            }}\n          />\n          {/* Reticle */}\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div\n              className=\"relative\"\n              style={{ width: '60%', aspectRatio: '1 / 1' }}\n            >\n              {[\n                { t: 0, l: 0, br: '12px 0 0 0', bw: '3px 0 0 3px' },\n                { t: 0, r: 0, br: '0 12px 0 0', bw: '3px 3px 0 0' },\n                { b: 0, l: 0, br: '0 0 0 12px', bw: '0 0 3px 3px' },\n                { b: 0, r: 0, br: '0 0 12px 0', bw: '0 3px 3px 0' },\n              ].map((c, i) => (\n                <span\n                  key={i}\n                  className=\"absolute h-7 w-7\"\n                  style={{\n                    top: c.t,\n                    left: c.l,\n                    right: c.r,\n                    bottom: c.b,\n                    borderRadius: c.br,\n                    borderColor: tokens.accent,\n                    borderStyle: 'solid',\n                    borderWidth: c.bw,\n                  }}\n                />\n              ))}\n              {/* Scan line */}\n              <div\n                className=\"absolute left-0 right-0\"\n                style={{\n                  top: '50%',\n                  height: 2,\n                  background: `linear-gradient(90deg, transparent, ${tokens.accent}, transparent)`,\n                  boxShadow: `0 0 12px ${tokens.accent}`,\n                }}\n              />\n            </div>\n          </div>\n          {/* Hint */}\n          <p\n            className=\"absolute inset-x-0 bottom-3 text-center text-2xs font-medium\"\n            style={{ color: 'rgba(255,255,255,0.85)' }}\n          >\n            Center the QR code in the frame\n          </p>\n        </section>\n\n        <div className=\"mt-3 grid grid-cols-2 gap-2\">\n          <button\n            type=\"button\"\n            className=\"flex h-11 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white\"\n            style={{ borderColor: tokens.border, background: tokens.elevated }}\n          >\n            <Search className=\"size-4\" />\n            Search by name\n          </button>\n          <button\n            type=\"button\"\n            className=\"flex h-11 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white\"\n            style={{ borderColor: tokens.border, background: tokens.elevated }}\n          >\n            <Type className=\"size-4\" />\n            Enter ticket #\n          </button>\n        </div>\n\n        {/* Recent scans */}\n        <section className=\"mt-5 space-y-2\">\n          <Caption>Recent scans</Caption>\n          <RecentScan name=\"Tunde Adekunle\" tier=\"General\" time=\"just now\" ok />\n          <RecentScan name=\"Adaeze Okonkwo\" tier=\"VIP\" time=\"1m ago\" ok />\n          <RecentScan name=\"(unknown ticket)\" tier=\"—\" time=\"2m ago\" />\n        </section>\n      </div>\n    </div>\n  );\n}\n\nexport function RecentScan({\n  name,\n  tier,\n  time,\n  ok,\n}: {\n  name: string;\n  tier: string;\n  time: string;\n  ok?: boolean;\n}) {\n  return (\n    <div\n      className=\"flex items-center gap-3 rounded-2xl border p-3\"\n      style={{ borderColor: tokens.border, background: tokens.card }}\n    >\n      <div\n        className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-full\"\n        style={{\n          background: ok ? `${tokens.good}1A` : `${tokens.bad}1A`,\n        }}\n      >\n        {ok ? (\n          <CheckCircle2 className=\"size-4\" style={{ color: tokens.good }} />\n        ) : (\n          <XCircle className=\"size-4\" style={{ color: tokens.bad }} />\n        )}\n      </div>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-sm font-medium text-white\">{name}</p>\n        <p\n          className=\"mt-0.5 truncate text-2xs\"\n          style={{ color: tokens.textTertiary }}\n        >\n          {tier} · {time}\n        </p>\n      </div>\n      <span\n        className=\"text-2xs font-semibold\"\n        style={{ color: ok ? tokens.good : tokens.bad }}\n      >\n        {ok ? 'Admitted' : 'Rejected'}\n      </span>\n    </div>\n  );\n}\n\nexport function TicketDetail() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader\n        title=\"Ticket\"\n        trailing={\n          <button\n            type=\"button\"\n            aria-label=\"More\"\n            className=\"flex h-9 w-9 items-center justify-center\"\n          >\n            <MoreHorizontal className=\"size-4 text-[#C9D0DD]\" />\n          </button>\n        }\n      />\n      <div className=\"flex-1 overflow-y-auto px-4 pb-28\">\n        {/* Hero */}\n        <section\n          className=\"mt-3 rounded-3xl border p-5\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <div className=\"flex items-center gap-2\">\n            <span\n              className=\"rounded-full px-2 py-0.5 text-3xs font-semibold uppercase tracking-wider\"\n              style={{ background: `${tokens.good}1A`, color: tokens.good }}\n            >\n              Valid\n            </span>\n            <span className=\"text-2xs\" style={{ color: tokens.textTertiary }}>\n              #T-0142\n            </span>\n          </div>\n          <p className=\"mt-2 text-title font-bold leading-tight tracking-tight text-white\">\n            Open Mic Night · April\n          </p>\n          <p className=\"mt-0.5 text-xs\" style={{ color: tokens.textSecondary }}>\n            Sat, Apr 26 · 9 PM · Obi Restaurant\n          </p>\n        </section>\n\n        {/* QR card */}\n        <section\n          className=\"mt-3 flex flex-col items-center rounded-3xl border p-5\"\n          style={{ borderColor: tokens.border, background: '#FFFFFF' }}\n        >\n          <FauxQrCode />\n          <p className=\"mt-3 text-2xs font-medium tabular-nums text-[#0E1117]\">\n            T-0142-OMN-APR\n          </p>\n          <p className=\"mt-0.5 text-3xs text-[#6E7791]\">\n            Scan at door · refresh hourly\n          </p>\n        </section>\n\n        {/* Attendee */}\n        <section className=\"mt-5 space-y-2\">\n          <Caption>Attendee</Caption>\n          <div\n            className=\"flex items-center gap-3 rounded-2xl border p-3.5\"\n            style={{ borderColor: tokens.border, background: tokens.card }}\n          >\n            <div\n              className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-bold\"\n              style={{ background: `${tokens.accent}26`, color: tokens.accent }}\n            >\n              AO\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"truncate text-md font-medium text-white\">\n                Adaeze Okonkwo\n              </p>\n              <p\n                className=\"mt-0.5 truncate text-2xs\"\n                style={{ color: tokens.textTertiary }}\n              >\n                adaeze@gmail.com · +234 803 421 ····\n              </p>\n            </div>\n          </div>\n        </section>\n\n        {/* Order summary */}\n        <section\n          className=\"mt-5 rounded-2xl border\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <SummaryRow label=\"Tier\" value=\"VIP\" />\n          <RowDivider />\n          <SummaryRow label=\"Price\" value=\"₦15,000\" />\n          <RowDivider />\n          <SummaryRow label=\"Service fee\" value=\"₦450\" />\n          <RowDivider />\n          <SummaryRow label=\"Total paid\" value=\"₦15,450\" emphasis />\n        </section>\n\n        {/* Status timeline */}\n        <section className=\"mt-5 space-y-2\">\n          <Caption>Activity</Caption>\n          <ActivityRow\n            icon={CreditCard}\n            title=\"Paid · GTBank\"\n            meta=\"Apr 22 · 14:32\"\n          />\n          <ActivityRow\n            icon={Send}\n            title=\"Confirmation sent\"\n            meta=\"Email · WhatsApp\"\n          />\n          <ActivityRow\n            icon={QrCode}\n            title=\"Awaiting check-in\"\n            meta=\"Doors open Sat 8:30 PM\"\n          />\n        </section>\n      </div>\n      <div\n        className=\"absolute inset-x-3 bottom-3 z-30 grid grid-cols-3 gap-2 rounded-[26px] border p-2\"\n        style={{\n          borderColor: tokens.border,\n          background: `${tokens.card}F2`,\n          backdropFilter: 'blur(12px)',\n        }}\n      >\n        <button\n          type=\"button\"\n          className=\"flex h-12 items-center justify-center gap-1 rounded-2xl border text-xs font-medium text-white\"\n          style={{ borderColor: tokens.border, background: tokens.elevated }}\n        >\n          <Send className=\"size-[13px]\" />\n          Resend\n        </button>\n        <button\n          type=\"button\"\n          className=\"flex h-12 items-center justify-center gap-1 rounded-2xl border text-xs font-medium text-white\"\n          style={{ borderColor: tokens.border, background: tokens.elevated }}\n        >\n          <Share2 className=\"size-[13px]\" />\n          Transfer\n        </button>\n        <button\n          type=\"button\"\n          className=\"flex h-12 items-center justify-center gap-1 rounded-2xl text-xs font-semibold\"\n          style={{\n            background: `${tokens.bad}1A`,\n            color: tokens.bad,\n            border: `1px solid ${tokens.bad}40`,\n          }}\n        >\n          <RotateCcw className=\"size-[13px]\" />\n          Refund\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/mobile-redesign-mockups/events-detail-attendees-chec-3.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Events — detail, attendees, check-in, ticket
+ *
+ * One chapter of the mobile visual contract. ~40 screens cite this file as
+ * the spec they implement, so the markup here is the artifact and is never
+ * converted onto primitives — see CLAUDE.md. Splitting it moves nothing:
+ * every screen is the same markup, in a file named for what it draws.
+ */
+export declare function FauxQrCode(): import("react").JSX.Element;
+export declare function TodaySubscriptions(): import("react").JSX.Element;
+export declare function SubRow({ name, plan, date, tone, }: {
+    name: string;
+    plan: string;
+    date: string;
+    tone?: 'warn' | 'bad';
+}): import("react").JSX.Element;