@withpotter/components 0.13.0-next.101

package/dist/dashboard/page-intro-dialog.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@withpotter/ui-kit";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { isFirstRunVisit } from "@withpotter/lib/first-run";
+import { useEntityLabel } from "@withpotter/lib/intents/use-entity-label";
+import {
+  fillIntroNouns,
+  hasSeenIntro,
+  introFor,
+  markIntroSeen
+} from "@withpotter/lib/page-intros";
+function PageIntroDialog() {
+  const pathname = usePathname();
+  const { tenant } = useAuth();
+  const slug = tenant?.slug;
+  const item = useEntityLabel("item");
+  const order = useEntityLabel("order");
+  const intro = introFor(pathname ?? "");
+  const [checkedFor, setCheckedFor] = useState(null);
+  const [open, setOpen] = useState(false);
+  const token = intro && slug && !isFirstRunVisit() ? `${slug}:${intro.key}` : null;
+  if (token && checkedFor !== token) {
+    setCheckedFor(token);
+    setOpen(!hasSeenIntro(slug, intro.key));
+  }
+  if (!intro || !slug) return null;
+  const close = () => {
+    markIntroSeen(slug, intro.key);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) close();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[420px]", children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: intro.title }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: fillIntroNouns(intro.body, { item, order }) })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { className: "w-full", onClick: close, children: intro.dismiss ?? "Got it" })
+      ] })
+    }
+  );
+}
+export {
+  PageIntroDialog
+};
+//# sourceMappingURL=page-intro-dialog.js.map

package/dist/dashboard/page-intro-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/page-intro-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { usePathname } from '@withpotter/lib/use-pathname';\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@withpotter/ui-kit';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { isFirstRunVisit } from '@withpotter/lib/first-run';\nimport { useEntityLabel } from '@withpotter/lib/intents/use-entity-label';\nimport {\n  fillIntroNouns,\n  hasSeenIntro,\n  introFor,\n  markIntroSeen,\n} from '@withpotter/lib/page-intros';\n\n/**\n * The first time you open a screen, the screen says what it is.\n *\n * ONE MOUNT, IN THE SHELL. It reads the path, looks the screen up in\n * `PAGE_INTROS`, and shows nothing at all when there is no entry — so \"every\n * page gets an introduction\" is a promise kept by writing copy, not by wiring\n * a component into eighty files and remembering to do it in the eighty-first.\n *\n * IT NEVER INTERRUPTS TWICE. The check runs once per path, on arrival, and\n * marking it seen happens on the way out rather than on the way in: a merchant\n * who navigates straight past a screen has not read anything, and the next\n * visit is still their first real one.\n *\n * IT YIELDS ON ARRIVAL DAY. CLAUDE.md: *a pop-up is never on top of a pop-up,\n * not stacked and not queued either* — so on the visit where `FirstRunWelcome`\n * greets a brand-new business, no introduction fires behind it. The registry\n * has no entry for `/dashboard` either, which makes the two unable to collide\n * on one screen; this is the belt to that's braces, for the merchant who lands\n * straight on a deeper screen.\n *\n * IT WAITS FOR THE WORKSPACE. \"Seen\" is remembered per workspace, so opening\n * before the tenant resolves would either mark the wrong one or re-show the\n * intro in every business the merchant runs.\n */\nexport function PageIntroDialog() {\n  const pathname = usePathname();\n  const { tenant } = useAuth();\n  const slug = tenant?.slug;\n  /* The business's own nouns. An introduction that calls a short-let's\n     properties \"products\" has undone itself in its first sentence. */\n  const item = useEntityLabel('item');\n  const order = useEntityLabel('order');\n\n  const intro = introFor(pathname ?? '');\n  const [checkedFor, setCheckedFor] = useState<string | null>(null);\n  const [open, setOpen] = useState(false);\n\n  /* Decided during render rather than in an effect — the same reason the\n     welcome carousel does: reading storage after paint shows the screen first\n     and the modal a frame later, which reads as something arriving late rather\n     than as the screen introducing itself. */\n  const token =\n    intro && slug && !isFirstRunVisit() ? `${slug}:${intro.key}` : null;\n  if (token && checkedFor !== token) {\n    setCheckedFor(token);\n    setOpen(!hasSeenIntro(slug!, intro!.key));\n  }\n\n  if (!intro || !slug) return null;\n\n  const close = () => {\n    markIntroSeen(slug, intro.key);\n    setOpen(false);\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) close();\n      }}\n    >\n      <DialogContent className=\"sm:max-w-[420px]\">\n        <DialogHeader>\n          <DialogTitle>{intro.title}</DialogTitle>\n          <DialogDescription>\n            {fillIntroNouns(intro.body, { item, order })}\n          </DialogDescription>\n        </DialogHeader>\n\n        {/* One way out, and it is a word rather than a glyph: the × in the\n            corner closes this too, but a merchant reading an introduction is\n            looking for the end of it, not for the way to escape. */}\n        <Button className=\"w-full\" onClick={close}>\n          {intro.dismiss ?? 'Got it'}\n        </Button>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAqFQ,SACE,KADF;AAnFR,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA0BA,SAAS,kBAAkB;AAChC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,OAAO,QAAQ;AAGrB,QAAM,OAAO,eAAe,MAAM;AAClC,QAAM,QAAQ,eAAe,OAAO;AAEpC,QAAM,QAAQ,SAAS,YAAY,EAAE;AACrC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAMtC,QAAM,QACJ,SAAS,QAAQ,CAAC,gBAAgB,IAAI,GAAG,IAAI,IAAI,MAAM,GAAG,KAAK;AACjE,MAAI,SAAS,eAAe,OAAO;AACjC,kBAAc,KAAK;AACnB,YAAQ,CAAC,aAAa,MAAO,MAAO,GAAG,CAAC;AAAA,EAC1C;AAEA,MAAI,CAAC,SAAS,CAAC,KAAM,QAAO;AAE5B,QAAM,QAAQ,MAAM;AAClB,kBAAc,MAAM,MAAM,GAAG;AAC7B,YAAQ,KAAK;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,SAAS;AACtB,YAAI,CAAC,KAAM,OAAM;AAAA,MACnB;AAAA,MAEA,+BAAC,iBAAc,WAAU,oBACvB;AAAA,6BAAC,gBACC;AAAA,8BAAC,eAAa,gBAAM,OAAM;AAAA,UAC1B,oBAAC,qBACE,yBAAe,MAAM,MAAM,EAAE,MAAM,MAAM,CAAC,GAC7C;AAAA,WACF;AAAA,QAKA,oBAAC,UAAO,WAAU,UAAS,SAAS,OACjC,gBAAM,WAAW,UACpB;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/dashboard/page-transition-key.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Which "arrival" a path belongs to. A page fades and settles in when this key changes, and
+ * everything inside it is drawn again. Most paths are their own arrival; a host names the sections
+ * whose pages are tabs of one place (`/dashboard/staff` and its tabs), so moving between the tabs
+ * does not make the title and tab bar arrive again.
+ */
+export declare function transitionPath(pathname: string | null | undefined, groups: readonly string[]): string;

