@open-mercato/core 0.7.1-develop.7202.1.a52dc6707c → 0.8.0

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

@@ -1,20 +1,39 @@
 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";
+import { SocialButtonsDemo, CompactButtonMatrix, CompactButtonDisabledPreview, ButtonGroupMatrix, ButtonStatePreview, PrimaryButtonPreview, DisabledIconButtonPreview, ButtonButtonsDefaultSample, ButtonButtonsDestructiveSample, ButtonButtonsDestructiveOutlineSample, ButtonButtonsDestructiveSoftSample, ButtonButtonsDestructiveGhostSample, ButtonButtonsOutlineSample, ButtonButtonsSecondarySample, ButtonButtonsGhostSample, ButtonButtonsMutedSample, ButtonButtonsLinkSample, ButtonButtonsSizesSample, IconButtonButtonsVariantsSample, IconButtonButtonsSizesSample, IconButtonButtonsFullRadiusSample, LinkButtonButtonsAsAnchorSample, FancyButtonButtonsIntentsSample, FancyButtonButtonsSizesSample, ButtonGroupButtonsHorizontalSample, ButtonGroupButtonsVerticalSample } from "../demos/buttons.js";
+import {
+  compactButtonDefaultCode,
+  compactButtonActiveCode,
+  compactButtonDisabledCode,
+  iconButtonVariantsCode,
+  iconButtonSizesCode,
+  iconButtonFullRadiusCode,
+  iconButtonDisabledCode,
+  linkButtonVariantsCode,
+  linkButtonUnderlineCode,
+  linkButtonAsAnchorCode,
+  socialButtonFilledCode,
+  socialButtonStrokeCode,
+  socialButtonIconOnlyCode,
+  fancyButtonIntentsCode,
+  fancyButtonSizesCode,
+  buttonGroupSizeQuantityMatrixCode,
+  buttonGroupItemContentCode,
+  buttonGroupHorizontalCode,
+  buttonGroupVerticalCode
+} from "./buttons-snippets.js";
 const buttonEntry = {
   id: "button",
   title: "Button",
   importPath: "@open-mercato/ui/primitives/button",
+  figmaNodeId: "129:1422",
   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."
+      "Default height is h-9; sm (h-8) in dense toolbars, 2xs only inside table rows.",
+      "primary-filled represents the indigo CTA retained in overlay instance 472:831, using the darker status-info-solid role for readable white text in both themes. The current main Button set lists Neutral and Error only; this instance is not a new Code Connect axis.",
+      "For a pending action, compose Spinner with disabled and aria-busy; Button has no loading prop."
     ],
     dont: [
       'Never Button size="icon" for icon-only actions \u2014 use IconButton (correct sizing + aria-label contract).',
@@ -24,10 +43,22 @@ const buttonEntry = {
   },
   descriptionKey: "design_system.entries.button.description",
   variants: [
+    {
+      id: "primary-filled",
+      title: "Primary Filled (overlay CTA)",
+      render: () => /* @__PURE__ */ jsx(PrimaryButtonPreview, {}),
+      code: `import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { Button } from '@open-mercato/ui/primitives/button'
+
+function PrimaryAction() {
+  const t = useT()
+  return <Button type="button" variant="primary-filled">{t('design_system.gallery.samples.primaryAction')}</Button>
+}`
+    },
     {
       id: "default",
       title: "default",
-      render: () => /* @__PURE__ */ jsx(Button, { children: "Save changes" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsDefaultSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button>Save changes</Button>`
@@ -35,7 +66,7 @@ const buttonEntry = {
     {
       id: "destructive",
       title: "destructive",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Delete" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsDestructiveSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="destructive">Delete</Button>`
@@ -43,7 +74,7 @@ const buttonEntry = {
     {
       id: "destructive-outline",
       title: "destructive-outline",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-outline", children: "Delete" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsDestructiveOutlineSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="destructive-outline">Delete</Button>`
@@ -51,7 +82,7 @@ const buttonEntry = {
     {
       id: "destructive-soft",
       title: "destructive-soft",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-soft", children: "Delete draft" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsDestructiveSoftSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="destructive-soft">Delete draft</Button>`
@@ -59,7 +90,7 @@ const buttonEntry = {
     {
       id: "destructive-ghost",
       title: "destructive-ghost",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "destructive-ghost", children: "Remove" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsDestructiveGhostSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="destructive-ghost">Remove</Button>`
@@ -67,7 +98,7 @@ const buttonEntry = {
     {
       id: "outline",
       title: "outline",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancel" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsOutlineSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="outline">Cancel</Button>`
@@ -75,7 +106,7 @@ const buttonEntry = {
     {
       id: "secondary",
       title: "secondary",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Duplicate" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsSecondarySample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="secondary">Duplicate</Button>`
@@ -83,7 +114,7 @@ const buttonEntry = {
     {
       id: "ghost",
       title: "ghost",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "ghost", children: "Dismiss" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsGhostSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="ghost">Dismiss</Button>`
@@ -91,7 +122,7 @@ const buttonEntry = {
     {
       id: "muted",
       title: "muted",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "muted", children: "Show more" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsMutedSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="muted">Show more</Button>`
@@ -99,7 +130,7 @@ const buttonEntry = {
     {
       id: "link",
       title: "link",
-      render: () => /* @__PURE__ */ jsx(Button, { variant: "link", children: "View details" }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsLinkSample, {}),
       code: `import { Button } from '@open-mercato/ui/primitives/button'
 
 <Button variant="link">View details</Button>`
@@ -107,13 +138,7 @@ const buttonEntry = {
     {
       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, {}) })
-      ] }),
+      render: () => /* @__PURE__ */ jsx(ButtonButtonsSizesSample, {}),
       code: `import { Plus } from 'lucide-react'
 import { Button } from '@open-mercato/ui/primitives/button'
 
@@ -122,9 +147,46 @@ import { Button } from '@open-mercato/ui/primitives/button'
 <Button size="sm">Small</Button>
 <Button size="2xs">2X-Small</Button>
 <Button size="icon" aria-label="Add"><Plus /></Button>`
+    },
+    {
+      id: "disabled",
+      title: "Disabled",
+      render: () => /* @__PURE__ */ jsx(ButtonStatePreview, {}),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+
+<Button type="button" disabled>{t('design_system.gallery.samples.primaryAction')}</Button>`
+    },
+    {
+      id: "loading",
+      title: "Loading (composed)",
+      render: () => /* @__PURE__ */ jsx(ButtonStatePreview, { loading: true }),
+      code: `import { Button } from '@open-mercato/ui/primitives/button'
+import { Spinner } from '@open-mercato/ui/primitives/spinner'
+
+<Button type="button" disabled aria-busy>
+  <Spinner size="sm" className="motion-reduce:animate-none" />
+  {t('design_system.gallery.samples.states.saving')}
+</Button>`
     }
   ]
 };
+const compactButtonEntry = {
+  id: "compact-button",
+  title: "CompactButton",
+  importPath: "@open-mercato/ui/primitives/compact-button",
+  figmaNodeId: "189:3646",
+  descriptionKey: "design_system.entries.compactButton.description",
+  usage: { do: [
+    "Compact icon actions at 20 or 24 px with 18 or 20 px icons. Four appearances support 6 px and full-radius shapes.",
+    "Each matrix exposes every size, appearance, and radius combination. Hover and press enabled buttons; active examples are controlled toggles and disabled examples use native disabled.",
+    "Supply an accessible name and enough space around dense actions. Modifiable inherits foreground; its hover surface uses the existing 15% opacity scale rather than the source 16%."
+  ] },
+  variants: [
+    { id: "default", title: "All sizes, appearances, and radii", render: () => /* @__PURE__ */ jsx(CompactButtonMatrix, {}), code: compactButtonDefaultCode },
+    { id: "active", title: "Active toggles", render: () => /* @__PURE__ */ jsx(CompactButtonMatrix, { initialPressed: true }), code: compactButtonActiveCode },
+    { id: "disabled", title: "Disabled", render: () => /* @__PURE__ */ jsx(CompactButtonDisabledPreview, {}), code: compactButtonDisabledCode }
+  ]
+};
 const iconButtonEntry = {
   id: "icon-button",
   title: "IconButton",
@@ -141,47 +203,26 @@ const iconButtonEntry = {
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(IconButtonButtonsVariantsSample, {}),
+      code: iconButtonVariantsCode
     },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(IconButtonButtonsSizesSample, {}),
+      code: iconButtonSizesCode
     },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(IconButtonButtonsFullRadiusSample, {}),
+      code: iconButtonFullRadiusCode
+    },
+    {
+      id: "disabled",
+      title: "Disabled",
+      render: () => /* @__PURE__ */ jsx(DisabledIconButtonPreview, {}),
+      code: iconButtonDisabledCode
     }
   ]
 };
@@ -200,12 +241,7 @@ const linkButtonEntry = {
         /* @__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>`
+      code: linkButtonVariantsCode
     },
     {
       id: "underline",
@@ -215,21 +251,13 @@ const linkButtonEntry = {
         /* @__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>`
+      code: linkButtonUnderlineCode
     },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(LinkButtonButtonsAsAnchorSample, {}),
+      code: linkButtonAsAnchorCode
     }
   ]
 };
@@ -237,32 +265,20 @@ const socialButtonEntry = {
   id: "social-button",
   title: "SocialButton",
   importPath: "@open-mercato/ui/primitives/social-button",
+  figmaNodeId: "180:4264",
   descriptionKey: "design_system.entries.socialButton.description",
+  usage: { do: [
+    "All seven source providers appear in Filled and Stroke, with text or icon-only content. Buttons are 40 px high; icon-only buttons are 40 px square.",
+    "Supply the logo as content and an accessible name for icon-only buttons. These local source assets do not invoke authentication.",
+    "Stroke uses semantic foreground and border tokens; monochrome logos follow foreground in both themes. Native hover and keyboard focus expose the interaction states."
+  ] },
   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>`
-    }
+    { id: "filled", title: "Filled \u2014 all seven providers", render: () => /* @__PURE__ */ jsx(SocialButtonsDemo, { appearance: "filled" }), code: socialButtonFilledCode },
+    { id: "stroke", title: "Stroke \u2014 all seven providers", render: () => /* @__PURE__ */ jsx(SocialButtonsDemo, { appearance: "stroke" }), code: socialButtonStrokeCode },
+    { id: "icon-only", title: "Icon-only \u2014 both appearances", render: () => /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsx(SocialButtonsDemo, { appearance: "filled", iconOnly: true }),
+      /* @__PURE__ */ jsx(SocialButtonsDemo, { appearance: "stroke", iconOnly: true })
+    ] }), code: socialButtonIconOnlyCode }
   ]
 };
 const fancyButtonEntry = {
@@ -274,32 +290,14 @@ const fancyButtonEntry = {
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(FancyButtonButtonsIntentsSample, {}),
+      code: fancyButtonIntentsCode
     },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(FancyButtonButtonsSizesSample, {}),
+      code: fancyButtonSizesCode
     }
   ]
 };
@@ -308,47 +306,28 @@ const buttonGroupEntry = {
   title: "ButtonGroup",
   importPath: "@open-mercato/ui/primitives/button-group",
   descriptionKey: "design_system.entries.buttonGroup.description",
+  figmaNodeId: "493:8644",
+  usage: { do: ["Numeric sizes coordinate child dimensions at 24, 32, or 36 px. Legacy size names keep their behavior.", "The 15 source groups cover quantities two through six at all three sizes. Item examples include text, leading, trailing, both, and icon-only content."] },
   variants: [
+    { id: "size-quantity-matrix", title: "All 15 size and quantity combinations", render: () => /* @__PURE__ */ jsx(ButtonGroupMatrix, {}), code: buttonGroupSizeQuantityMatrixCode },
+    { id: "item-content", title: "Text and icon item arrangements", render: () => /* @__PURE__ */ jsx(ButtonGroupMatrix, { content: true }), code: buttonGroupItemContentCode },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(ButtonGroupButtonsHorizontalSample, {}),
+      code: buttonGroupHorizontalCode
     },
     {
       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>`
+      render: () => /* @__PURE__ */ jsx(ButtonGroupButtonsVerticalSample, {}),
+      code: buttonGroupVerticalCode
     }
   ]
 };
 const entries = [
   buttonEntry,
+  compactButtonEntry,
   iconButtonEntry,
   linkButtonEntry,
   socialButtonEntry,

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

@@ -1,7 +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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",
+  "sourcesContent": ["import { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport type { GalleryEntry } from '../types'\nimport { SocialButtonsDemo, CompactButtonMatrix, CompactButtonDisabledPreview, ButtonGroupMatrix, ButtonStatePreview, PrimaryButtonPreview, DisabledIconButtonPreview, ButtonButtonsDefaultSample, ButtonButtonsDestructiveSample, ButtonButtonsDestructiveOutlineSample, ButtonButtonsDestructiveSoftSample, ButtonButtonsDestructiveGhostSample, ButtonButtonsOutlineSample, ButtonButtonsSecondarySample, ButtonButtonsGhostSample, ButtonButtonsMutedSample, ButtonButtonsLinkSample, ButtonButtonsSizesSample, IconButtonButtonsVariantsSample, IconButtonButtonsSizesSample, IconButtonButtonsFullRadiusSample, LinkButtonButtonsAsAnchorSample, FancyButtonButtonsIntentsSample, FancyButtonButtonsSizesSample, ButtonGroupButtonsHorizontalSample, ButtonGroupButtonsVerticalSample } from '../demos/buttons'\nimport {\n  compactButtonDefaultCode,\n  compactButtonActiveCode,\n  compactButtonDisabledCode,\n  iconButtonVariantsCode,\n  iconButtonSizesCode,\n  iconButtonFullRadiusCode,\n  iconButtonDisabledCode,\n  linkButtonVariantsCode,\n  linkButtonUnderlineCode,\n  linkButtonAsAnchorCode,\n  socialButtonFilledCode,\n  socialButtonStrokeCode,\n  socialButtonIconOnlyCode,\n  fancyButtonIntentsCode,\n  fancyButtonSizesCode,\n  buttonGroupSizeQuantityMatrixCode,\n  buttonGroupItemContentCode,\n  buttonGroupHorizontalCode,\n  buttonGroupVerticalCode,\n} from './buttons-snippets'\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  figmaNodeId: '129:1422',\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      'primary-filled represents the indigo CTA retained in overlay instance 472:831, using the darker status-info-solid role for readable white text in both themes. The current main Button set lists Neutral and Error only; this instance is not a new Code Connect axis.',\n      'For a pending action, compose Spinner with disabled and aria-busy; Button has no loading prop.',\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: 'primary-filled',\n      title: 'Primary Filled (overlay CTA)',\n      render: () => <PrimaryButtonPreview />,\n      code: `import { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nfunction PrimaryAction() {\n  const t = useT()\n  return <Button type=\"button\" variant=\"primary-filled\">{t('design_system.gallery.samples.primaryAction')}</Button>\n}`,\n    },\n    {\n      id: 'default',\n      title: 'default',\n      render: () => <ButtonButtonsDefaultSample />,\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: () => <ButtonButtonsDestructiveSample />,\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: () => <ButtonButtonsDestructiveOutlineSample />,\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: () => <ButtonButtonsDestructiveSoftSample />,\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: () => <ButtonButtonsDestructiveGhostSample />,\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: () => <ButtonButtonsOutlineSample />,\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: () => <ButtonButtonsSecondarySample />,\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: () => <ButtonButtonsGhostSample />,\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: () => <ButtonButtonsMutedSample />,\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: () => <ButtonButtonsLinkSample />,\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: () => <ButtonButtonsSizesSample />,\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      id: 'disabled',\n      title: 'Disabled',\n      render: () => <ButtonStatePreview />,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\n\n<Button type=\"button\" disabled>{t('design_system.gallery.samples.primaryAction')}</Button>`,\n    },\n    {\n      id: 'loading',\n      title: 'Loading (composed)',\n      render: () => <ButtonStatePreview loading />,\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\n\n<Button type=\"button\" disabled aria-busy>\n  <Spinner size=\"sm\" className=\"motion-reduce:animate-none\" />\n  {t('design_system.gallery.samples.states.saving')}\n</Button>`,\n    },\n  ],\n}\n\nconst compactButtonEntry: GalleryEntry = {\n  id: 'compact-button',\n  title: 'CompactButton',\n  importPath: '@open-mercato/ui/primitives/compact-button',\n  figmaNodeId: '189:3646',\n  descriptionKey: 'design_system.entries.compactButton.description',\n  usage: { do: [\n    'Compact icon actions at 20 or 24 px with 18 or 20 px icons. Four appearances support 6 px and full-radius shapes.',\n    'Each matrix exposes every size, appearance, and radius combination. Hover and press enabled buttons; active examples are controlled toggles and disabled examples use native disabled.',\n    'Supply an accessible name and enough space around dense actions. Modifiable inherits foreground; its hover surface uses the existing 15% opacity scale rather than the source 16%.',\n  ] },\n  variants: [\n    { id: 'default', title: 'All sizes, appearances, and radii', render: () => <CompactButtonMatrix />, code: compactButtonDefaultCode },\n    { id: 'active', title: 'Active toggles', render: () => <CompactButtonMatrix initialPressed />, code: compactButtonActiveCode },\n    { id: 'disabled', title: 'Disabled', render: () => <CompactButtonDisabledPreview />, code: compactButtonDisabledCode },\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: () => <IconButtonButtonsVariantsSample />,\n      code: iconButtonVariantsCode,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => <IconButtonButtonsSizesSample />,\n      code: iconButtonSizesCode,\n    },\n    {\n      id: 'full-radius',\n      title: 'fullRadius',\n      render: () => <IconButtonButtonsFullRadiusSample />,\n      code: iconButtonFullRadiusCode,\n    },\n    {\n      id: 'disabled',\n      title: 'Disabled',\n      render: () => <DisabledIconButtonPreview />,\n      code: iconButtonDisabledCode,\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: linkButtonVariantsCode,\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: linkButtonUnderlineCode,\n    },\n    {\n      id: 'as-anchor',\n      title: 'As anchor (asChild)',\n      render: () => <LinkButtonButtonsAsAnchorSample />,\n      code: linkButtonAsAnchorCode,\n    },\n  ],\n}\n\nconst socialButtonEntry: GalleryEntry = {\n  id: 'social-button',\n  title: 'SocialButton',\n  importPath: '@open-mercato/ui/primitives/social-button',\n  figmaNodeId: '180:4264',\n  descriptionKey: 'design_system.entries.socialButton.description',\n  usage: { do: [\n    'All seven source providers appear in Filled and Stroke, with text or icon-only content. Buttons are 40 px high; icon-only buttons are 40 px square.',\n    'Supply the logo as content and an accessible name for icon-only buttons. These local source assets do not invoke authentication.',\n    'Stroke uses semantic foreground and border tokens; monochrome logos follow foreground in both themes. Native hover and keyboard focus expose the interaction states.',\n  ] },\n  variants: [\n    { id: 'filled', title: 'Filled \u2014 all seven providers', render: () => <SocialButtonsDemo appearance=\"filled\" />, code: socialButtonFilledCode },\n    { id: 'stroke', title: 'Stroke \u2014 all seven providers', render: () => <SocialButtonsDemo appearance=\"stroke\" />, code: socialButtonStrokeCode },\n    { id: 'icon-only', title: 'Icon-only \u2014 both appearances', render: () => <div className=\"grid gap-4\"><SocialButtonsDemo appearance=\"filled\" iconOnly /><SocialButtonsDemo appearance=\"stroke\" iconOnly /></div>, code: socialButtonIconOnlyCode },\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: () => <FancyButtonButtonsIntentsSample />,\n      code: fancyButtonIntentsCode,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => <FancyButtonButtonsSizesSample />,\n      code: fancyButtonSizesCode,\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  figmaNodeId: '493:8644',\n  usage: { do: ['Numeric sizes coordinate child dimensions at 24, 32, or 36 px. Legacy size names keep their behavior.', 'The 15 source groups cover quantities two through six at all three sizes. Item examples include text, leading, trailing, both, and icon-only content.'] },\n  variants: [\n    { id: 'size-quantity-matrix', title: 'All 15 size and quantity combinations', render: () => <ButtonGroupMatrix />, code: buttonGroupSizeQuantityMatrixCode },\n    { id: 'item-content', title: 'Text and icon item arrangements', render: () => <ButtonGroupMatrix content />, code: buttonGroupItemContentCode },\n    {\n      id: 'horizontal',\n      title: 'Horizontal',\n      render: () => <ButtonGroupButtonsHorizontalSample />,\n      code: buttonGroupHorizontalCode,\n    },\n    {\n      id: 'vertical',\n      title: 'Vertical',\n      render: () => <ButtonGroupButtonsVerticalSample />,\n      code: buttonGroupVerticalCode,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  buttonEntry,\n  compactButtonEntry,\n  iconButtonEntry,\n  linkButtonEntry,\n  socialButtonEntry,\n  fancyButtonEntry,\n  buttonGroupEntry,\n]\n\n"],
+  "mappings": "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",
   "names": []
 }