@withpotter/components 0.13.0-next.101

package/dist/dashboard/first-run-welcome.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { BarChart3, Globe, Package, Wallet } from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useEntityLabel } from "@withpotter/lib/intents/use-entity-label";
+import { takeFirstRun, endFirstRun } from "@withpotter/lib/first-run";
+import { durations } from "@withpotter/lib/motion";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogDescription
+} from "@withpotter/ui-kit";
+function FirstRunWelcome() {
+  const { tenant } = useAuth();
+  const item = useEntityLabel("item");
+  const [open, setOpen] = useState(
+    () => typeof window === "undefined" ? false : takeFirstRun()
+  );
+  const reduce = useReducedMotion();
+  const [loading, setLoading] = useState(false);
+  const features = [
+    { Icon: Package, label: `Manage your ${item.plural.toLowerCase()}` },
+    { Icon: Wallet, label: "Get paid straight to your bank" },
+    { Icon: Globe, label: "Put your business online with a website" },
+    { Icon: BarChart3, label: "See your sales and customers in one place" }
+  ];
+  const name = tenant?.businessName || tenant?.slug || "";
+  const close = () => {
+    endFirstRun();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (value) => {
+        if (!value) close();
+      },
+      children: /* @__PURE__ */ jsx(
+        DialogContent,
+        {
+          onOpenAutoFocus: (e) => e.preventDefault(),
+          className: "max-w-xl gap-0 overflow-hidden border-0 bg-white p-0 text-[var(--matte-900)] [&_button.absolute]:bg-transparent [&_button.absolute]:text-[var(--matte-900)] [&_button.absolute:hover]:bg-[var(--error-bg)] [&_button.absolute:hover]:text-[var(--error)]",
+          children: /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-[12rem_1fr]", children: [
+            /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "relative hidden md:block", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: "/onboarding/welcome.jpg",
+                alt: "",
+                draggable: false,
+                className: "absolute inset-0 h-full w-full object-cover",
+                style: { objectPosition: "55% 45%" }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start px-6 pb-6 pt-6", children: [
+              /* @__PURE__ */ jsxs(DialogTitle, { className: "text-2xl font-semibold leading-snug text-[var(--matte-900)]", children: [
+                "Get ",
+                name || "your business",
+                " ready"
+              ] }),
+              /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Complete the setup checklist for your business." }),
+              /* @__PURE__ */ jsx("ul", { className: "mt-4 w-full", children: features.map(({ Icon, label }) => /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: "flex w-full items-center gap-3 py-1 text-md",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "grid size-8 shrink-0 place-items-center rounded-lg bg-[color-mix(in_srgb,var(--matte-900)_5%,transparent)]", children: /* @__PURE__ */ jsx(Icon, { className: "size-4" }) }),
+                    label
+                  ]
+                },
+                label
+              )) }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "relative mt-4 flex h-10 w-full items-center justify-center overflow-hidden rounded-lg bg-[var(--matte-900)] text-md font-semibold text-white transition-colors hover:bg-[var(--matte-700)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
+                  "aria-busy": loading,
+                  onClick: () => {
+                    if (loading) return;
+                    if (reduce) close();
+                    else setLoading(true);
+                  },
+                  children: [
+                    loading && /* @__PURE__ */ jsx(
+                      motion.span,
+                      {
+                        "aria-hidden": true,
+                        className: "absolute inset-0 origin-left bg-[var(--brand-500)]",
+                        initial: { scaleX: 0 },
+                        animate: { scaleX: 1 },
+                        transition: { duration: durations.slow * 3, ease: "linear" },
+                        onAnimationComplete: close
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "relative", children: "Get started" })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  FirstRunWelcome
+};
+//# sourceMappingURL=first-run-welcome.js.map