package/dist/dashboard/page-transition-key.js

@@ -0,0 +1,11 @@
+function transitionPath(pathname, groups) {
+  const path = pathname ?? "";
+  for (const group of groups) {
+    if (path === group || path.startsWith(`${group}/`)) return group;
+  }
+  return path;
+}
+export {
+  transitionPath
+};
+//# sourceMappingURL=page-transition-key.js.map

package/dist/dashboard/page-transition-key.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/page-transition-key.ts"],"sourcesContent":["/**\n * Which \"arrival\" a path belongs to. A page fades and settles in when this key changes, and\n * everything inside it is drawn again. Most paths are their own arrival; a host names the sections\n * whose pages are tabs of one place (`/dashboard/staff` and its tabs), so moving between the tabs\n * does not make the title and tab bar arrive again.\n */\nexport function transitionPath(\n  pathname: string | null | undefined,\n  groups: readonly string[],\n): string {\n  const path = pathname ?? '';\n  for (const group of groups) {\n    if (path === group || path.startsWith(`${group}/`)) return group;\n  }\n  return path;\n}\n"],"mappings":"AAMO,SAAS,eACd,UACA,QACQ;AACR,QAAM,OAAO,YAAY;AACzB,aAAW,SAAS,QAAQ;AAC1B,QAAI,SAAS,SAAS,KAAK,WAAW,GAAG,KAAK,GAAG,EAAG,QAAO;AAAA,EAC7D;AACA,SAAO;AACT;","names":[]}

package/dist/dashboard/page-transition.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Sections whose pages are tabs of one place, by their first path (`/dashboard/staff`). Moving
+ * between their tabs is not an arrival: the frame stays, the content changes under it. A host puts
+ * this around the dashboard; with none, every path arrives on its own as before.
+ */
+export declare const PageTransitionGroups: import("react").Provider<readonly string[]>;
+/**
+ * The arrival of a route's content.
+ *
+ * Navigation used to be a hard swap: the old page's pixels were replaced by the
+ * new page's pixels on the same frame, which reads as a flicker rather than a
+ * move — you cannot tell whether something loaded or the screen glitched.
+ *
+ * This is one of the cases `lib/motion.ts` reserves a spring for: the content
+ * genuinely travels, so it carries velocity and settles rather than stopping
+ * dead on a fixed curve. `springs.gentle` is the surface preset — cards, panels
+ * and page blocks — so a route arrives the same way a sheet does.
+ *
+ * The travel is deliberately small (6px) and there is no exit animation: making
+ * the outgoing page linger delays the incoming one, and the brand direction is
+ * explicit that motion is never load-bearing. `prefers-reduced-motion` drops it
+ * to a plain opacity settle.
+ *
+ * THE WORKSPACE IS PART OF THE KEY, not just the path.
+ * John, 2026-08-23: *"when you change a workspace why is there no motion or
+ * spring physics, it just loads sharp."* Switching businesses is a soft swap —
+ * the tenant changes in context and every consumer re-renders — so the URL
+ * never moves, the key never changed, and the single biggest content change in
+ * the app was the one arrival with no motion on it. Nothing new is needed for
+ * it: changing business IS an arrival, and it should arrive the way every
+ * other one does.
+ *
+ * TABS OF ONE PLACE ARE ONE ARRIVAL. A host names such sections with `PageTransitionGroups`
+ * (see `page-transition-key.ts`); moving between their tabs keeps the key, so the frame the tabs
+ * share stays on screen and only what is under it changes, instead of the whole page fading in
+ * again on every tab.
+ */
+export declare function PageTransition({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/dashboard/page-transition.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import { AnimatePresence, motion } from "motion/react";
+import { springs } from "@withpotter/lib/motion";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { transitionPath } from "./page-transition-key";
+const NO_GROUPS = [];
+const GroupsContext = createContext(NO_GROUPS);
+const PageTransitionGroups = GroupsContext.Provider;
+function PageTransition({ children }) {
+  const pathname = usePathname();
+  const { tenant } = useAuth();
+  const groups = useContext(GroupsContext);
+  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 6 },
+      animate: { opacity: 1, y: 0 },
+      transition: springs.gentle,
+      className: "motion-reduce:transform-none",
+      children
+    },
+    `${tenant?.slug ?? ""}:${transitionPath(pathname, groups)}`
+  ) });
+}
+export {
+  PageTransition,
+  PageTransitionGroups
+};
+//# sourceMappingURL=page-transition.js.map

