@withpotter/components 0.13.0-next.101

package/dist/mobile/screens/today-digital.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Mobile screen — Today (Digital products intent variant)
+ * Visual contract: `TodayDigital` in mobile-redesign-mockups.tsx
+ *
+ * For merchants whose primary intent is selling digital downloads / files / licenses.
+ * Hero shows revenue and downloads delivered; queue surfaces license/delivery issues.
+ */
+import React from 'react';
+export interface TodayDigitalKpi {
+    revenue: string;
+    revenueDelta?: {
+        value: number;
+        tone: 'good' | 'bad';
+    };
+    downloads: number;
+    totalProducts?: number;
+    conversionRate?: string;
+}
+export interface DigitalAlert {
+    id: string;
+    kind: 'failed-delivery' | 'license-expired' | 'broken-link' | 'review';
+    title: string;
+    meta: string;
+    onClick?: () => void;
+}
+interface MobileTodayDigitalScreenProps {
+    greeting: string;
+    kpi: TodayDigitalKpi;
+    alerts?: DigitalAlert[];
+    topProductLabel?: string;
+    topProductValue?: string;
+    onViewProducts?: () => void;
+    onViewDownloads?: () => void;
+    onAlertClick?: (alert: DigitalAlert) => void;
+}
+export declare function MobileTodayDigitalScreen({ greeting, kpi, alerts, topProductLabel, topProductValue, onViewProducts, onViewDownloads, onAlertClick, }: MobileTodayDigitalScreenProps): React.JSX.Element;
+export {};

package/dist/mobile/screens/today-digital.js

