@open-mercato/core 0.6.7-develop.6785.1.1dd7cfac55 → 0.6.7-develop.6795.1.8a3f27921c

package/dist/modules/design_system/gallery/components/GalleryShell.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useSearchParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { SectionPage } from "@open-mercato/ui/backend/section-page";
+import { SearchInput } from "@open-mercato/ui/primitives/search-input";
+import { Skeleton } from "@open-mercato/ui/primitives/skeleton";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { GALLERY_BASE_PATH, galleryFamilies } from "../registry.js";
+import { EntryCard } from "./EntryCard.js";
+function familyLabelFallback(id) {
+  return id.charAt(0).toUpperCase() + id.slice(1).replace(/[-_]/g, " ");
+}
+function matchesQuery(entry, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return true;
+  if (entry.id.toLowerCase().includes(needle) || entry.title.toLowerCase().includes(needle)) return true;
+  if (entry.keywords?.some((keyword) => keyword.toLowerCase().includes(needle))) return true;
+  return needle.includes(entry.id.toLowerCase()) || needle.includes(entry.title.toLowerCase());
+}
+function GalleryShell() {
+  const t = useT();
+  const searchParams = useSearchParams();
+  const [loaded, setLoaded] = React.useState({});
+  const [failed, setFailed] = React.useState({});
+  const [search, setSearch] = React.useState("");
+  const pendingRef = React.useRef(/* @__PURE__ */ new Set());
+  const familyParam = searchParams?.get("family") ?? null;
+  const entryParam = searchParams?.get("entry") ?? null;
+  React.useEffect(() => {
+    setSearch("");
+  }, [familyParam]);
+  const activeFamily = galleryFamilies.find((family) => family.id === familyParam) ?? galleryFamilies[0];
+  const activeFamilyId = activeFamily?.id ?? null;
+  const loadFamily = React.useCallback((family) => {
+    if (pendingRef.current.has(family.id)) return;
+    pendingRef.current.add(family.id);
+    setFailed((prev) => prev[family.id] ? { ...prev, [family.id]: false } : prev);
+    family.load().then((mod) => {
+      setLoaded((prev) => prev[family.id] ? prev : { ...prev, [family.id]: mod.entries });
+    }).catch(() => {
+      pendingRef.current.delete(family.id);
+      setFailed((prev) => ({ ...prev, [family.id]: true }));
+    });
+  }, []);
+  const searching = search.trim().length > 0;
+  React.useEffect(() => {
+    if (searching) {
+      for (const family of galleryFamilies) loadFamily(family);
+    } else if (activeFamily) {
+      loadFamily(activeFamily);
+    }
+  }, [searching, activeFamily, loadFamily]);
+  const activeEntries = activeFamilyId ? loaded[activeFamilyId] : void 0;
+  React.useEffect(() => {
+    if (!entryParam || searching || !activeEntries) return;
+    const node = document.getElementById(`gallery-entry-${entryParam}`);
+    node?.scrollIntoView({ block: "start" });
+  }, [entryParam, searching, activeEntries]);
+  const sections = React.useMemo(
+    () => [
+      {
+        id: "families",
+        label: "Families",
+        labelKey: "design_system.gallery.familiesGroup",
+        items: galleryFamilies.map((family) => ({
+          id: family.id,
+          label: familyLabelFallback(family.id),
+          labelKey: family.labelKey,
+          icon: family.icon,
+          href: `${GALLERY_BASE_PATH}?family=${family.id}`
+        }))
+      }
+    ],
+    []
+  );
+  const renderFamilySkeleton = () => /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-testid": "gallery-family-skeleton", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" })
+  ] });
+  const renderSearchResults = () => {
+    const groups = galleryFamilies.map((family) => ({
+      family,
+      entries: (loaded[family.id] ?? []).filter((entry) => matchesQuery(entry, search))
+    })).filter((group) => group.entries.length > 0);
+    const stillLoading = galleryFamilies.some((family) => !loaded[family.id] && !failed[family.id]);
+    if (groups.length === 0 && stillLoading) return renderFamilySkeleton();
+    if (groups.length === 0) {
+      return /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          title: t("design_system.gallery.noResults", "No components match your search")
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { className: "space-y-8", children: groups.map(({ family, entries }) => /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium uppercase tracking-wider text-muted-foreground", children: t(family.labelKey, familyLabelFallback(family.id)) }),
+      entries.map((entry) => /* @__PURE__ */ jsx(EntryCard, { entry }, entry.id))
+    ] }, family.id)) });
+  };
+  const renderActiveFamily = () => {
+    if (!activeFamily) return null;
+    const entries = loaded[activeFamily.id];
+    if (!entries && failed[activeFamily.id]) {
+      return /* @__PURE__ */ jsx(
+        ErrorMessage,
+        {
+          label: t("design_system.gallery.loadFailed", "Could not load this family"),
+          action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => loadFamily(activeFamily), children: t("design_system.gallery.retry", "Retry") })
+        }
+      );
+    }
+    if (!entries) return renderFamilySkeleton();
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t(activeFamily.labelKey, familyLabelFallback(activeFamily.id)) }),
+      entries.length > 1 ? /* @__PURE__ */ jsx(
+        "nav",
+        {
+          "aria-label": t("design_system.gallery.familyContents", "Components in this family"),
+          className: "flex flex-wrap items-center gap-1.5 rounded-md border border-border bg-muted/30 p-2",
+          children: entries.map((entry) => /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `#gallery-entry-${entry.id}`,
+              className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:shadow-focus",
+              children: entry.title
+            },
+            entry.id
+          ))
+        }
+      ) : null,
+      entries.map((entry) => /* @__PURE__ */ jsx(EntryCard, { entry }, entry.id))
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    SectionPage,
+    {
+      title: "Design system",
+      titleKey: "design_system.nav.title",
+      sections,
+      activePath: activeFamilyId ? `${GALLERY_BASE_PATH}?family=${activeFamilyId}` : GALLERY_BASE_PATH,
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-5xl space-y-6", children: [
+        /* @__PURE__ */ jsx(
+          SearchInput,
+          {
+            value: search,
+            onChange: setSearch,
+            placeholder: t("design_system.gallery.searchPlaceholder", "Search components\u2026"),
+            "aria-label": t("design_system.gallery.searchPlaceholder", "Search components\u2026")
+          }
+        ),
+        searching ? renderSearchResults() : renderActiveFamily()
+      ] })
+    }
+  );
+}
+export {
+  GalleryShell
+};
+//# sourceMappingURL=GalleryShell.js.map