package/dist/dashboard/page-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/page-transition.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { usePathname } from '@withpotter/lib/use-pathname';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { springs } from '@withpotter/lib/motion';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { transitionPath } from './page-transition-key';\n\nconst NO_GROUPS: readonly string[] = [];\nconst GroupsContext = createContext<readonly string[]>(NO_GROUPS);\n\n/**\n * Sections whose pages are tabs of one place, by their first path (`/dashboard/staff`). Moving\n * between their tabs is not an arrival: the frame stays, the content changes under it. A host puts\n * this around the dashboard; with none, every path arrives on its own as before.\n */\nexport const PageTransitionGroups = GroupsContext.Provider;\n\n/**\n * The arrival of a route's content.\n *\n * Navigation used to be a hard swap: the old page's pixels were replaced by the\n * new page's pixels on the same frame, which reads as a flicker rather than a\n * move — you cannot tell whether something loaded or the screen glitched.\n *\n * This is one of the cases `lib/motion.ts` reserves a spring for: the content\n * genuinely travels, so it carries velocity and settles rather than stopping\n * dead on a fixed curve. `springs.gentle` is the surface preset — cards, panels\n * and page blocks — so a route arrives the same way a sheet does.\n *\n * The travel is deliberately small (6px) and there is no exit animation: making\n * the outgoing page linger delays the incoming one, and the brand direction is\n * explicit that motion is never load-bearing. `prefers-reduced-motion` drops it\n * to a plain opacity settle.\n *\n * THE WORKSPACE IS PART OF THE KEY, not just the path.\n * John, 2026-08-23: *\"when you change a workspace why is there no motion or\n * spring physics, it just loads sharp.\"* Switching businesses is a soft swap —\n * the tenant changes in context and every consumer re-renders — so the URL\n * never moves, the key never changed, and the single biggest content change in\n * the app was the one arrival with no motion on it. Nothing new is needed for\n * it: changing business IS an arrival, and it should arrive the way every\n * other one does.\n *\n * TABS OF ONE PLACE ARE ONE ARRIVAL. A host names such sections with `PageTransitionGroups`\n * (see `page-transition-key.ts`); moving between their tabs keeps the key, so the frame the tabs\n * share stays on screen and only what is under it changes, instead of the whole page fading in\n * again on every tab.\n */\nexport function PageTransition({ children }: { children: React.ReactNode }) {\n  const pathname = usePathname();\n  const { tenant } = useAuth();\n  const groups = useContext(GroupsContext);\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <motion.div\n        key={`${tenant?.slug ?? ''}:${transitionPath(pathname, groups)}`}\n        initial={{ opacity: 0, y: 6 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={springs.gentle}\n        className=\"motion-reduce:transform-none\"\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  );\n}\n"],"mappings":";AAyDM;AAvDN,SAAS,eAAe,kBAAkB;AAC1C,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB,cAAc;AACxC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAE/B,MAAM,YAA+B,CAAC;AACtC,MAAM,gBAAgB,cAAiC,SAAS;AAOzD,MAAM,uBAAuB,cAAc;AAiC3C,SAAS,eAAe,EAAE,SAAS,GAAkC;AAC1E,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,SAAS,WAAW,aAAa;AAEvC,SACE,oBAAC,mBAAgB,MAAK,QAAO,SAAS,OACpC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,QAAQ;AAAA,MACpB,WAAU;AAAA,MAET;AAAA;AAAA,IANI,GAAG,QAAQ,QAAQ,EAAE,IAAI,eAAe,UAAU,MAAM,CAAC;AAAA,EAOhE,GACF;AAEJ;","names":[]}

package/dist/dashboard/site-setup-notice.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Page-level empty state for surfaces that genuinely need a live storefront
+ * (the editor, storefront-dependent pages). This is NOT a global banner — the
+ * back-office (orders, customers, payments, analytics) works without a site and
+ * shows nothing. Drop this into a page's body when there's no usable template.
+ *
+ * Tone is calm and forward-looking: setting up a store is normal onboarding,
+ * not an error (no red/amber alarm, no "contact support").
+ *
+ * `degraded` = a template was chosen but won't resolve; the fix is the same
+ * (re-pick or choose another), so we route to Templates either way.
+ */
+export declare function SiteSetupNotice({ degraded }: {
+    degraded?: boolean;
+}): import("react").JSX.Element;

package/dist/dashboard/site-setup-notice.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Store, ArrowRight, Wrench } from "lucide-react";
+function SiteSetupNotice({ degraded = false }) {
+  const heading = degraded ? "Your store needs a quick fix" : "Your online store isn\u2019t live yet";
+  const body = degraded ? "Something in your current template didn\u2019t load. Pick it again or choose another to get your storefront back." : "Choose a template to start selling online. Your orders, customers, and payments already work while you set it up.";
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[60vh] flex-col items-center justify-center px-6 py-16 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-[14px] bg-[var(--bg-muted)] text-[var(--text-secondary)]", children: degraded ? /* @__PURE__ */ jsx(Wrench, { className: "size-6" }) : /* @__PURE__ */ jsx(Store, { className: "size-6" }) }),
+    /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold text-[var(--text-primary)]", children: heading }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-sm text-sm leading-relaxed text-[var(--text-tertiary)]", children: body }),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/dashboard/templates",
+        className: "mt-6 inline-flex items-center gap-2 rounded-[10px] bg-[var(--accent-primary)] px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-[var(--accent-hover)]",
+        children: [
+          "Choose a template",
+          /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  SiteSetupNotice
+};
+//# sourceMappingURL=site-setup-notice.js.map

