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

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": "AAoCoB,SAiFZ,UAjFY,KAiFZ,YAjFY;AAnCpB,SAAS,gBAAgB,QAAQ,MAAM,cAAc;AACrD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAQ5B,MAAM,cAA4B;AAAA,EAChC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,IAAI;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,0BAAY;AAAA,MAClC,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,eAAc,oBAAM;AAAA,MAClD,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,uBAAsB,oBAAM;AAAA,MAC1D,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,oBAAmB,0BAAY;AAAA,MAC7D,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,qBAAoB,oBAAM;AAAA,MACxD,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,WAAU,oBAAM;AAAA,MAC9C,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,aAAY,uBAAS;AAAA,MACnD,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,SAAQ,qBAAO;AAAA,MAC7C,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,SAAQ,uBAAS;AAAA,MAC/C,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,UAAO,SAAQ,QAAO,0BAAY;AAAA,MACjD,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,UAAO,MAAK,MAAK,mBAAK;AAAA,QACvB,oBAAC,UAAO,MAAK,WAAU,qBAAO;AAAA,QAC9B,oBAAC,UAAO,MAAK,MAAK,mBAAK;AAAA,QACvB,oBAAC,UAAO,MAAK,OAAM,sBAAQ;AAAA,QAC3B,oBAAC,UAAO,MAAK,QAAO,cAAW,OAC7B,8BAAC,QAAK,GACR;AAAA,SACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQR;AAAA,EACF;AACF;AAEA,MAAM,kBAAgC;AAAA,EACpC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,IAAI;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,wCAAwC;AAAA,EACjD;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,cAAW,SAAQ,WAAU,cAAW,OACvC,8BAAC,QAAK,GACR;AAAA,QACA,oBAAC,cAAW,SAAQ,WAAU,cAAW,QACvC,8BAAC,UAAO,GACV;AAAA,QACA,oBAAC,cAAW,SAAQ,SAAQ,cAAW,QACrC,8BAAC,kBAAe,GAClB;AAAA,QACA,oBAAC,cAAW,SAAQ,SAAQ,cAAW,QACrC,8BAAC,UAAO,GACV;AAAA,QACA,oBAAC,cAAW,SAAQ,eAAc,cAAW,UAC3C,8BAAC,UAAO,GACV;AAAA,SACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,cAAW,MAAK,MAAK,cAAW,QAC/B,8BAAC,UAAO,GACV;AAAA,QACA,oBAAC,cAAW,MAAK,WAAU,cAAW,QACpC,8BAAC,UAAO,GACV;AAAA,QACA,oBAAC,cAAW,MAAK,MAAK,cAAW,QAC/B,8BAAC,UAAO,GACV;AAAA,QACA,oBAAC,cAAW,MAAK,MAAK,cAAW,QAC/B,8BAAC,UAAO,GACV;AAAA,SACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,cAAW,YAAU,MAAC,cAAW,OAChC,8BAAC,QAAK,GACR;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA,IAIR;AAAA,EACF;AACF;AAEA,MAAM,kBAAgC;AAAA,EACpC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,cAAW,qBAAO;AAAA,QACnB,oBAAC,cAAW,SAAQ,QAAO,kBAAI;AAAA,QAC/B,oBAAC,cAAW,SAAQ,SAAQ,mBAAK;AAAA,QACjC,oBAAC,cAAW,SAAQ,SAAQ,mBAAK;AAAA,SACnC;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,cAAW,WAAU,UAAS,oBAAM;AAAA,QACrC,oBAAC,cAAW,WAAU,SAAQ,mBAAK;AAAA,QACnC,oBAAC,cAAW,WAAU,QAAO,kBAAI;AAAA,SACnC;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,cAAW,SAAO,MACjB,8BAAC,OAAE,MAAK,8BAA6B,uBAAS,GAChD;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR;AAAA,EACF;AACF;AAEA,MAAM,oBAAkC;AAAA,EACtC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,gBAAa,OAAM,UAAS,kCAAoB;AAAA,QACjD,oBAAC,gBAAa,OAAM,UAAS,kCAAoB;AAAA,SACnD;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA,IAIR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,gBAAa,OAAM,UAAS,YAAW,UAAS,kCAAoB;AAAA,QACrE,oBAAC,gBAAa,OAAM,YAAW,YAAW,UAAS,oCAAsB;AAAA,SAC3E;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA,IAIR;AAAA,EACF;AACF;AAEA,MAAM,mBAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,eAAY,QAAO,WAAU,qBAAO;AAAA,QACrC,oBAAC,eAAY,QAAO,SAAQ,mBAAK;AAAA,QACjC,oBAAC,eAAY,QAAO,WAAU,qBAAO;AAAA,QACrC,oBAAC,eAAY,QAAO,eAAc,yBAAW;AAAA,SAC/C;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,4BAAC,eAAY,MAAK,WAAU,qBAAO;AAAA,QACnC,oBAAC,eAAY,MAAK,MAAK,mBAAK;AAAA,QAC5B,oBAAC,eAAY,MAAK,MAAK,qBAAO;AAAA,SAChC;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR;AAAA,EACF;AACF;AAEA,MAAM,mBAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,qBAAC,eACC;AAAA,4BAAC,UAAO,SAAQ,WAAU,kBAAI;AAAA,QAC9B,oBAAC,UAAO,SAAQ,WAAU,wBAAc;AAAA,QACxC,oBAAC,cAAW,cAAW,QACrB,8BAAC,kBAAe,GAClB;AAAA,SACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,qBAAC,eAAY,aAAY,YAAW,MAAK,MACvC;AAAA,4BAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,iBAAG;AAAA,QACvC,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,oBAAM;AAAA,QAC1C,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,oBAAM;AAAA,SAC5C;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQR;AAAA,EACF;AACF;AAEO,MAAM,UAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}