@withpotter/components 0.13.0-next.101

package/dist/mobile/mobile-redesign-mockups/compose-sheet-universal-acti.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/compose-sheet-universal-acti.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Calendar,\n  ChevronRight,\n  FileText,\n  HelpCircle,\n  Home,\n  List,\n  MessageSquare,\n  Newspaper,\n  Package,\n  Plus,\n  Send,\n  Settings as SettingsIcon,\n  ShoppingBag,\n  Tag,\n  Ticket,\n} from 'lucide-react';\nimport { tokens, lightTokens } from '../mobile-redesign-theme';\nimport { TodaySingleIntent } from './today-single-intent';\n\n/**\n * Compose sheet (universal action sheet over a dimmed Today)\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// Compose sheet (universal action sheet over a dimmed Today)\n// ─────────────────────────────────────────────────────────────\nexport function ComposeSheetOverlay() {\n  return (\n    <div className=\"relative h-full\">\n      {/* Dimmed background — Today screen behind */}\n      <div className=\"absolute inset-0\" style={{ background: tokens.surface }}>\n        <TodaySingleIntent />\n      </div>\n      <div className=\"absolute inset-0 bg-black/55\" />\n\n      {/* Sheet */}\n      <div\n        className=\"absolute inset-x-0 bottom-0 z-40 rounded-t-[28px] border-t px-4 pb-6 pt-3\"\n        style={{ borderColor: tokens.borderStrong, background: tokens.card }}\n      >\n        <div\n          className=\"mx-auto mb-4 h-1 w-10 rounded-full\"\n          style={{ background: tokens.borderStrong }}\n        />\n        <p className=\"px-1 text-3xs font-medium text-[#94A0B5]\">Create</p>\n        <div className=\"mt-2 space-y-1\">\n          <ComposeRow\n            icon={Package}\n            label=\"New product\"\n            hint=\"Add to catalog\"\n          />\n          <ComposeRow\n            icon={ShoppingBag}\n            label=\"New order\"\n            hint=\"Manual order entry\"\n          />\n          <ComposeRow\n            icon={Calendar}\n            label=\"New booking\"\n            hint=\"Schedule a service\"\n          />\n          <ComposeRow\n            icon={Ticket}\n            label=\"New event\"\n            hint=\"Tickets, capacity, RSVP\"\n          />\n          <ComposeRow\n            icon={Tag}\n            label=\"New discount\"\n            hint=\"Code or automatic\"\n          />\n          <ComposeRow\n            icon={FileText}\n            label=\"New page\"\n            hint=\"Storefront content\"\n          />\n          <ComposeRow icon={Newspaper} label=\"New post\" hint=\"Blog or update\" />\n          <ComposeRow\n            icon={Send}\n            label=\"Broadcast message\"\n            hint=\"Email · SMS · WhatsApp\"\n          />\n        </div>\n        <div className=\"my-3 h-px\" style={{ background: tokens.border }} />\n        <p className=\"px-1 text-3xs font-medium text-[#94A0B5]\">Talk to us</p>\n        <div className=\"mt-2 space-y-1\">\n          <ComposeRow\n            icon={MessageSquare}\n            label=\"Send feedback\"\n            hint=\"Tell us what's working\"\n            accent\n          />\n          <ComposeRow\n            icon={HelpCircle}\n            label=\"Help & docs\"\n            hint=\"Guides, FAQs, contact\"\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"mt-4 h-12 w-full rounded-2xl text-md font-medium text-white\"\n          style={{\n            background: tokens.elevated,\n            border: `1px solid ${tokens.border}`,\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n\n      {/* Active + button (rotated, indicating sheet open) */}\n      <div\n        className=\"pointer-events-none absolute right-3 z-50\"\n        style={{ bottom: 'calc(100% - 100% + 16px)', display: 'none' }}\n      />\n    </div>\n  );\n}\n\nexport function ComposeRow({\n  icon: Icon,\n  label,\n  hint,\n  accent,\n}: {\n  icon: React.ComponentType<{\n    className?: string;\n    style?: React.CSSProperties;\n  }>;\n  label: string;\n  hint: string;\n  accent?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full items-center gap-3 rounded-2xl px-3 py-2.5 text-left\"\n      style={{ minHeight: '60px' }}\n    >\n      <div\n        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl\"\n        style={{\n          background: accent ? 'rgba(17,109,255,0.12)' : tokens.elevated,\n          border: `1px solid ${accent ? 'rgba(17,109,255,0.28)' : tokens.border}`,\n        }}\n      >\n        <Icon\n          className=\"h-[18px] w-[18px]\"\n          style={{ color: accent ? tokens.accent : '#C9D0DD' }}\n        />\n      </div>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-md font-medium text-white\">{label}</p>\n        <p className=\"mt-0.5 truncate text-2xs text-[#94A0B5]\">{hint}</p>\n      </div>\n      <ChevronRight className=\"size-4 shrink-0 text-[#6E7791]\" />\n    </button>\n  );\n}\n\nexport function LightStatusBar() {\n  return (\n    <div\n      className=\"relative z-20 flex h-11 shrink-0 items-center justify-between px-6 pt-2 text-2xs font-semibold\"\n      style={{ color: lightTokens.text }}\n    >\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 LightTabBar({\n  active,\n}: {\n  active: 'today' | 'manage' | 'catalog' | 'store';\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  ] as const;\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 px-1\"\n        style={{\n          background: 'rgba(255,255,255,0.92)',\n          borderColor: lightTokens.border,\n          backdropFilter: '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\n                    ? lightTokens.accent\n                    : lightTokens.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\n                    ? lightTokens.accent\n                    : lightTokens.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: lightTokens.accent, color: lightTokens.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/configure-domain-wizard-2.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Configure — Domain wizard
+ *
+ * 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 WizardDomain(): import("react").JSX.Element;
+export declare function WizardShipping(): import("react").JSX.Element;