package/dist/dashboard/site-setup-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/site-setup-notice.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Store, ArrowRight, Wrench } from 'lucide-react';\n\n/**\n * Page-level empty state for surfaces that genuinely need a live storefront\n * (the editor, storefront-dependent pages). This is NOT a global banner — the\n * back-office (orders, customers, payments, analytics) works without a site and\n * shows nothing. Drop this into a page's body when there's no usable template.\n *\n * Tone is calm and forward-looking: setting up a store is normal onboarding,\n * not an error (no red/amber alarm, no \"contact support\").\n *\n * `degraded` = a template was chosen but won't resolve; the fix is the same\n * (re-pick or choose another), so we route to Templates either way.\n */\nexport function SiteSetupNotice({ degraded = false }: { degraded?: boolean }) {\n  const heading = degraded\n    ? 'Your store needs a quick fix'\n    : 'Your online store isn’t live yet';\n  const body = degraded\n    ? 'Something in your current template didn’t load. Pick it again or choose another to get your storefront back.'\n    : 'Choose a template to start selling online. Your orders, customers, and payments already work while you set it up.';\n\n  return (\n    <div className=\"flex min-h-[60vh] flex-col items-center justify-center px-6 py-16 text-center\">\n      <div className=\"flex h-14 w-14 items-center justify-center rounded-[14px] bg-[var(--bg-muted)] text-[var(--text-secondary)]\">\n        {degraded ? (\n          <Wrench className=\"size-6\" />\n        ) : (\n          <Store className=\"size-6\" />\n        )}\n      </div>\n      <h2 className=\"mt-4 text-lg font-semibold text-[var(--text-primary)]\">\n        {heading}\n      </h2>\n      <p className=\"mt-2 max-w-sm text-sm leading-relaxed text-[var(--text-tertiary)]\">\n        {body}\n      </p>\n      <Link\n        href=\"/dashboard/templates\"\n        className=\"mt-6 inline-flex items-center gap-2 rounded-[10px] bg-[var(--accent-primary)] px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-[var(--accent-hover)]\"\n      >\n        Choose a template\n        <ArrowRight className=\"size-4\" />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";AA6BU,cAWJ,YAXI;AA3BV,OAAO,UAAU;AACjB,SAAS,OAAO,YAAY,cAAc;AAcnC,SAAS,gBAAgB,EAAE,WAAW,MAAM,GAA2B;AAC5E,QAAM,UAAU,WACZ,iCACA;AACJ,QAAM,OAAO,WACT,sHACA;AAEJ,SACE,qBAAC,SAAI,WAAU,iFACb;AAAA,wBAAC,SAAI,WAAU,+GACZ,qBACC,oBAAC,UAAO,WAAU,UAAS,IAE3B,oBAAC,SAAM,WAAU,UAAS,GAE9B;AAAA,IACA,oBAAC,QAAG,WAAU,yDACX,mBACH;AAAA,IACA,oBAAC,OAAE,WAAU,qEACV,gBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,oBAAC,cAAW,WAAU,UAAS;AAAA;AAAA;AAAA,IACjC;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/store-cannot-sell-gate.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Open the go-live checks from anywhere.
+ *
+ * The same shape as `openFeedback`, and for the same reason: the editor's
+ * publish is a second door to going live, and its host file sits one line
+ * under the 500-line ledger. An event lets the refusal reach the one mounted
+ * gate without the editor growing a dialog of its own — and a second copy of
+ * this dialog is exactly how the first one ended up with no importers.
+ */
+export declare function openGoLiveChecks(): void;
+/**
+ * The go-live checks, reachable from anywhere that tried to go live.
+ *
+ * ── IT DOES NOT OPEN ON ARRIVAL ANY MORE ──
+ *
+ * John, 2026-09-07: *"this pop up doesnt come on immeditely you log into the
+ * app, i notice that is how you set it which is wrong... we need to design it
+ * such that you can click on go live or publish or something then whe nyou
+ * click it the system qucikly check"*.
+ *
+ * It used to. A published store with no delivery zone got the gate once per
+ * session, on whatever dashboard screen it landed on, because this component
+ * mounts in the layout. That was written for a real case — SOLLYSTITCHES was
+ * live on beta with no zone, so the checkout's country select rendered empty
+ * and disabled and every customer met a form that would not submit — and the
+ * reasoning was that an interruption is proportionate to a shop silently
+ * refusing every sale.
+ *
+ * The reasoning was sound and the placement was wrong. A dialog that meets you
+ * at the door, before you have asked the app for anything, is the app talking
+ * over you; the same words when you press Go live are an answer to a question
+ * you just asked. What still carries the silent-failure case is the blocker
+ * row on the home, which is where a merchant who has not asked to publish
+ * should meet it.
+ *
+ * So this component is now only the DOOR: it mounts the one dialog and opens it
+ * when something that tried to go live was refused.
+ */
+export declare function StoreCannotSellGate(): import("react").JSX.Element;

package/dist/dashboard/store-cannot-sell-gate.js

@@ -0,0 +1,59 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useStorefrontReadiness } from "@withpotter/pages-core/dashboard/_hooks/use-storefront-readiness";
+import { GoLiveChecksDialog } from "./go-live-checks-dialog";
+import { GoLiveNowDialog } from "./go-live-now-dialog";
+import { useStorefrontActions } from "@withpotter/pages-operations/dashboard/(operations)/business/_hooks/use-storefront-actions";
+const BLOCKED_EVENT = "potter:go-live-blocked";
+function openGoLiveChecks() {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event(BLOCKED_EVENT));
+}
+function StoreCannotSellGate() {
+  const { tenant } = useAuth();
+  const {
+    readiness,
+    recheck,
+    checksOpen,
+    setChecksOpen,
+    openWithFreshChecks,
+    readyOpen,
+    setReadyOpen,
+    goLive
+  } = useStorefrontReadiness();
+  const { storeUrl, businessName } = useStorefrontActions();
+  useEffect(() => {
+    const onBlocked = () => void openWithFreshChecks();
+    window.addEventListener(BLOCKED_EVENT, onBlocked);
+    return () => window.removeEventListener(BLOCKED_EVENT, onBlocked);
+  }, [openWithFreshChecks]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      GoLiveChecksDialog,
+      {
+        open: checksOpen,
+        onOpenChange: setChecksOpen,
+        readiness,
+        tenantSlug: tenant?.slug ?? "",
+        onFixed: recheck
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GoLiveNowDialog,
+      {
+        open: readyOpen,
+        onOpenChange: setReadyOpen,
+        onGoLive: goLive,
+        storeUrl,
+        businessName
+      }
+    )
+  ] });
+}
+export {
+  StoreCannotSellGate,
+  openGoLiveChecks
+};
+//# sourceMappingURL=store-cannot-sell-gate.js.map