package/dist/modules/design_system/gallery/components/GalleryShell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/components/GalleryShell.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useSearchParams } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { SectionPage } from '@open-mercato/ui/backend/section-page'\nimport type { SectionNavGroup } from '@open-mercato/ui/backend/section-page'\nimport { SearchInput } from '@open-mercato/ui/primitives/search-input'\nimport { Skeleton } from '@open-mercato/ui/primitives/skeleton'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport type { GalleryEntry, GalleryFamily } from '../types'\nimport { GALLERY_BASE_PATH, galleryFamilies } from '../registry'\nimport { EntryCard } from './EntryCard'\n\n/** 'buttons' \u2192 'Buttons' \u2014 untranslated fallback when a family labelKey has no message. */\nfunction familyLabelFallback(id: string): string {\n  return id.charAt(0).toUpperCase() + id.slice(1).replace(/[-_]/g, ' ')\n}\n\nfunction matchesQuery(entry: GalleryEntry, query: string): boolean {\n  const needle = query.trim().toLowerCase()\n  if (!needle) return true\n  if (entry.id.toLowerCase().includes(needle) || entry.title.toLowerCase().includes(needle)) return true\n  if (entry.keywords?.some((keyword) => keyword.toLowerCase().includes(needle))) return true\n  // 'radiobutton' should still find 'radio' \u2014 match when the query CONTAINS the id/title too.\n  return needle.includes(entry.id.toLowerCase()) || needle.includes(entry.title.toLowerCase())\n}\n\ntype LoadedEntries = Record<string, GalleryEntry[]>\n\nexport function GalleryShell() {\n  const t = useT()\n  const searchParams = useSearchParams()\n  const [loaded, setLoaded] = React.useState<LoadedEntries>({})\n  const [failed, setFailed] = React.useState<Record<string, boolean>>({})\n  const [search, setSearch] = React.useState('')\n  const pendingRef = React.useRef(new Set<string>())\n\n  const familyParam = searchParams?.get('family') ?? null\n  const entryParam = searchParams?.get('entry') ?? null\n\n  // Clicking a family in the section nav exits search mode \u2014 otherwise the\n  // query keeps precedence and family navigation appears dead.\n  React.useEffect(() => {\n    setSearch('')\n  }, [familyParam])\n  const activeFamily: GalleryFamily | undefined =\n    galleryFamilies.find((family) => family.id === familyParam) ?? galleryFamilies[0]\n  const activeFamilyId = activeFamily?.id ?? null\n\n  const loadFamily = React.useCallback((family: GalleryFamily) => {\n    if (pendingRef.current.has(family.id)) return\n    pendingRef.current.add(family.id)\n    setFailed((prev) => (prev[family.id] ? { ...prev, [family.id]: false } : prev))\n    family\n      .load()\n      .then((mod) => {\n        setLoaded((prev) => (prev[family.id] ? prev : { ...prev, [family.id]: mod.entries }))\n      })\n      .catch(() => {\n        pendingRef.current.delete(family.id)\n        setFailed((prev) => ({ ...prev, [family.id]: true }))\n      })\n  }, [])\n\n  // Lazy-load the active family; when searching, load every family so results\n  // span the whole gallery.\n  const searching = search.trim().length > 0\n  React.useEffect(() => {\n    if (searching) {\n      for (const family of galleryFamilies) loadFamily(family)\n    } else if (activeFamily) {\n      loadFamily(activeFamily)\n    }\n  }, [searching, activeFamily, loadFamily])\n\n  // Deep link: ?entry=<id> scrolls the entry into view once its family loaded.\n  const activeEntries = activeFamilyId ? loaded[activeFamilyId] : undefined\n  React.useEffect(() => {\n    if (!entryParam || searching || !activeEntries) return\n    const node = document.getElementById(`gallery-entry-${entryParam}`)\n    node?.scrollIntoView({ block: 'start' })\n  }, [entryParam, searching, activeEntries])\n\n  const sections: SectionNavGroup[] = React.useMemo(\n    () => [\n      {\n        id: 'families',\n        label: 'Families',\n        labelKey: 'design_system.gallery.familiesGroup',\n        items: galleryFamilies.map((family) => ({\n          id: family.id,\n          label: familyLabelFallback(family.id),\n          labelKey: family.labelKey,\n          icon: family.icon,\n          href: `${GALLERY_BASE_PATH}?family=${family.id}`,\n        })),\n      },\n    ],\n    [],\n  )\n\n  const renderFamilySkeleton = () => (\n    <div className=\"space-y-4\" data-testid=\"gallery-family-skeleton\">\n      <Skeleton className=\"h-40 w-full\" />\n      <Skeleton className=\"h-40 w-full\" />\n    </div>\n  )\n\n  const renderSearchResults = () => {\n    const groups = galleryFamilies\n      .map((family) => ({\n        family,\n        entries: (loaded[family.id] ?? []).filter((entry) => matchesQuery(entry, search)),\n      }))\n      .filter((group) => group.entries.length > 0)\n    const stillLoading = galleryFamilies.some((family) => !loaded[family.id] && !failed[family.id])\n    if (groups.length === 0 && stillLoading) return renderFamilySkeleton()\n    if (groups.length === 0) {\n      return (\n        <EmptyState\n          title={t('design_system.gallery.noResults', 'No components match your search')}\n        />\n      )\n    }\n    return (\n      <div className=\"space-y-8\">\n        {groups.map(({ family, entries }) => (\n          <div key={family.id} className=\"space-y-4\">\n            <h2 className=\"text-sm font-medium uppercase tracking-wider text-muted-foreground\">\n              {t(family.labelKey, familyLabelFallback(family.id))}\n            </h2>\n            {entries.map((entry) => (\n              <EntryCard key={entry.id} entry={entry} />\n            ))}\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  const renderActiveFamily = () => {\n    if (!activeFamily) return null\n    const entries = loaded[activeFamily.id]\n    if (!entries && failed[activeFamily.id]) {\n      return (\n        <ErrorMessage\n          label={t('design_system.gallery.loadFailed', 'Could not load this family')}\n          action={\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => loadFamily(activeFamily)}>\n              {t('design_system.gallery.retry', 'Retry')}\n            </Button>\n          }\n        />\n      )\n    }\n    if (!entries) return renderFamilySkeleton()\n    return (\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-semibold\">\n          {t(activeFamily.labelKey, familyLabelFallback(activeFamily.id))}\n        </h2>\n        {entries.length > 1 ? (\n          <nav\n            aria-label={t('design_system.gallery.familyContents', 'Components in this family')}\n            className=\"flex flex-wrap items-center gap-1.5 rounded-md border border-border bg-muted/30 p-2\"\n          >\n            {entries.map((entry) => (\n              <a\n                key={entry.id}\n                href={`#gallery-entry-${entry.id}`}\n                className=\"rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:shadow-focus\"\n              >\n                {entry.title}\n              </a>\n            ))}\n          </nav>\n        ) : null}\n        {entries.map((entry) => (\n          <EntryCard key={entry.id} entry={entry} />\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <SectionPage\n      title=\"Design system\"\n      titleKey=\"design_system.nav.title\"\n      sections={sections}\n      activePath={activeFamilyId ? `${GALLERY_BASE_PATH}?family=${activeFamilyId}` : GALLERY_BASE_PATH}\n    >\n      <div className=\"mx-auto w-full max-w-5xl space-y-6\">\n        <SearchInput\n          value={search}\n          onChange={setSearch}\n          placeholder={t('design_system.gallery.searchPlaceholder', 'Search components\u2026')}\n          aria-label={t('design_system.gallery.searchPlaceholder', 'Search components\u2026')}\n        />\n        {searching ? renderSearchResults() : renderActiveFamily()}\n      </div>\n    </SectionPage>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/design_system/gallery/components/VariantPreview.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function VariantPreview({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-3 rounded-md border border-border bg-background p-4", children });
+}
+export {
+  VariantPreview
+};
+//# sourceMappingURL=VariantPreview.js.map