package/dist/dashboard/first-run-welcome.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/first-run-welcome.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { BarChart3, Globe, Package, Wallet } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useEntityLabel } from '@withpotter/lib/intents/use-entity-label';\nimport { takeFirstRun, endFirstRun } from '@withpotter/lib/first-run';\nimport { durations } from '@withpotter/lib/motion';\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n} from '@withpotter/ui-kit';\n\n/**\n * The one-time arrival moment: what the app can do for this business, with a\n * single way in. It lists capabilities, not tasks — the setup checklist stays\n * on the dashboard home, where it can be picked up and finished at any time.\n */\nexport function FirstRunWelcome() {\n  const { tenant } = useAuth();\n  const item = useEntityLabel('item');\n  const [open, setOpen] = useState(() =>\n    typeof window === 'undefined' ? false : takeFirstRun(),\n  );\n\n  const reduce = useReducedMotion();\n  const [loading, setLoading] = useState(false);\n\n  const features = [\n    { Icon: Package, label: `Manage your ${item.plural.toLowerCase()}` },\n    { Icon: Wallet, label: 'Get paid straight to your bank' },\n    { Icon: Globe, label: 'Put your business online with a website' },\n    { Icon: BarChart3, label: 'See your sales and customers in one place' },\n  ];\n  const name = tenant?.businessName || tenant?.slug || '';\n\n  const close = () => {\n    endFirstRun();\n    setOpen(false);\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(value) => {\n        if (!value) close();\n      }}\n    >\n      <DialogContent\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        className=\"max-w-xl gap-0 overflow-hidden border-0 bg-white p-0 text-[var(--matte-900)] [&_button.absolute]:bg-transparent [&_button.absolute]:text-[var(--matte-900)] [&_button.absolute:hover]:bg-[var(--error-bg)] [&_button.absolute:hover]:text-[var(--error)]\"\n      >\n        <div className=\"grid md:grid-cols-[12rem_1fr]\">\n          <div aria-hidden className=\"relative hidden md:block\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img\n              src=\"/onboarding/welcome.jpg\"\n              alt=\"\"\n              draggable={false}\n              className=\"absolute inset-0 h-full w-full object-cover\"\n              style={{ objectPosition: '55% 45%' }}\n            />\n          </div>\n\n          <div className=\"flex flex-col items-start px-6 pb-6 pt-6\">\n            <DialogTitle className=\"text-2xl font-semibold leading-snug text-[var(--matte-900)]\">\n              Get {name || 'your business'} ready\n            </DialogTitle>\n            <DialogDescription className=\"sr-only\">\n              Complete the setup checklist for your business.\n            </DialogDescription>\n\n            <ul className=\"mt-4 w-full\">\n              {features.map(({ Icon, label }) => (\n                <li\n                  key={label}\n                  className=\"flex w-full items-center gap-3 py-1 text-md\"\n                >\n                  <span className=\"grid size-8 shrink-0 place-items-center rounded-lg bg-[color-mix(in_srgb,var(--matte-900)_5%,transparent)]\">\n                    <Icon className=\"size-4\" />\n                  </span>\n                  {label}\n                </li>\n              ))}\n            </ul>\n\n            <button\n              type=\"button\"\n              className=\"relative mt-4 flex h-10 w-full items-center justify-center overflow-hidden rounded-lg bg-[var(--matte-900)] text-md font-semibold text-white transition-colors hover:bg-[var(--matte-700)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]\"\n              aria-busy={loading}\n              onClick={() => {\n                if (loading) return;\n                if (reduce) close();\n                else setLoading(true);\n              }}\n            >\n              {/* The press is answered with a bar filling left to right, and the\n                  modal closes when it is full. A loading bar is not a\n                  transition, so it runs longer than the 300ms ceiling those\n                  keep to. */}\n              {loading && (\n                <motion.span\n                  aria-hidden\n                  className=\"absolute inset-0 origin-left bg-[var(--brand-500)]\"\n                  initial={{ scaleX: 0 }}\n                  animate={{ scaleX: 1 }}\n                  transition={{ duration: durations.slow * 3, ease: 'linear' }}\n                  onAnimationComplete={close}\n                />\n              )}\n              <span className=\"relative\">Get started</span>\n            </button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA0DY,cAUA,YAVA;AAxDZ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,WAAW,OAAO,SAAS,cAAc;AAClD,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,SAAS,kBAAkB;AAChC,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,OAAO,eAAe,MAAM;AAClC,QAAM,CAAC,MAAM,OAAO,IAAI;AAAA,IAAS,MAC/B,OAAO,WAAW,cAAc,QAAQ,aAAa;AAAA,EACvD;AAEA,QAAM,SAAS,iBAAiB;AAChC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,WAAW;AAAA,IACf,EAAE,MAAM,SAAS,OAAO,eAAe,KAAK,OAAO,YAAY,CAAC,GAAG;AAAA,IACnE,EAAE,MAAM,QAAQ,OAAO,iCAAiC;AAAA,IACxD,EAAE,MAAM,OAAO,OAAO,0CAA0C;AAAA,IAChE,EAAE,MAAM,WAAW,OAAO,4CAA4C;AAAA,EACxE;AACA,QAAM,OAAO,QAAQ,gBAAgB,QAAQ,QAAQ;AAErD,QAAM,QAAQ,MAAM;AAClB,gBAAY;AACZ,YAAQ,KAAK;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,YAAI,CAAC,MAAO,OAAM;AAAA,MACpB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB,CAAC,MAAM,EAAE,eAAe;AAAA,UACzC,WAAU;AAAA,UAEV,+BAAC,SAAI,WAAU,iCACb;AAAA,gCAAC,SAAI,eAAW,MAAC,WAAU,4BAEzB;AAAA,cAAC;AAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,KAAI;AAAA,gBACJ,WAAW;AAAA,gBACX,WAAU;AAAA,gBACV,OAAO,EAAE,gBAAgB,UAAU;AAAA;AAAA,YACrC,GACF;AAAA,YAEA,qBAAC,SAAI,WAAU,4CACb;AAAA,mCAAC,eAAY,WAAU,+DAA8D;AAAA;AAAA,gBAC9E,QAAQ;AAAA,gBAAgB;AAAA,iBAC/B;AAAA,cACA,oBAAC,qBAAkB,WAAU,WAAU,6DAEvC;AAAA,cAEA,oBAAC,QAAG,WAAU,eACX,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,MAC3B;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAU;AAAA,kBAEV;AAAA,wCAAC,UAAK,WAAU,8GACd,8BAAC,QAAK,WAAU,UAAS,GAC3B;AAAA,oBACC;AAAA;AAAA;AAAA,gBANI;AAAA,cAOP,CACD,GACH;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,aAAW;AAAA,kBACX,SAAS,MAAM;AACb,wBAAI,QAAS;AACb,wBAAI,OAAQ,OAAM;AAAA,wBACb,YAAW,IAAI;AAAA,kBACtB;AAAA,kBAMC;AAAA,+BACC;AAAA,sBAAC,OAAO;AAAA,sBAAP;AAAA,wBACC,eAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,EAAE,QAAQ,EAAE;AAAA,wBACrB,SAAS,EAAE,QAAQ,EAAE;AAAA,wBACrB,YAAY,EAAE,UAAU,UAAU,OAAO,GAAG,MAAM,SAAS;AAAA,wBAC3D,qBAAqB;AAAA;AAAA,oBACvB;AAAA,oBAEF,oBAAC,UAAK,WAAU,YAAW,yBAAW;AAAA;AAAA;AAAA,cACxC;AAAA,eACF;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/dashboard/getting-started-cta.d.ts

@@ -0,0 +1,11 @@
+interface GettingStartedCtaProps {
+    contentTypeSingular: string;
+    contentTypeName: string;
+    primaryContentHref: string;
+}
+/**
+ * Hero CTA shown when the store has zero products/content.
+ * Prompts the user to add their first item.
+ */
+export declare function GettingStartedCta({ contentTypeSingular, contentTypeName, primaryContentHref, }: GettingStartedCtaProps): import("react").JSX.Element;
+export {};

package/dist/dashboard/getting-started-cta.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Package, ArrowRight } from "lucide-react";
+function GettingStartedCta({
+  contentTypeSingular,
+  contentTypeName,
+  primaryContentHref
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-gradient-to-br from-brand-500 to-brand-600 rounded-md p-6 text-white", children: [
+    /* @__PURE__ */ jsxs("h2", { className: "text-lg font-semibold mb-2", children: [
+      "Add your first ",
+      contentTypeSingular.toLowerCase()
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-white/70 text-sm mb-4", children: [
+      "Your store is ready! Add ",
+      contentTypeName.toLowerCase(),
+      " to show customers what you offer."
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: primaryContentHref,
+        className: "inline-flex items-center gap-2 px-4 py-2 bg-[var(--bg-base)] text-brand-500 font-medium text-sm rounded-md hover:bg-[var(--interactive-hover)] transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(Package, { className: "size-4" }),
+          "Add ",
+          contentTypeSingular.toLowerCase(),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  GettingStartedCta
+};
+//# sourceMappingURL=getting-started-cta.js.map

package/dist/dashboard/getting-started-cta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/getting-started-cta.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { Package, ArrowRight } from 'lucide-react';\n\ninterface GettingStartedCtaProps {\n  contentTypeSingular: string;\n  contentTypeName: string;\n  primaryContentHref: string;\n}\n\n/**\n * Hero CTA shown when the store has zero products/content.\n * Prompts the user to add their first item.\n */\nexport function GettingStartedCta({\n  contentTypeSingular,\n  contentTypeName,\n  primaryContentHref,\n}: GettingStartedCtaProps) {\n  return (\n    <div className=\"bg-gradient-to-br from-brand-500 to-brand-600 rounded-md p-6 text-white\">\n      <h2 className=\"text-lg font-semibold mb-2\">\n        Add your first {contentTypeSingular.toLowerCase()}\n      </h2>\n      <p className=\"text-white/70 text-sm mb-4\">\n        Your store is ready! Add {contentTypeName.toLowerCase()} to show\n        customers what you offer.\n      </p>\n      <Link\n        href={primaryContentHref}\n        className=\"inline-flex items-center gap-2 px-4 py-2 bg-[var(--bg-base)] text-brand-500 font-medium text-sm rounded-md hover:bg-[var(--interactive-hover)] transition-colors\"\n      >\n        <Package className=\"size-4\" />\n        Add {contentTypeSingular.toLowerCase()}\n        <ArrowRight className=\"size-4\" />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"AAoBM,SAWE,KAXF;AApBN,OAAO,UAAU;AACjB,SAAS,SAAS,kBAAkB;AAY7B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,qBAAC,SAAI,WAAU,2EACb;AAAA,yBAAC,QAAG,WAAU,8BAA6B;AAAA;AAAA,MACzB,oBAAoB,YAAY;AAAA,OAClD;AAAA,IACA,qBAAC,OAAE,WAAU,8BAA6B;AAAA;AAAA,MACd,gBAAgB,YAAY;AAAA,MAAE;AAAA,OAE1D;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,WAAU;AAAA,QAEV;AAAA,8BAAC,WAAQ,WAAU,UAAS;AAAA,UAAE;AAAA,UACzB,oBAAoB,YAAY;AAAA,UACrC,oBAAC,cAAW,WAAU,UAAS;AAAA;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,24 @@
+/**
+ * The go-live artwork, drawn from our own tokens.
+ *
+ * NOT A STOCK PNG, and not a photograph. The house already settled this once:
+ * `widget-art` replaced eleven of Shopify's admin illustrations that had been
+ * shipping on staging with miniatures built out of surfaces, bars and brand
+ * colour, and `public/art/README.md` reserves the photographed-object route for
+ * empty states with a registry behind it. A dialog that appears for ten seconds
+ * at the biggest moment in the product does not need a 512px photograph; it
+ * needs something that moves.
+ *
+ * Both pieces are the same object — the merchant's own storefront, as a card —
+ * in its two states. That is deliberate: the shop you are asked to finish and
+ * the shop that just opened should be recognisably one thing, or the second
+ * modal reads as a different product congratulating you.
+ */
+/** The window blind, half drawn. A shop that is not open yet. */
+export declare function ShopClosedArt(): import("react").JSX.Element;
+/**
+ * The same shop, open — and this one only plays once, because it is a landing,
+ * not an idle. The blind lifts clear, the shelves fill with the brand, and the
+ * sign swings in on an overshoot a beat later.
+ */
+export declare function ShopOpenArt(): import("react").JSX.Element;

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

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import { durations, eases, springs } from "@withpotter/lib/motion";
+function ShopClosedArt() {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: "relative mx-auto h-[104px] w-[168px] select-none",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "surface absolute inset-x-0 bottom-0 top-2 overflow-hidden p-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "block h-2 w-10 rounded-full bg-[var(--border-strong)]" }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex gap-2 opacity-35", children: [
+            /* @__PURE__ */ jsx("span", { className: "block h-8 w-8 rounded-md bg-amber-400" }),
+            /* @__PURE__ */ jsx("span", { className: "block h-8 w-8 rounded-md bg-rose-400" }),
+            /* @__PURE__ */ jsx("span", { className: "block h-8 w-8 rounded-md bg-[var(--brand-500)]" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "mt-2 block h-1.5 w-16 rounded-full bg-[var(--border-default)]" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "absolute inset-x-0 top-2 rounded-t-[10px] bg-[var(--bg-muted)]",
+            style: { borderBottom: "2px solid var(--border-strong)" },
+            initial: { height: 34 },
+            animate: reduce ? { height: 34 } : { height: [34, 30, 34] },
+            transition: reduce ? { duration: 0 } : { duration: 3.2, repeat: Infinity, ease: eases.swift },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "absolute inset-x-2 top-2 block h-px bg-[var(--border-default)]" }),
+              /* @__PURE__ */ jsx("span", { className: "absolute inset-x-2 top-4 block h-px bg-[var(--border-default)]" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ShopOpenArt() {
+  const reduce = useReducedMotion();
+  const tile = "block h-8 w-8 rounded-md";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: "relative mx-auto h-[104px] w-[168px] select-none",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "surface absolute inset-x-0 bottom-0 top-2 overflow-hidden p-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "block h-2 w-10 rounded-full bg-[var(--border-strong)]" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-2", children: ["bg-amber-400", "bg-rose-400", "bg-[var(--brand-500)]"].map(
+            (fill, i) => /* @__PURE__ */ jsx(
+              motion.span,
+              {
+                className: `${tile} ${fill}`,
+                initial: reduce ? false : { scale: 0.6, opacity: 0 },
+                animate: { scale: 1, opacity: 1 },
+                transition: reduce ? { duration: 0 } : { ...springs.gentle, delay: 0.25 + i * 0.07 }
+              },
+              fill
+            )
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "mt-2 block h-1.5 w-16 rounded-full bg-[var(--border-default)]" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "absolute inset-x-0 top-2 rounded-t-[10px] bg-[var(--bg-subtle)] shadow-[var(--shadow-sm)]",
+            style: { borderBottom: "2px solid var(--border-strong)" },
+            initial: reduce ? { height: 6 } : { height: 62 },
+            animate: { height: 6 },
+            transition: reduce ? { duration: 0 } : { duration: durations.slow, ease: eases.out }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: "absolute -right-1 bottom-3 rounded-full bg-[var(--brand-500)] px-2 py-1 text-2xs font-semibold uppercase tracking-wide text-white shadow-[var(--shadow-md)]",
+            initial: reduce ? false : { scale: 0.4, opacity: 0, rotate: -12 },
+            animate: { scale: 1, opacity: 1, rotate: -4 },
+            transition: reduce ? { duration: 0 } : { ...springs.snappy, delay: 0.5 },
+            children: "Open"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ShopClosedArt,
+  ShopOpenArt
+};
+//# sourceMappingURL=go-live-art.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-art.tsx"],"sourcesContent":["'use client';\n\nimport { motion, useReducedMotion } from 'motion/react';\nimport { durations, eases, springs } from '@withpotter/lib/motion';\n\n/**\n * The go-live artwork, drawn from our own tokens.\n *\n * NOT A STOCK PNG, and not a photograph. The house already settled this once:\n * `widget-art` replaced eleven of Shopify's admin illustrations that had been\n * shipping on staging with miniatures built out of surfaces, bars and brand\n * colour, and `public/art/README.md` reserves the photographed-object route for\n * empty states with a registry behind it. A dialog that appears for ten seconds\n * at the biggest moment in the product does not need a 512px photograph; it\n * needs something that moves.\n *\n * Both pieces are the same object — the merchant's own storefront, as a card —\n * in its two states. That is deliberate: the shop you are asked to finish and\n * the shop that just opened should be recognisably one thing, or the second\n * modal reads as a different product congratulating you.\n */\n\n/** The window blind, half drawn. A shop that is not open yet. */\nexport function ShopClosedArt() {\n  const reduce = useReducedMotion();\n\n  return (\n    <div\n      aria-hidden\n      className=\"relative mx-auto h-[104px] w-[168px] select-none\"\n    >\n      {/* The storefront card. The shelves are drawn in the SAME three colours\n          the open state uses, held back to 35% — so going live reads as the\n          lights coming on in a shop that was already stocked, not as three new\n          objects appearing. */}\n      <div className=\"surface absolute inset-x-0 bottom-0 top-2 overflow-hidden p-3\">\n        <span className=\"block h-2 w-10 rounded-full bg-[var(--border-strong)]\" />\n        <div className=\"mt-4 flex gap-2 opacity-35\">\n          <span className=\"block h-8 w-8 rounded-md bg-amber-400\" />\n          <span className=\"block h-8 w-8 rounded-md bg-rose-400\" />\n          <span className=\"block h-8 w-8 rounded-md bg-[var(--brand-500)]\" />\n        </div>\n        <span className=\"mt-2 block h-1.5 w-16 rounded-full bg-[var(--border-default)]\" />\n      </div>\n\n      {/* The shutter, PART way down — the first pass had it at 62 of 96px and\n          the piece read as a grey box rather than as a shop that is not open.\n          A shutter you can see under is the whole idea: the shelves are\n          stocked, the shop is just shut. It breathes rather than playing once,\n          because a still illustration in a dialog reads as an image. */}\n      <motion.div\n        className=\"absolute inset-x-0 top-2 rounded-t-[10px] bg-[var(--bg-muted)]\"\n        style={{ borderBottom: '2px solid var(--border-strong)' }}\n        initial={{ height: 34 }}\n        animate={reduce ? { height: 34 } : { height: [34, 30, 34] }}\n        transition={\n          reduce\n            ? { duration: 0 }\n            : { duration: 3.2, repeat: Infinity, ease: eases.swift }\n        }\n      >\n        {/* Slats, so it is a shutter and not a bar. */}\n        <span className=\"absolute inset-x-2 top-2 block h-px bg-[var(--border-default)]\" />\n        <span className=\"absolute inset-x-2 top-4 block h-px bg-[var(--border-default)]\" />\n      </motion.div>\n    </div>\n  );\n}\n\n/**\n * The same shop, open — and this one only plays once, because it is a landing,\n * not an idle. The blind lifts clear, the shelves fill with the brand, and the\n * sign swings in on an overshoot a beat later.\n */\nexport function ShopOpenArt() {\n  const reduce = useReducedMotion();\n  const tile = 'block h-8 w-8 rounded-md';\n\n  return (\n    <div\n      aria-hidden\n      className=\"relative mx-auto h-[104px] w-[168px] select-none\"\n    >\n      <div className=\"surface absolute inset-x-0 bottom-0 top-2 overflow-hidden p-3\">\n        <span className=\"block h-2 w-10 rounded-full bg-[var(--border-strong)]\" />\n        <div className=\"mt-4 flex gap-2\">\n          {['bg-amber-400', 'bg-rose-400', 'bg-[var(--brand-500)]'].map(\n            (fill, i) => (\n              <motion.span\n                key={fill}\n                className={`${tile} ${fill}`}\n                initial={reduce ? false : { scale: 0.6, opacity: 0 }}\n                animate={{ scale: 1, opacity: 1 }}\n                transition={\n                  reduce\n                    ? { duration: 0 }\n                    : { ...springs.gentle, delay: 0.25 + i * 0.07 }\n                }\n              />\n            ),\n          )}\n        </div>\n        <span className=\"mt-2 block h-1.5 w-16 rounded-full bg-[var(--border-default)]\" />\n      </div>\n\n      {/* The blind goes UP and out of frame. */}\n      <motion.div\n        className=\"absolute inset-x-0 top-2 rounded-t-[10px] bg-[var(--bg-subtle)] shadow-[var(--shadow-sm)]\"\n        style={{ borderBottom: '2px solid var(--border-strong)' }}\n        initial={reduce ? { height: 6 } : { height: 62 }}\n        animate={{ height: 6 }}\n        transition={\n          reduce\n            ? { duration: 0 }\n            : { duration: durations.slow, ease: eases.out }\n        }\n      />\n\n      {/* OPEN, on a swinging sign. It arrives last and overshoots, which is\n          the whole point of the piece — the moment has to land, not fade in. */}\n      <motion.span\n        className=\"absolute -right-1 bottom-3 rounded-full bg-[var(--brand-500)] px-2 py-1 text-2xs font-semibold uppercase tracking-wide text-white shadow-[var(--shadow-md)]\"\n        initial={reduce ? false : { scale: 0.4, opacity: 0, rotate: -12 }}\n        animate={{ scale: 1, opacity: 1, rotate: -4 }}\n        transition={\n          reduce ? { duration: 0 } : { ...springs.snappy, delay: 0.5 }\n        }\n      >\n        Open\n      </motion.span>\n    </div>\n  );\n}\n"],"mappings":";AAoCQ,cACA,YADA;AAlCR,SAAS,QAAQ,wBAAwB;AACzC,SAAS,WAAW,OAAO,eAAe;AAoBnC,SAAS,gBAAgB;AAC9B,QAAM,SAAS,iBAAiB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAU;AAAA,MAMV;AAAA,6BAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,UAAK,WAAU,yDAAwD;AAAA,UACxE,qBAAC,SAAI,WAAU,8BACb;AAAA,gCAAC,UAAK,WAAU,yCAAwC;AAAA,YACxD,oBAAC,UAAK,WAAU,wCAAuC;AAAA,YACvD,oBAAC,UAAK,WAAU,kDAAiD;AAAA,aACnE;AAAA,UACA,oBAAC,UAAK,WAAU,iEAAgE;AAAA,WAClF;AAAA,QAOA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,cAAc,iCAAiC;AAAA,YACxD,SAAS,EAAE,QAAQ,GAAG;AAAA,YACtB,SAAS,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE,EAAE;AAAA,YAC1D,YACE,SACI,EAAE,UAAU,EAAE,IACd,EAAE,UAAU,KAAK,QAAQ,UAAU,MAAM,MAAM,MAAM;AAAA,YAI3D;AAAA,kCAAC,UAAK,WAAU,kEAAiE;AAAA,cACjF,oBAAC,UAAK,WAAU,kEAAiE;AAAA;AAAA;AAAA,QACnF;AAAA;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,cAAc;AAC5B,QAAM,SAAS,iBAAiB;AAChC,QAAM,OAAO;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,UAAK,WAAU,yDAAwD;AAAA,UACxE,oBAAC,SAAI,WAAU,mBACZ,WAAC,gBAAgB,eAAe,uBAAuB,EAAE;AAAA,YACxD,CAAC,MAAM,MACL;AAAA,cAAC,OAAO;AAAA,cAAP;AAAA,gBAEC,WAAW,GAAG,IAAI,IAAI,IAAI;AAAA,gBAC1B,SAAS,SAAS,QAAQ,EAAE,OAAO,KAAK,SAAS,EAAE;AAAA,gBACnD,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE;AAAA,gBAChC,YACE,SACI,EAAE,UAAU,EAAE,IACd,EAAE,GAAG,QAAQ,QAAQ,OAAO,OAAO,IAAI,KAAK;AAAA;AAAA,cAP7C;AAAA,YASP;AAAA,UAEJ,GACF;AAAA,UACA,oBAAC,UAAK,WAAU,iEAAgE;AAAA,WAClF;AAAA,QAGA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,cAAc,iCAAiC;AAAA,YACxD,SAAS,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAG;AAAA,YAC/C,SAAS,EAAE,QAAQ,EAAE;AAAA,YACrB,YACE,SACI,EAAE,UAAU,EAAE,IACd,EAAE,UAAU,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA,QAEpD;AAAA,QAIA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YACV,SAAS,SAAS,QAAQ,EAAE,OAAO,KAAK,SAAS,GAAG,QAAQ,IAAI;AAAA,YAChE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG;AAAA,YAC5C,YACE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,QAAQ,QAAQ,OAAO,IAAI;AAAA,YAE9D;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,24 @@
+import type { StorefrontReadiness } from '@withpotter/lib/api/types';
+/**
+ * What still stops this store going live, when Publish is pressed.
+ *
+ * It is the Complete your setup dialog, not a list of its own. This used to be
+ * a separate dialog with its own three-line list, its own forms and its own
+ * idea of what was done, so the sidebar said 29% while Publish asked for things
+ * the business had already finished. One list answers both: what is needed to
+ * go live is the first section of it, what is done is struck through, and a
+ * bank account, a delivery area or a contact detail is finished in place.
+ *
+ * The readiness props are still passed by the callers that fetch it, and are
+ * ignored: the dialog reads the same readiness itself. `onFixed` is how a
+ * caller learns something was just set up, so it can re-check and move on to
+ * going live.
+ */
+export declare function GoLiveChecksDialog({ open, onOpenChange, onFixed, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    readiness?: StorefrontReadiness | null;
+    tenantSlug?: string;
+    /** Re-run the check after something was set up from in here. */
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { SetupDialog } from "@withpotter/components/sidebar/setup-progress";
+function GoLiveChecksDialog({
+  open,
+  onOpenChange,
+  onFixed
+}) {
+  return /* @__PURE__ */ jsx(
+    SetupDialog,
+    {
+      open,
+      onOpenChange,
+      mode: "go-live",
+      onFixed
+    }
+  );
+}
+export {
+  GoLiveChecksDialog
+};
+//# sourceMappingURL=go-live-checks-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-checks-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { SetupDialog } from '@withpotter/components/sidebar/setup-progress';\nimport type { StorefrontReadiness } from '@withpotter/lib/api/types';\n\n/**\n * What still stops this store going live, when Publish is pressed.\n *\n * It is the Complete your setup dialog, not a list of its own. This used to be\n * a separate dialog with its own three-line list, its own forms and its own\n * idea of what was done, so the sidebar said 29% while Publish asked for things\n * the business had already finished. One list answers both: what is needed to\n * go live is the first section of it, what is done is struck through, and a\n * bank account, a delivery area or a contact detail is finished in place.\n *\n * The readiness props are still passed by the callers that fetch it, and are\n * ignored: the dialog reads the same readiness itself. `onFixed` is how a\n * caller learns something was just set up, so it can re-check and move on to\n * going live.\n */\nexport function GoLiveChecksDialog({\n  open,\n  onOpenChange,\n  onFixed,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  readiness?: StorefrontReadiness | null;\n  tenantSlug?: string;\n  /** Re-run the check after something was set up from in here. */\n  onFixed: () => void | Promise<void>;\n}) {\n  return (\n    <SetupDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      mode=\"go-live\"\n      onFixed={onFixed}\n    />\n  );\n}\n"],"mappings":";AAiCI;AA/BJ,SAAS,mBAAmB;AAkBrB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,35 @@
+/**
+ * The moment the whole gate exists to reach.
+ *
+ * John, 2026-09-07: *"when you are done wuth the st up it shoudl move into the
+ * next modal that says go live now or say something that every busines perosn
+ * can relate to... we need to add life. also an imbed how it feels to go live"*.
+ *
+ * ── WHY THE CHECKS DO NOT JUST PUBLISH ──
+ *
+ * They used to. Clearing the last blocker closed the gate and silently ran the
+ * publish the merchant had pressed several minutes and three forms ago, so the
+ * biggest event in the product — a business becoming findable — happened with
+ * no more ceremony than a form save. Worse, it happened without being asked:
+ * somebody who opened the gate to fix their bank account got their site pushed
+ * live as a side effect of finishing.
+ *
+ * So the gate hands over to this, and this asks. One button, and the merchant
+ * presses it knowing exactly what it does.
+ *
+ * ── THE WORDS ──
+ *
+ * "Go live" is the phrase, not "Publish". Publish is what you do to a page;
+ * going live is what happens to a business, and it is the word a merchant uses
+ * to their sister when they say it is happening today. The line under it is the
+ * consequence in their terms — people can find you and pay you — not a
+ * description of a deploy.
+ */
+export declare function GoLiveNowDialog({ open, onOpenChange, onGoLive, storeUrl, businessName, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Runs the publish the gate interrupted. Resolves when the site is live. */
+    onGoLive: () => Promise<void> | void;
+    storeUrl: string;
+    businessName?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,139 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { ArrowUpRight, Copy } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { Button, Dialog, DialogContent, DialogTitle } from "@withpotter/ui-kit";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { durations, eases, springs } from "@withpotter/lib/motion";
+import { ShopClosedArt, ShopOpenArt } from "./go-live-art";
+function GoLiveNowDialog({
+  open,
+  onOpenChange,
+  onGoLive,
+  storeUrl,
+  businessName
+}) {
+  const router = useRouter();
+  const { toast } = useToast();
+  const [publishing, setPublishing] = useState(false);
+  const [live, setLive] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    setLive(false);
+    setPublishing(false);
+  }, [open]);
+  const go = async () => {
+    if (publishing) return;
+    setPublishing(true);
+    try {
+      await onGoLive();
+      setLive(true);
+    } catch {
+      toast({
+        title: "Could not go live. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setPublishing(false);
+    }
+  };
+  const pretty = storeUrl.replace(/^https?:\/\//, "");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-md", children: /* @__PURE__ */ jsx("div", { className: "px-1 pb-1 pt-2", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: live ? /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: durations.normal, ease: eases.out },
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsx(ShopOpenArt, {}),
+        /* @__PURE__ */ jsx(
+          motion.h2,
+          {
+            initial: { opacity: 0, y: 8 },
+            animate: { opacity: 1, y: 0 },
+            transition: { ...springs.gentle, delay: 0.15 },
+            className: "mt-4 text-lg font-semibold text-[var(--text-primary)]",
+            children: businessName ? `${businessName} is open` : "You are open"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.p,
+          {
+            initial: { opacity: 0, y: 8 },
+            animate: { opacity: 1, y: 0 },
+            transition: { ...springs.gentle, delay: 0.22 },
+            className: "mt-1 text-sm text-[var(--text-secondary)]",
+            children: "Anyone with your link can buy from you now."
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              onClick: () => {
+                void navigator.clipboard?.writeText(storeUrl);
+                toast({ title: "Link copied" });
+              },
+              icon: /* @__PURE__ */ jsx(Copy, { className: "size-4" }),
+              children: "Copy link"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { asChild: true, icon: /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-4" }), children: /* @__PURE__ */ jsx("a", { href: storeUrl, target: "_blank", rel: "noreferrer", children: "See it live" }) })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-3 truncate text-sm text-[var(--text-tertiary)]", children: pretty })
+      ]
+    },
+    "live"
+  ) : /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: durations.fast },
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsx(ShopClosedArt, {}),
+        /* @__PURE__ */ jsx(DialogTitle, { className: "mt-4", children: "Everything is set. Go live?" }),
+        /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-[var(--text-secondary)]", children: [
+          "Your site goes on the internet at ",
+          pretty,
+          ", and people can find you and pay you."
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              onOpenChange(false);
+              router.push("/dashboard/business/domains");
+            },
+            className: "mt-2 text-sm text-[var(--text-tertiary)] underline decoration-[var(--border-strong)] underline-offset-2 transition-colors hover:text-[var(--text-primary)]",
+            children: "Use a domain you own"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              onClick: () => onOpenChange(false),
+              disabled: publishing,
+              children: "Not yet"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: go, loading: publishing, children: publishing ? "Going live\u2026" : "Go live now" })
+        ] })
+      ]
+    },
+    "ready"
+  ) }) }) }) });
+}
+export {
+  GoLiveNowDialog
+};
+//# sourceMappingURL=go-live-now-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-now-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { ArrowUpRight, Copy } from 'lucide-react';\nimport { useRouter } from 'next/navigation';\nimport { Button, Dialog, DialogContent, DialogTitle } from '@withpotter/ui-kit';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { durations, eases, springs } from '@withpotter/lib/motion';\nimport { ShopClosedArt, ShopOpenArt } from './go-live-art';\n\n/**\n * The moment the whole gate exists to reach.\n *\n * John, 2026-09-07: *\"when you are done wuth the st up it shoudl move into the\n * next modal that says go live now or say something that every busines perosn\n * can relate to... we need to add life. also an imbed how it feels to go live\"*.\n *\n * ── WHY THE CHECKS DO NOT JUST PUBLISH ──\n *\n * They used to. Clearing the last blocker closed the gate and silently ran the\n * publish the merchant had pressed several minutes and three forms ago, so the\n * biggest event in the product — a business becoming findable — happened with\n * no more ceremony than a form save. Worse, it happened without being asked:\n * somebody who opened the gate to fix their bank account got their site pushed\n * live as a side effect of finishing.\n *\n * So the gate hands over to this, and this asks. One button, and the merchant\n * presses it knowing exactly what it does.\n *\n * ── THE WORDS ──\n *\n * \"Go live\" is the phrase, not \"Publish\". Publish is what you do to a page;\n * going live is what happens to a business, and it is the word a merchant uses\n * to their sister when they say it is happening today. The line under it is the\n * consequence in their terms — people can find you and pay you — not a\n * description of a deploy.\n */\nexport function GoLiveNowDialog({\n  open,\n  onOpenChange,\n  onGoLive,\n  storeUrl,\n  businessName,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Runs the publish the gate interrupted. Resolves when the site is live. */\n  onGoLive: () => Promise<void> | void;\n  storeUrl: string;\n  businessName?: string;\n}) {\n  const router = useRouter();\n  const { toast } = useToast();\n  const [publishing, setPublishing] = useState(false);\n  const [live, setLive] = useState(false);\n\n  // A reopened dialog is a fresh question, not the last answer.\n  useEffect(() => {\n    if (!open) return;\n    setLive(false);\n    setPublishing(false);\n  }, [open]);\n\n  const go = async () => {\n    if (publishing) return;\n    setPublishing(true);\n    try {\n      await onGoLive();\n      setLive(true);\n    } catch {\n      toast({\n        title: 'Could not go live. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setPublishing(false);\n    }\n  };\n\n  const pretty = storeUrl.replace(/^https?:\\/\\//, '');\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-md\">\n        {/* One dialog, two states, and the art is the SAME OBJECT in both —\n            the merchant's shop with its blind down, then the blind going up.\n            Two different pictures would read as two different products. */}\n        <div className=\"px-1 pb-1 pt-2\">\n          <AnimatePresence mode=\"wait\" initial={false}>\n            {live ? (\n              <motion.div\n                key=\"live\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={{ duration: durations.normal, ease: eases.out }}\n                className=\"text-center\"\n              >\n                <ShopOpenArt />\n                <motion.h2\n                  initial={{ opacity: 0, y: 8 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  transition={{ ...springs.gentle, delay: 0.15 }}\n                  className=\"mt-4 text-lg font-semibold text-[var(--text-primary)]\"\n                >\n                  {businessName ? `${businessName} is open` : 'You are open'}\n                </motion.h2>\n                <motion.p\n                  initial={{ opacity: 0, y: 8 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  transition={{ ...springs.gentle, delay: 0.22 }}\n                  className=\"mt-1 text-sm text-[var(--text-secondary)]\"\n                >\n                  Anyone with your link can buy from you now.\n                </motion.p>\n\n                {/* THE LINK IS THE PRIZE. The first thing a merchant does when\n                    they go live is send the address to somebody, so the two\n                    things this state offers are seeing it and sending it. */}\n                <div className=\"mt-4 flex items-center justify-center gap-2\">\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      void navigator.clipboard?.writeText(storeUrl);\n                      toast({ title: 'Link copied' });\n                    }}\n                    icon={<Copy className=\"size-4\" />}\n                  >\n                    Copy link\n                  </Button>\n                  <Button asChild icon={<ArrowUpRight className=\"size-4\" />}>\n                    <a href={storeUrl} target=\"_blank\" rel=\"noreferrer\">\n                      See it live\n                    </a>\n                  </Button>\n                </div>\n                <p className=\"mt-3 truncate text-sm text-[var(--text-tertiary)]\">\n                  {pretty}\n                </p>\n              </motion.div>\n            ) : (\n              <motion.div\n                key=\"ready\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={{ duration: durations.fast }}\n                className=\"text-center\"\n              >\n                <ShopClosedArt />\n                {/* `DialogTitle`, not an `<h2>`. Radix names the dialog from\n                    this — without it the whole panel announces to a screen\n                    reader as an unnamed dialog, which it was doing, and Radix\n                    says so in the console on every open. */}\n                <DialogTitle className=\"mt-4\">\n                  Everything is set. Go live?\n                </DialogTitle>\n                <p className=\"mt-1 text-sm text-[var(--text-secondary)]\">\n                  Your site goes on the internet at {pretty}, and people can\n                  find you and pay you.\n                </p>\n\n                {/* THE ONE PLACE THE ADDRESS IS ACTUALLY BEING READ.\n                    A merchant who already owns a domain is never told they can\n                    use it: onboarding does not ask (it should not — DNS is\n                    hours, and it would sit between them and their first\n                    product), and Settings → Domains only finds the people who\n                    go looking. Here they are reading their address, out loud,\n                    at the moment it starts to matter. Deliberately quiet and\n                    deliberately not a second button: going live is the act on\n                    this screen, and a domain can be connected the day after\n                    without republishing — the subdomain never stops working. */}\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    onOpenChange(false);\n                    router.push('/dashboard/business/domains');\n                  }}\n                  className=\"mt-2 text-sm text-[var(--text-tertiary)] underline decoration-[var(--border-strong)] underline-offset-2 transition-colors hover:text-[var(--text-primary)]\"\n                >\n                  Use a domain you own\n                </button>\n                <div className=\"mt-4 flex items-center justify-center gap-2\">\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() => onOpenChange(false)}\n                    disabled={publishing}\n                  >\n                    Not yet\n                  </Button>\n                  <Button onClick={go} loading={publishing}>\n                    {publishing ? 'Going live…' : 'Go live now'}\n                  </Button>\n                </div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/go-live-quick-setup-basics.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The two go-live checks that need nothing fetched before they can be answered.
+ *
+ * The seam is real, not a line count. `go-live-quick-setup` holds the two forms
+ * that cannot mean anything until a remote list arrives — 275 banks, a country
+ * list — and carry the three states that come with asking (asking, answered,
+ * could not ask). These two are plain fields on the tenant and the catalogue:
+ * there is nothing to wait for and nothing to fail before the merchant types.
+ */
+/**
+ * An email and a phone number, saved from here.
+ *
+ * Two fields on the tenant, so there is no reason to send anyone to Settings
+ * for them. Either one satisfies the check — the server's rule, not a second
+ * opinion — but the form offers both, because a merchant filling this in has
+ * no reason to be told which one was strictly required.
+ */
+export declare function ContactQuickSetup({ tenantSlug, onFixed, }: {
+    tenantSlug: string;
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;
+/**
+ * The first thing on the shelves, in two fields.
+ *
+ * The gate earns the right to be a wall by finishing every check in place, and
+ * this one arrived looking like the exception — a catalogue row wants a
+ * description, a category, an image. It does not, and `QuickAddItem` on mobile
+ * has been proving that at the counter since it shipped: a name and a price
+ * create the same record the full editor does, with the API's defaults for the
+ * rest. This is that call, from here.
+ *
+ * `isActive` immediately, for the reason the sheet gives: something added
+ * while going live is being sold now, and creating it as a draft would leave
+ * the check it was meant to clear still failing.
+ */
+export declare function CatalogueQuickSetup({ tenantSlug, itemLabel, onFixed, }: {
+    tenantSlug: string;
+    /** The trade's own noun — Product, Service, Treatment, Property. */
+    itemLabel: string;
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;