package/dist/dashboard/store-cannot-sell-gate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/store-cannot-sell-gate.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useStorefrontReadiness } from '@withpotter/pages-core/dashboard/_hooks/use-storefront-readiness';\nimport { GoLiveChecksDialog } from './go-live-checks-dialog';\nimport { GoLiveNowDialog } from './go-live-now-dialog';\nimport { useStorefrontActions } from '@withpotter/pages-operations/dashboard/(operations)/business/_hooks/use-storefront-actions';\n\n/** Fired by anything that tried to take a store live and was refused. */\nconst BLOCKED_EVENT = 'potter:go-live-blocked';\n\n/**\n * Open the go-live checks from anywhere.\n *\n * The same shape as `openFeedback`, and for the same reason: the editor's\n * publish is a second door to going live, and its host file sits one line\n * under the 500-line ledger. An event lets the refusal reach the one mounted\n * gate without the editor growing a dialog of its own — and a second copy of\n * this dialog is exactly how the first one ended up with no importers.\n */\nexport function openGoLiveChecks() {\n  if (typeof window === 'undefined') return;\n  window.dispatchEvent(new Event(BLOCKED_EVENT));\n}\n\n/**\n * The go-live checks, reachable from anywhere that tried to go live.\n *\n * ── IT DOES NOT OPEN ON ARRIVAL ANY MORE ──\n *\n * John, 2026-09-07: *\"this pop up doesnt come on immeditely you log into the\n * app, i notice that is how you set it which is wrong... we need to design it\n * such that you can click on go live or publish or something then whe nyou\n * click it the system qucikly check\"*.\n *\n * It used to. A published store with no delivery zone got the gate once per\n * session, on whatever dashboard screen it landed on, because this component\n * mounts in the layout. That was written for a real case — SOLLYSTITCHES was\n * live on beta with no zone, so the checkout's country select rendered empty\n * and disabled and every customer met a form that would not submit — and the\n * reasoning was that an interruption is proportionate to a shop silently\n * refusing every sale.\n *\n * The reasoning was sound and the placement was wrong. A dialog that meets you\n * at the door, before you have asked the app for anything, is the app talking\n * over you; the same words when you press Go live are an answer to a question\n * you just asked. What still carries the silent-failure case is the blocker\n * row on the home, which is where a merchant who has not asked to publish\n * should meet it.\n *\n * So this component is now only the DOOR: it mounts the one dialog and opens it\n * when something that tried to go live was refused.\n */\nexport function StoreCannotSellGate() {\n  const { tenant } = useAuth();\n  const {\n    readiness,\n    recheck,\n    checksOpen,\n    setChecksOpen,\n    openWithFreshChecks,\n    readyOpen,\n    setReadyOpen,\n    goLive,\n  } = useStorefrontReadiness();\n  const { storeUrl, businessName } = useStorefrontActions();\n\n  /**\n   * The editor's publish, refused. See `openGoLiveChecks`.\n   *\n   * `openWithFreshChecks`, not `setChecksOpen`. This component may never have\n   * loaded readiness by the time the event lands, and opening on the event\n   * alone drew a dialog with a heading and nothing under it — an interruption\n   * carrying no information and no control. It asks first, and stays shut if\n   * the answer is that nothing is blocking.\n   */\n  useEffect(() => {\n    const onBlocked = () => void openWithFreshChecks();\n    window.addEventListener(BLOCKED_EVENT, onBlocked);\n    return () => window.removeEventListener(BLOCKED_EVENT, onBlocked);\n  }, [openWithFreshChecks]);\n\n  return (\n    <>\n      <GoLiveChecksDialog\n        open={checksOpen}\n        onOpenChange={setChecksOpen}\n        readiness={readiness}\n        tenantSlug={tenant?.slug ?? ''}\n        onFixed={recheck}\n      />\n      {/* The checks hand over to this once nothing is left. Kept mounted and\n          passed `open`, so its exit animation runs — see CLAUDE.md. */}\n      <GoLiveNowDialog\n        open={readyOpen}\n        onOpenChange={setReadyOpen}\n        onGoLive={goLive}\n        storeUrl={storeUrl}\n        businessName={businessName}\n      />\n    </>\n  );\n}\n"],"mappings":";AAoFI,mBACE,KADF;AAlFJ,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAGrC,MAAM,gBAAgB;AAWf,SAAS,mBAAmB;AACjC,MAAI,OAAO,WAAW,YAAa;AACnC,SAAO,cAAc,IAAI,MAAM,aAAa,CAAC;AAC/C;AA8BO,SAAS,sBAAsB;AACpC,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAC3B,QAAM,EAAE,UAAU,aAAa,IAAI,qBAAqB;AAWxD,YAAU,MAAM;AACd,UAAM,YAAY,MAAM,KAAK,oBAAoB;AACjD,WAAO,iBAAiB,eAAe,SAAS;AAChD,WAAO,MAAM,OAAO,oBAAoB,eAAe,SAAS;AAAA,EAClE,GAAG,CAAC,mBAAmB,CAAC;AAExB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd;AAAA,QACA,YAAY,QAAQ,QAAQ;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,UAAU;AAAA,QACV;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/take-payment-context.d.ts