package/dist/modules/design_system/gallery/components/VariantPreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/components/VariantPreview.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\n/**\n * Bordered stage a variant renders inside. Chrome uses semantic tokens only \u2014\n * the stage must never impose colors of its own on the previewed component.\n */\nexport function VariantPreview({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-3 rounded-md border border-border bg-background p-4\">\n      {children}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAUI;AAFG,SAAS,eAAe,EAAE,SAAS,GAAkC;AAC1E,SACE,oBAAC,SAAI,WAAU,uFACZ,UACH;AAEJ;",
+  "names": []
+}

package/dist/modules/design_system/gallery/entries/banners.js

@@ -0,0 +1,186 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CircleCheck, Rocket, Sparkles } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { NextStepCallout } from "@open-mercato/ui/backend/NextStepCallout";
+import { ContextHelp } from "@open-mercato/ui/backend/ContextHelp";
+const flashMessagesEntry = {
+  id: "flash-messages",
+  title: "FlashMessages",
+  importPath: "@open-mercato/ui/backend/FlashMessages",
+  variants: [
+    {
+      id: "kinds",
+      title: "flash() kinds (toast via the AppShell singleton)",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => flash("Changes saved", "success"), children: "Fire success" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => flash("Sync scheduled", "info"), children: "Fire info" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => flash("Quota almost reached", "warning"), children: "Fire warning" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => flash("Save failed", "error"), children: "Fire error" })
+      ] }),
+      code: `import { flash } from '@open-mercato/ui/backend/FlashMessages'
+
+// FlashMessages is mounted once by AppShell \u2014 never mount your own.
+flash('Changes saved', 'success')
+flash('Sync scheduled', 'info')
+flash('Quota almost reached', 'warning')
+flash('Save failed', 'error')`
+    }
+  ]
+};
+const nextStepCalloutEntry = {
+  id: "next-step-callout",
+  title: "NextStepCallout",
+  importPath: "@open-mercato/ui/backend/NextStepCallout",
+  variants: [
+    {
+      id: "basic",
+      title: "Basic",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+        NextStepCallout,
+        {
+          icon: /* @__PURE__ */ jsx(Rocket, { className: "size-6" }),
+          title: "Publish your catalog",
+          description: "Products are imported and priced. Publishing makes them visible on every sales channel.",
+          actionLabel: "Publish catalog",
+          actionIcon: /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 size-4" }),
+          onAction: () => {
+          }
+        }
+      ) }),
+      code: `import { Rocket, Sparkles } from 'lucide-react'
+import { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'
+
+<NextStepCallout
+  icon={<Rocket className="size-6" />}
+  title="Publish your catalog"
+  description="Products are imported and priced. Publishing makes them visible on every sales channel."
+  actionLabel="Publish catalog"
+  actionIcon={<Sparkles className="mr-2 size-4" />}
+  onAction={handlePublish}
+/>`
+    },
+    {
+      id: "with-steps",
+      title: "With steps",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+        NextStepCallout,
+        {
+          title: "Finish store setup",
+          description: "Two steps are done \u2014 connect a payment provider to start selling.",
+          steps: [
+            { id: "import", label: "Import products", state: "completed" },
+            { id: "pricing", label: "Set pricing", state: "completed" },
+            { id: "payments", label: "Connect payments", state: "active" },
+            { id: "launch", label: "Launch", state: "pending" }
+          ],
+          actionLabel: "Connect payments",
+          onAction: () => {
+          }
+        }
+      ) }),
+      code: `import { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'
+
+<NextStepCallout
+  title="Finish store setup"
+  description="Two steps are done \u2014 connect a payment provider to start selling."
+  steps={[
+    { id: 'import', label: 'Import products', state: 'completed' },
+    { id: 'pricing', label: 'Set pricing', state: 'completed' },
+    { id: 'payments', label: 'Connect payments', state: 'active' },
+    { id: 'launch', label: 'Launch', state: 'pending' },
+  ]}
+  actionLabel="Connect payments"
+  onAction={handleConnect}
+/>`
+    },
+    {
+      id: "with-status",
+      title: "With status progress",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+        NextStepCallout,
+        {
+          title: "Index your products",
+          description: "Search stays disabled until the first indexing run completes.",
+          actionLabel: "Re-run indexing",
+          onAction: () => {
+          },
+          busy: true,
+          status: {
+            tone: "info",
+            icon: /* @__PURE__ */ jsx(CircleCheck, { className: "size-4" }),
+            label: "Indexing in progress",
+            progressValue: 64,
+            progressDescription: "1,280 of 2,000 products indexed"
+          }
+        }
+      ) }),
+      code: `import { CircleCheck } from 'lucide-react'
+import { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'
+
+<NextStepCallout
+  title="Index your products"
+  description="Search stays disabled until the first indexing run completes."
+  actionLabel="Re-run indexing"
+  onAction={handleReindex}
+  busy
+  status={{
+    tone: 'info',
+    icon: <CircleCheck className="size-4" />,
+    label: 'Indexing in progress',
+    progressValue: 64,
+    progressDescription: '1,280 of 2,000 products indexed',
+  }}
+/>`
+    }
+  ]
+};
+const contextHelpEntry = {
+  id: "context-help",
+  title: "ContextHelp",
+  importPath: "@open-mercato/ui/backend/ContextHelp",
+  variants: [
+    {
+      id: "default",
+      title: "default (collapsed)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ContextHelp, { title: "How do exchange rates work?", children: "Rates refresh nightly from the configured provider. Manual overrides stay pinned until you clear them." }) }),
+      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'
+
+<ContextHelp title="How do exchange rates work?">
+  Rates refresh nightly from the configured provider. Manual overrides
+  stay pinned until you clear them.
+</ContextHelp>`
+    },
+    {
+      id: "default-open",
+      title: "defaultOpen",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ContextHelp, { title: "Why is this field required?", defaultOpen: true, children: "The tax office identifier is mandatory for invoices issued to companies registered in the EU." }) }),
+      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'
+
+<ContextHelp title="Why is this field required?" defaultOpen>
+  The tax office identifier is mandatory for invoices issued to
+  companies registered in the EU.
+</ContextHelp>`
+    },
+    {
+      id: "info-icon",
+      title: "Info icon (bulb={false})",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ContextHelp, { title: "About draft orders", bulb: false, defaultOpen: true, children: "Draft orders are invisible to customers and skip stock reservation until they are confirmed." }) }),
+      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'
+
+<ContextHelp title="About draft orders" bulb={false} defaultOpen>
+  Draft orders are invisible to customers and skip stock reservation
+  until they are confirmed.
+</ContextHelp>`
+    }
+  ]
+};
+const entries = [
+  flashMessagesEntry,
+  nextStepCalloutEntry,
+  contextHelpEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=banners.js.map

package/dist/modules/design_system/gallery/entries/banners.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/entries/banners.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { CircleCheck, Rocket, Sparkles } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'\nimport { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'\nimport type { GalleryEntry } from '../types'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// `FlashMessages` itself is a singleton mounted by AppShell \u2014 the gallery only\n// demonstrates the imperative `flash()` API; the triggered toast renders\n// through the already-mounted singleton.\nconst flashMessagesEntry: GalleryEntry = {\n  id: 'flash-messages',\n  title: 'FlashMessages',\n  importPath: '@open-mercato/ui/backend/FlashMessages',\n  variants: [\n    {\n      id: 'kinds',\n      title: 'flash() kinds (toast via the AppShell singleton)',\n      render: () => (\n        <>\n          <Button variant=\"outline\" onClick={() => flash('Changes saved', 'success')}>\n            Fire success\n          </Button>\n          <Button variant=\"outline\" onClick={() => flash('Sync scheduled', 'info')}>\n            Fire info\n          </Button>\n          <Button variant=\"outline\" onClick={() => flash('Quota almost reached', 'warning')}>\n            Fire warning\n          </Button>\n          <Button variant=\"outline\" onClick={() => flash('Save failed', 'error')}>\n            Fire error\n          </Button>\n        </>\n      ),\n      code: `import { flash } from '@open-mercato/ui/backend/FlashMessages'\n\n// FlashMessages is mounted once by AppShell \u2014 never mount your own.\nflash('Changes saved', 'success')\nflash('Sync scheduled', 'info')\nflash('Quota almost reached', 'warning')\nflash('Save failed', 'error')`,\n    },\n  ],\n}\n\nconst nextStepCalloutEntry: GalleryEntry = {\n  id: 'next-step-callout',\n  title: 'NextStepCallout',\n  importPath: '@open-mercato/ui/backend/NextStepCallout',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Basic',\n      render: () => (\n        <div className=\"w-full\">\n          <NextStepCallout\n            icon={<Rocket className=\"size-6\" />}\n            title=\"Publish your catalog\"\n            description=\"Products are imported and priced. Publishing makes them visible on every sales channel.\"\n            actionLabel=\"Publish catalog\"\n            actionIcon={<Sparkles className=\"mr-2 size-4\" />}\n            onAction={() => {}}\n          />\n        </div>\n      ),\n      code: `import { Rocket, Sparkles } from 'lucide-react'\nimport { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'\n\n<NextStepCallout\n  icon={<Rocket className=\"size-6\" />}\n  title=\"Publish your catalog\"\n  description=\"Products are imported and priced. Publishing makes them visible on every sales channel.\"\n  actionLabel=\"Publish catalog\"\n  actionIcon={<Sparkles className=\"mr-2 size-4\" />}\n  onAction={handlePublish}\n/>`,\n    },\n    {\n      id: 'with-steps',\n      title: 'With steps',\n      render: () => (\n        <div className=\"w-full\">\n          <NextStepCallout\n            title=\"Finish store setup\"\n            description=\"Two steps are done \u2014 connect a payment provider to start selling.\"\n            steps={[\n              { id: 'import', label: 'Import products', state: 'completed' },\n              { id: 'pricing', label: 'Set pricing', state: 'completed' },\n              { id: 'payments', label: 'Connect payments', state: 'active' },\n              { id: 'launch', label: 'Launch', state: 'pending' },\n            ]}\n            actionLabel=\"Connect payments\"\n            onAction={() => {}}\n          />\n        </div>\n      ),\n      code: `import { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'\n\n<NextStepCallout\n  title=\"Finish store setup\"\n  description=\"Two steps are done \u2014 connect a payment provider to start selling.\"\n  steps={[\n    { id: 'import', label: 'Import products', state: 'completed' },\n    { id: 'pricing', label: 'Set pricing', state: 'completed' },\n    { id: 'payments', label: 'Connect payments', state: 'active' },\n    { id: 'launch', label: 'Launch', state: 'pending' },\n  ]}\n  actionLabel=\"Connect payments\"\n  onAction={handleConnect}\n/>`,\n    },\n    {\n      id: 'with-status',\n      title: 'With status progress',\n      render: () => (\n        <div className=\"w-full\">\n          <NextStepCallout\n            title=\"Index your products\"\n            description=\"Search stays disabled until the first indexing run completes.\"\n            actionLabel=\"Re-run indexing\"\n            onAction={() => {}}\n            busy\n            status={{\n              tone: 'info',\n              icon: <CircleCheck className=\"size-4\" />,\n              label: 'Indexing in progress',\n              progressValue: 64,\n              progressDescription: '1,280 of 2,000 products indexed',\n            }}\n          />\n        </div>\n      ),\n      code: `import { CircleCheck } from 'lucide-react'\nimport { NextStepCallout } from '@open-mercato/ui/backend/NextStepCallout'\n\n<NextStepCallout\n  title=\"Index your products\"\n  description=\"Search stays disabled until the first indexing run completes.\"\n  actionLabel=\"Re-run indexing\"\n  onAction={handleReindex}\n  busy\n  status={{\n    tone: 'info',\n    icon: <CircleCheck className=\"size-4\" />,\n    label: 'Indexing in progress',\n    progressValue: 64,\n    progressDescription: '1,280 of 2,000 products indexed',\n  }}\n/>`,\n    },\n  ],\n}\n\nconst contextHelpEntry: GalleryEntry = {\n  id: 'context-help',\n  title: 'ContextHelp',\n  importPath: '@open-mercato/ui/backend/ContextHelp',\n  variants: [\n    {\n      id: 'default',\n      title: 'default (collapsed)',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ContextHelp title=\"How do exchange rates work?\">\n            Rates refresh nightly from the configured provider. Manual overrides\n            stay pinned until you clear them.\n          </ContextHelp>\n        </div>\n      ),\n      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'\n\n<ContextHelp title=\"How do exchange rates work?\">\n  Rates refresh nightly from the configured provider. Manual overrides\n  stay pinned until you clear them.\n</ContextHelp>`,\n    },\n    {\n      id: 'default-open',\n      title: 'defaultOpen',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ContextHelp title=\"Why is this field required?\" defaultOpen>\n            The tax office identifier is mandatory for invoices issued to\n            companies registered in the EU.\n          </ContextHelp>\n        </div>\n      ),\n      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'\n\n<ContextHelp title=\"Why is this field required?\" defaultOpen>\n  The tax office identifier is mandatory for invoices issued to\n  companies registered in the EU.\n</ContextHelp>`,\n    },\n    {\n      id: 'info-icon',\n      title: 'Info icon (bulb={false})',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ContextHelp title=\"About draft orders\" bulb={false} defaultOpen>\n            Draft orders are invisible to customers and skip stock reservation\n            until they are confirmed.\n          </ContextHelp>\n        </div>\n      ),\n      code: `import { ContextHelp } from '@open-mercato/ui/backend/ContextHelp'\n\n<ContextHelp title=\"About draft orders\" bulb={false} defaultOpen>\n  Draft orders are invisible to customers and skip stock reservation\n  until they are confirmed.\n</ContextHelp>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  flashMessagesEntry,\n  nextStepCalloutEntry,\n  contextHelpEntry,\n]\n"],
+  "mappings": "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",
+  "names": []
+}