@withpotter/components 0.13.0-next.101

package/dist/dashboard/go-live-setup-parts.d.ts

@@ -0,0 +1,81 @@
+/**
+ * The three shapes every card in the go-live dialog needs, and none of which
+ * is about delivery, payouts or contact in particular.
+ *
+ * Split out of `go-live-quick-setup` on the 500-line rule. The seam is real:
+ * that file knows what each blocker needs, and this one knows how a card
+ * behaves while it is waiting, when it could not ask, and when it is ready to
+ * be pressed.
+ */
+/**
+ * A list that has to be fetched before the control that uses it means anything.
+ *
+ * ── WHY THIS EXISTS ──
+ *
+ * Both selects in this file used to be `useState([])` with a `.catch(() => {})`
+ * next to them and the comment "leave the select empty; the link out still
+ * works". What that produces is a control the merchant can see, focus, click
+ * and get NOTHING from: no options, no spinner, no error. John, looking at it:
+ * *"the inputs dont work, theres no life"*. They were not broken, they were
+ * empty and silent about it, which is indistinguishable from broken and is the
+ * same swallowed-error bug this dialog exists to make up for.
+ *
+ * Three states, all of them said out loud: asking, answered, and could not
+ * ask. The last one is why `failed` is separate from an empty list, because
+ * "we could not reach the list" and "the list is genuinely empty" need
+ * different sentences and only one of them is worth retrying.
+ */
+export declare function useRemoteOptions<T>(load: () => Promise<T[]>, deps: React.DependencyList): {
+    items: T[];
+    loading: boolean;
+    failed: boolean;
+};
+/**
+ * The line a control shows instead of pretending to be usable.
+ *
+ * Not a disabled select with no options. A control that is present and inert
+ * teaches somebody to distrust the next one, so where the list did not arrive
+ * the control is replaced by the reason and the way round it.
+ */
+export declare function OptionsUnavailable({ what, onOpenSettings, }: {
+    what: string;
+    onOpenSettings: () => void;
+}): import("react").JSX.Element;
+/**
+ * ONE act, and nothing beside it.
+ *
+ * The three cards each drew their own pair of `Button`s, the second a ghost
+ * reading "More options" at the same size and weight as the thing the merchant
+ * is actually here to press. That became a text affordance, and then it went
+ * (John, 2026-09-07): the row is now a disclosure the merchant OPENED, so
+ * every card already carries a way out — closing it. An escape hatch repeated
+ * on all three, to a settings screen that asks the same question in more
+ * steps, is an invitation to leave a gate you are two fields from clearing.
+ *
+ * The way to the full screen is not gone, it is where it belongs: on
+ * `OptionsUnavailable`, the one state where the control here genuinely cannot
+ * do the job.
+ *
+ * ── THE PRIMARY IS NEVER `disabled`, AND THAT IS DELIBERATE ──
+ *
+ * Measured on screen: a disabled `Button` keeps the full brand fill at
+ * `opacity: 0.5`, so `rgb(17,109,255)` at half strength on the dark panel is
+ * still unmistakably a live primary button. Two cards sat there looking
+ * pressable and doing nothing, which is most of what John meant by *"the
+ * inputs dont work, theres no life"* — the delivery button was inert only
+ * because the fee box was empty, and nothing on screen said so.
+ *
+ * A `disabled` button also cannot be focused, is skipped by screen readers,
+ * and is the one state that CANNOT explain itself. So the control stays live
+ * and answers the press: `aria-disabled` carries the state to assistive tech,
+ * and pressing while incomplete says which field is missing instead of
+ * absorbing the click. Nothing here is a dead control.
+ */
+export declare function QuickSetupActions({ label, busyLabel, onSave, saving, incompleteReason, }: {
+    label: string;
+    busyLabel: string;
+    onSave: () => void;
+    saving: boolean;
+    /** What is still missing, or null when the form is ready to submit. */
+    incompleteReason: string | null;
+}): import("react").JSX.Element;

package/dist/dashboard/go-live-setup-parts.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { Button } from "@withpotter/ui-kit";
+import { springs } from "@withpotter/lib/motion";
+function useRemoteOptions(load, deps) {
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setFailed(false);
+    load().then((list) => {
+      if (cancelled) return;
+      if (Array.isArray(list)) setItems(list);
+      else setFailed(true);
+    }).catch(() => {
+      if (!cancelled) setFailed(true);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, deps);
+  return { items, loading, failed };
+}
+function OptionsUnavailable({
+  what,
+  onOpenSettings
+}) {
+  return /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-secondary)]", children: [
+    "Could not load the ",
+    what,
+    ".",
+    " ",
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onOpenSettings,
+        className: "font-medium text-[var(--text-primary)] underline decoration-[var(--border-strong)] underline-offset-2 hover:decoration-[var(--text-primary)]",
+        children: "Set it up in Settings"
+      }
+    ),
+    "."
+  ] });
+}
+function QuickSetupActions({
+  label,
+  busyLabel,
+  onSave,
+  saving,
+  incompleteReason
+}) {
+  const [nudge, setNudge] = useState(null);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: () => {
+          if (saving) return;
+          if (incompleteReason) {
+            setNudge(incompleteReason);
+            return;
+          }
+          setNudge(null);
+          onSave();
+        },
+        "aria-disabled": incompleteReason ? true : void 0,
+        variant: incompleteReason ? "secondary" : "primary",
+        children: saving ? busyLabel : label
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: nudge && incompleteReason && /* @__PURE__ */ jsx(
+      motion.p,
+      {
+        initial: { opacity: 0, y: -4 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0 },
+        transition: springs.snappy,
+        role: "status",
+        className: "text-sm text-[var(--warning)]",
+        children: nudge
+      },
+      "nudge"
+    ) })
+  ] });
+}
+export {
+  OptionsUnavailable,
+  QuickSetupActions,
+  useRemoteOptions
+};
+//# sourceMappingURL=go-live-setup-parts.js.map