@@ -0,0 +1,3 @@
+export declare const TakePaymentProvider: import("react").Provider<() => void>;
+/** Returns a function that opens the take-payment flow. Always safe to call. */
+export declare function useTakePayment(): () => void;

package/dist/dashboard/take-payment-context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, useContext } from "react";
+const TakePaymentContext = createContext(() => {
+});
+const TakePaymentProvider = TakePaymentContext.Provider;
+function useTakePayment() {
+  return useContext(TakePaymentContext);
+}
+export {
+  TakePaymentProvider,
+  useTakePayment
+};
+//# sourceMappingURL=take-payment-context.js.map

package/dist/dashboard/take-payment-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/take-payment-context.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Taking a payment, from anywhere.\n *\n * WHY IT IS A CONTEXT. The flow itself (`QuickPaymentLinkModal`) writes a\n * one-line invoice and hands back a link to send. It is the single action every\n * business on Box performs, whatever it sells, and it was reachable from\n * nowhere at all until the home grew an Actions column.\n *\n * A home tile is still the wrong home for it. The reference console pins its\n * equivalent to the rail on every screen, and the reasoning holds here: a\n * merchant who needs to charge someone is rarely on the home when they realise\n * it, and making them navigate there first is the whole friction. So the modal\n * is mounted once in the dashboard layout and opened through this.\n *\n * The default is a no-op for the same reason the command palette's is: the\n * layout returns several loading and error trees before it reaches the\n * provider, and nothing rendered under one of those should throw for want of a\n * context it will never use.\n */\nconst TakePaymentContext = createContext<() => void>(() => {});\n\nexport const TakePaymentProvider = TakePaymentContext.Provider;\n\n/** Returns a function that opens the take-payment flow. Always safe to call. */\nexport function useTakePayment(): () => void {\n  return useContext(TakePaymentContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAqB1C,MAAM,qBAAqB,cAA0B,MAAM;AAAC,CAAC;AAEtD,MAAM,sBAAsB,mBAAmB;AAG/C,SAAS,iBAA6B;AAC3C,SAAO,WAAW,kBAAkB;AACtC;","names":[]}

package/dist/dashboard/template-category-picker.d.ts

@@ -0,0 +1,19 @@
+interface TemplateCategoryPickerProps {
+    businessName?: string;
+    categories: {
+        id: string;
+        name: string;
+    }[];
+    templateList: {
+        category?: string;
+        tags?: string[];
+        relevantCategories?: string[];
+    }[];
+}
+/**
+ * STATE 1: Template selection view shown when the tenant has no template.
+ * Renders a grid of business categories that link to the template selection page.
+ * Categories without templates show a "Coming soon" badge.
+ */
+export declare function TemplateCategoryPicker({ businessName, templateList, }: TemplateCategoryPickerProps): import("react").JSX.Element;
+export {};

package/dist/dashboard/template-category-picker.js