package/dist/mobile/mobile-redesign-mockups/configure-domain-wizard-2.js

@@ -0,0 +1,365 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  ArrowLeft,
+  ArrowRight,
+  CircleDollarSign,
+  Globe,
+  Layers,
+  Plus,
+  Truck
+} from "lucide-react";
+import { tokens } from "../mobile-redesign-theme";
+import { Caption, StatusBar } from "./pill-presets-tailwind-utilit";
+import { HubHeader } from "./drill-chrome-sub-app-header-";
+function WizardDomain() {
+  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",
+              style: { color: tokens.textSecondary },
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+                "Back"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-3xs", style: { color: tokens.textMuted }, children: "Connect domain" }),
+            /* @__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: "Add these DNS records" }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "mt-2 text-sm leading-relaxed",
+          style: { color: tokens.textSecondary },
+          children: "Sign in to your domain provider and add the records below. We'll verify automatically \u2014 usually within 5 minutes."
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-4 rounded-2xl border p-4",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Globe, { className: "size-4", style: { color: tokens.accent } }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-white", children: "obirestaurant.com" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-3xs", style: { color: tokens.textTertiary }, children: "Provider \xB7 Namecheap \xB7 detected" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Caption, { children: /* @__PURE__ */ jsx("span", { className: "mt-5 inline-block", children: "DNS records" }) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: [
+        { type: "A", host: "@", value: "76.76.21.21" },
+        { type: "CNAME", host: "www", value: "cname.potter.shop" }
+      ].map((r) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-2xl border p-4",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "rounded-full px-2 py-0.5 text-3xs font-semibold",
+                  style: {
+                    background: "rgba(17,109,255,0.18)",
+                    color: tokens.accent
+                  },
+                  children: r.type
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "flex items-center gap-1 text-3xs font-medium",
+                  style: { color: tokens.accent },
+                  children: [
+                    /* @__PURE__ */ jsx(Layers, { className: "size-[13px]" }),
+                    "Copy"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "text-3xs",
+                    style: { color: tokens.textTertiary },
+                    children: "Host"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs font-medium tabular-nums text-white", children: r.host })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "text-3xs",
+                    style: { color: tokens.textTertiary },
+                    children: "Value"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs font-medium tabular-nums text-white", children: r.value })
+              ] })
+            ] })
+          ]
+        },
+        r.type
+      )) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-4 rounded-2xl border p-4",
+          style: {
+            borderColor: "rgba(244,183,64,0.32)",
+            background: "rgba(244,183,64,0.06)"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "flex h-2 w-2 animate-pulse rounded-full",
+                  style: { background: tokens.warn }
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-white", children: "Verifying \u2014 last checked 12s ago" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xs", style: { color: tokens.textSecondary }, children: "We'll keep checking. SSL is provisioned automatically once verified." })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute inset-x-0 bottom-0 z-20 flex h-[80px] items-center gap-2 px-4 pb-4 pt-2",
+        style: {
+          background: `${tokens.surface}f2`,
+          borderTop: `1px solid ${tokens.border}`
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "flex h-12 flex-1 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white",
+              style: { borderColor: tokens.border, background: tokens.elevated },
+              children: "Verify now"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex h-12 flex-1 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" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function WizardShipping() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(StatusBar, {}),
+    /* @__PURE__ */ jsx(
+      HubHeader,
+      {
+        title: "Shipping zones",
+        trailing: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "New",
+            className: "flex h-9 w-9 items-center justify-center rounded-full",
+            style: { background: tokens.elevated },
+            children: /* @__PURE__ */ jsx(Plus, { className: "size-4 text-white" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-24", children: [
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "mt-3 text-xs leading-relaxed",
+          style: { color: tokens.textTertiary },
+          children: "Group destinations by region, then set rates that apply to each group. Tap a zone to edit."
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: [
+        {
+          name: "Lagos & Lagos State",
+          regions: ["LG"],
+          rates: [
+            "Standard \u20A61,500 \xB7 1\u20132 days",
+            "Same-day \u20A63,000 \xB7 before 12 PM"
+          ],
+          active: true
+        },
+        {
+          name: "Rest of Nigeria",
+          regions: ["NG"],
+          rates: ["Express \u20A64,500 \xB7 2\u20134 days"],
+          active: true
+        },
+        {
+          name: "West Africa",
+          regions: ["GH", "BJ", "TG"],
+          rates: ["DHL \u20A618,000 \xB7 5\u20137 days"],
+          active: false
+        }
+      ].map((z) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-2xl border p-4",
+          style: { borderColor: tokens.border, background: tokens.card },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    Truck,
+                    {
+                      className: "size-4",
+                      style: {
+                        color: z.active ? tokens.accent : tokens.textTertiary
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-md font-semibold text-white", children: z.name })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: z.regions.map((r) => /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "rounded-full px-2 py-0.5 text-3xs font-medium",
+                    style: {
+                      background: tokens.elevated,
+                      color: tokens.textSecondary
+                    },
+                    children: r
+                  },
+                  r
+                )) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "rounded-full px-2 py-0.5 text-3xs font-semibold",
+                  style: {
+                    background: z.active ? `${tokens.good}1A` : tokens.elevated,
+                    color: z.active ? tokens.good : tokens.textTertiary
+                  },
+                  children: z.active ? "Active" : "Off"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1.5", children: z.rates.map((r) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center gap-2 rounded-xl border p-2.5",
+                style: {
+                  borderColor: tokens.border,
+                  background: tokens.elevated
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    CircleDollarSign,
+                    {
+                      className: "size-[13px]",
+                      style: { color: tokens.textTertiary }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-2xs",
+                      style: { color: tokens.textSecondary },
+                      children: r
+                    }
+                  )
+                ]
+              },
+              r
+            )) }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "mt-3 flex h-9 w-full items-center justify-center gap-1.5 rounded-xl border text-2xs font-medium",
+                style: {
+                  borderColor: tokens.border,
+                  background: tokens.elevated,
+                  color: tokens.textSecondary
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-[13px]" }),
+                  "Add rate"
+                ]
+              }
+            )
+          ]
+        },
+        z.name
+      )) }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "mt-4 flex h-12 w-full items-center justify-center gap-1.5 rounded-2xl border-2 border-dashed text-sm font-medium",
+          style: {
+            borderColor: tokens.borderStrong,
+            color: tokens.textSecondary
+          },
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            "New zone"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  WizardDomain,
+  WizardShipping
+};
+//# sourceMappingURL=configure-domain-wizard-2.js.map

