@open-mercato/core 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

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": []
+}

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

@@ -0,0 +1,361 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MoreHorizontal, Pencil, Plus, Trash2 } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import { SocialButton } from "@open-mercato/ui/primitives/social-button";
+import { FancyButton } from "@open-mercato/ui/primitives/fancy-button";
+import { ButtonGroup } from "@open-mercato/ui/primitives/button-group";
+const buttonEntry = {
+  id: "button",
+  title: "Button",
+  importPath: "@open-mercato/ui/primitives/button",
+  usage: {
+    do: [
+      "One default (primary) Button per view; remaining actions step down to outline, ghost or muted.",
+      "Destructive actions use the destructive family; -outline/-soft/-ghost lower the emphasis without losing the semantics.",
+      "Default height is h-9; sm (h-8) in dense toolbars, 2xs only inside table rows."
+    ],
+    dont: [
+      'Never Button size="icon" for icon-only actions \u2014 use IconButton (correct sizing + aria-label contract).',
+      "Never style a raw <button> or <Link> to look like a Button.",
+      "The link variant is for navigation-like actions, not for mutations."
+    ]
+  },
+  descriptionKey: "design_system.entries.button.description",
+  variants: [
+    {
+      id: "default",
+      title: "default",
+      render: () => /* @__PURE__ */ jsx(Button, { children: "Save changes" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button>Save changes</Button>`
+    },
+    {
+      id: "destructive",
+      title: "destructive",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Delete" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="destructive">Delete</Button>`
+    },
+    {
+      id: "destructive-outline",
+      title: "destructive-outline",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-outline", children: "Delete" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="destructive-outline">Delete</Button>`
+    },
+    {
+      id: "destructive-soft",
+      title: "destructive-soft",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-soft", children: "Delete draft" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="destructive-soft">Delete draft</Button>`
+    },
+    {
+      id: "destructive-ghost",
+      title: "destructive-ghost",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-ghost", children: "Remove" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="destructive-ghost">Remove</Button>`
+    },
+    {
+      id: "outline",
+      title: "outline",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancel" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="outline">Cancel</Button>`
+    },
+    {
+      id: "secondary",
+      title: "secondary",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Duplicate" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="secondary">Duplicate</Button>`
+    },
+    {
+      id: "ghost",
+      title: "ghost",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "ghost", children: "Dismiss" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="ghost">Dismiss</Button>`
+    },
+    {
+      id: "muted",
+      title: "muted",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "muted", children: "Show more" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="muted">Show more</Button>`
+    },
+    {
+      id: "link",
+      title: "link",
+      render: () => /* @__PURE__ */ jsx(Button, { variant: "link", children: "View details" }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button variant="link">View details</Button>`
+    },
+    {
+      id: "sizes",
+      title: "Sizes",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { size: "lg", children: "Large" }),
+        /* @__PURE__ */ jsx(Button, { size: "default", children: "Default" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", children: "Small" }),
+        /* @__PURE__ */ jsx(Button, { size: "2xs", children: "2X-Small" }),
+        /* @__PURE__ */ jsx(Button, { size: "icon", "aria-label": "Add", children: /* @__PURE__ */ jsx(Plus, {}) })
+      ] }),
+      code: `import { Plus } from 'lucide-react'
+import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button size="lg">Large</Button>
+<Button size="default">Default</Button>
+<Button size="sm">Small</Button>
+<Button size="2xs">2X-Small</Button>
+<Button size="icon" aria-label="Add"><Plus /></Button>`
+    }
+  ]
+};
+const iconButtonEntry = {
+  id: "icon-button",
+  title: "IconButton",
+  importPath: "@open-mercato/ui/primitives/icon-button",
+  usage: {
+    do: [
+      "Always pass aria-label \u2014 the icon is the only content.",
+      'size="default" is h-8, one step smaller than Button; use size="lg" (h-9) to align inside a Button row.'
+    ],
+    dont: ['Never fake it with Button size="icon".']
+  },
+  descriptionKey: "design_system.entries.iconButton.description",
+  variants: [
+    {
+      id: "variants",
+      title: "Variants",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { variant: "primary", "aria-label": "Add", children: /* @__PURE__ */ jsx(Plus, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { variant: "outline", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": "More", children: /* @__PURE__ */ jsx(MoreHorizontal, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { variant: "white", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { variant: "destructive", "aria-label": "Delete", children: /* @__PURE__ */ jsx(Trash2, {}) })
+      ] }),
+      code: `import { Pencil } from 'lucide-react'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+
+<IconButton variant="primary" aria-label="Add"><Plus /></IconButton>
+<IconButton variant="outline" aria-label="Edit"><Pencil /></IconButton>
+<IconButton variant="ghost" aria-label="More"><MoreHorizontal /></IconButton>
+<IconButton variant="white" aria-label="Edit"><Pencil /></IconButton>
+<IconButton variant="destructive" aria-label="Delete"><Trash2 /></IconButton>`
+    },
+    {
+      id: "sizes",
+      title: "Sizes",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { size: "lg", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "default", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "sm", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "xs", "aria-label": "Edit", children: /* @__PURE__ */ jsx(Pencil, {}) })
+      ] }),
+      code: `import { Pencil } from 'lucide-react'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+
+<IconButton size="lg" aria-label="Edit"><Pencil /></IconButton>
+<IconButton size="default" aria-label="Edit"><Pencil /></IconButton>
+<IconButton size="sm" aria-label="Edit"><Pencil /></IconButton>
+<IconButton size="xs" aria-label="Edit"><Pencil /></IconButton>`
+    },
+    {
+      id: "full-radius",
+      title: "fullRadius",
+      render: () => /* @__PURE__ */ jsx(IconButton, { fullRadius: true, "aria-label": "Add", children: /* @__PURE__ */ jsx(Plus, {}) }),
+      code: `import { Plus } from 'lucide-react'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+
+<IconButton fullRadius aria-label="Add"><Plus /></IconButton>`
+    }
+  ]
+};
+const linkButtonEntry = {
+  id: "link-button",
+  title: "LinkButton",
+  importPath: "@open-mercato/ui/primitives/link-button",
+  descriptionKey: "design_system.entries.linkButton.description",
+  variants: [
+    {
+      id: "variants",
+      title: "Variants",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(LinkButton, { children: "primary" }),
+        /* @__PURE__ */ jsx(LinkButton, { variant: "gray", children: "gray" }),
+        /* @__PURE__ */ jsx(LinkButton, { variant: "black", children: "black" }),
+        /* @__PURE__ */ jsx(LinkButton, { variant: "error", children: "error" })
+      ] }),
+      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'
+
+<LinkButton>primary</LinkButton>
+<LinkButton variant="gray">gray</LinkButton>
+<LinkButton variant="black">black</LinkButton>
+<LinkButton variant="error">error</LinkButton>`
+    },
+    {
+      id: "underline",
+      title: "Underline",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(LinkButton, { underline: "always", children: "always" }),
+        /* @__PURE__ */ jsx(LinkButton, { underline: "hover", children: "hover" }),
+        /* @__PURE__ */ jsx(LinkButton, { underline: "none", children: "none" })
+      ] }),
+      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'
+
+<LinkButton underline="always">always</LinkButton>
+<LinkButton underline="hover">hover</LinkButton>
+<LinkButton underline="none">none</LinkButton>`
+    },
+    {
+      id: "as-anchor",
+      title: "As anchor (asChild)",
+      render: () => /* @__PURE__ */ jsx(LinkButton, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: "#gallery-entry-link-button", children: "Open link" }) }),
+      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'
+
+<LinkButton asChild>
+  <a href="/backend/docs">Open link</a>
+</LinkButton>`
+    }
+  ]
+};
+const socialButtonEntry = {
+  id: "social-button",
+  title: "SocialButton",
+  importPath: "@open-mercato/ui/primitives/social-button",
+  descriptionKey: "design_system.entries.socialButton.description",
+  variants: [
+    {
+      id: "filled",
+      title: "filled",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SocialButton, { brand: "github", children: "Continue with GitHub" }),
+        /* @__PURE__ */ jsx(SocialButton, { brand: "google", children: "Continue with Google" })
+      ] }),
+      code: `import { SocialButton } from '@open-mercato/ui/primitives/social-button'
+
+<SocialButton brand="github">Continue with GitHub</SocialButton>
+<SocialButton brand="google">Continue with Google</SocialButton>`
+    },
+    {
+      id: "stroke",
+      title: "stroke",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SocialButton, { brand: "github", appearance: "stroke", children: "Continue with GitHub" }),
+        /* @__PURE__ */ jsx(SocialButton, { brand: "linkedin", appearance: "stroke", children: "Continue with LinkedIn" })
+      ] }),
+      code: `import { SocialButton } from '@open-mercato/ui/primitives/social-button'
+
+<SocialButton brand="github" appearance="stroke">Continue with GitHub</SocialButton>
+<SocialButton brand="linkedin" appearance="stroke">Continue with LinkedIn</SocialButton>`
+    }
+  ]
+};
+const fancyButtonEntry = {
+  id: "fancy-button",
+  title: "FancyButton",
+  importPath: "@open-mercato/ui/primitives/fancy-button",
+  descriptionKey: "design_system.entries.fancyButton.description",
+  variants: [
+    {
+      id: "intents",
+      title: "Intents",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(FancyButton, { intent: "neutral", children: "Neutral" }),
+        /* @__PURE__ */ jsx(FancyButton, { intent: "basic", children: "Basic" }),
+        /* @__PURE__ */ jsx(FancyButton, { intent: "primary", children: "Primary" }),
+        /* @__PURE__ */ jsx(FancyButton, { intent: "destructive", children: "Destructive" })
+      ] }),
+      code: `import { FancyButton } from '@open-mercato/ui/primitives/fancy-button'
+
+<FancyButton intent="neutral">Neutral</FancyButton>
+<FancyButton intent="basic">Basic</FancyButton>
+<FancyButton intent="primary">Primary</FancyButton>
+<FancyButton intent="destructive">Destructive</FancyButton>`
+    },
+    {
+      id: "sizes",
+      title: "Sizes",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(FancyButton, { size: "default", children: "Default" }),
+        /* @__PURE__ */ jsx(FancyButton, { size: "sm", children: "Small" }),
+        /* @__PURE__ */ jsx(FancyButton, { size: "xs", children: "X-Small" })
+      ] }),
+      code: `import { FancyButton } from '@open-mercato/ui/primitives/fancy-button'
+
+<FancyButton size="default">Default</FancyButton>
+<FancyButton size="sm">Small</FancyButton>
+<FancyButton size="xs">X-Small</FancyButton>`
+    }
+  ]
+};
+const buttonGroupEntry = {
+  id: "button-group",
+  title: "ButtonGroup",
+  importPath: "@open-mercato/ui/primitives/button-group",
+  descriptionKey: "design_system.entries.buttonGroup.description",
+  variants: [
+    {
+      id: "horizontal",
+      title: "Horizontal",
+      render: () => /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Save" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Save & New" }),
+        /* @__PURE__ */ jsx(IconButton, { "aria-label": "More", children: /* @__PURE__ */ jsx(MoreHorizontal, {}) })
+      ] }),
+      code: `import { MoreHorizontal } from 'lucide-react'
+import { ButtonGroup } from '@open-mercato/ui/primitives/button-group'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+
+<ButtonGroup>
+  <Button variant="outline">Save</Button>
+  <Button variant="outline">Save & New</Button>
+  <IconButton aria-label="More"><MoreHorizontal /></IconButton>
+</ButtonGroup>`
+    },
+    {
+      id: "vertical",
+      title: "Vertical",
+      render: () => /* @__PURE__ */ jsxs(ButtonGroup, { orientation: "vertical", size: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Top" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Middle" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Bottom" })
+      ] }),
+      code: `import { ButtonGroup } from '@open-mercato/ui/primitives/button-group'
+import { Button } from '@open-mercato/ui/primitives/button'
+
+<ButtonGroup orientation="vertical" size="sm">
+  <Button variant="outline" size="sm">Top</Button>
+  <Button variant="outline" size="sm">Middle</Button>
+  <Button variant="outline" size="sm">Bottom</Button>
+</ButtonGroup>`
+    }
+  ]
+};
+const entries = [
+  buttonEntry,
+  iconButtonEntry,
+  linkButtonEntry,
+  socialButtonEntry,
+  fancyButtonEntry,
+  buttonGroupEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=buttons.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/entries/buttons.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { MoreHorizontal, Pencil, Plus, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport { SocialButton } from '@open-mercato/ui/primitives/social-button'\nimport { FancyButton } from '@open-mercato/ui/primitives/fancy-button'\nimport { ButtonGroup } from '@open-mercato/ui/primitives/button-group'\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\nconst buttonEntry: GalleryEntry = {\n  id: 'button',\n  title: 'Button',\n  importPath: '@open-mercato/ui/primitives/button',\n  usage: {\n    do: [\n      'One default (primary) Button per view; remaining actions step down to outline, ghost or muted.',\n      'Destructive actions use the destructive family; -outline/-soft/-ghost lower the emphasis without losing the semantics.',\n      'Default height is h-9; sm (h-8) in dense toolbars, 2xs only inside table rows.',\n    ],\n    dont: [\n      'Never Button size=\"icon\" for icon-only actions \u2014 use IconButton (correct sizing + aria-label contract).',\n      'Never style a raw <button> or <Link> to look like a Button.',\n      'The link variant is for navigation-like actions, not for mutations.',\n    ],\n  },\n  descriptionKey: 'design_system.entries.button.description',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => <Button>Save changes</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button>Save changes</Button>`,\n    },\n    {\n      id: 'destructive',\n      title: 'destructive',\n      render: () => <Button variant=\"destructive\">Delete</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"destructive\">Delete</Button>`,\n    },\n    {\n      id: 'destructive-outline',\n      title: 'destructive-outline',\n      render: () => <Button variant=\"destructive-outline\">Delete</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"destructive-outline\">Delete</Button>`,\n    },\n    {\n      id: 'destructive-soft',\n      title: 'destructive-soft',\n      render: () => <Button variant=\"destructive-soft\">Delete draft</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"destructive-soft\">Delete draft</Button>`,\n    },\n    {\n      id: 'destructive-ghost',\n      title: 'destructive-ghost',\n      render: () => <Button variant=\"destructive-ghost\">Remove</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"destructive-ghost\">Remove</Button>`,\n    },\n    {\n      id: 'outline',\n      title: 'outline',\n      render: () => <Button variant=\"outline\">Cancel</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"outline\">Cancel</Button>`,\n    },\n    {\n      id: 'secondary',\n      title: 'secondary',\n      render: () => <Button variant=\"secondary\">Duplicate</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"secondary\">Duplicate</Button>`,\n    },\n    {\n      id: 'ghost',\n      title: 'ghost',\n      render: () => <Button variant=\"ghost\">Dismiss</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"ghost\">Dismiss</Button>`,\n    },\n    {\n      id: 'muted',\n      title: 'muted',\n      render: () => <Button variant=\"muted\">Show more</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"muted\">Show more</Button>`,\n    },\n    {\n      id: 'link',\n      title: 'link',\n      render: () => <Button variant=\"link\">View details</Button>,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button variant=\"link\">View details</Button>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => (\n        <>\n          <Button size=\"lg\">Large</Button>\n          <Button size=\"default\">Default</Button>\n          <Button size=\"sm\">Small</Button>\n          <Button size=\"2xs\">2X-Small</Button>\n          <Button size=\"icon\" aria-label=\"Add\">\n            <Plus />\n          </Button>\n        </>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<Button size=\"lg\">Large</Button>\n<Button size=\"default\">Default</Button>\n<Button size=\"sm\">Small</Button>\n<Button size=\"2xs\">2X-Small</Button>\n<Button size=\"icon\" aria-label=\"Add\"><Plus /></Button>`,\n    },\n  ],\n}\n\nconst iconButtonEntry: GalleryEntry = {\n  id: 'icon-button',\n  title: 'IconButton',\n  importPath: '@open-mercato/ui/primitives/icon-button',\n  usage: {\n    do: [\n      'Always pass aria-label \u2014 the icon is the only content.',\n      'size=\"default\" is h-8, one step smaller than Button; use size=\"lg\" (h-9) to align inside a Button row.',\n    ],\n    dont: ['Never fake it with Button size=\"icon\".'],\n  },\n  descriptionKey: 'design_system.entries.iconButton.description',\n  variants: [\n    {\n      id: 'variants',\n      title: 'Variants',\n      render: () => (\n        <>\n          <IconButton variant=\"primary\" aria-label=\"Add\">\n            <Plus />\n          </IconButton>\n          <IconButton variant=\"outline\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n          <IconButton variant=\"ghost\" aria-label=\"More\">\n            <MoreHorizontal />\n          </IconButton>\n          <IconButton variant=\"white\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n          <IconButton variant=\"destructive\" aria-label=\"Delete\">\n            <Trash2 />\n          </IconButton>\n        </>\n      ),\n      code: `import { Pencil } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\n\n<IconButton variant=\"primary\" aria-label=\"Add\"><Plus /></IconButton>\n<IconButton variant=\"outline\" aria-label=\"Edit\"><Pencil /></IconButton>\n<IconButton variant=\"ghost\" aria-label=\"More\"><MoreHorizontal /></IconButton>\n<IconButton variant=\"white\" aria-label=\"Edit\"><Pencil /></IconButton>\n<IconButton variant=\"destructive\" aria-label=\"Delete\"><Trash2 /></IconButton>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => (\n        <>\n          <IconButton size=\"lg\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n          <IconButton size=\"default\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n          <IconButton size=\"sm\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n          <IconButton size=\"xs\" aria-label=\"Edit\">\n            <Pencil />\n          </IconButton>\n        </>\n      ),\n      code: `import { Pencil } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\n\n<IconButton size=\"lg\" aria-label=\"Edit\"><Pencil /></IconButton>\n<IconButton size=\"default\" aria-label=\"Edit\"><Pencil /></IconButton>\n<IconButton size=\"sm\" aria-label=\"Edit\"><Pencil /></IconButton>\n<IconButton size=\"xs\" aria-label=\"Edit\"><Pencil /></IconButton>`,\n    },\n    {\n      id: 'full-radius',\n      title: 'fullRadius',\n      render: () => (\n        <IconButton fullRadius aria-label=\"Add\">\n          <Plus />\n        </IconButton>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\n\n<IconButton fullRadius aria-label=\"Add\"><Plus /></IconButton>`,\n    },\n  ],\n}\n\nconst linkButtonEntry: GalleryEntry = {\n  id: 'link-button',\n  title: 'LinkButton',\n  importPath: '@open-mercato/ui/primitives/link-button',\n  descriptionKey: 'design_system.entries.linkButton.description',\n  variants: [\n    {\n      id: 'variants',\n      title: 'Variants',\n      render: () => (\n        <>\n          <LinkButton>primary</LinkButton>\n          <LinkButton variant=\"gray\">gray</LinkButton>\n          <LinkButton variant=\"black\">black</LinkButton>\n          <LinkButton variant=\"error\">error</LinkButton>\n        </>\n      ),\n      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'\n\n<LinkButton>primary</LinkButton>\n<LinkButton variant=\"gray\">gray</LinkButton>\n<LinkButton variant=\"black\">black</LinkButton>\n<LinkButton variant=\"error\">error</LinkButton>`,\n    },\n    {\n      id: 'underline',\n      title: 'Underline',\n      render: () => (\n        <>\n          <LinkButton underline=\"always\">always</LinkButton>\n          <LinkButton underline=\"hover\">hover</LinkButton>\n          <LinkButton underline=\"none\">none</LinkButton>\n        </>\n      ),\n      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'\n\n<LinkButton underline=\"always\">always</LinkButton>\n<LinkButton underline=\"hover\">hover</LinkButton>\n<LinkButton underline=\"none\">none</LinkButton>`,\n    },\n    {\n      id: 'as-anchor',\n      title: 'As anchor (asChild)',\n      render: () => (\n        <LinkButton asChild>\n          <a href=\"#gallery-entry-link-button\">Open link</a>\n        </LinkButton>\n      ),\n      code: `import { LinkButton } from '@open-mercato/ui/primitives/link-button'\n\n<LinkButton asChild>\n  <a href=\"/backend/docs\">Open link</a>\n</LinkButton>`,\n    },\n  ],\n}\n\nconst socialButtonEntry: GalleryEntry = {\n  id: 'social-button',\n  title: 'SocialButton',\n  importPath: '@open-mercato/ui/primitives/social-button',\n  descriptionKey: 'design_system.entries.socialButton.description',\n  variants: [\n    {\n      id: 'filled',\n      title: 'filled',\n      render: () => (\n        <>\n          <SocialButton brand=\"github\">Continue with GitHub</SocialButton>\n          <SocialButton brand=\"google\">Continue with Google</SocialButton>\n        </>\n      ),\n      code: `import { SocialButton } from '@open-mercato/ui/primitives/social-button'\n\n<SocialButton brand=\"github\">Continue with GitHub</SocialButton>\n<SocialButton brand=\"google\">Continue with Google</SocialButton>`,\n    },\n    {\n      id: 'stroke',\n      title: 'stroke',\n      render: () => (\n        <>\n          <SocialButton brand=\"github\" appearance=\"stroke\">Continue with GitHub</SocialButton>\n          <SocialButton brand=\"linkedin\" appearance=\"stroke\">Continue with LinkedIn</SocialButton>\n        </>\n      ),\n      code: `import { SocialButton } from '@open-mercato/ui/primitives/social-button'\n\n<SocialButton brand=\"github\" appearance=\"stroke\">Continue with GitHub</SocialButton>\n<SocialButton brand=\"linkedin\" appearance=\"stroke\">Continue with LinkedIn</SocialButton>`,\n    },\n  ],\n}\n\nconst fancyButtonEntry: GalleryEntry = {\n  id: 'fancy-button',\n  title: 'FancyButton',\n  importPath: '@open-mercato/ui/primitives/fancy-button',\n  descriptionKey: 'design_system.entries.fancyButton.description',\n  variants: [\n    {\n      id: 'intents',\n      title: 'Intents',\n      render: () => (\n        <>\n          <FancyButton intent=\"neutral\">Neutral</FancyButton>\n          <FancyButton intent=\"basic\">Basic</FancyButton>\n          <FancyButton intent=\"primary\">Primary</FancyButton>\n          <FancyButton intent=\"destructive\">Destructive</FancyButton>\n        </>\n      ),\n      code: `import { FancyButton } from '@open-mercato/ui/primitives/fancy-button'\n\n<FancyButton intent=\"neutral\">Neutral</FancyButton>\n<FancyButton intent=\"basic\">Basic</FancyButton>\n<FancyButton intent=\"primary\">Primary</FancyButton>\n<FancyButton intent=\"destructive\">Destructive</FancyButton>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => (\n        <>\n          <FancyButton size=\"default\">Default</FancyButton>\n          <FancyButton size=\"sm\">Small</FancyButton>\n          <FancyButton size=\"xs\">X-Small</FancyButton>\n        </>\n      ),\n      code: `import { FancyButton } from '@open-mercato/ui/primitives/fancy-button'\n\n<FancyButton size=\"default\">Default</FancyButton>\n<FancyButton size=\"sm\">Small</FancyButton>\n<FancyButton size=\"xs\">X-Small</FancyButton>`,\n    },\n  ],\n}\n\nconst buttonGroupEntry: GalleryEntry = {\n  id: 'button-group',\n  title: 'ButtonGroup',\n  importPath: '@open-mercato/ui/primitives/button-group',\n  descriptionKey: 'design_system.entries.buttonGroup.description',\n  variants: [\n    {\n      id: 'horizontal',\n      title: 'Horizontal',\n      render: () => (\n        <ButtonGroup>\n          <Button variant=\"outline\">Save</Button>\n          <Button variant=\"outline\">Save &amp; New</Button>\n          <IconButton aria-label=\"More\">\n            <MoreHorizontal />\n          </IconButton>\n        </ButtonGroup>\n      ),\n      code: `import { MoreHorizontal } from 'lucide-react'\nimport { ButtonGroup } from '@open-mercato/ui/primitives/button-group'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\n\n<ButtonGroup>\n  <Button variant=\"outline\">Save</Button>\n  <Button variant=\"outline\">Save & New</Button>\n  <IconButton aria-label=\"More\"><MoreHorizontal /></IconButton>\n</ButtonGroup>`,\n    },\n    {\n      id: 'vertical',\n      title: 'Vertical',\n      render: () => (\n        <ButtonGroup orientation=\"vertical\" size=\"sm\">\n          <Button variant=\"outline\" size=\"sm\">Top</Button>\n          <Button variant=\"outline\" size=\"sm\">Middle</Button>\n          <Button variant=\"outline\" size=\"sm\">Bottom</Button>\n        </ButtonGroup>\n      ),\n      code: `import { ButtonGroup } from '@open-mercato/ui/primitives/button-group'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<ButtonGroup orientation=\"vertical\" size=\"sm\">\n  <Button variant=\"outline\" size=\"sm\">Top</Button>\n  <Button variant=\"outline\" size=\"sm\">Middle</Button>\n  <Button variant=\"outline\" size=\"sm\">Bottom</Button>\n</ButtonGroup>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  buttonEntry,\n  iconButtonEntry,\n  linkButtonEntry,\n  socialButtonEntry,\n  fancyButtonEntry,\n  buttonGroupEntry,\n]\n"],
+  "mappings": "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",
+  "names": []
+}