@@ -0,0 +1,99 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useMemo } from "react";
+import { ChevronRight } from "lucide-react";
+import { BUSINESS_CATEGORIES } from "@withpotter/lib/business-categories";
+import { isTemplateRelevantForCategory } from "@withpotter/lib/template-filter";
+function TemplateCategoryPicker({
+  businessName,
+  templateList
+}) {
+  const categoryTemplateCounts = useMemo(() => {
+    const counts = {};
+    for (const cat of BUSINESS_CATEGORIES) {
+      counts[cat.id] = templateList.filter(
+        (t) => isTemplateRelevantForCategory(
+          {
+            id: "",
+            category: t.category ?? "",
+            tags: t.tags ?? [],
+            relevantCategories: t.relevantCategories
+          },
+          cat.id
+        )
+      ).length;
+    }
+    return counts;
+  }, [templateList]);
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto py-12 px-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-10", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "text-3xl font-bold text-[var(--text-primary)] mb-3", children: [
+        "Welcome, ",
+        businessName || "there",
+        "!"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-[var(--text-tertiary)] text-lg", children: "What type of business are you building?" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8", children: BUSINESS_CATEGORIES.map((category) => {
+      const Icon = category.icon;
+      const count = categoryTemplateCounts[category.id] ?? 0;
+      const hasTemplates = count > 0;
+      if (hasTemplates) {
+        return /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: `/dashboard/templates?category=${category.id}`,
+            className: "surface-interactive group relative p-4 text-left",
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-12 h-12 rounded-md flex items-center justify-center mb-4",
+                  style: { backgroundColor: `${category.color}15` },
+                  children: /* @__PURE__ */ jsx(Icon, { className: "w-6 h-6", style: { color: category.color } })
+                }
+              ),
+              /* @__PURE__ */ jsx("h3", { className: "font-semibold text-[var(--text-primary)] mb-1", children: category.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] mb-3", children: category.description }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: category.examples.slice(0, 2).map((ex) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-xs px-2 py-0.5 bg-[var(--bg-muted)] text-[var(--text-secondary)] rounded",
+                  children: ex
+                },
+                ex
+              )) }),
+              /* @__PURE__ */ jsx(ChevronRight, { className: "absolute top-6 right-4 size-5 text-[var(--text-muted)] transition-transform group-hover:translate-x-1" })
+            ]
+          },
+          category.id
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "surface relative p-4 border-2 text-left opacity-60 cursor-default",
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "w-12 h-12 rounded-md flex items-center justify-center mb-4",
+                style: { backgroundColor: `${category.color}15` },
+                children: /* @__PURE__ */ jsx(Icon, { className: "w-6 h-6", style: { color: category.color } })
+              }
+            ),
+            /* @__PURE__ */ jsx("h3", { className: "font-semibold text-[var(--text-primary)] mb-1", children: category.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] mb-3", children: category.description }),
+            /* @__PURE__ */ jsx("span", { className: "text-3xs font-medium uppercase tracking-wider px-2 py-0.5 bg-[var(--bg-muted)] text-[var(--text-muted)] rounded", children: "Coming soon" })
+          ]
+        },
+        category.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-muted)]", children: "You can always change your template later" }) })
+  ] });
+}
+export {
+  TemplateCategoryPicker
+};
+//# sourceMappingURL=template-category-picker.js.map