package/dist/mobile/mobile-redesign-mockups/configure-domain-wizard-2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/configure-domain-wizard-2.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ArrowLeft,\n  ArrowRight,\n  CircleDollarSign,\n  Globe,\n  Layers,\n  Plus,\n  Truck,\n} from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport { Caption, StatusBar } from './pill-presets-tailwind-utilit';\nimport { HubHeader } from './drill-chrome-sub-app-header-';\n\n/**\n * Configure — Domain wizard\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 WizardDomain() {\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\"\n            style={{ color: tokens.textSecondary }}\n          >\n            <ArrowLeft className=\"size-4\" />\n            Back\n          </button>\n          <div className=\"text-center\">\n            <p className=\"text-3xs\" style={{ color: tokens.textMuted }}>\n              Connect domain\n            </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          Add these DNS records\n        </p>\n        <p\n          className=\"mt-2 text-sm leading-relaxed\"\n          style={{ color: tokens.textSecondary }}\n        >\n          Sign in to your domain provider and add the records below. We&apos;ll\n          verify automatically — usually within 5 minutes.\n        </p>\n\n        <div\n          className=\"mt-4 rounded-2xl border p-4\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Globe className=\"size-4\" style={{ color: tokens.accent }} />\n            <p className=\"text-sm font-semibold text-white\">\n              obirestaurant.com\n            </p>\n          </div>\n          <p className=\"mt-1 text-3xs\" style={{ color: tokens.textTertiary }}>\n            Provider · Namecheap · detected\n          </p>\n        </div>\n\n        <Caption>\n          <span className=\"mt-5 inline-block\">DNS records</span>\n        </Caption>\n        <div className=\"mt-2 space-y-2\">\n          {[\n            { type: 'A', host: '@', value: '76.76.21.21' },\n            { type: 'CNAME', host: 'www', value: 'cname.potter.shop' },\n          ].map((r) => (\n            <div\n              key={r.type}\n              className=\"rounded-2xl border p-4\"\n              style={{ borderColor: tokens.border, background: tokens.card }}\n            >\n              <div className=\"flex items-center justify-between\">\n                <span\n                  className=\"rounded-full px-2 py-0.5 text-3xs font-semibold\"\n                  style={{\n                    background: 'rgba(17,109,255,0.18)',\n                    color: tokens.accent,\n                  }}\n                >\n                  {r.type}\n                </span>\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-1 text-3xs font-medium\"\n                  style={{ color: tokens.accent }}\n                >\n                  <Layers className=\"size-[13px]\" />\n                  Copy\n                </button>\n              </div>\n              <div className=\"mt-3 grid grid-cols-2 gap-3\">\n                <div>\n                  <p\n                    className=\"text-3xs\"\n                    style={{ color: tokens.textTertiary }}\n                  >\n                    Host\n                  </p>\n                  <p className=\"mt-0.5 text-xs font-medium tabular-nums text-white\">\n                    {r.host}\n                  </p>\n                </div>\n                <div>\n                  <p\n                    className=\"text-3xs\"\n                    style={{ color: tokens.textTertiary }}\n                  >\n                    Value\n                  </p>\n                  <p className=\"mt-0.5 truncate text-xs font-medium tabular-nums text-white\">\n                    {r.value}\n                  </p>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n\n        <div\n          className=\"mt-4 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          <div className=\"flex items-center gap-2\">\n            <span\n              className=\"flex h-2 w-2 animate-pulse rounded-full\"\n              style={{ background: tokens.warn }}\n            />\n            <p className=\"text-xs font-semibold text-white\">\n              Verifying — last checked 12s ago\n            </p>\n          </div>\n          <p className=\"mt-1 text-2xs\" style={{ color: tokens.textSecondary }}>\n            We&apos;ll keep checking. SSL is provisioned automatically once\n            verified.\n          </p>\n        </div>\n      </div>\n\n      <div\n        className=\"absolute inset-x-0 bottom-0 z-20 flex h-[80px] items-center gap-2 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 flex-1 items-center justify-center gap-1.5 rounded-2xl border text-sm font-medium text-white\"\n          style={{ borderColor: tokens.border, background: tokens.elevated }}\n        >\n          Verify now\n        </button>\n        <button\n          type=\"button\"\n          className=\"flex h-12 flex-1 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\n// ─────────────────────────────────────────────────────────────\n// Configure — Shipping zones\n// ─────────────────────────────────────────────────────────────\nexport function WizardShipping() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <StatusBar />\n      <HubHeader\n        title=\"Shipping zones\"\n        trailing={\n          <button\n            type=\"button\"\n            aria-label=\"New\"\n            className=\"flex h-9 w-9 items-center justify-center rounded-full\"\n            style={{ background: tokens.elevated }}\n          >\n            <Plus className=\"size-4 text-white\" />\n          </button>\n        }\n      />\n      <div className=\"flex-1 overflow-y-auto px-4 pb-24\">\n        <p\n          className=\"mt-3 text-xs leading-relaxed\"\n          style={{ color: tokens.textTertiary }}\n        >\n          Group destinations by region, then set rates that apply to each group.\n          Tap a zone to edit.\n        </p>\n\n        <div className=\"mt-4 space-y-2\">\n          {[\n            {\n              name: 'Lagos & Lagos State',\n              regions: ['LG'],\n              rates: [\n                'Standard ₦1,500 · 1–2 days',\n                'Same-day ₦3,000 · before 12 PM',\n              ],\n              active: true,\n            },\n            {\n              name: 'Rest of Nigeria',\n              regions: ['NG'],\n              rates: ['Express ₦4,500 · 2–4 days'],\n              active: true,\n            },\n            {\n              name: 'West Africa',\n              regions: ['GH', 'BJ', 'TG'],\n              rates: ['DHL ₦18,000 · 5–7 days'],\n              active: false,\n            },\n          ].map((z) => (\n            <div\n              key={z.name}\n              className=\"rounded-2xl border p-4\"\n              style={{ borderColor: tokens.border, background: tokens.card }}\n            >\n              <div className=\"flex items-start justify-between\">\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <Truck className=\"size-4\"\n                      style={{\n                        color: z.active ? tokens.accent : tokens.textTertiary,\n                      }}\n                    />\n                    <p className=\"truncate text-md font-semibold text-white\">\n                      {z.name}\n                    </p>\n                  </div>\n                  <div className=\"mt-1 flex flex-wrap gap-1\">\n                    {z.regions.map((r) => (\n                      <span\n                        key={r}\n                        className=\"rounded-full px-2 py-0.5 text-3xs font-medium\"\n                        style={{\n                          background: tokens.elevated,\n                          color: tokens.textSecondary,\n                        }}\n                      >\n                        {r}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n                <span\n                  className=\"rounded-full px-2 py-0.5 text-3xs font-semibold\"\n                  style={{\n                    background: z.active ? `${tokens.good}1A` : tokens.elevated,\n                    color: z.active ? tokens.good : tokens.textTertiary,\n                  }}\n                >\n                  {z.active ? 'Active' : 'Off'}\n                </span>\n              </div>\n\n              <div className=\"mt-3 space-y-1.5\">\n                {z.rates.map((r) => (\n                  <div\n                    key={r}\n                    className=\"flex items-center gap-2 rounded-xl border p-2.5\"\n                    style={{\n                      borderColor: tokens.border,\n                      background: tokens.elevated,\n                    }}\n                  >\n                    <CircleDollarSign className=\"size-[13px]\"\n                      style={{ color: tokens.textTertiary }}\n                    />\n                    <p\n                      className=\"text-2xs\"\n                      style={{ color: tokens.textSecondary }}\n                    >\n                      {r}\n                    </p>\n                  </div>\n                ))}\n              </div>\n\n              <button\n                type=\"button\"\n                className=\"mt-3 flex h-9 w-full items-center justify-center gap-1.5 rounded-xl border text-2xs font-medium\"\n                style={{\n                  borderColor: tokens.border,\n                  background: tokens.elevated,\n                  color: tokens.textSecondary,\n                }}\n              >\n                <Plus className=\"size-[13px]\" />\n                Add rate\n              </button>\n            </div>\n          ))}\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"mt-4 flex h-12 w-full items-center justify-center gap-1.5 rounded-2xl border-2 border-dashed text-sm font-medium\"\n          style={{\n            borderColor: tokens.borderStrong,\n            color: tokens.textSecondary,\n          }}\n        >\n          <Plus className=\"size-4\" />\n          New zone\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAmCU,SAKE,KALF;AAjCV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAWnB,SAAS,eAAe;AAC7B,SACE,qBAAC,SAAI,WAAU,wBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAY,OAAO;AAAA,UACnB,cAAc,aAAa,OAAO,MAAM;AAAA,QAC1C;AAAA,QAEA,+BAAC,SAAI,WAAU,iDACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,OAAO,cAAc;AAAA,cAErC;AAAA,oCAAC,aAAU,WAAU,UAAS;AAAA,gBAAE;AAAA;AAAA;AAAA,UAElC;AAAA,UACA,qBAAC,SAAI,WAAU,eACb;AAAA,gCAAC,OAAE,WAAU,YAAW,OAAO,EAAE,OAAO,OAAO,UAAU,GAAG,4BAE5D;AAAA,YACA,oBAAC,OAAE,WAAU,oCAAmC,yBAAW;AAAA,aAC7D;AAAA,UACA,oBAAC,UAAK,WAAU,QAAO;AAAA,WACzB;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAI,WAAU,aACb,8BAAC,SAAI,WAAU,gBACZ,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,KAAK,IAAI,OAAO,SAAS,OAAO,OAAO;AAAA;AAAA,MAFvD;AAAA,IAGP,CACD,GACH,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,OAAE,WAAU,kEAAiE,mCAE9E;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,OAAO,cAAc;AAAA,UACtC;AAAA;AAAA,MAGD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,UAE7D;AAAA,iCAAC,SAAI,WAAU,2BACb;AAAA,kCAAC,SAAM,WAAU,UAAS,OAAO,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,cAC3D,oBAAC,OAAE,WAAU,oCAAmC,+BAEhD;AAAA,eACF;AAAA,YACA,oBAAC,OAAE,WAAU,iBAAgB,OAAO,EAAE,OAAO,OAAO,aAAa,GAAG,mDAEpE;AAAA;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,WACC,8BAAC,UAAK,WAAU,qBAAoB,yBAAW,GACjD;AAAA,MACA,oBAAC,SAAI,WAAU,kBACZ;AAAA,QACC,EAAE,MAAM,KAAK,MAAM,KAAK,OAAO,cAAc;AAAA,QAC7C,EAAE,MAAM,SAAS,MAAM,OAAO,OAAO,oBAAoB;AAAA,MAC3D,EAAE,IAAI,CAAC,MACL;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,UAE7D;AAAA,iCAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,YAAY;AAAA,oBACZ,OAAO,OAAO;AAAA,kBAChB;AAAA,kBAEC,YAAE;AAAA;AAAA,cACL;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,OAAO,OAAO;AAAA,kBAE9B;AAAA,wCAAC,UAAO,WAAU,eAAc;AAAA,oBAAE;AAAA;AAAA;AAAA,cAEpC;AAAA,eACF;AAAA,YACA,qBAAC,SAAI,WAAU,+BACb;AAAA,mCAAC,SACC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,OAAO,OAAO,aAAa;AAAA,oBACrC;AAAA;AAAA,gBAED;AAAA,gBACA,oBAAC,OAAE,WAAU,sDACV,YAAE,MACL;AAAA,iBACF;AAAA,cACA,qBAAC,SACC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,OAAO,OAAO,aAAa;AAAA,oBACrC;AAAA;AAAA,gBAED;AAAA,gBACA,oBAAC,OAAE,WAAU,+DACV,YAAE,OACL;AAAA,iBACF;AAAA,eACF;AAAA;AAAA;AAAA,QA9CK,EAAE;AAAA,MA+CT,CACD,GACH;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY;AAAA,UACd;AAAA,UAEA;AAAA,iCAAC,SAAI,WAAU,2BACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,YAAY,OAAO,KAAK;AAAA;AAAA,cACnC;AAAA,cACA,oBAAC,OAAE,WAAU,oCAAmC,mDAEhD;AAAA,eACF;AAAA,YACA,oBAAC,OAAE,WAAU,iBAAgB,OAAO,EAAE,OAAO,OAAO,cAAc,GAAG,kFAGrE;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAY,GAAG,OAAO,OAAO;AAAA,UAC7B,WAAW,aAAa,OAAO,MAAM;AAAA,QACvC;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,SAAS;AAAA,cAClE;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,OAAO,EAAE,YAAY,OAAO,QAAQ,OAAO,OAAO,SAAS;AAAA,cAC5D;AAAA;AAAA,gBAEC,oBAAC,cAAW,WAAU,UAAS;AAAA;AAAA;AAAA,UACjC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAKO,SAAS,iBAAiB;AAC/B,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,cAAW;AAAA,YACX,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,OAAO,SAAS;AAAA,YAErC,8BAAC,QAAK,WAAU,qBAAoB;AAAA;AAAA,QACtC;AAAA;AAAA,IAEJ;AAAA,IACA,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,OAAO,aAAa;AAAA,UACrC;AAAA;AAAA,MAGD;AAAA,MAEA,oBAAC,SAAI,WAAU,kBACZ;AAAA,QACC;AAAA,UACE,MAAM;AAAA,UACN,SAAS,CAAC,IAAI;AAAA,UACd,OAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,UACA,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,SAAS,CAAC,IAAI;AAAA,UACd,OAAO,CAAC,wCAA2B;AAAA,UACnC,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,SAAS,CAAC,MAAM,MAAM,IAAI;AAAA,UAC1B,OAAO,CAAC,qCAAwB;AAAA,UAChC,QAAQ;AAAA,QACV;AAAA,MACF,EAAE,IAAI,CAAC,MACL;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,OAAO,QAAQ,YAAY,OAAO,KAAK;AAAA,UAE7D;AAAA,iCAAC,SAAI,WAAU,oCACb;AAAA,mCAAC,SAAI,WAAU,kBACb;AAAA,qCAAC,SAAI,WAAU,2BACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBAAM,WAAU;AAAA,sBACf,OAAO;AAAA,wBACL,OAAO,EAAE,SAAS,OAAO,SAAS,OAAO;AAAA,sBAC3C;AAAA;AAAA,kBACF;AAAA,kBACA,oBAAC,OAAE,WAAU,6CACV,YAAE,MACL;AAAA,mBACF;AAAA,gBACA,oBAAC,SAAI,WAAU,6BACZ,YAAE,QAAQ,IAAI,CAAC,MACd;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,YAAY,OAAO;AAAA,sBACnB,OAAO,OAAO;AAAA,oBAChB;AAAA,oBAEC;AAAA;AAAA,kBAPI;AAAA,gBAQP,CACD,GACH;AAAA,iBACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,YAAY,EAAE,SAAS,GAAG,OAAO,IAAI,OAAO,OAAO;AAAA,oBACnD,OAAO,EAAE,SAAS,OAAO,OAAO,OAAO;AAAA,kBACzC;AAAA,kBAEC,YAAE,SAAS,WAAW;AAAA;AAAA,cACzB;AAAA,eACF;AAAA,YAEA,oBAAC,SAAI,WAAU,oBACZ,YAAE,MAAM,IAAI,CAAC,MACZ;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,aAAa,OAAO;AAAA,kBACpB,YAAY,OAAO;AAAA,gBACrB;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBAAiB,WAAU;AAAA,sBAC1B,OAAO,EAAE,OAAO,OAAO,aAAa;AAAA;AAAA,kBACtC;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,OAAO,cAAc;AAAA,sBAEpC;AAAA;AAAA,kBACH;AAAA;AAAA;AAAA,cAfK;AAAA,YAgBP,CACD,GACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,aAAa,OAAO;AAAA,kBACpB,YAAY,OAAO;AAAA,kBACnB,OAAO,OAAO;AAAA,gBAChB;AAAA,gBAEA;AAAA,sCAAC,QAAK,WAAU,eAAc;AAAA,kBAAE;AAAA;AAAA;AAAA,YAElC;AAAA;AAAA;AAAA,QA5EK,EAAE;AAAA,MA6ET,CACD,GACH;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO;AAAA,YACL,aAAa,OAAO;AAAA,YACpB,OAAO,OAAO;AAAA,UAChB;AAAA,UAEA;AAAA,gCAAC,QAAK,WAAU,UAAS;AAAA,YAAE;AAAA;AAAA;AAAA,MAE7B;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/mobile/mobile-redesign-mockups/configure-domain-wizard.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Configure — Domain wizard
+ *
+ * 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 WizardDomainSearch(): import("react").JSX.Element;