@@ -0,0 +1,320 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MobileScreenFrame } from "@withpotter/components/mobile/screen-frame-host";
+import {
+  AlertCircle,
+  ArrowUpRight,
+  Download,
+  FileText,
+  Key,
+  TrendingUp
+} from "lucide-react";
+const alertCfg = {
+  "failed-delivery": { icon: AlertCircle, tone: "bad" },
+  "license-expired": { icon: Key, tone: "warn" },
+  "broken-link": { icon: AlertCircle, tone: "bad" },
+  review: { icon: FileText, tone: "good" }
+};
+const toneColor = {
+  bad: {
+    fg: "var(--mb-bad)",
+    bg: "color-mix(in srgb, var(--mb-bad) 10%, transparent)"
+  },
+  warn: {
+    fg: "var(--mb-warn)",
+    bg: "color-mix(in srgb, var(--mb-warn) 10%, transparent)"
+  },
+  good: {
+    fg: "var(--mb-good)",
+    bg: "color-mix(in srgb, var(--mb-good) 10%, transparent)"
+  }
+};
+function MobileTodayDigitalScreen({
+  greeting,
+  kpi,
+  alerts = [],
+  topProductLabel,
+  topProductValue,
+  onViewProducts,
+  onViewDownloads,
+  onAlertClick
+}) {
+  return (
+    /* The frame owns the app row, the sheet, the title and the tab bar. Every
+       native screen used to draw all four itself — the same root div, the same
+       `env(safe-area-inset-top)`, the same title, the same `<BottomTabBar/>`,
+       thirteen times and already disagreeing on padding and title size. */
+    /* @__PURE__ */ jsxs(
+      MobileScreenFrame,
+      {
+        title: "Today",
+        actions: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full border px-2 py-0.5 text-3xs font-semibold uppercase tracking-wider",
+            style: {
+              borderColor: "color-mix(in srgb, var(--mb-warn) 40%, transparent)",
+              background: "color-mix(in srgb, var(--mb-warn) 8%, transparent)",
+              color: "var(--mb-warn)"
+            },
+            children: "Digital"
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "mt-1 text-2xl font-bold tracking-tight",
+              style: { color: "var(--mb-text)" },
+              children: greeting
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "mt-6 rounded-3xl border p-4",
+              style: {
+                borderColor: "color-mix(in srgb, var(--mb-warn) 30%, transparent)",
+                background: "color-mix(in srgb, var(--mb-warn) 6%, transparent)"
+              },
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "text-3xs font-medium", style: { color: "var(--mb-warn)" }, children: "Revenue today" }),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "mt-1 text-5xl font-bold leading-tight tabular-nums",
+                    style: { color: "var(--mb-text)" },
+                    children: kpi.revenue
+                  }
+                ),
+                kpi.revenueDelta ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "mt-1 flex items-center gap-1.5 text-xs font-medium",
+                    style: {
+                      color: kpi.revenueDelta.tone === "good" ? "var(--mb-good)" : "var(--mb-bad)"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(TrendingUp, { className: "size-4" }),
+                      kpi.revenueDelta.value > 0 ? "+" : "",
+                      kpi.revenueDelta.value,
+                      "% vs yesterday"
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("section", { className: "mt-6 grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onViewDownloads,
+                className: "flex flex-col items-start gap-2 rounded-2xl border p-4 text-left",
+                style: {
+                  borderColor: "var(--mb-border)",
+                  background: "var(--mb-card)"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex h-8 w-8 items-center justify-center rounded-xl",
+                      style: { background: "var(--mb-elevated)" },
+                      children: /* @__PURE__ */ jsx(
+                        Download,
+                        {
+                          className: "size-4",
+                          style: { color: "var(--mb-accent)" }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: "text-3xs",
+                        style: { color: "var(--mb-text-tertiary)" },
+                        children: "Downloads delivered"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: "text-title font-bold",
+                        style: { color: "var(--mb-text)" },
+                        children: kpi.downloads.toLocaleString()
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "rounded-2xl border p-4",
+                style: {
+                  borderColor: "var(--mb-border)",
+                  background: "var(--mb-card)"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex h-8 w-8 items-center justify-center rounded-xl",
+                      style: { background: "var(--mb-elevated)" },
+                      children: /* @__PURE__ */ jsx(FileText, { className: "size-4", style: { color: "var(--mb-warn)" } })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "mt-2 text-3xs",
+                      style: { color: "var(--mb-text-tertiary)" },
+                      children: "Live products"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-title font-bold",
+                      style: { color: "var(--mb-text)" },
+                      children: kpi.totalProducts ?? 0
+                    }
+                  ),
+                  kpi.conversionRate ? /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      className: "mt-0.5 text-3xs",
+                      style: { color: "var(--mb-text-tertiary)" },
+                      children: [
+                        kpi.conversionRate,
+                        " CVR"
+                      ]
+                    }
+                  ) : null
+                ]
+              }
+            )
+          ] }),
+          topProductLabel ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onViewProducts,
+              className: "mt-3 flex w-full items-center justify-between rounded-2xl border p-4 text-left",
+              style: {
+                borderColor: "var(--mb-border)",
+                background: "var(--mb-card)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-3xs",
+                      style: { color: "var(--mb-text-tertiary)" },
+                      children: topProductLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "mt-0.5 text-md font-semibold",
+                      style: { color: "var(--mb-text)" },
+                      children: topProductValue
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(
+                  ArrowUpRight,
+                  {
+                    className: "size-4",
+                    style: { color: "var(--mb-text-muted)" }
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("section", { className: "mt-6", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-3xs font-medium",
+                style: { color: "var(--mb-text-tertiary)" },
+                children: "Needs attention"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
+              alerts.map((a) => {
+                const cfg = alertCfg[a.kind];
+                const tone = toneColor[cfg.tone];
+                const Icon = cfg.icon;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onAlertClick?.(a),
+                    className: "flex w-full items-center gap-3 rounded-2xl border p-4 text-left",
+                    style: {
+                      borderColor: "var(--mb-border)",
+                      background: "var(--mb-card)"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl",
+                          style: { background: tone.bg },
+                          children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4", style: { color: tone.fg } })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ jsx(
+                          "p",
+                          {
+                            className: "truncate text-sm font-semibold",
+                            style: { color: "var(--mb-text)" },
+                            children: a.title
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "p",
+                          {
+                            className: "mt-0.5 truncate text-2xs",
+                            style: { color: "var(--mb-text-tertiary)" },
+                            children: a.meta
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  a.id
+                );
+              }),
+              alerts.length === 0 ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "rounded-2xl border p-4 text-xs",
+                  style: {
+                    borderColor: "var(--mb-border)",
+                    background: "var(--mb-card)",
+                    color: "var(--mb-text-tertiary)"
+                  },
+                  children: "Everything is delivering smoothly."
+                }
+              ) : null
+            ] })
+          ] })
+        ]
+      }
+    )
+  );
+}
+export {
+  MobileTodayDigitalScreen
+};
+//# sourceMappingURL=today-digital.js.map

