@withpotter/components 0.13.0-next.101

package/dist/mobile/mobile-redesign-mockups/pill-presets-tailwind-utilit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/pill-presets-tailwind-utilit.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Home,\n  List,\n  Package,\n  Plus,\n  Settings as SettingsIcon,\n  Smartphone,\n  UserCircle,\n} from 'lucide-react';\nimport {\n  tokens,\n  cssVarsFromTheme,\n  type MobileTheme,\n} from '../mobile-redesign-theme';\n\n/**\n * Pill presets — Tailwind utility strings, not theme tokens, because they\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// Pill presets — Tailwind utility strings, not theme tokens, because they\n// rely on Tailwind's named colours rather than the configurable palette.\n// ─────────────────────────────────────────────────────────────\nexport const pill = {\n  live: 'border-emerald-300/30 bg-emerald-300/10 text-emerald-200',\n  draft: 'border-amber-300/30 bg-amber-300/10 text-amber-200',\n  needsReview: 'border-rose-300/30 bg-rose-300/10 text-rose-200',\n  scheduled: 'border-sky-300/30 bg-sky-300/10 text-sky-200',\n  info: 'border-slate-300/20 bg-slate-300/10 text-slate-200',\n};\n\n// Hide native horizontal scrollbar; rely on momentum + edge fade for affordance.\nexport const hideScrollbar =\n  '[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden';\n\n// Soft fade on the trailing edge to hint there is more content to swipe to.\nexport const edgeFadeRight: React.CSSProperties = {\n  WebkitMaskImage:\n    'linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent 100%)',\n  maskImage:\n    'linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent 100%)',\n};\n\nexport function Caption({ children }: { children: React.ReactNode }) {\n  return <p className=\"text-3xs font-medium text-[#94A0B5]\">{children}</p>;\n}\n\n// ─────────────────────────────────────────────────────────────\n// Layout chrome\n// ─────────────────────────────────────────────────────────────\nexport function Hero() {\n  return (\n    <section className=\"relative overflow-hidden rounded-[28px] border border-[var(--border-default)] bg-[#13171F] p-6\">\n      <div className=\"relative max-w-2xl space-y-4\">\n        <p className=\"inline-flex items-center gap-2 rounded-full border border-[#116DFF]/30 bg-[#116DFF]/10 px-3 py-1 text-xs font-medium text-[#9DC9FF]\">\n          <Smartphone className=\"size-[13px]\" />\n          Mobile Redesign · Mockups v2\n        </p>\n        <h1 className=\"text-3xl font-bold leading-tight tracking-tight text-white\">\n          A complete merchant product on a phone.\n        </h1>\n        <p className=\"text-sm leading-relaxed text-[#C9D0DD]\">\n          These mocks render the PRD&apos;s archetypes — Glance, Browse, Act,\n          Detail, Editor, Configure — as concrete screens. Each frame depicts\n          the spacing system, hierarchy rules, and component behaviors that any\n          implementation must honor.\n        </p>\n      </div>\n\n      <div\n        className=\"relative mt-5 rounded-2xl border p-4\"\n        style={{\n          borderColor: 'rgba(244,183,64,0.32)',\n          background: 'rgba(244,183,64,0.06)',\n        }}\n      >\n        <p className=\"text-3xs font-semibold text-[#F4B740]\">\n          One rule for these mockups\n        </p>\n        <p className=\"mt-2 text-sm font-semibold leading-snug text-white\">\n          Mobile is the only environment we assume.\n        </p>\n        <p className=\"mt-1.5 text-xs leading-relaxed text-[#C9D0DD]\">\n          Every domain — authoring, configuration, recovery — must be\n          completable on a phone. If a flow forces the merchant to &ldquo;open\n          the desktop,&rdquo; the mockup is wrong. Some merchants will never see\n          the desktop product.\n        </p>\n      </div>\n    </section>\n  );\n}\n\nexport function ArchetypeGroup({\n  eyebrow,\n  title,\n  purpose,\n  children,\n}: {\n  eyebrow: string;\n  title: string;\n  purpose: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"space-y-1\">\n        <p className=\"text-3xs font-semibold text-[#116DFF]\">{eyebrow}</p>\n        <h2 className=\"text-xl font-semibold text-[var(--text-primary)]\">\n          {title}\n        </h2>\n        <p className=\"max-w-2xl text-sm leading-relaxed text-[var(--text-tertiary)]\">\n          {purpose}\n        </p>\n      </div>\n      <div className=\"flex flex-wrap gap-6\">{children}</div>\n    </section>\n  );\n}\n\nexport const PHONE_SCALE = 1;\n\nexport const PHONE_W = 390;\n\n// 760px screen + p-2 padding (8px top + 8px bottom) + border (1px top + 1px bottom) = 778px\nexport const PHONE_H = 778;\n\nexport function PhoneFrame({\n  label,\n  caption,\n  theme = tokens,\n  children,\n}: {\n  label: string;\n  caption: string;\n  /**\n   * Theme to apply inside the phone body. The theme is published as\n   * `--mb-*` CSS custom properties on a wrapper, so per-device tweaks can\n   * override individual tokens via media queries without touching React.\n   */\n  theme?: MobileTheme;\n  children: React.ReactNode;\n}) {\n  const dW = Math.round(PHONE_W * PHONE_SCALE); // ~281\n  const dH = Math.round(PHONE_H * PHONE_SCALE); // ~553\n\n  return (\n    <article className=\"shrink-0 space-y-2\">\n      <div style={{ width: dW }}>\n        <p className=\"text-xs font-semibold leading-tight text-[var(--text-primary)]\">\n          {label}\n        </p>\n        <p className=\"mt-0.5 text-3xs leading-relaxed text-[var(--text-tertiary)]\">\n          {caption}\n        </p>\n      </div>\n      {/* Clipping container at display size */}\n      <div\n        style={{\n          width: dW,\n          height: dH,\n          overflow: 'hidden',\n          borderRadius: Math.round(36 * PHONE_SCALE),\n        }}\n      >\n        {/* Full-resolution phone chrome, scaled down */}\n        <div\n          style={{\n            width: PHONE_W,\n            transformOrigin: 'top left',\n            transform: `scale(${PHONE_SCALE})`,\n          }}\n        >\n          <div\n            className=\"phone-frame relative overflow-hidden rounded-[36px] border p-2\"\n            style={{\n              ...cssVarsFromTheme(theme),\n              background: theme.canvas,\n              borderColor: theme.border,\n            }}\n          >\n            <div className=\"absolute left-1/2 top-2 z-30 h-5 w-28 -translate-x-1/2 rounded-full bg-black/80\" />\n            <div\n              className=\"relative h-[760px] overflow-hidden rounded-[28px]\"\n              style={{ background: theme.surface }}\n            >\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    </article>\n  );\n}\n\nexport function StatusBar() {\n  return (\n    <div className=\"relative z-20 flex h-11 shrink-0 items-center justify-between px-6 pt-2 text-2xs font-semibold text-[#F4F6FA]\">\n      <span>9:41</span>\n      <span className=\"opacity-0\">•</span>\n      <span className=\"flex items-center gap-1 text-3xs tracking-wider\">\n        <span>5G</span>\n        <span>•••</span>\n        <span>100</span>\n      </span>\n    </div>\n  );\n}\n\nexport function TabBar({\n  active,\n}: {\n  active: 'today' | 'manage' | 'catalog' | 'store' | 'me';\n}) {\n  const tabs = [\n    { id: 'today', label: 'Today', icon: Home },\n    { id: 'manage', label: 'Manage', icon: List },\n    { id: 'catalog', label: 'Catalog', icon: Package },\n    { id: 'store', label: 'Store', icon: SettingsIcon },\n    { id: 'me', label: 'Me', icon: UserCircle },\n  ] as const;\n\n  return (\n    <div className=\"pointer-events-none absolute inset-x-3 bottom-3 z-30 flex items-center gap-2\">\n      <nav\n        className=\"pointer-events-auto flex h-[54px] flex-1 items-stretch rounded-[26px] border border-[#262D3A] px-1\"\n        style={{\n          background: 'rgba(13, 17, 25, 0.85)',\n          backdropFilter: 'blur(20px) saturate(160%)',\n          WebkitBackdropFilter: 'blur(20px) saturate(160%)',\n        }}\n      >\n        {tabs.map((t) => {\n          const Icon = t.icon;\n          const isActive = active === t.id;\n          return (\n            <div\n              key={t.id}\n              className=\"flex flex-1 flex-col items-center justify-center gap-[3px]\"\n            >\n              <Icon\n                className=\"h-[20px] w-[20px]\"\n                style={{\n                  color: isActive ? tokens.accent : tokens.textTertiary,\n                }}\n                strokeWidth={isActive ? 2.2 : 1.6}\n              />\n              <span\n                className=\"text-3xs font-medium leading-none\"\n                style={{\n                  color: isActive ? tokens.accent : tokens.textTertiary,\n                }}\n              >\n                {t.label}\n              </span>\n            </div>\n          );\n        })}\n      </nav>\n      <button\n        type=\"button\"\n        aria-label=\"Compose\"\n        className=\"pointer-events-auto flex h-[54px] w-[54px] items-center justify-center rounded-full\"\n        style={{ background: tokens.accent, color: tokens.accentFg }}\n      >\n        <Plus className=\"size-5\" strokeWidth={2.4} />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/mobile-redesign-mockups/plan-calendar-schedule-resou-2.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Plan — calendar, schedule, resources
+ *
+ * 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 CalendarDay(): import("react").JSX.Element;
+export declare function ScheduleWeek(): import("react").JSX.Element;

package/dist/mobile/mobile-redesign-mockups/plan-calendar-schedule-resou-2.js

@@ -0,0 +1,418 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { tokens } from "../mobile-redesign-theme";
+import {
+  StatusBar,
+  edgeFadeRight,
+  hideScrollbar
+} from "./pill-presets-tailwind-utilit";
+import { HubHeader } from "./drill-chrome-sub-app-header-";
+function CalendarDay() {
+  const hours = [
+    "9 AM",
+    "10 AM",
+    "11 AM",
+    "12 PM",
+    "1 PM",
+    "2 PM",
+    "3 PM",
+    "4 PM",
+    "5 PM",
+    "6 PM",
+    "7 PM",
+    "8 PM"
+  ];
+  const events = [
+    {
+      top: 32,
+      height: 56,
+      kind: "shift",
+      title: "Open \xB7 Tunde + Amaka",
+      meta: "9 AM \u2013 5 PM \xB7 Front of house"
+    },
+    {
+      top: 132,
+      height: 44,
+      kind: "booking",
+      title: "Adaeze \xB7 Table 4 \xB7 2 guests",
+      meta: "11 AM brunch"
+    },
+    {
+      top: 220,
+      height: 52,
+      kind: "delivery",
+      title: "Outbound \xB7 5 orders",
+      meta: "12:30 PM \xB7 DHL pickup"
+    },
+    {
+      top: 320,
+      height: 40,
+      kind: "content",
+      title: "Marketing post \u2014 Friday menu",
+      meta: "2 PM \xB7 auto-publish"
+    },
+    {
+      top: 460,
+      height: 96,
+      kind: "booking",
+      title: "Dinner service \xB7 6 tables",
+      meta: "6:30 PM \u2013 9 PM \xB7 22 guests total"
+    },
+    {
+      top: 580,
+      height: 36,
+      kind: "event",
+      title: "Open mic night",
+      meta: "8 PM \xB7 24 tickets sold"
+    }
+  ];
+  const tone = (k) => {
+    if (k === "booking")
+      return {
+        bg: "rgba(74,222,128,0.14)",
+        border: "rgba(74,222,128,0.40)",
+        label: tokens.good
+      };
+    if (k === "shift")
+      return {
+        bg: "rgba(17,109,255,0.14)",
+        border: "rgba(17,109,255,0.40)",
+        label: tokens.accent
+      };
+    if (k === "delivery")
+      return {
+        bg: "rgba(244,183,64,0.14)",
+        border: "rgba(244,183,64,0.40)",
+        label: tokens.warn
+      };
+    if (k === "content")
+      return {
+        bg: "rgba(168,138,255,0.14)",
+        border: "rgba(168,138,255,0.40)",
+        label: "#A88AFF"
+      };
+    return {
+      bg: "rgba(248,113,113,0.14)",
+      border: "rgba(248,113,113,0.40)",
+      label: tokens.bad
+    };
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(StatusBar, {}),
+    /* @__PURE__ */ jsx(
+      HubHeader,
+      {
+        title: "Friday \xB7 April 24",
+        trailing: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Today",
+            className: "flex h-9 items-center rounded-full px-3 text-2xs font-semibold",
+            style: {
+              background: "rgba(17,109,255,0.16)",
+              color: tokens.accent
+            },
+            children: "Today"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto pb-24", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `-mx-0 flex gap-2 overflow-x-auto px-4 py-3 ${hideScrollbar}`,
+          style: edgeFadeRight,
+          children: [
+            { label: "All \xB7 24", active: true },
+            { label: "Bookings \xB7 14" },
+            { label: "Shifts \xB7 6" },
+            { label: "Deliveries \xB7 3" },
+            { label: "Content \xB7 1" }
+          ].map((c) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "flex h-8 shrink-0 items-center rounded-full px-3 text-2xs font-medium",
+              style: {
+                background: c.active ? "rgba(17,109,255,0.16)" : tokens.elevated,
+                color: c.active ? tokens.accent : tokens.textSecondary
+              },
+              children: c.label
+            },
+            c.label
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "relative px-4", children: /* @__PURE__ */ jsxs("div", { className: "relative", style: { minHeight: hours.length * 56 }, children: [
+        hours.map((h, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "absolute inset-x-0 flex items-start gap-3",
+            style: { top: i * 56, height: 56 },
+            children: [
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "w-12 shrink-0 pt-0 text-3xs font-medium tabular-nums",
+                  style: { color: tokens.textMuted },
+                  children: h
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-px flex-1",
+                  style: { background: tokens.border, marginTop: 6 }
+                }
+              )
+            ]
+          },
+          h
+        )),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "absolute inset-x-0 flex items-center gap-2",
+            style: { top: 8 * 56 + 16, left: 60 },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "h-2 w-2 rounded-full",
+                  style: {
+                    background: tokens.bad,
+                    boxShadow: `0 0 0 3px rgba(248,113,113,0.20)`
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "h-px flex-1", style: { background: tokens.bad } }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-3xs font-semibold tabular-nums",
+                  style: { color: tokens.bad },
+                  children: "5:08"
+                }
+              )
+            ]
+          }
+        ),
+        events.map((e, i) => {
+          const t = tone(e.kind);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "absolute rounded-xl border p-2.5",
+              style: {
+                top: e.top + 8,
+                left: 60,
+                right: 0,
+                height: e.height,
+                background: t.bg,
+                borderColor: t.border
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "rounded-full px-1.5 py-0.5 text-3xs font-semibold uppercase tracking-wider",
+                    style: { background: t.border, color: t.label },
+                    children: e.kind
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-2xs font-semibold text-white", children: e.title }),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "truncate text-3xs",
+                    style: { color: tokens.textTertiary },
+                    children: e.meta
+                  }
+                )
+              ]
+            },
+            i
+          );
+        })
+      ] }) })
+    ] })
+  ] });
+}
+function ScheduleWeek() {
+  const week = [
+    { day: "Mon", date: 21, count: 8 },
+    { day: "Tue", date: 22, count: 5 },
+    { day: "Wed", date: 23, count: 11 },
+    { day: "Thu", date: 24, count: 24, today: true },
+    { day: "Fri", date: 25, count: 14 },
+    { day: "Sat", date: 26, count: 19 },
+    { day: "Sun", date: 27, count: 7 }
+  ];
+  const events = [
+    {
+      time: "09:00",
+      kind: "shift",
+      title: "Open \xB7 Tunde, Amaka, Chika",
+      meta: "Front of house \xB7 9 AM \u2013 5 PM"
+    },
+    {
+      time: "11:00",
+      kind: "booking",
+      title: "Adaeze \xB7 Table 4",
+      meta: "Brunch \xB7 2 guests"
+    },
+    {
+      time: "12:30",
+      kind: "delivery",
+      title: "DHL pickup \xB7 5 outbound orders",
+      meta: "Marked ready \xB7 driver ETA 5 min"
+    },
+    {
+      time: "14:00",
+      kind: "content",
+      title: "Friday menu post",
+      meta: "Auto-publish \xB7 IG + WhatsApp"
+    },
+    {
+      time: "18:30",
+      kind: "booking",
+      title: "Dinner service \xB7 6 tables",
+      meta: "22 guests \xB7 4 confirmed, 2 pending"
+    },
+    {
+      time: "20:00",
+      kind: "event",
+      title: "Open mic night",
+      meta: "24 tickets sold \xB7 36 capacity"
+    }
+  ];
+  const tone = (k) => {
+    if (k === "booking") return tokens.good;
+    if (k === "shift") return tokens.accent;
+    if (k === "delivery") return tokens.warn;
+    if (k === "content") return "#A88AFF";
+    return tokens.bad;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(StatusBar, {}),
+    /* @__PURE__ */ jsx(HubHeader, { title: "Schedule" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto pb-24", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `-mx-0 flex gap-2 overflow-x-auto px-4 pb-1 pt-2 ${hideScrollbar}`,
+          style: edgeFadeRight,
+          children: week.map((d) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-[68px] w-[54px] shrink-0 flex-col items-center justify-center rounded-2xl border",
+              style: {
+                background: d.today ? tokens.accent : tokens.card,
+                borderColor: d.today ? tokens.accent : tokens.border,
+                color: d.today ? tokens.accentFg : tokens.text
+              },
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "text-3xs font-semibold", style: { opacity: 0.7 }, children: d.day }),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-base font-bold tabular-nums", children: d.date }),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "mt-0.5 text-3xs tabular-nums",
+                    style: { opacity: 0.65 },
+                    children: d.count
+                  }
+                )
+              ]
+            },
+            d.date
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "px-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-baseline justify-between", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-white", children: "Thursday \xB7 24 events" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-3xs font-semibold",
+              style: { color: tokens.accent },
+              children: "Filter"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative mt-3", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "pointer-events-none absolute top-3 bottom-3 w-px",
+              style: { left: 52, background: tokens.border }
+            }
+          ),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: events.map((e, i) => /* @__PURE__ */ jsxs("li", { className: "relative flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0 pt-3 text-right", children: /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-3xs font-semibold tabular-nums",
+                style: { color: tokens.textMuted },
+                children: e.time
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "absolute top-[14px] h-2.5 w-2.5 rounded-full",
+                style: {
+                  left: 52 - 5,
+                  background: tone(e.kind),
+                  boxShadow: `0 0 0 3px ${tokens.surface}`
+                },
+                "aria-hidden": true
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "min-w-0 flex-1 rounded-2xl border p-3",
+                style: {
+                  borderColor: tokens.border,
+                  background: tokens.card
+                },
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded-full px-1.5 py-0.5 text-3xs font-semibold uppercase tracking-wider",
+                      style: {
+                        background: tokens.elevated,
+                        color: tone(e.kind)
+                      },
+                      children: e.kind
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm font-semibold text-white", children: e.title }),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "mt-0.5 text-2xs",
+                      style: { color: tokens.textTertiary },
+                      children: e.meta
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, i)) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CalendarDay,
+  ScheduleWeek
+};
+//# sourceMappingURL=plan-calendar-schedule-resou-2.js.map

