@withpotter/components 0.13.0-next.101

package/dist/mobile/mobile-redesign-mockups/drill-chrome-sub-app-header-.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/drill-chrome-sub-app-header-.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ArrowLeft,\n  ArrowRight,\n  ArrowUpRight,\n  BarChart3,\n  ChevronDown,\n  CircleDollarSign,\n  Layers,\n  Package,\n  TrendingUp,\n  Users,\n} from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Caption, StatusBar, TabBar } from './pill-presets-tailwind-utilit';\nimport { SettingsRow } from './wizard-payments';\n\n/**\n * Drill chrome: sub-app header used by Insights / Money / Marketing\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\n// ─────────────────────────────────────────────────────────────\n// Drill chrome: sub-app header used by Insights / Money / Marketing\n// ─────────────────────────────────────────────────────────────\nexport function HubHeader({\n  title,\n  trailing,\n}: {\n  title: string;\n  trailing?: React.ReactNode;\n}) {\n  return (\n    <header\n      className=\"sticky top-0 z-20 flex h-12 items-center justify-between px-2\"\n      style={{\n        background: `${tokens.surface}F2`,\n        backdropFilter: 'blur(12px)',\n      }}\n    >\n      <button\n        type=\"button\"\n        className=\"flex h-9 w-9 items-center justify-center rounded-full\"\n        style={{ background: tokens.elevated }}\n        aria-label=\"Back\"\n      >\n        <ArrowLeft className=\"size-4 text-white\" />\n      </button>\n      <p className=\"text-md font-semibold text-white\">{title}</p>\n      <div className=\"flex h-9 w-9 items-center justify-center\">{trailing}</div>\n    </header>\n  );\n}\n\nexport function PeriodChips({ active }: { active: string }) {\n  const periods = ['7d', '30d', '90d', 'YTD', 'Custom'];\n  return (\n    <div className=\"flex gap-2 overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden pb-1\">\n      {periods.map((p) => {\n        const isActive = p === active;\n        return (\n          <Button\n            variant=\"secondary\"\n            className=\"shrink-0 text-2xs\"\n            key={p}\n            style={{\n              borderColor: isActive ? tokens.accent : tokens.border,\n              background: isActive ? 'rgba(17,109,255,0.14)' : tokens.card,\n              color: isActive ? tokens.accent : '#C9D0DD',\n            }}\n          >\n            {p}\n          </Button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function KpiTile({\n  label,\n  value,\n  delta,\n  tone,\n}: {\n  label: string;\n  value: string;\n  delta: string;\n  tone: 'good' | 'warn' | 'bad';\n}) {\n  const color =\n    tone === 'good' ? tokens.good : tone === 'warn' ? tokens.warn : tokens.bad;\n  const Arrow = tone === 'bad' ? ArrowRight : ArrowUpRight;\n  return (\n    <div\n      className=\"rounded-2xl border p-3.5\"\n      style={{ borderColor: tokens.border, background: tokens.card }}\n    >\n      <p className=\"text-2xs text-[#94A0B5]\">{label}</p>\n      <p className=\"mt-1 text-title font-bold leading-tight text-white\">\n        {value}\n      </p>\n      <div\n        className=\"mt-1.5 flex items-center gap-1 text-3xs font-medium\"\n        style={{ color }}\n      >\n        <Arrow className=\"h-3 w-3\" />\n        {delta}\n      </div>\n    </div>\n  );\n}\n\nexport function Sparkline({ tone = 'good' }: { tone?: 'good' | 'bad' }) {\n  const color = tone === 'good' ? tokens.good : tokens.bad;\n  return (\n    <svg viewBox=\"0 0 120 32\" className=\"h-8 w-full\" preserveAspectRatio=\"none\">\n      <polyline\n        points=\"0,24 12,20 24,22 36,16 48,18 60,12 72,14 84,8 96,10 108,4 120,6\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function BarChart() {\n  const bars = [42, 58, 38, 72, 64, 88, 76];\n  const days = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n  return (\n    <div\n      className=\"rounded-2xl border p-4\"\n      style={{ borderColor: tokens.border, background: tokens.card }}\n    >\n      <div className=\"flex h-32 items-end gap-2\">\n        {bars.map((h, i) => (\n          <div key={i} className=\"flex flex-1 flex-col items-center gap-1.5\">\n            <div\n              className=\"w-full rounded-t-md\"\n              style={{\n                height: `${h}%`,\n                background: i === 5 ? tokens.accent : 'rgba(17,109,255,0.32)',\n              }}\n            />\n            <span className=\"text-3xs text-[#94A0B5]\">{days[i]}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function BreakdownRow({\n  label,\n  value,\n  pct,\n}: {\n  label: string;\n  value: string;\n  pct: number;\n}) {\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center justify-between text-xs\">\n        <span className=\"text-white\">{label}</span>\n        <span className=\"text-[#94A0B5]\">\n          {value} · <span className=\"text-white\">{pct}%</span>\n        </span>\n      </div>\n      <div\n        className=\"h-1.5 w-full overflow-hidden rounded-full\"\n        style={{ background: tokens.elevated }}\n      >\n        <div\n          className=\"h-full rounded-full\"\n          style={{ width: `${pct}%`, background: tokens.accent }}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────\n// Insights hub\n// ─────────────────────────────────────────────────────────────\nexport function InsightsHub() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader\n        title=\"Insights\"\n        trailing={\n          <button\n            type=\"button\"\n            className=\"flex items-center gap-1 text-2xs font-medium text-[#C9D0DD]\"\n          >\n            7d <ChevronDown className=\"size-[13px]\" />\n          </button>\n        }\n      />\n      <div className=\"flex-1 overflow-y-auto px-4 pb-24\">\n        <section\n          className=\"mt-3 rounded-3xl border p-5\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <p className=\"text-2xs font-medium text-[#94A0B5]\">\n            Revenue · last 7 days\n          </p>\n          <p className=\"mt-1 text-[28px] font-bold leading-tight text-white\">\n            ₦487,200\n          </p>\n          <div\n            className=\"mt-1.5 flex items-center gap-1.5 text-xs font-medium\"\n            style={{ color: tokens.good }}\n          >\n            <TrendingUp className=\"size-4\" />\n            +12.4% vs prev 7d\n          </div>\n          <div className=\"mt-4\">\n            <Sparkline tone=\"good\" />\n          </div>\n        </section>\n\n        <div className=\"mt-3 grid grid-cols-2 gap-2\">\n          <KpiTile label=\"Orders\" value=\"124\" delta=\"+8%\" tone=\"good\" />\n          <KpiTile label=\"AOV\" value=\"₦3,930\" delta=\"+4%\" tone=\"good\" />\n          <KpiTile label=\"Conversion\" value=\"2.4%\" delta=\"-0.3%\" tone=\"bad\" />\n          <KpiTile label=\"Visitors\" value=\"2,140\" delta=\"+18%\" tone=\"good\" />\n        </div>\n\n        <section className=\"mt-6 space-y-2\">\n          <Caption>Reports</Caption>\n          <SettingsRow\n            icon={CircleDollarSign}\n            label=\"Sales\"\n            hint=\"₦487K · 7 days\"\n          />\n          <SettingsRow\n            icon={TrendingUp}\n            label=\"Traffic\"\n            hint=\"2,140 visitors · 3 channels\"\n          />\n          <SettingsRow\n            icon={Users}\n            label=\"Customers\"\n            hint=\"84 new · 12 returning\"\n          />\n          <SettingsRow icon={Package} label=\"Products\" hint=\"5 best sellers\" />\n          <SettingsRow icon={Layers} label=\"Cohorts\" hint=\"Retention by week\" />\n        </section>\n\n        <section className=\"mt-5 space-y-2\">\n          <Caption>Saved views</Caption>\n          <SettingsRow\n            icon={BarChart3}\n            label=\"Friday drop performance\"\n            hint=\"Last run · 3 days ago\"\n          />\n        </section>\n      </div>\n      <TabBar active=\"store\" />\n    </div>\n  );\n}\n"],"mappings":";AAuCI,SAaI,KAbJ;AArCJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,SAAS,WAAW,cAAc;AAC3C,SAAS,mBAAmB;AAcrB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,YAAY,GAAG,OAAO,OAAO;AAAA,QAC7B,gBAAgB;AAAA,MAClB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,OAAO,SAAS;AAAA,YACrC,cAAW;AAAA,YAEX,8BAAC,aAAU,WAAU,qBAAoB;AAAA;AAAA,QAC3C;AAAA,QACA,oBAAC,OAAE,WAAU,oCAAoC,iBAAM;AAAA,QACvD,oBAAC,SAAI,WAAU,4CAA4C,oBAAS;AAAA;AAAA;AAAA,EACtE;AAEJ;AAEO,SAAS,YAAY,EAAE,OAAO,GAAuB;AAC1D,QAAM,UAAU,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ;AACpD,SACE,oBAAC,SAAI,WAAU,kHACZ,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,MAAM;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QAEV,OAAO;AAAA,UACL,aAAa,WAAW,OAAO,SAAS,OAAO;AAAA,UAC/C,YAAY,WAAW,0BAA0B,OAAO;AAAA,UACxD,OAAO,WAAW,OAAO,SAAS;AAAA,QACpC;AAAA,QAEC;AAAA;AAAA,MAPI;AAAA,IAQP;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QACJ,SAAS,SAAS,OAAO,OAAO,SAAS,SAAS,OAAO,OAAO,OAAO;AACzE,QAAM,QAAQ,SAAS,QAAQ,aAAa;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,MAE7D;AAAA,4BAAC,OAAE,WAAU,2BAA2B,iBAAM;AAAA,QAC9C,oBAAC,OAAE,WAAU,sDACV,iBACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,MAAM;AAAA,YAEf;AAAA,kCAAC,SAAM,WAAU,WAAU;AAAA,cAC1B;AAAA;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,GAA8B;AACtE,QAAM,QAAQ,SAAS,SAAS,OAAO,OAAO,OAAO;AACrD,SACE,oBAAC,SAAI,SAAQ,cAAa,WAAU,cAAa,qBAAoB,QACnE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA;AAAA,EACjB,GACF;AAEJ;AAEO,SAAS,WAAW;AACzB,QAAM,OAAO,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AACxC,QAAM,OAAO,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,MAE7D,8BAAC,SAAI,WAAU,6BACZ,eAAK,IAAI,CAAC,GAAG,MACZ,qBAAC,SAAY,WAAU,6CACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,QAAQ,GAAG,CAAC;AAAA,cACZ,YAAY,MAAM,IAAI,OAAO,SAAS;AAAA,YACxC;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAU,2BAA2B,eAAK,CAAC,GAAE;AAAA,WAR3C,CASV,CACD,GACH;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAU,eACb;AAAA,yBAAC,SAAI,WAAU,6CACb;AAAA,0BAAC,UAAK,WAAU,cAAc,iBAAM;AAAA,MACpC,qBAAC,UAAK,WAAU,kBACb;AAAA;AAAA,QAAM;AAAA,QAAG,qBAAC,UAAK,WAAU,cAAc;AAAA;AAAA,UAAI;AAAA,WAAC;AAAA,SAC/C;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,OAAO,SAAS;AAAA,QAErC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,YAAY,OAAO,OAAO;AAAA;AAAA,QACvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAKO,SAAS,cAAc;AAC5B,SACE,qBAAC,SAAI,WAAU,wBACb;AAAA,wBAAC,aAAU;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,UACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACX;AAAA;AAAA,cACI,oBAAC,eAAY,WAAU,eAAc;AAAA;AAAA;AAAA,QAC1C;AAAA;AAAA,IAEJ;AAAA,IACA,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,UAE7D;AAAA,gCAAC,OAAE,WAAU,uCAAsC,sCAEnD;AAAA,YACA,oBAAC,OAAE,WAAU,uDAAsD,2BAEnE;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,OAAO,KAAK;AAAA,gBAE5B;AAAA,sCAAC,cAAW,WAAU,UAAS;AAAA,kBAAE;AAAA;AAAA;AAAA,YAEnC;AAAA,YACA,oBAAC,SAAI,WAAU,QACb,8BAAC,aAAU,MAAK,QAAO,GACzB;AAAA;AAAA;AAAA,MACF;AAAA,MAEA,qBAAC,SAAI,WAAU,+BACb;AAAA,4BAAC,WAAQ,OAAM,UAAS,OAAM,OAAM,OAAM,OAAM,MAAK,QAAO;AAAA,QAC5D,oBAAC,WAAQ,OAAM,OAAM,OAAM,eAAS,OAAM,OAAM,MAAK,QAAO;AAAA,QAC5D,oBAAC,WAAQ,OAAM,cAAa,OAAM,QAAO,OAAM,SAAQ,MAAK,OAAM;AAAA,QAClE,oBAAC,WAAQ,OAAM,YAAW,OAAM,SAAQ,OAAM,QAAO,MAAK,QAAO;AAAA,SACnE;AAAA,MAEA,qBAAC,aAAQ,WAAU,kBACjB;AAAA,4BAAC,WAAQ,qBAAO;AAAA,QAChB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACP;AAAA,QACA,oBAAC,eAAY,MAAM,SAAS,OAAM,YAAW,MAAK,kBAAiB;AAAA,QACnE,oBAAC,eAAY,MAAM,QAAQ,OAAM,WAAU,MAAK,qBAAoB;AAAA,SACtE;AAAA,MAEA,qBAAC,aAAQ,WAAU,kBACjB;AAAA,4BAAC,WAAQ,yBAAW;AAAA,QACpB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACP;AAAA,SACF;AAAA,OACF;AAAA,IACA,oBAAC,UAAO,QAAO,SAAQ;AAAA,KACzB;AAEJ;","names":[]}

package/dist/mobile/mobile-redesign-mockups/editor-blog-long-form.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Editor — Blog long-form
+ *
+ * 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 EditorBlogLongForm(): import("react").JSX.Element;
+export declare function WizardPayments(): import("react").JSX.Element;

package/dist/mobile/mobile-redesign-mockups/editor-blog-long-form.js

@@ -0,0 +1,260 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  ArrowLeft,
+  ArrowRight,
+  BadgeCheck,
+  Bold,
+  ChevronDown,
+  Heading2,
+  Image as ImageIcon,
+  Italic,
+  Link2,
+  List
+} from "lucide-react";
+import { tokens } from "../mobile-redesign-theme";
+import { Caption } from "./pill-presets-tailwind-utilit";
+import { FieldRow } from "./wizard-payments";
+function EditorBlogLongForm() {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-full flex-col",
+      style: { background: tokens.surface },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sticky top-0 z-10 flex h-[64px] items-end px-4 pb-2 pt-2",
+            style: {
+              background: tokens.surface,
+              borderBottom: `1px solid ${tokens.border}`
+            },
+            children: /* @__PURE__ */ jsxs("div", { className: "flex h-10 w-full items-center justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "flex h-9 w-9 items-center justify-center rounded-full",
+                  style: { background: tokens.card },
+                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4 text-white" })
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-[#C9D0DD]", children: "Why we love Lagos street food" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "flex h-9 items-center px-2 text-xs font-semibold",
+                  style: { color: tokens.accent },
+                  children: "Done"
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex-1 overflow-y-auto px-5 pt-4",
+            style: { paddingBottom: "320px" },
+            children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-[22px] font-bold leading-tight text-white", children: "Why we love Lagos street food" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm leading-relaxed text-[#C9D0DD]", children: "The smoke from a roadside grill, the call of a vendor at dusk, the unhurried way a plate of jollof finds you exactly when you need it. Lagos is a kitchen that doesn't close." }),
+              /* @__PURE__ */ jsx("h2", { className: "mt-5 text-base font-semibold text-white", children: "Three places that taught us" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-relaxed text-[#C9D0DD]", children: "We grew up between three corners \u2014 a suya stand in Surulere, an akara spot in Yaba, and the boli woman near the bus stop. Each one shaped how we think about hospitality and how we cook today." }),
+              /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm leading-relaxed text-[#94A0B5]", children: "|" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "absolute inset-x-0 bottom-0 z-20",
+            style: { background: tokens.surface },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex h-[44px] items-center justify-around border-b border-t px-2",
+                  style: { borderColor: tokens.border, background: tokens.card },
+                  children: [Bold, Italic, Heading2, List, Link2, ImageIcon].map((Icon, i) => /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "flex h-9 w-9 items-center justify-center rounded-lg",
+                      style: {
+                        color: tokens.textSecondary,
+                        background: i === 0 ? tokens.elevated : "transparent"
+                      },
+                      children: /* @__PURE__ */ jsx(Icon, { className: "h-[18px] w-[18px]", strokeWidth: 2 })
+                    },
+                    i
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-2 pt-2", style: { background: "#22293A" }, children: [
+                [
+                  ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+                  ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+                  ["\u21E7", "z", "x", "c", "v", "b", "n", "m", "\u232B"]
+                ].map((row, ri) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `flex justify-center gap-1 ${ri ? "mt-1.5" : ""}`,
+                    children: row.map((k) => /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "flex h-9 min-w-[28px] flex-1 items-center justify-center rounded-md text-sm font-medium text-white",
+                        style: { background: "#414A5C", maxWidth: "36px" },
+                        children: k
+                      },
+                      k
+                    ))
+                  },
+                  ri
+                )),
+                /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "flex h-9 w-12 items-center justify-center rounded-md text-2xs font-medium text-white",
+                      style: { background: "#2C3445" },
+                      children: "123"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "flex h-9 flex-1 items-center justify-center rounded-md text-sm text-white",
+                      style: { background: "#414A5C" },
+                      children: "space"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "flex h-9 w-14 items-center justify-center rounded-md text-2xs font-medium",
+                      style: { background: tokens.accent, color: tokens.accentFg },
+                      children: "return"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function WizardPayments() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sticky top-0 z-10 flex h-[88px] items-end px-4 pb-2 pt-2",
+        style: {
+          background: tokens.surface,
+          borderBottom: `1px solid ${tokens.border}`
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "flex h-12 w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-10 items-center gap-1 px-1 text-sm font-medium text-[#C9D0DD]",
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+                "Back"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-3xs text-[#94A0B5]", children: "Set up payments" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-white", children: "Step 2 of 3" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "w-12" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "px-4 pt-3", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", children: [1, 2, 3].map((s) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "h-1 flex-1 rounded-full",
+        style: { background: s <= 2 ? tokens.accent : tokens.border }
+      },
+      s
+    )) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-32 pt-5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold leading-tight tracking-tight text-white", children: "Where should we send your payouts?" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-relaxed text-[#C9D0DD]", children: "Add a Nigerian bank account. Payouts arrive every weekday for sales settled the day before." }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          FieldRow,
+          {
+            label: "Bank",
+            value: "GTBank",
+            trailing: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-[#94A0B5]" })
+          }
+        ),
+        /* @__PURE__ */ jsx(FieldRow, { label: "Account number", value: "0123456789", mono: true }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "rounded-2xl border p-4",
+            style: {
+              borderColor: "rgba(74,222,128,0.28)",
+              background: "rgba(74,222,128,0.06)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(BadgeCheck, { className: "size-4", style: { color: tokens.good } }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-white", children: "Account verified" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[#C9D0DD]", children: "Adekunle Tunde \xB7 GTBank" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-6 rounded-2xl border p-4",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsx(Caption, { children: "Heads up" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs leading-relaxed text-[#C9D0DD]", children: "We'll deduct a 1.5% transaction fee from each payout. You can review this anytime in Store \u2192 Billing." })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-x-0 bottom-0 z-20 flex h-[80px] items-center px-4 pb-4 pt-2",
+        style: {
+          background: `${tokens.surface}f2`,
+          borderTop: `1px solid ${tokens.border}`
+        },
+        children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex h-12 w-full items-center justify-center gap-1.5 rounded-2xl text-sm font-semibold",
+            style: { background: tokens.accent, color: tokens.accentFg },
+            children: [
+              "Continue",
+              /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  EditorBlogLongForm,
+  WizardPayments
+};
+//# sourceMappingURL=editor-blog-long-form.js.map

package/dist/mobile/mobile-redesign-mockups/editor-blog-long-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/editor-blog-long-form.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ArrowLeft,\n  ArrowRight,\n  BadgeCheck,\n  Bold,\n  ChevronDown,\n  Heading2,\n  Image as ImageIcon,\n  Italic,\n  Link2,\n  List,\n} from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport { Caption } from './pill-presets-tailwind-utilit';\nimport { FieldRow } from './wizard-payments';\n\n/**\n * Editor — Blog long-form\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\n// ─────────────────────────────────────────────────────────────\n// Editor — Blog long-form\n// ─────────────────────────────────────────────────────────────\nexport function EditorBlogLongForm() {\n  return (\n    <div\n      className=\"flex h-full flex-col\"\n      style={{ background: tokens.surface }}\n    >\n      <div\n        className=\"sticky top-0 z-10 flex h-[64px] items-end px-4 pb-2 pt-2\"\n        style={{\n          background: tokens.surface,\n          borderBottom: `1px solid ${tokens.border}`,\n        }}\n      >\n        <div className=\"flex h-10 w-full items-center justify-between\">\n          <button\n            type=\"button\"\n            className=\"flex h-9 w-9 items-center justify-center rounded-full\"\n            style={{ background: tokens.card }}\n          >\n            <ArrowLeft className=\"size-4 text-white\" />\n          </button>\n          <p className=\"truncate text-xs font-medium text-[#C9D0DD]\">\n            Why we love Lagos street food\n          </p>\n          <button\n            type=\"button\"\n            className=\"flex h-9 items-center px-2 text-xs font-semibold\"\n            style={{ color: tokens.accent }}\n          >\n            Done\n          </button>\n        </div>\n      </div>\n\n      <div\n        className=\"flex-1 overflow-y-auto px-5 pt-4\"\n        style={{ paddingBottom: '320px' }}\n      >\n        <h1 className=\"text-[22px] font-bold leading-tight text-white\">\n          Why we love Lagos street food\n        </h1>\n        <p className=\"mt-3 text-sm leading-relaxed text-[#C9D0DD]\">\n          The smoke from a roadside grill, the call of a vendor at dusk, the\n          unhurried way a plate of jollof finds you exactly when you need it.\n          Lagos is a kitchen that doesn&apos;t close.\n        </p>\n        <h2 className=\"mt-5 text-base font-semibold text-white\">\n          Three places that taught us\n        </h2>\n        <p className=\"mt-2 text-sm leading-relaxed text-[#C9D0DD]\">\n          We grew up between three corners — a suya stand in Surulere, an akara\n          spot in Yaba, and the boli woman near the bus stop. Each one shaped\n          how we think about hospitality and how we cook today.\n        </p>\n        <p className=\"mt-3 text-sm leading-relaxed text-[#94A0B5]\">|</p>\n      </div>\n\n      <div\n        className=\"absolute inset-x-0 bottom-0 z-20\"\n        style={{ background: tokens.surface }}\n      >\n        <div\n          className=\"flex h-[44px] items-center justify-around border-b border-t px-2\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          {[Bold, Italic, Heading2, List, Link2, ImageIcon].map((Icon, i) => (\n            <button\n              type=\"button\"\n              key={i}\n              className=\"flex h-9 w-9 items-center justify-center rounded-lg\"\n              style={{\n                color: tokens.textSecondary,\n                background: i === 0 ? tokens.elevated : 'transparent',\n              }}\n            >\n              <Icon className=\"h-[18px] w-[18px]\" strokeWidth={2} />\n            </button>\n          ))}\n        </div>\n        <div className=\"px-1.5 pb-2 pt-2\" style={{ background: '#22293A' }}>\n          {[\n            ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],\n            ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'],\n            ['⇧', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '⌫'],\n          ].map((row, ri) => (\n            <div\n              key={ri}\n              className={`flex justify-center gap-1 ${ri ? 'mt-1.5' : ''}`}\n            >\n              {row.map((k) => (\n                <span\n                  key={k}\n                  className=\"flex h-9 min-w-[28px] flex-1 items-center justify-center rounded-md text-sm font-medium text-white\"\n                  style={{ background: '#414A5C', maxWidth: '36px' }}\n                >\n                  {k}\n                </span>\n              ))}\n            </div>\n          ))}\n          <div className=\"mt-1.5 flex gap-1\">\n            <span\n              className=\"flex h-9 w-12 items-center justify-center rounded-md text-2xs font-medium text-white\"\n              style={{ background: '#2C3445' }}\n            >\n              123\n            </span>\n            <span\n              className=\"flex h-9 flex-1 items-center justify-center rounded-md text-sm text-white\"\n              style={{ background: '#414A5C' }}\n            >\n              space\n            </span>\n            <span\n              className=\"flex h-9 w-14 items-center justify-center rounded-md text-2xs font-medium\"\n              style={{ background: tokens.accent, color: tokens.accentFg }}\n            >\n              return\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────\n// Wizard — Payments\n// ─────────────────────────────────────────────────────────────\nexport function WizardPayments() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div\n        className=\"sticky top-0 z-10 flex h-[88px] items-end px-4 pb-2 pt-2\"\n        style={{\n          background: tokens.surface,\n          borderBottom: `1px solid ${tokens.border}`,\n        }}\n      >\n        <div className=\"flex h-12 w-full items-center justify-between\">\n          <button\n            type=\"button\"\n            className=\"flex h-10 items-center gap-1 px-1 text-sm font-medium text-[#C9D0DD]\"\n          >\n            <ArrowLeft className=\"size-4\" />\n            Back\n          </button>\n          <div className=\"text-center\">\n            <p className=\"text-3xs text-[#94A0B5]\">Set up payments</p>\n            <p className=\"text-sm font-semibold text-white\">Step 2 of 3</p>\n          </div>\n          <span className=\"w-12\" />\n        </div>\n      </div>\n\n      <div className=\"px-4 pt-3\">\n        <div className=\"flex gap-1.5\">\n          {[1, 2, 3].map((s) => (\n            <span\n              key={s}\n              className=\"h-1 flex-1 rounded-full\"\n              style={{ background: s <= 2 ? tokens.accent : tokens.border }}\n            />\n          ))}\n        </div>\n      </div>\n\n      <div className=\"flex-1 overflow-y-auto px-4 pb-32 pt-5\">\n        <p className=\"text-2xl font-semibold leading-tight tracking-tight text-white\">\n          Where should we send your payouts?\n        </p>\n        <p className=\"mt-2 text-sm leading-relaxed text-[#C9D0DD]\">\n          Add a Nigerian bank account. Payouts arrive every weekday for sales\n          settled the day before.\n        </p>\n\n        <div className=\"mt-6 space-y-3\">\n          <FieldRow\n            label=\"Bank\"\n            value=\"GTBank\"\n            trailing={<ChevronDown className=\"size-4 text-[#94A0B5]\" />}\n          />\n          <FieldRow label=\"Account number\" value=\"0123456789\" mono />\n          <div\n            className=\"rounded-2xl border p-4\"\n            style={{\n              borderColor: 'rgba(74,222,128,0.28)',\n              background: 'rgba(74,222,128,0.06)',\n            }}\n          >\n            <div className=\"flex items-center gap-2\">\n              <BadgeCheck className=\"size-4\" style={{ color: tokens.good }} />\n              <p className=\"text-xs font-semibold text-white\">\n                Account verified\n              </p>\n            </div>\n            <p className=\"mt-1 text-xs text-[#C9D0DD]\">\n              Adekunle Tunde · GTBank\n            </p>\n          </div>\n        </div>\n\n        <div\n          className=\"mt-6 rounded-2xl border p-4\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <Caption>Heads up</Caption>\n          <p className=\"mt-2 text-xs leading-relaxed text-[#C9D0DD]\">\n            We&apos;ll deduct a 1.5% transaction fee from each payout. You can\n            review this anytime in Store → Billing.\n          </p>\n        </div>\n      </div>\n\n      <div\n        className=\"absolute inset-x-0 bottom-0 z-20 flex h-[80px] items-center px-4 pb-4 pt-2\"\n        style={{\n          background: `${tokens.surface}f2`,\n          borderTop: `1px solid ${tokens.border}`,\n        }}\n      >\n        <button\n          type=\"button\"\n          className=\"flex h-12 w-full items-center justify-center gap-1.5 rounded-2xl text-sm font-semibold\"\n          style={{ background: tokens.accent, color: tokens.accentFg }}\n        >\n          Continue\n          <ArrowRight className=\"size-4\" />\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-2.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 CheckInDashboard(): import("react").JSX.Element;
+export declare function RecentScan({ name, tier, time, ok, }: {
+    name: string;
+    tier: string;
+    time: string;
+    ok?: boolean;
+}): import("react").JSX.Element;
+export declare function TicketDetail(): import("react").JSX.Element;