package/dist/mobile/screens/today-digital.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/screens/today-digital.tsx"],"sourcesContent":["'use client';\n\n/**\n * Mobile screen — Today (Digital products intent variant)\n * Visual contract: `TodayDigital` in mobile-redesign-mockups.tsx\n *\n * For merchants whose primary intent is selling digital downloads / files / licenses.\n * Hero shows revenue and downloads delivered; queue surfaces license/delivery issues.\n */\n\nimport React from 'react';\nimport { MobileScreenFrame } from '@withpotter/components/mobile/screen-frame-host';\nimport {\n  AlertCircle,\n  ArrowUpRight,\n  Download,\n  FileText,\n  Key,\n  type LucideIcon,\n  TrendingUp,\n} from 'lucide-react';\n\nexport interface TodayDigitalKpi {\n  revenue: string;\n  revenueDelta?: { value: number; tone: 'good' | 'bad' };\n  downloads: number;\n  totalProducts?: number;\n  conversionRate?: string;\n}\n\nexport interface DigitalAlert {\n  id: string;\n  kind: 'failed-delivery' | 'license-expired' | 'broken-link' | 'review';\n  title: string;\n  meta: string;\n  onClick?: () => void;\n}\n\ninterface MobileTodayDigitalScreenProps {\n  greeting: string;\n  kpi: TodayDigitalKpi;\n  alerts?: DigitalAlert[];\n  topProductLabel?: string;\n  topProductValue?: string;\n  onViewProducts?: () => void;\n  onViewDownloads?: () => void;\n  onAlertClick?: (alert: DigitalAlert) => void;\n}\n\nconst alertCfg: Record<\n  DigitalAlert['kind'],\n  { icon: LucideIcon; tone: 'bad' | 'warn' | 'good' }\n> = {\n  'failed-delivery': { icon: AlertCircle, tone: 'bad' },\n  'license-expired': { icon: Key, tone: 'warn' },\n  'broken-link': { icon: AlertCircle, tone: 'bad' },\n  review: { icon: FileText, tone: 'good' },\n};\n\nconst toneColor = {\n  bad: {\n    fg: 'var(--mb-bad)',\n    bg: 'color-mix(in srgb, var(--mb-bad) 10%, transparent)',\n  },\n  warn: {\n    fg: 'var(--mb-warn)',\n    bg: 'color-mix(in srgb, var(--mb-warn) 10%, transparent)',\n  },\n  good: {\n    fg: 'var(--mb-good)',\n    bg: 'color-mix(in srgb, var(--mb-good) 10%, transparent)',\n  },\n} as const;\n\nexport function MobileTodayDigitalScreen({\n  greeting,\n  kpi,\n  alerts = [],\n  topProductLabel,\n  topProductValue,\n  onViewProducts,\n  onViewDownloads,\n  onAlertClick,\n}: MobileTodayDigitalScreenProps) {\n  return (\n    /* The frame owns the app row, the sheet, the title and the tab bar. Every\n       native screen used to draw all four itself — the same root div, the same\n       `env(safe-area-inset-top)`, the same title, the same `<BottomTabBar/>`,\n       thirteen times and already disagreeing on padding and title size. */\n    <MobileScreenFrame\n      title={'Today'}\n      actions={\n        <span\n          className=\"rounded-full border px-2 py-0.5 text-3xs font-semibold uppercase tracking-wider\"\n          style={{\n            borderColor: 'color-mix(in srgb, var(--mb-warn) 40%, transparent)',\n            background: 'color-mix(in srgb, var(--mb-warn) 8%, transparent)',\n            color: 'var(--mb-warn)',\n          }}\n        >\n          Digital\n        </span>\n      }\n    >\n      <p\n        className=\"mt-1 text-2xl font-bold tracking-tight\"\n        style={{ color: 'var(--mb-text)' }}\n      >\n        {greeting}\n      </p>\n\n      <section\n        className=\"mt-6 rounded-3xl border p-4\"\n        style={{\n          borderColor: 'color-mix(in srgb, var(--mb-warn) 30%, transparent)',\n          background: 'color-mix(in srgb, var(--mb-warn) 6%, transparent)',\n        }}\n      >\n        <p className=\"text-3xs font-medium\" style={{ color: 'var(--mb-warn)' }}>\n          Revenue today\n        </p>\n        <p\n          className=\"mt-1 text-5xl font-bold leading-tight tabular-nums\"\n          style={{ color: 'var(--mb-text)' }}\n        >\n          {kpi.revenue}\n        </p>\n        {kpi.revenueDelta ? (\n          <div\n            className=\"mt-1 flex items-center gap-1.5 text-xs font-medium\"\n            style={{\n              color:\n                kpi.revenueDelta.tone === 'good'\n                  ? 'var(--mb-good)'\n                  : 'var(--mb-bad)',\n            }}\n          >\n            <TrendingUp className=\"size-4\" />\n            {kpi.revenueDelta.value > 0 ? '+' : ''}\n            {kpi.revenueDelta.value}% vs yesterday\n          </div>\n        ) : null}\n      </section>\n\n      <section className=\"mt-6 grid grid-cols-2 gap-2\">\n        <button\n          type=\"button\"\n          onClick={onViewDownloads}\n          className=\"flex flex-col items-start gap-2 rounded-2xl border p-4 text-left\"\n          style={{\n            borderColor: 'var(--mb-border)',\n            background: 'var(--mb-card)',\n          }}\n        >\n          <div\n            className=\"flex h-8 w-8 items-center justify-center rounded-xl\"\n            style={{ background: 'var(--mb-elevated)' }}\n          >\n            <Download\n              className=\"size-4\"\n              style={{ color: 'var(--mb-accent)' }}\n            />\n          </div>\n          <div>\n            <p\n              className=\"text-3xs\"\n              style={{ color: 'var(--mb-text-tertiary)' }}\n            >\n              Downloads delivered\n            </p>\n            <p\n              className=\"text-title font-bold\"\n              style={{ color: 'var(--mb-text)' }}\n            >\n              {kpi.downloads.toLocaleString()}\n            </p>\n          </div>\n        </button>\n        <div\n          className=\"rounded-2xl border p-4\"\n          style={{\n            borderColor: 'var(--mb-border)',\n            background: 'var(--mb-card)',\n          }}\n        >\n          <div\n            className=\"flex h-8 w-8 items-center justify-center rounded-xl\"\n            style={{ background: 'var(--mb-elevated)' }}\n          >\n            <FileText className=\"size-4\" style={{ color: 'var(--mb-warn)' }} />\n          </div>\n          <p\n            className=\"mt-2 text-3xs\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            Live products\n          </p>\n          <p\n            className=\"text-title font-bold\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {kpi.totalProducts ?? 0}\n          </p>\n          {kpi.conversionRate ? (\n            <p\n              className=\"mt-0.5 text-3xs\"\n              style={{ color: 'var(--mb-text-tertiary)' }}\n            >\n              {kpi.conversionRate} CVR\n            </p>\n          ) : null}\n        </div>\n      </section>\n\n      {topProductLabel ? (\n        <button\n          type=\"button\"\n          onClick={onViewProducts}\n          className=\"mt-3 flex w-full items-center justify-between rounded-2xl border p-4 text-left\"\n          style={{\n            borderColor: 'var(--mb-border)',\n            background: 'var(--mb-card)',\n          }}\n        >\n          <div>\n            <p\n              className=\"text-3xs\"\n              style={{ color: 'var(--mb-text-tertiary)' }}\n            >\n              {topProductLabel}\n            </p>\n            <p\n              className=\"mt-0.5 text-md font-semibold\"\n              style={{ color: 'var(--mb-text)' }}\n            >\n              {topProductValue}\n            </p>\n          </div>\n          <ArrowUpRight\n            className=\"size-4\"\n            style={{ color: 'var(--mb-text-muted)' }}\n          />\n        </button>\n      ) : null}\n\n      <section className=\"mt-6\">\n        <p\n          className=\"text-3xs font-medium\"\n          style={{ color: 'var(--mb-text-tertiary)' }}\n        >\n          Needs attention\n        </p>\n        <div className=\"mt-2 space-y-2\">\n          {alerts.map((a) => {\n            const cfg = alertCfg[a.kind];\n            const tone = toneColor[cfg.tone];\n            const Icon = cfg.icon;\n            return (\n              <button\n                key={a.id}\n                type=\"button\"\n                onClick={() => onAlertClick?.(a)}\n                className=\"flex w-full items-center gap-3 rounded-2xl border p-4 text-left\"\n                style={{\n                  borderColor: 'var(--mb-border)',\n                  background: 'var(--mb-card)',\n                }}\n              >\n                <div\n                  className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl\"\n                  style={{ background: tone.bg }}\n                >\n                  <Icon className=\"h-4 w-4\" style={{ color: tone.fg }} />\n                </div>\n                <div className=\"min-w-0 flex-1\">\n                  <p\n                    className=\"truncate text-sm font-semibold\"\n                    style={{ color: 'var(--mb-text)' }}\n                  >\n                    {a.title}\n                  </p>\n                  <p\n                    className=\"mt-0.5 truncate text-2xs\"\n                    style={{ color: 'var(--mb-text-tertiary)' }}\n                  >\n                    {a.meta}\n                  </p>\n                </div>\n              </button>\n            );\n          })}\n          {alerts.length === 0 ? (\n            <div\n              className=\"rounded-2xl border p-4 text-xs\"\n              style={{\n                borderColor: 'var(--mb-border)',\n                background: 'var(--mb-card)',\n                color: 'var(--mb-text-tertiary)',\n              }}\n            >\n              Everything is delivering smoothly.\n            </div>\n          ) : null}\n        </div>\n      </section>\n    </MobileScreenFrame>\n  );\n}\n"],"mappings":";AA4FQ,cAoCE,YApCF;AAjFR,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AA6BP,MAAM,WAGF;AAAA,EACF,mBAAmB,EAAE,MAAM,aAAa,MAAM,MAAM;AAAA,EACpD,mBAAmB,EAAE,MAAM,KAAK,MAAM,OAAO;AAAA,EAC7C,eAAe,EAAE,MAAM,aAAa,MAAM,MAAM;AAAA,EAChD,QAAQ,EAAE,MAAM,UAAU,MAAM,OAAO;AACzC;AAEA,MAAM,YAAY;AAAA,EAChB,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,aAAa;AAAA,cACb,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,YACD;AAAA;AAAA,QAED;AAAA,QAGF;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,cAEhC;AAAA;AAAA,UACH;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,aAAa;AAAA,gBACb,YAAY;AAAA,cACd;AAAA,cAEA;AAAA,oCAAC,OAAE,WAAU,wBAAuB,OAAO,EAAE,OAAO,iBAAiB,GAAG,2BAExE;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,oBAEhC,cAAI;AAAA;AAAA,gBACP;AAAA,gBACC,IAAI,eACH;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,OACE,IAAI,aAAa,SAAS,SACtB,mBACA;AAAA,oBACR;AAAA,oBAEA;AAAA,0CAAC,cAAW,WAAU,UAAS;AAAA,sBAC9B,IAAI,aAAa,QAAQ,IAAI,MAAM;AAAA,sBACnC,IAAI,aAAa;AAAA,sBAAM;AAAA;AAAA;AAAA,gBAC1B,IACE;AAAA;AAAA;AAAA,UACN;AAAA,UAEA,qBAAC,aAAQ,WAAU,+BACjB;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,aAAa;AAAA,kBACb,YAAY;AAAA,gBACd;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,YAAY,qBAAqB;AAAA,sBAE1C;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAU;AAAA,0BACV,OAAO,EAAE,OAAO,mBAAmB;AAAA;AAAA,sBACrC;AAAA;AAAA,kBACF;AAAA,kBACA,qBAAC,SACC;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,wBAC3C;AAAA;AAAA,oBAED;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,wBAEhC,cAAI,UAAU,eAAe;AAAA;AAAA,oBAChC;AAAA,qBACF;AAAA;AAAA;AAAA,YACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,aAAa;AAAA,kBACb,YAAY;AAAA,gBACd;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,YAAY,qBAAqB;AAAA,sBAE1C,8BAAC,YAAS,WAAU,UAAS,OAAO,EAAE,OAAO,iBAAiB,GAAG;AAAA;AAAA,kBACnE;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,sBAC3C;AAAA;AAAA,kBAED;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,sBAEhC,cAAI,iBAAiB;AAAA;AAAA,kBACxB;AAAA,kBACC,IAAI,iBACH;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,sBAEzC;AAAA,4BAAI;AAAA,wBAAe;AAAA;AAAA;AAAA,kBACtB,IACE;AAAA;AAAA;AAAA,YACN;AAAA,aACF;AAAA,UAEC,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,aAAa;AAAA,gBACb,YAAY;AAAA,cACd;AAAA,cAEA;AAAA,qCAAC,SACC;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,sBAEzC;AAAA;AAAA,kBACH;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,sBAEhC;AAAA;AAAA,kBACH;AAAA,mBACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,OAAO,uBAAuB;AAAA;AAAA,gBACzC;AAAA;AAAA;AAAA,UACF,IACE;AAAA,UAEJ,qBAAC,aAAQ,WAAU,QACjB;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,gBAC3C;AAAA;AAAA,YAED;AAAA,YACA,qBAAC,SAAI,WAAU,kBACZ;AAAA,qBAAO,IAAI,CAAC,MAAM;AACjB,sBAAM,MAAM,SAAS,EAAE,IAAI;AAC3B,sBAAM,OAAO,UAAU,IAAI,IAAI;AAC/B,sBAAM,OAAO,IAAI;AACjB,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,SAAS,MAAM,eAAe,CAAC;AAAA,oBAC/B,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,aAAa;AAAA,sBACb,YAAY;AAAA,oBACd;AAAA,oBAEA;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAU;AAAA,0BACV,OAAO,EAAE,YAAY,KAAK,GAAG;AAAA,0BAE7B,8BAAC,QAAK,WAAU,WAAU,OAAO,EAAE,OAAO,KAAK,GAAG,GAAG;AAAA;AAAA,sBACvD;AAAA,sBACA,qBAAC,SAAI,WAAU,kBACb;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAU;AAAA,4BACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,4BAEhC,YAAE;AAAA;AAAA,wBACL;AAAA,wBACA;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAU;AAAA,4BACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,4BAEzC,YAAE;AAAA;AAAA,wBACL;AAAA,yBACF;AAAA;AAAA;AAAA,kBA5BK,EAAE;AAAA,gBA6BT;AAAA,cAEJ,CAAC;AAAA,cACA,OAAO,WAAW,IACjB;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,aAAa;AAAA,oBACb,YAAY;AAAA,oBACZ,OAAO;AAAA,kBACT;AAAA,kBACD;AAAA;AAAA,cAED,IACE;AAAA,eACN;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;","names":[]}

package/dist/mobile/screens/today-property.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Mobile screen — Today (Property/Booking intent variant)
+ * Visual contract: `TodayProperty` in mobile-redesign-mockups.tsx
+ *
+ * For merchants whose primary intent is property rentals, appointments, or bookings.
+ * Hero shows occupancy/utilization; queue surfaces pending requests + upcoming arrivals.
+ */
+import React from 'react';
+export interface TodayPropertyKpi {
+    occupancyPct: number;
+    occupancyDelta?: {
+        value: number;
+        tone: 'good' | 'bad';
+    };
+    upcomingArrivals: number;
+    pendingRequests: number;
+    revenueLabel?: string;
+}
+export interface PropertyQueueItem {
+    id: string;
+    kind: 'pending-request' | 'arrival' | 'departure' | 'review' | 'cleanup';
+    title: string;
+    whenLabel: string;
+    meta?: string;
+    onClick?: () => void;
+}
+interface MobileTodayPropertyScreenProps {
+    greeting: string;
+    kpi: TodayPropertyKpi;
+    queue?: PropertyQueueItem[];
+    todayLabel?: string;
+    onViewCalendar?: () => void;
+    onViewRequests?: () => void;
+}
+export declare function MobileTodayPropertyScreen({ greeting, kpi, queue, todayLabel, onViewCalendar, onViewRequests, }: MobileTodayPropertyScreenProps): React.JSX.Element;
+export {};