package/dist/dashboard/go-live-setup-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-setup-parts.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { Button } from '@withpotter/ui-kit';\nimport { springs } from '@withpotter/lib/motion';\n\n/**\n * The three shapes every card in the go-live dialog needs, and none of which\n * is about delivery, payouts or contact in particular.\n *\n * Split out of `go-live-quick-setup` on the 500-line rule. The seam is real:\n * that file knows what each blocker needs, and this one knows how a card\n * behaves while it is waiting, when it could not ask, and when it is ready to\n * be pressed.\n */\n\n/**\n * A list that has to be fetched before the control that uses it means anything.\n *\n * ── WHY THIS EXISTS ──\n *\n * Both selects in this file used to be `useState([])` with a `.catch(() => {})`\n * next to them and the comment \"leave the select empty; the link out still\n * works\". What that produces is a control the merchant can see, focus, click\n * and get NOTHING from: no options, no spinner, no error. John, looking at it:\n * *\"the inputs dont work, theres no life\"*. They were not broken, they were\n * empty and silent about it, which is indistinguishable from broken and is the\n * same swallowed-error bug this dialog exists to make up for.\n *\n * Three states, all of them said out loud: asking, answered, and could not\n * ask. The last one is why `failed` is separate from an empty list, because\n * \"we could not reach the list\" and \"the list is genuinely empty\" need\n * different sentences and only one of them is worth retrying.\n */\nexport function useRemoteOptions<T>(\n  load: () => Promise<T[]>,\n  deps: React.DependencyList,\n): { items: T[]; loading: boolean; failed: boolean } {\n  const [items, setItems] = useState<T[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [failed, setFailed] = useState(false);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    setFailed(false);\n    load()\n      .then((list) => {\n        if (cancelled) return;\n        if (Array.isArray(list)) setItems(list);\n        else setFailed(true);\n      })\n      .catch(() => {\n        if (!cancelled) setFailed(true);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return { items, loading, failed };\n}\n\n/**\n * The line a control shows instead of pretending to be usable.\n *\n * Not a disabled select with no options. A control that is present and inert\n * teaches somebody to distrust the next one, so where the list did not arrive\n * the control is replaced by the reason and the way round it.\n */\nexport function OptionsUnavailable({\n  what,\n  onOpenSettings,\n}: {\n  what: string;\n  onOpenSettings: () => void;\n}) {\n  return (\n    <p className=\"text-sm text-[var(--text-secondary)]\">\n      Could not load the {what}.{' '}\n      <button\n        type=\"button\"\n        onClick={onOpenSettings}\n        className=\"font-medium text-[var(--text-primary)] underline decoration-[var(--border-strong)] underline-offset-2 hover:decoration-[var(--text-primary)]\"\n      >\n        Set it up in Settings\n      </button>\n      .\n    </p>\n  );\n}\n\n/**\n * ONE act, and nothing beside it.\n *\n * The three cards each drew their own pair of `Button`s, the second a ghost\n * reading \"More options\" at the same size and weight as the thing the merchant\n * is actually here to press. That became a text affordance, and then it went\n * (John, 2026-09-07): the row is now a disclosure the merchant OPENED, so\n * every card already carries a way out — closing it. An escape hatch repeated\n * on all three, to a settings screen that asks the same question in more\n * steps, is an invitation to leave a gate you are two fields from clearing.\n *\n * The way to the full screen is not gone, it is where it belongs: on\n * `OptionsUnavailable`, the one state where the control here genuinely cannot\n * do the job.\n *\n * ── THE PRIMARY IS NEVER `disabled`, AND THAT IS DELIBERATE ──\n *\n * Measured on screen: a disabled `Button` keeps the full brand fill at\n * `opacity: 0.5`, so `rgb(17,109,255)` at half strength on the dark panel is\n * still unmistakably a live primary button. Two cards sat there looking\n * pressable and doing nothing, which is most of what John meant by *\"the\n * inputs dont work, theres no life\"* — the delivery button was inert only\n * because the fee box was empty, and nothing on screen said so.\n *\n * A `disabled` button also cannot be focused, is skipped by screen readers,\n * and is the one state that CANNOT explain itself. So the control stays live\n * and answers the press: `aria-disabled` carries the state to assistive tech,\n * and pressing while incomplete says which field is missing instead of\n * absorbing the click. Nothing here is a dead control.\n */\nexport function QuickSetupActions({\n  label,\n  busyLabel,\n  onSave,\n  saving,\n  incompleteReason,\n}: {\n  label: string;\n  busyLabel: string;\n  onSave: () => void;\n  saving: boolean;\n  /** What is still missing, or null when the form is ready to submit. */\n  incompleteReason: string | null;\n}) {\n  const [nudge, setNudge] = useState<string | null>(null);\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button\n          onClick={() => {\n            if (saving) return;\n            if (incompleteReason) {\n              setNudge(incompleteReason);\n              return;\n            }\n            setNudge(null);\n            onSave();\n          }}\n          aria-disabled={incompleteReason ? true : undefined}\n          // The fill drops to a quiet secondary while it cannot do its job, so\n          // the button LOOKS as unready as it is. It stays pressable, because\n          // the press is how the merchant finds out what is missing.\n          variant={incompleteReason ? 'secondary' : 'primary'}\n        >\n          {saving ? busyLabel : label}\n        </Button>\n      </div>\n\n      <AnimatePresence initial={false}>\n        {nudge && incompleteReason && (\n          <motion.p\n            key=\"nudge\"\n            initial={{ opacity: 0, y: -4 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0 }}\n            transition={springs.snappy}\n            // Announced, because a sighted user sees it appear and a screen\n            // reader user pressed the same button and would otherwise get\n            // nothing back at all.\n            role=\"status\"\n            className=\"text-sm text-[var(--warning)]\"\n          >\n            {nudge}\n          </motion.p>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":";AAmFI,SAEE,KAFF;AAjFJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB,cAAc;AACxC,SAAS,cAAc;AACvB,SAAS,eAAe;AA8BjB,SAAS,iBACd,MACA,MACmD;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,CAAC,CAAC;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,eAAW,IAAI;AACf,cAAU,KAAK;AACf,SAAK,EACF,KAAK,CAAC,SAAS;AACd,UAAI,UAAW;AACf,UAAI,MAAM,QAAQ,IAAI,EAAG,UAAS,IAAI;AAAA,UACjC,WAAU,IAAI;AAAA,IACrB,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,WAAU,IAAI;AAAA,IAChC,CAAC,EACA,QAAQ,MAAM;AACb,UAAI,CAAC,UAAW,YAAW,KAAK;AAAA,IAClC,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EAEF,GAAG,IAAI;AAEP,SAAO,EAAE,OAAO,SAAS,OAAO;AAClC;AASO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,OAAE,WAAU,wCAAuC;AAAA;AAAA,IAC9B;AAAA,IAAK;AAAA,IAAE;AAAA,IAC3B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,IAAS;AAAA,KAEX;AAEJ;AAgCO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,2CACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,cAAI,OAAQ;AACZ,cAAI,kBAAkB;AACpB,qBAAS,gBAAgB;AACzB;AAAA,UACF;AACA,mBAAS,IAAI;AACb,iBAAO;AAAA,QACT;AAAA,QACA,iBAAe,mBAAmB,OAAO;AAAA,QAIzC,SAAS,mBAAmB,cAAc;AAAA,QAEzC,mBAAS,YAAY;AAAA;AAAA,IACxB,GACF;AAAA,IAEA,oBAAC,mBAAgB,SAAS,OACvB,mBAAS,oBACR;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QAEC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,MAAM,EAAE,SAAS,EAAE;AAAA,QACnB,YAAY,QAAQ;AAAA,QAIpB,MAAK;AAAA,QACL,WAAU;AAAA,QAET;AAAA;AAAA,MAXG;AAAA,IAYN,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/go-live-step-art.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The left panel of a go-live step, drawn from our own tokens.
+ *
+ * NOT AN ILLUSTRATION OF THE TASK — the STATE of it. The map has no pin until
+ * a country is chosen and the card is blank until an account resolves, so the
+ * panel is a readout of the form beside it rather than a picture next to it.
+ * That is the difference between art that builds trust and art that fills a
+ * column: one of them changes when you do something.
+ *
+ * No photographs and no gradients (CLAUDE.md bans the second outright, and the
+ * first is the Cash App set this repo is trying to get out of). Depth is a flat
+ * field, layered surfaces and a grid — the house's own vocabulary.
+ */
+/** A map, abstractly: a grid of streets, and a pin once there is somewhere. */
+export declare function DeliveryArt({ place }: {
+    place?: string;
+}): import("react").JSX.Element;
+/** A payout card, filling in as the bank answers. */
+export declare function PayoutArt({ bank, accountName, }: {
+    bank?: string;
+    accountName?: string | null;
+}): import("react").JSX.Element;

package/dist/dashboard/go-live-step-art.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import { Landmark, MapPin } from "lucide-react";
+import { springs } from "@withpotter/lib/motion";
+function DeliveryArt({ place }) {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden bg-[var(--bg-muted)]", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-0 opacity-60",
+        style: {
+          backgroundImage: "linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px)",
+          backgroundSize: "28px 28px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-0",
+        style: {
+          backgroundImage: "linear-gradient(var(--border-default) 2px, transparent 2px), linear-gradient(90deg, var(--border-default) 2px, transparent 2px)",
+          backgroundSize: "112px 112px"
+        }
+      }
+    ),
+    place && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-full",
+        initial: reduce ? { opacity: 0 } : { opacity: 0, y: -28, scale: 0.8 },
+        animate: { opacity: 1, y: 0, scale: 1 },
+        transition: reduce ? { duration: 0 } : springs.snappy,
+        children: /* @__PURE__ */ jsx("span", { className: "grid size-9 place-items-center rounded-full bg-[var(--brand-500)] text-white shadow-[var(--shadow-md)]", children: /* @__PURE__ */ jsx(MapPin, { className: "size-4" }) })
+      }
+    ),
+    place && /* @__PURE__ */ jsx(
+      motion.p,
+      {
+        initial: reduce ? false : { opacity: 0, y: 6 },
+        animate: { opacity: 1, y: 0 },
+        transition: reduce ? { duration: 0 } : { ...springs.gentle, delay: 0.1 },
+        className: "absolute inset-x-0 bottom-4 text-center text-sm font-medium text-[var(--text-primary)]",
+        children: place
+      }
+    )
+  ] });
+}
+function PayoutArt({
+  bank,
+  accountName
+}) {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grid place-items-center overflow-hidden bg-[var(--bg-muted)] p-6", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: "surface w-full max-w-[240px] p-4",
+      initial: reduce ? false : { opacity: 0, y: 10, rotate: -2 },
+      animate: { opacity: 1, y: 0, rotate: -2 },
+      transition: reduce ? { duration: 0 } : springs.gentle,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "grid size-8 place-items-center rounded-lg bg-[var(--brand-500)] text-white", children: /* @__PURE__ */ jsx(Landmark, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm font-medium text-[var(--text-primary)]", children: bank || "Your bank" }),
+        /* @__PURE__ */ jsx(
+          motion.p,
+          {
+            className: "mt-1 h-4 text-sm text-[var(--text-tertiary)]",
+            initial: false,
+            animate: { opacity: accountName ? 1 : 0.4 },
+            transition: reduce ? { duration: 0 } : springs.gentle,
+            children: accountName || "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022"
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  DeliveryArt,
+  PayoutArt
+};
+//# sourceMappingURL=go-live-step-art.js.map

package/dist/dashboard/go-live-step-art.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-step-art.tsx"],"sourcesContent":["'use client';\n\nimport { motion, useReducedMotion } from 'motion/react';\nimport { Landmark, MapPin } from 'lucide-react';\nimport { springs } from '@withpotter/lib/motion';\n\n/**\n * The left panel of a go-live step, drawn from our own tokens.\n *\n * NOT AN ILLUSTRATION OF THE TASK — the STATE of it. The map has no pin until\n * a country is chosen and the card is blank until an account resolves, so the\n * panel is a readout of the form beside it rather than a picture next to it.\n * That is the difference between art that builds trust and art that fills a\n * column: one of them changes when you do something.\n *\n * No photographs and no gradients (CLAUDE.md bans the second outright, and the\n * first is the Cash App set this repo is trying to get out of). Depth is a flat\n * field, layered surfaces and a grid — the house's own vocabulary.\n */\n\n/** A map, abstractly: a grid of streets, and a pin once there is somewhere. */\nexport function DeliveryArt({ place }: { place?: string }) {\n  const reduce = useReducedMotion();\n\n  return (\n    <div className=\"absolute inset-0 overflow-hidden bg-[var(--bg-muted)]\">\n      {/* Streets. Two rules at different weights read as a map the way two\n          identical grids never do. */}\n      <div\n        aria-hidden\n        className=\"absolute inset-0 opacity-60\"\n        style={{\n          backgroundImage:\n            'linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px)',\n          backgroundSize: '28px 28px',\n        }}\n      />\n      <div\n        aria-hidden\n        className=\"absolute inset-0\"\n        style={{\n          backgroundImage:\n            'linear-gradient(var(--border-default) 2px, transparent 2px), linear-gradient(90deg, var(--border-default) 2px, transparent 2px)',\n          backgroundSize: '112px 112px',\n        }}\n      />\n\n      {/* THE PIN DROPS WHEN THERE IS SOMEWHERE TO DROP IT. Before that the map\n          is empty, which is the honest state: nothing has been said yet. */}\n      {place && (\n        <motion.div\n          className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-full\"\n          initial={reduce ? { opacity: 0 } : { opacity: 0, y: -28, scale: 0.8 }}\n          animate={{ opacity: 1, y: 0, scale: 1 }}\n          transition={reduce ? { duration: 0 } : springs.snappy}\n        >\n          <span className=\"grid size-9 place-items-center rounded-full bg-[var(--brand-500)] text-white shadow-[var(--shadow-md)]\">\n            <MapPin className=\"size-4\" />\n          </span>\n        </motion.div>\n      )}\n\n      {place && (\n        <motion.p\n          initial={reduce ? false : { opacity: 0, y: 6 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={\n            reduce ? { duration: 0 } : { ...springs.gentle, delay: 0.1 }\n          }\n          className=\"absolute inset-x-0 bottom-4 text-center text-sm font-medium text-[var(--text-primary)]\"\n        >\n          {place}\n        </motion.p>\n      )}\n    </div>\n  );\n}\n\n/** A payout card, filling in as the bank answers. */\nexport function PayoutArt({\n  bank,\n  accountName,\n}: {\n  bank?: string;\n  accountName?: string | null;\n}) {\n  const reduce = useReducedMotion();\n\n  return (\n    <div className=\"absolute inset-0 grid place-items-center overflow-hidden bg-[var(--bg-muted)] p-6\">\n      <motion.div\n        className=\"surface w-full max-w-[240px] p-4\"\n        initial={reduce ? false : { opacity: 0, y: 10, rotate: -2 }}\n        animate={{ opacity: 1, y: 0, rotate: -2 }}\n        transition={reduce ? { duration: 0 } : springs.gentle}\n      >\n        <span className=\"grid size-8 place-items-center rounded-lg bg-[var(--brand-500)] text-white\">\n          <Landmark className=\"size-4\" />\n        </span>\n\n        <p className=\"mt-4 text-sm font-medium text-[var(--text-primary)]\">\n          {bank || 'Your bank'}\n        </p>\n\n        {/* The NAME is the event on this panel, as it is on the form: it is the\n            bank confirming whose account this is, and the only thing here the\n            merchant could not have typed themselves. */}\n        <motion.p\n          className=\"mt-1 h-4 text-sm text-[var(--text-tertiary)]\"\n          initial={false}\n          animate={{ opacity: accountName ? 1 : 0.4 }}\n          transition={reduce ? { duration: 0 } : springs.gentle}\n        >\n          {accountName || '•••• ••••'}\n        </motion.p>\n      </motion.div>\n    </div>\n  );\n}\n"],"mappings":";AAyBI,SAGE,KAHF;AAvBJ,SAAS,QAAQ,wBAAwB;AACzC,SAAS,UAAU,cAAc;AACjC,SAAS,eAAe;AAiBjB,SAAS,YAAY,EAAE,MAAM,GAAuB;AACzD,QAAM,SAAS,iBAAiB;AAEhC,SACE,qBAAC,SAAI,WAAU,yDAGb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAIC,SACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,KAAK,OAAO,IAAI;AAAA,QACpE,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,OAAO,EAAE;AAAA,QACtC,YAAY,SAAS,EAAE,UAAU,EAAE,IAAI,QAAQ;AAAA,QAE/C,8BAAC,UAAK,WAAU,0GACd,8BAAC,UAAO,WAAU,UAAS,GAC7B;AAAA;AAAA,IACF;AAAA,IAGD,SACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,SAAS,SAAS,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC7C,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,YACE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,QAAQ,QAAQ,OAAO,IAAI;AAAA,QAE7D,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAGO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,iBAAiB;AAEhC,SACE,oBAAC,SAAI,WAAU,qFACb;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,WAAU;AAAA,MACV,SAAS,SAAS,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI,QAAQ,GAAG;AAAA,MAC1D,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,QAAQ,GAAG;AAAA,MACxC,YAAY,SAAS,EAAE,UAAU,EAAE,IAAI,QAAQ;AAAA,MAE/C;AAAA,4BAAC,UAAK,WAAU,8EACd,8BAAC,YAAS,WAAU,UAAS,GAC/B;AAAA,QAEA,oBAAC,OAAE,WAAU,uDACV,kBAAQ,aACX;AAAA,QAKA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT,SAAS,EAAE,SAAS,cAAc,IAAI,IAAI;AAAA,YAC1C,YAAY,SAAS,EAAE,UAAU,EAAE,IAAI,QAAQ;AAAA,YAE9C,yBAAe;AAAA;AAAA,QAClB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/dashboard/go-live-step-dialog.d.ts

@@ -0,0 +1,40 @@
+/**
+ * A go-live check, opened out into its own room.
+ *
+ * John, 2026-09-07: *"for delivery area we need another modal so when we clcik
+ * it it smart animates just liek how yuo are starting a new business... the
+ * imgaery there coudl be map on the left then the location input or so on the
+ * right"*, and the same for the bank account.
+ *
+ * ── WHY THESE TWO AND NOT THE OTHERS ──
+ *
+ * The gate holds four checks and only two of them come here. Contact is a
+ * field; the catalogue leaves the gate entirely for the screen where a product
+ * is actually made. These two are the ones with a REAL CHOICE inside them —
+ * deliver or let people collect, which bank and whose account — and a choice
+ * needs room to be laid out. A disclosure row is the wrong shape for a
+ * decision: it opens downward into a list that pushes everything below it.
+ *
+ * ── THE SPLIT ──
+ *
+ * Art left, form right, on the same 12px-inset frame language the sign-in door
+ * uses. The art is not decoration: it is the state of the thing being set up —
+ * a map with a pin dropping when a country is chosen, a card filling in as an
+ * account resolves — so the panel shows the merchant what they are building
+ * while they build it. That is the "depth and trust" John asked for, and it is
+ * cheaper and more honest than a stock photograph of a delivery van.
+ *
+ * On a phone the art panel is dropped rather than stacked. Above a form on a
+ * 390px screen it would push the first field under the fold, which is the one
+ * thing a setup dialog must never do.
+ */
+export declare function GoLiveStepDialog({ open, onOpenChange, title, subtitle, art, children, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    /** One line. The gate's rows are instructions; this says what it is for. */
+    subtitle?: string;
+    /** The left panel — the state of the thing, not an illustration of it. */
+    art: React.ReactNode;
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/dashboard/go-live-step-dialog.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@withpotter/ui-kit";
+import { durations, eases, springs } from "@withpotter/lib/motion";
+function GoLiveStepDialog({
+  open,
+  onOpenChange,
+  title,
+  subtitle,
+  art,
+  children
+}) {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-3xl p-0", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-0 md:grid-cols-[minmax(0,320px)_minmax(0,1fr)]", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative hidden overflow-hidden rounded-l-[10px] bg-[var(--bg-subtle)] md:block", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: reduce ? { opacity: 0 } : { opacity: 0, scale: 0.98 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0 },
+        transition: reduce ? { duration: 0 } : { duration: durations.slow, ease: eases.out },
+        className: "absolute inset-0",
+        children: art
+      },
+      title
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 p-4", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--text-secondary)]", children: subtitle }),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "mt-4",
+          initial: reduce ? false : { opacity: 0, y: 8 },
+          animate: { opacity: 1, y: 0 },
+          transition: reduce ? { duration: 0 } : springs.gentle,
+          children
+        }
+      )
+    ] })
+  ] }) }) });
+}
+export {
+  GoLiveStepDialog
+};
+//# sourceMappingURL=go-live-step-dialog.js.map