package/dist/dashboard/template-category-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/template-category-picker.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { useMemo } from 'react';\nimport { ChevronRight } from 'lucide-react';\nimport { BUSINESS_CATEGORIES } from '@withpotter/lib/business-categories';\nimport { isTemplateRelevantForCategory } from '@withpotter/lib/template-filter';\n\ninterface TemplateCategoryPickerProps {\n  businessName?: string;\n  categories: { id: string; name: string }[];\n  templateList: {\n    category?: string;\n    tags?: string[];\n    relevantCategories?: string[];\n  }[];\n}\n\n/**\n * STATE 1: Template selection view shown when the tenant has no template.\n * Renders a grid of business categories that link to the template selection page.\n * Categories without templates show a \"Coming soon\" badge.\n */\nexport function TemplateCategoryPicker({\n  businessName,\n  templateList,\n}: TemplateCategoryPickerProps) {\n  const categoryTemplateCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const cat of BUSINESS_CATEGORIES) {\n      counts[cat.id] = templateList.filter((t) =>\n        isTemplateRelevantForCategory(\n          {\n            id: '',\n            category: t.category ?? '',\n            tags: t.tags ?? [],\n            relevantCategories: t.relevantCategories,\n          },\n          cat.id,\n        ),\n      ).length;\n    }\n    return counts;\n  }, [templateList]);\n\n  return (\n    <div className=\"max-w-4xl mx-auto py-12 px-6\">\n      {/* Welcome Header */}\n      <div className=\"text-center mb-10\">\n        <h1 className=\"text-3xl font-bold text-[var(--text-primary)] mb-3\">\n          Welcome, {businessName || 'there'}!\n        </h1>\n        <p className=\"text-[var(--text-tertiary)] text-lg\">\n          What type of business are you building?\n        </p>\n      </div>\n\n      {/* Category Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8\">\n        {BUSINESS_CATEGORIES.map((category) => {\n          const Icon = category.icon;\n          const count = categoryTemplateCounts[category.id] ?? 0;\n          const hasTemplates = count > 0;\n\n          if (hasTemplates) {\n            return (\n              <Link\n                key={category.id}\n                href={`/dashboard/templates?category=${category.id}`}\n                className=\"surface-interactive group relative p-4 text-left\"\n              >\n                <div\n                  className=\"w-12 h-12 rounded-md flex items-center justify-center mb-4\"\n                  style={{ backgroundColor: `${category.color}15` }}\n                >\n                  <Icon className=\"w-6 h-6\" style={{ color: category.color }} />\n                </div>\n\n                <h3 className=\"font-semibold text-[var(--text-primary)] mb-1\">\n                  {category.name}\n                </h3>\n                <p className=\"text-sm text-[var(--text-tertiary)] mb-3\">\n                  {category.description}\n                </p>\n\n                <div className=\"flex flex-wrap gap-1\">\n                  {category.examples.slice(0, 2).map((ex) => (\n                    <span\n                      key={ex}\n                      className=\"text-xs px-2 py-0.5 bg-[var(--bg-muted)] text-[var(--text-secondary)] rounded\"\n                    >\n                      {ex}\n                    </span>\n                  ))}\n                </div>\n\n                <ChevronRight className=\"absolute top-6 right-4 size-5 text-[var(--text-muted)] transition-transform group-hover:translate-x-1\" />\n              </Link>\n            );\n          }\n\n          return (\n            <div\n              key={category.id}\n              className=\"surface relative p-4 border-2 text-left opacity-60 cursor-default\"\n            >\n              <div\n                className=\"w-12 h-12 rounded-md flex items-center justify-center mb-4\"\n                style={{ backgroundColor: `${category.color}15` }}\n              >\n                <Icon className=\"w-6 h-6\" style={{ color: category.color }} />\n              </div>\n\n              <h3 className=\"font-semibold text-[var(--text-primary)] mb-1\">\n                {category.name}\n              </h3>\n              <p className=\"text-sm text-[var(--text-tertiary)] mb-3\">\n                {category.description}\n              </p>\n\n              <span className=\"text-3xs font-medium uppercase tracking-wider px-2 py-0.5 bg-[var(--bg-muted)] text-[var(--text-muted)] rounded\">\n                Coming soon\n              </span>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Footer hint */}\n      <div className=\"text-center\">\n        <p className=\"text-sm text-[var(--text-muted)]\">\n          You can always change your template later\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AA+CQ,SAGA,KAHA;AA/CR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,qCAAqC;AAiBvC,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,yBAAyB,QAAQ,MAAM;AAC3C,UAAM,SAAiC,CAAC;AACxC,eAAW,OAAO,qBAAqB;AACrC,aAAO,IAAI,EAAE,IAAI,aAAa;AAAA,QAAO,CAAC,MACpC;AAAA,UACE;AAAA,YACE,IAAI;AAAA,YACJ,UAAU,EAAE,YAAY;AAAA,YACxB,MAAM,EAAE,QAAQ,CAAC;AAAA,YACjB,oBAAoB,EAAE;AAAA,UACxB;AAAA,UACA,IAAI;AAAA,QACN;AAAA,MACF,EAAE;AAAA,IACJ;AACA,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE,qBAAC,SAAI,WAAU,gCAEb;AAAA,yBAAC,SAAI,WAAU,qBACb;AAAA,2BAAC,QAAG,WAAU,sDAAqD;AAAA;AAAA,QACvD,gBAAgB;AAAA,QAAQ;AAAA,SACpC;AAAA,MACA,oBAAC,OAAE,WAAU,uCAAsC,qDAEnD;AAAA,OACF;AAAA,IAGA,oBAAC,SAAI,WAAU,6DACZ,8BAAoB,IAAI,CAAC,aAAa;AACrC,YAAM,OAAO,SAAS;AACtB,YAAM,QAAQ,uBAAuB,SAAS,EAAE,KAAK;AACrD,YAAM,eAAe,QAAQ;AAE7B,UAAI,cAAc;AAChB,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,iCAAiC,SAAS,EAAE;AAAA,YAClD,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,KAAK;AAAA,kBAEhD,8BAAC,QAAK,WAAU,WAAU,OAAO,EAAE,OAAO,SAAS,MAAM,GAAG;AAAA;AAAA,cAC9D;AAAA,cAEA,oBAAC,QAAG,WAAU,iDACX,mBAAS,MACZ;AAAA,cACA,oBAAC,OAAE,WAAU,4CACV,mBAAS,aACZ;AAAA,cAEA,oBAAC,SAAI,WAAU,wBACZ,mBAAS,SAAS,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,OAClC;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAU;AAAA,kBAET;AAAA;AAAA,gBAHI;AAAA,cAIP,CACD,GACH;AAAA,cAEA,oBAAC,gBAAa,WAAU,yGAAwG;AAAA;AAAA;AAAA,UA7B3H,SAAS;AAAA,QA8BhB;AAAA,MAEJ;AAEA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,KAAK;AAAA,gBAEhD,8BAAC,QAAK,WAAU,WAAU,OAAO,EAAE,OAAO,SAAS,MAAM,GAAG;AAAA;AAAA,YAC9D;AAAA,YAEA,oBAAC,QAAG,WAAU,iDACX,mBAAS,MACZ;AAAA,YACA,oBAAC,OAAE,WAAU,4CACV,mBAAS,aACZ;AAAA,YAEA,oBAAC,UAAK,WAAU,mHAAkH,yBAElI;AAAA;AAAA;AAAA,QAnBK,SAAS;AAAA,MAoBhB;AAAA,IAEJ,CAAC,GACH;AAAA,IAGA,oBAAC,SAAI,WAAU,eACb,8BAAC,OAAE,WAAU,oCAAmC,uDAEhD,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/template-status-card.d.ts

@@ -0,0 +1,20 @@
+interface TemplateStatusCardProps {
+    templateName?: string;
+    templateDescription?: string;
+    templateIcon?: React.ElementType;
+    isSetupComplete: boolean;
+    storefrontUrl: string;
+    customDomain?: string;
+    publishing: boolean;
+    emailVerified: boolean;
+    onTogglePublish: (publish: boolean) => Promise<{
+        error?: string;
+        needsVerification?: boolean;
+    }>;
+    onEmailVerified?: () => void;
+}
+/**
+ * Card showing the current template with publish/unpublish + change actions.
+ */
+export declare function TemplateStatusCard({ templateName, templateDescription, templateIcon: TemplateIcon, isSetupComplete, storefrontUrl, customDomain, publishing, emailVerified, onTogglePublish, onEmailVerified, }: TemplateStatusCardProps): import("react").JSX.Element;
+export {};