package/dist/mobile/mobile-redesign-mockups/plan-calendar-schedule-resou-2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/plan-calendar-schedule-resou-2.tsx"],"sourcesContent":["'use client';\n\nimport { Filter } from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport {\n  StatusBar,\n  edgeFadeRight,\n  hideScrollbar,\n} from './pill-presets-tailwind-utilit';\nimport { HubHeader } from './drill-chrome-sub-app-header-';\n\n/**\n * Plan — calendar, schedule, resources\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 CalendarDay() {\n  // Vertical timeline — events overlaid on hours.\n  const hours = [\n    '9 AM',\n    '10 AM',\n    '11 AM',\n    '12 PM',\n    '1 PM',\n    '2 PM',\n    '3 PM',\n    '4 PM',\n    '5 PM',\n    '6 PM',\n    '7 PM',\n    '8 PM',\n  ];\n  const events = [\n    {\n      top: 32,\n      height: 56,\n      kind: 'shift' as const,\n      title: 'Open · Tunde + Amaka',\n      meta: '9 AM – 5 PM · Front of house',\n    },\n    {\n      top: 132,\n      height: 44,\n      kind: 'booking' as const,\n      title: 'Adaeze · Table 4 · 2 guests',\n      meta: '11 AM brunch',\n    },\n    {\n      top: 220,\n      height: 52,\n      kind: 'delivery' as const,\n      title: 'Outbound · 5 orders',\n      meta: '12:30 PM · DHL pickup',\n    },\n    {\n      top: 320,\n      height: 40,\n      kind: 'content' as const,\n      title: 'Marketing post — Friday menu',\n      meta: '2 PM · auto-publish',\n    },\n    {\n      top: 460,\n      height: 96,\n      kind: 'booking' as const,\n      title: 'Dinner service · 6 tables',\n      meta: '6:30 PM – 9 PM · 22 guests total',\n    },\n    {\n      top: 580,\n      height: 36,\n      kind: 'event' as const,\n      title: 'Open mic night',\n      meta: '8 PM · 24 tickets sold',\n    },\n  ];\n  const tone = (k: string) => {\n    if (k === 'booking')\n      return {\n        bg: 'rgba(74,222,128,0.14)',\n        border: 'rgba(74,222,128,0.40)',\n        label: tokens.good,\n      };\n    if (k === 'shift')\n      return {\n        bg: 'rgba(17,109,255,0.14)',\n        border: 'rgba(17,109,255,0.40)',\n        label: tokens.accent,\n      };\n    if (k === 'delivery')\n      return {\n        bg: 'rgba(244,183,64,0.14)',\n        border: 'rgba(244,183,64,0.40)',\n        label: tokens.warn,\n      };\n    if (k === 'content')\n      return {\n        bg: 'rgba(168,138,255,0.14)',\n        border: 'rgba(168,138,255,0.40)',\n        label: '#A88AFF',\n      };\n    return {\n      bg: 'rgba(248,113,113,0.14)',\n      border: 'rgba(248,113,113,0.40)',\n      label: tokens.bad,\n    };\n  };\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader\n        title=\"Friday · April 24\"\n        trailing={\n          <button\n            type=\"button\"\n            aria-label=\"Today\"\n            className=\"flex h-9 items-center rounded-full px-3 text-2xs font-semibold\"\n            style={{\n              background: 'rgba(17,109,255,0.16)',\n              color: tokens.accent,\n            }}\n          >\n            Today\n          </button>\n        }\n      />\n\n      <div className=\"flex-1 overflow-y-auto pb-24\">\n        {/* Filter chips */}\n        <div\n          className={`-mx-0 flex gap-2 overflow-x-auto px-4 py-3 ${hideScrollbar}`}\n          style={edgeFadeRight}\n        >\n          {[\n            { label: 'All · 24', active: true },\n            { label: 'Bookings · 14' },\n            { label: 'Shifts · 6' },\n            { label: 'Deliveries · 3' },\n            { label: 'Content · 1' },\n          ].map((c) => (\n            <button\n              type=\"button\"\n              key={c.label}\n              className=\"flex h-8 shrink-0 items-center rounded-full px-3 text-2xs font-medium\"\n              style={{\n                background: c.active\n                  ? 'rgba(17,109,255,0.16)'\n                  : tokens.elevated,\n                color: c.active ? tokens.accent : tokens.textSecondary,\n              }}\n            >\n              {c.label}\n            </button>\n          ))}\n        </div>\n\n        {/* Timeline */}\n        <div className=\"relative px-4\">\n          <div className=\"relative\" style={{ minHeight: hours.length * 56 }}>\n            {hours.map((h, i) => (\n              <div\n                key={h}\n                className=\"absolute inset-x-0 flex items-start gap-3\"\n                style={{ top: i * 56, height: 56 }}\n              >\n                <p\n                  className=\"w-12 shrink-0 pt-0 text-3xs font-medium tabular-nums\"\n                  style={{ color: tokens.textMuted }}\n                >\n                  {h}\n                </p>\n                <div\n                  className=\"h-px flex-1\"\n                  style={{ background: tokens.border, marginTop: 6 }}\n                />\n              </div>\n            ))}\n            {/* Now line — at 5 PM (8 hours offset = 8*56 = 448) */}\n            <div\n              className=\"absolute inset-x-0 flex items-center gap-2\"\n              style={{ top: 8 * 56 + 16, left: 60 }}\n            >\n              <span\n                className=\"h-2 w-2 rounded-full\"\n                style={{\n                  background: tokens.bad,\n                  boxShadow: `0 0 0 3px rgba(248,113,113,0.20)`,\n                }}\n              />\n              <div className=\"h-px flex-1\" style={{ background: tokens.bad }} />\n              <span\n                className=\"text-3xs font-semibold tabular-nums\"\n                style={{ color: tokens.bad }}\n              >\n                5:08\n              </span>\n            </div>\n            {/* Events */}\n            {events.map((e, i) => {\n              const t = tone(e.kind);\n              return (\n                <div\n                  key={i}\n                  className=\"absolute rounded-xl border p-2.5\"\n                  style={{\n                    top: e.top + 8,\n                    left: 60,\n                    right: 0,\n                    height: e.height,\n                    background: t.bg,\n                    borderColor: t.border,\n                  }}\n                >\n                  <div className=\"flex items-center gap-1.5\">\n                    <span\n                      className=\"rounded-full px-1.5 py-0.5 text-3xs font-semibold uppercase tracking-wider\"\n                      style={{ background: t.border, color: t.label }}\n                    >\n                      {e.kind}\n                    </span>\n                  </div>\n                  <p className=\"mt-1 truncate text-2xs font-semibold text-white\">\n                    {e.title}\n                  </p>\n                  <p\n                    className=\"truncate text-3xs\"\n                    style={{ color: tokens.textTertiary }}\n                  >\n                    {e.meta}\n                  </p>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function ScheduleWeek() {\n  const week = [\n    { day: 'Mon', date: 21, count: 8 },\n    { day: 'Tue', date: 22, count: 5 },\n    { day: 'Wed', date: 23, count: 11 },\n    { day: 'Thu', date: 24, count: 24, today: true },\n    { day: 'Fri', date: 25, count: 14 },\n    { day: 'Sat', date: 26, count: 19 },\n    { day: 'Sun', date: 27, count: 7 },\n  ];\n  const events = [\n    {\n      time: '09:00',\n      kind: 'shift',\n      title: 'Open · Tunde, Amaka, Chika',\n      meta: 'Front of house · 9 AM – 5 PM',\n    },\n    {\n      time: '11:00',\n      kind: 'booking',\n      title: 'Adaeze · Table 4',\n      meta: 'Brunch · 2 guests',\n    },\n    {\n      time: '12:30',\n      kind: 'delivery',\n      title: 'DHL pickup · 5 outbound orders',\n      meta: 'Marked ready · driver ETA 5 min',\n    },\n    {\n      time: '14:00',\n      kind: 'content',\n      title: 'Friday menu post',\n      meta: 'Auto-publish · IG + WhatsApp',\n    },\n    {\n      time: '18:30',\n      kind: 'booking',\n      title: 'Dinner service · 6 tables',\n      meta: '22 guests · 4 confirmed, 2 pending',\n    },\n    {\n      time: '20:00',\n      kind: 'event',\n      title: 'Open mic night',\n      meta: '24 tickets sold · 36 capacity',\n    },\n  ];\n  const tone = (k: string) => {\n    if (k === 'booking') return tokens.good;\n    if (k === 'shift') return tokens.accent;\n    if (k === 'delivery') return tokens.warn;\n    if (k === 'content') return '#A88AFF';\n    return tokens.bad;\n  };\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader title=\"Schedule\" />\n      <div className=\"flex-1 overflow-y-auto pb-24\">\n        {/* Week strip */}\n        <div\n          className={`-mx-0 flex gap-2 overflow-x-auto px-4 pb-1 pt-2 ${hideScrollbar}`}\n          style={edgeFadeRight}\n        >\n          {week.map((d) => (\n            <button\n              type=\"button\"\n              key={d.date}\n              className=\"flex h-[68px] w-[54px] shrink-0 flex-col items-center justify-center rounded-2xl border\"\n              style={{\n                background: d.today ? tokens.accent : tokens.card,\n                borderColor: d.today ? tokens.accent : tokens.border,\n                color: d.today ? tokens.accentFg : tokens.text,\n              }}\n            >\n              <p className=\"text-3xs font-semibold\" style={{ opacity: 0.7 }}>\n                {d.day}\n              </p>\n              <p className=\"mt-0.5 text-base font-bold tabular-nums\">\n                {d.date}\n              </p>\n              <p\n                className=\"mt-0.5 text-3xs tabular-nums\"\n                style={{ opacity: 0.65 }}\n              >\n                {d.count}\n              </p>\n            </button>\n          ))}\n        </div>\n\n        <div className=\"px-4\">\n          <div className=\"mt-3 flex items-baseline justify-between\">\n            <p className=\"text-sm font-semibold text-white\">\n              Thursday · 24 events\n            </p>\n            <button\n              type=\"button\"\n              className=\"text-3xs font-semibold\"\n              style={{ color: tokens.accent }}\n            >\n              Filter\n            </button>\n          </div>\n\n          <div className=\"relative mt-3\">\n            {/* Vertical rail — sits between the time gutter and the cards */}\n            <div\n              className=\"pointer-events-none absolute top-3 bottom-3 w-px\"\n              style={{ left: 52, background: tokens.border }}\n            />\n            <ul className=\"space-y-3\">\n              {events.map((e, i) => (\n                <li key={i} className=\"relative flex items-start gap-3\">\n                  {/* Time gutter */}\n                  <div className=\"w-12 shrink-0 pt-3 text-right\">\n                    <p\n                      className=\"text-3xs font-semibold tabular-nums\"\n                      style={{ color: tokens.textMuted }}\n                    >\n                      {e.time}\n                    </p>\n                  </div>\n                  {/* Rail dot — visually centred on the time/title baseline */}\n                  <span\n                    className=\"absolute top-[14px] h-2.5 w-2.5 rounded-full\"\n                    style={{\n                      left: 52 - 5,\n                      background: tone(e.kind),\n                      boxShadow: `0 0 0 3px ${tokens.surface}`,\n                    }}\n                    aria-hidden\n                  />\n                  {/* Card */}\n                  <div\n                    className=\"min-w-0 flex-1 rounded-2xl border p-3\"\n                    style={{\n                      borderColor: tokens.border,\n                      background: tokens.card,\n                    }}\n                  >\n                    <div className=\"flex items-center gap-1.5\">\n                      <span\n                        className=\"rounded-full px-1.5 py-0.5 text-3xs font-semibold uppercase tracking-wider\"\n                        style={{\n                          background: tokens.elevated,\n                          color: tone(e.kind),\n                        }}\n                      >\n                        {e.kind}\n                      </span>\n                    </div>\n                    <p className=\"mt-1.5 text-sm font-semibold text-white\">\n                      {e.title}\n                    </p>\n                    <p\n                      className=\"mt-0.5 text-2xs\"\n                      style={{ color: tokens.textTertiary }}\n                    >\n                      {e.meta}\n                    </p>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/mobile-redesign-mockups/plan-calendar-schedule-resou-3.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Plan — calendar, schedule, resources
+ *
+ * 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 ResourcesHub(): import("react").JSX.Element;
+export declare function FloorPlan(): import("react").JSX.Element;