package/dist/dashboard/go-live-step-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-step-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@withpotter/ui-kit';\nimport { durations, eases, springs } from '@withpotter/lib/motion';\n\n/**\n * A go-live check, opened out into its own room.\n *\n * John, 2026-09-07: *\"for delivery area we need another modal so when we clcik\n * it it smart animates just liek how yuo are starting a new business... the\n * imgaery there coudl be map on the left then the location input or so on the\n * right\"*, and the same for the bank account.\n *\n * ── WHY THESE TWO AND NOT THE OTHERS ──\n *\n * The gate holds four checks and only two of them come here. Contact is a\n * field; the catalogue leaves the gate entirely for the screen where a product\n * is actually made. These two are the ones with a REAL CHOICE inside them —\n * deliver or let people collect, which bank and whose account — and a choice\n * needs room to be laid out. A disclosure row is the wrong shape for a\n * decision: it opens downward into a list that pushes everything below it.\n *\n * ── THE SPLIT ──\n *\n * Art left, form right, on the same 12px-inset frame language the sign-in door\n * uses. The art is not decoration: it is the state of the thing being set up —\n * a map with a pin dropping when a country is chosen, a card filling in as an\n * account resolves — so the panel shows the merchant what they are building\n * while they build it. That is the \"depth and trust\" John asked for, and it is\n * cheaper and more honest than a stock photograph of a delivery van.\n *\n * On a phone the art panel is dropped rather than stacked. Above a form on a\n * 390px screen it would push the first field under the fold, which is the one\n * thing a setup dialog must never do.\n */\nexport function GoLiveStepDialog({\n  open,\n  onOpenChange,\n  title,\n  subtitle,\n  art,\n  children,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  /** One line. The gate's rows are instructions; this says what it is for. */\n  subtitle?: string;\n  /** The left panel — the state of the thing, not an illustration of it. */\n  art: React.ReactNode;\n  children: React.ReactNode;\n}) {\n  const reduce = useReducedMotion();\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-3xl p-0\">\n        <div className=\"grid gap-0 md:grid-cols-[minmax(0,320px)_minmax(0,1fr)]\">\n          {/* Dropped below md, not stacked — see the note above. */}\n          <div className=\"relative hidden overflow-hidden rounded-l-[10px] bg-[var(--bg-subtle)] md:block\">\n            <AnimatePresence mode=\"wait\" initial={false}>\n              <motion.div\n                key={title}\n                initial={reduce ? { opacity: 0 } : { opacity: 0, scale: 0.98 }}\n                animate={{ opacity: 1, scale: 1 }}\n                exit={{ opacity: 0 }}\n                transition={\n                  reduce\n                    ? { duration: 0 }\n                    : { duration: durations.slow, ease: eases.out }\n                }\n                className=\"absolute inset-0\"\n              >\n                {art}\n              </motion.div>\n            </AnimatePresence>\n          </div>\n\n          <div className=\"min-w-0 p-4\">\n            <DialogHeader>\n              <DialogTitle>{title}</DialogTitle>\n            </DialogHeader>\n            {subtitle && (\n              <p className=\"mt-1 text-sm text-[var(--text-secondary)]\">\n                {subtitle}\n              </p>\n            )}\n            <motion.div\n              className=\"mt-4\"\n              initial={reduce ? false : { opacity: 0, y: 8 }}\n              animate={{ opacity: 1, y: 0 }}\n              transition={reduce ? { duration: 0 } : springs.gentle}\n            >\n              {children}\n            </motion.div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAmEc,cAiBJ,YAjBI;AAjEd,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,OAAO,eAAe;AAgCnC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,SAAS,iBAAiB;AAEhC,SACE,oBAAC,UAAO,MAAY,cAClB,8BAAC,iBAAc,WAAU,iBACvB,+BAAC,SAAI,WAAU,2DAEb;AAAA,wBAAC,SAAI,WAAU,mFACb,8BAAC,mBAAgB,MAAK,QAAO,SAAS,OACpC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QAEC,SAAS,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,QAC7D,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,QAChC,MAAM,EAAE,SAAS,EAAE;AAAA,QACnB,YACE,SACI,EAAE,UAAU,EAAE,IACd,EAAE,UAAU,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,QAElD,WAAU;AAAA,QAET;AAAA;AAAA,MAXI;AAAA,IAYP,GACF,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,gBACC,8BAAC,eAAa,iBAAM,GACtB;AAAA,MACC,YACC,oBAAC,OAAE,WAAU,6CACV,oBACH;AAAA,MAEF;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,WAAU;AAAA,UACV,SAAS,SAAS,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,UAC7C,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,UAC5B,YAAY,SAAS,EAAE,UAAU,EAAE,IAAI,QAAQ;AAAA,UAE9C;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/dashboard/go-live-steps.d.ts

@@ -0,0 +1,35 @@
+/**
+ * The two go-live checks that open into their own room, and what is in them.
+ *
+ * Split from the gate so that file stays a list. The gate's job is to say what
+ * is missing; this one's is to fix two particular things, and the two jobs kept
+ * growing into each other.
+ */
+export type StepKey = 'reachable' | 'payable';
+/**
+ * HOW AN ORDER REACHES SOMEBODY, and there are two honest answers.
+ *
+ * The server has accepted either since the check was written — a delivery zone
+ * OR a pickup point — because a shop people walk into is a real shop. Only the
+ * first was ever offered, so a business that does not deliver was told to
+ * invent a delivery area to get past a gate about being reachable.
+ *
+ * NOT OFFERED: handing delivery to a courier. The couriers in this repo
+ * (Chowdeck, Gokada, Fez, GIG) are wired as ORDERING channels under Sales
+ * channels — they bring you orders, they do not carry yours — so an option
+ * here would be a button that cannot do what it says. It is a real gap and it
+ * is its own piece of work, not a third radio.
+ */
+export declare function DeliveryStep({ open, onOpenChange, tenantSlug, onFixed, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tenantSlug: string;
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;
+/** Where the money lands. One answer, and the bank confirms it. */
+export declare function PayoutStep({ open, onOpenChange, tenantSlug, onFixed, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tenantSlug: string;
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;

package/dist/dashboard/go-live-steps.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { OptionButton } from "@withpotter/ui-kit";
+import {
+  CollectionQuickSetup,
+  DeliveryQuickSetup,
+  PayoutQuickSetup
+} from "./go-live-quick-setup";
+import { GoLiveStepDialog } from "./go-live-step-dialog";
+import { DeliveryArt, PayoutArt } from "./go-live-step-art";
+function DeliveryStep({
+  open,
+  onOpenChange,
+  tenantSlug,
+  onFixed
+}) {
+  const [mode, setMode] = useState("deliver");
+  const [place, setPlace] = useState("");
+  return /* @__PURE__ */ jsxs(
+    GoLiveStepDialog,
+    {
+      open,
+      onOpenChange,
+      title: "Where orders go",
+      subtitle: "Your checkout builds its address list from this. Either answer opens it.",
+      art: /* @__PURE__ */ jsx(DeliveryArt, { place }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            OptionButton,
+            {
+              selected: mode === "deliver",
+              onClick: () => setMode("deliver"),
+              children: "I deliver"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            OptionButton,
+            {
+              selected: mode === "collect",
+              onClick: () => setMode("collect"),
+              children: "Customers collect"
+            }
+          )
+        ] }),
+        mode === "deliver" ? /* @__PURE__ */ jsx(
+          DeliveryQuickSetup,
+          {
+            tenantSlug,
+            onFixed,
+            onOpenSettings: () => onOpenChange(false),
+            onPlaceChange: setPlace
+          }
+        ) : /* @__PURE__ */ jsx(CollectionQuickSetup, { tenantSlug, onFixed })
+      ]
+    }
+  );
+}
+function PayoutStep({
+  open,
+  onOpenChange,
+  tenantSlug,
+  onFixed
+}) {
+  const [bank, setBank] = useState("");
+  const [accountName, setAccountName] = useState(null);
+  return /* @__PURE__ */ jsx(
+    GoLiveStepDialog,
+    {
+      open,
+      onOpenChange,
+      title: "Where money lands",
+      subtitle: "Cards settle into this account. The bank confirms the name before anything is saved.",
+      art: /* @__PURE__ */ jsx(PayoutArt, { bank, accountName }),
+      children: /* @__PURE__ */ jsx(
+        PayoutQuickSetup,
+        {
+          tenantSlug,
+          onFixed,
+          onOpenSettings: () => onOpenChange(false),
+          onBankChange: setBank,
+          onAccountNameChange: setAccountName
+        }
+      )
+    }
+  );
+}
+export {
+  DeliveryStep,
+  PayoutStep
+};
+//# sourceMappingURL=go-live-steps.js.map

package/dist/dashboard/go-live-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-steps.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { OptionButton } from '@withpotter/ui-kit';\nimport {\n  CollectionQuickSetup,\n  DeliveryQuickSetup,\n  PayoutQuickSetup,\n} from './go-live-quick-setup';\nimport { GoLiveStepDialog } from './go-live-step-dialog';\nimport { DeliveryArt, PayoutArt } from './go-live-step-art';\n\n/**\n * The two go-live checks that open into their own room, and what is in them.\n *\n * Split from the gate so that file stays a list. The gate's job is to say what\n * is missing; this one's is to fix two particular things, and the two jobs kept\n * growing into each other.\n */\n\nexport type StepKey = 'reachable' | 'payable';\n\n/**\n * HOW AN ORDER REACHES SOMEBODY, and there are two honest answers.\n *\n * The server has accepted either since the check was written — a delivery zone\n * OR a pickup point — because a shop people walk into is a real shop. Only the\n * first was ever offered, so a business that does not deliver was told to\n * invent a delivery area to get past a gate about being reachable.\n *\n * NOT OFFERED: handing delivery to a courier. The couriers in this repo\n * (Chowdeck, Gokada, Fez, GIG) are wired as ORDERING channels under Sales\n * channels — they bring you orders, they do not carry yours — so an option\n * here would be a button that cannot do what it says. It is a real gap and it\n * is its own piece of work, not a third radio.\n */\nexport function DeliveryStep({\n  open,\n  onOpenChange,\n  tenantSlug,\n  onFixed,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  tenantSlug: string;\n  onFixed: () => void | Promise<void>;\n}) {\n  const [mode, setMode] = useState<'deliver' | 'collect'>('deliver');\n  const [place, setPlace] = useState('');\n\n  return (\n    <GoLiveStepDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      title=\"Where orders go\"\n      subtitle=\"Your checkout builds its address list from this. Either answer opens it.\"\n      art={<DeliveryArt place={place} />}\n    >\n      {/* A choice that is CHOSEN, not fired — `OptionButton`, per CLAUDE.md,\n          and not a tab: it lives inside a dialog and narrows nothing. */}\n      <div className=\"flex gap-2\">\n        <OptionButton\n          selected={mode === 'deliver'}\n          onClick={() => setMode('deliver')}\n        >\n          I deliver\n        </OptionButton>\n        <OptionButton\n          selected={mode === 'collect'}\n          onClick={() => setMode('collect')}\n        >\n          Customers collect\n        </OptionButton>\n      </div>\n\n      {mode === 'deliver' ? (\n        <DeliveryQuickSetup\n          tenantSlug={tenantSlug}\n          onFixed={onFixed}\n          onOpenSettings={() => onOpenChange(false)}\n          onPlaceChange={setPlace}\n        />\n      ) : (\n        <CollectionQuickSetup tenantSlug={tenantSlug} onFixed={onFixed} />\n      )}\n    </GoLiveStepDialog>\n  );\n}\n\n/** Where the money lands. One answer, and the bank confirms it. */\nexport function PayoutStep({\n  open,\n  onOpenChange,\n  tenantSlug,\n  onFixed,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  tenantSlug: string;\n  onFixed: () => void | Promise<void>;\n}) {\n  const [bank, setBank] = useState('');\n  const [accountName, setAccountName] = useState<string | null>(null);\n\n  return (\n    <GoLiveStepDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      title=\"Where money lands\"\n      subtitle=\"Cards settle into this account. The bank confirms the name before anything is saved.\"\n      art={<PayoutArt bank={bank} accountName={accountName} />}\n    >\n      <PayoutQuickSetup\n        tenantSlug={tenantSlug}\n        onFixed={onFixed}\n        onOpenSettings={() => onOpenChange(false)}\n        onBankChange={setBank}\n        onAccountNameChange={setAccountName}\n      />\n    </GoLiveStepDialog>\n  );\n}\n"],"mappings":";AAwDW,cAIL,YAJK;AAtDX,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,aAAa,iBAAiB;AA0BhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgC,SAAS;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAM;AAAA,MACN,UAAS;AAAA,MACT,KAAK,oBAAC,eAAY,OAAc;AAAA,MAIhC;AAAA,6BAAC,SAAI,WAAU,cACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,SAAS;AAAA,cACnB,SAAS,MAAM,QAAQ,SAAS;AAAA,cACjC;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,SAAS;AAAA,cACnB,SAAS,MAAM,QAAQ,SAAS;AAAA,cACjC;AAAA;AAAA,UAED;AAAA,WACF;AAAA,QAEC,SAAS,YACR;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,gBAAgB,MAAM,aAAa,KAAK;AAAA,YACxC,eAAe;AAAA;AAAA,QACjB,IAEA,oBAAC,wBAAqB,YAAwB,SAAkB;AAAA;AAAA;AAAA,EAEpE;AAEJ;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAM;AAAA,MACN,UAAS;AAAA,MACT,KAAK,oBAAC,aAAU,MAAY,aAA0B;AAAA,MAEtD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAgB,MAAM,aAAa,KAAK;AAAA,UACxC,cAAc;AAAA,UACd,qBAAqB;AAAA;AAAA,MACvB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/dashboard/home/ask-assembling.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The four collections the typeahead actually reads.
+ *
+ * These are not a description of the feature, they are the four requests in
+ * `useCommandSearch`'s `Promise.all`. If that list changes, this one is wrong
+ * and the loading state has started lying — which is the failure mode this
+ * whole file exists to avoid, so they are named identically and defined once.
+ */
+export declare function searchSources(order: {
+    plural: string;
+}): string[];
+export declare function AskAssembling({ sources, 
+/** True while the requests are still out. The floor is applied on top. */
+working, onDone, }: {
+    sources: string[];
+    working: boolean;
+    onDone: () => void;
+}): import("react").JSX.Element;