@contentrain/astro-kit 0.45.7 → 0.45.8

package/components/_shared/Button.astro

@@ -1,12 +1,15 @@
 ---
 // A link drawn as a button — the kit's call-to-action primitive. Actions in
-// migrated content are links, so this is always an <a>.
+// migrated content are links, so this is always an <a>. A label never widens
+// the page: the button is at most as wide as its row, and a label with no
+// break in it (a raw URL) wraps inside it. The label's own box breaks only
+// where it overflows, so a table or a row still sizes the button to its words.
 import { tv } from 'tailwind-variants'
 import type { ActionInput } from './types'
 import { safeHref } from './safe-url'
 
 const button = tv({
-  base: 'inline-flex items-center justify-center gap-2 rounded-[var(--radius-control,var(--radius-md))] font-medium no-underline transition-colors focus-visible:outline-2 focus-visible:outline-offset-2',
+  base: 'inline-flex max-w-full items-center justify-center gap-2 rounded-[var(--radius-control,var(--radius-md))] font-medium no-underline transition-colors focus-visible:outline-2 focus-visible:outline-offset-2',
   variants: {
     style: {
       primary: 'bg-accent text-accent-ink hover:bg-ink hover:text-surface',
@@ -35,4 +38,4 @@ const { action, size, class: className } = Astro.props
   target={action.newTab ? '_blank' : undefined}
   rel={action.newTab ? 'noopener' : undefined}
   class={button({ style: action.style ?? 'primary', size, class: className })}
->{action.label}</a>
+><span class="min-w-0 text-center [overflow-wrap:break-word]">{action.label}</span></a>

package/components/cta/fixtures.json

@@ -9,5 +9,6 @@
   { "name": "eyebrow-note-lg", "props": { "eyebrow": "Free trial", "heading": "Start building today", "body": "Ship a first page in an afternoon.", "note": "No credit card required", "actions": [{ "label": "Subscribe", "href": "/subscribe/" }], "size": "lg", "tone": "muted", "align": "center" } },
   { "name": "media-end", "props": { "heading": "See it in action", "body": "A short tour of the editor.", "actions": [{ "label": "Subscribe", "href": "/subscribe/" }], "image": { "src": "/kit-fixtures/photo-1.svg", "alt": "The editor", "width": 640, "height": 480 }, "tone": "default", "frame": "card" } },
   { "name": "media-start-centered", "props": { "heading": "Join the newsletter", "body": "One email a month.", "actions": [{ "label": "Subscribe", "href": "/subscribe/" }], "image": { "src": "/kit-fixtures/photo-2.svg", "alt": "", "width": 640, "height": 480 }, "mediaSide": "start", "layout": "centered", "tone": "inverse" } },
-  { "name": "background-image", "props": { "heading": "Planning a trip?", "body": "Start with the guides readers use most.", "actions": [{ "label": "Subscribe", "href": "/subscribe/" }], "layout": "centered", "bgImage": "/kit-fixtures/photo-3.svg", "tone": "inverse", "size": "lg" } }
+  { "name": "background-image", "props": { "heading": "Planning a trip?", "body": "Start with the guides readers use most.", "actions": [{ "label": "Subscribe", "href": "/subscribe/" }], "layout": "centered", "bgImage": "/kit-fixtures/photo-3.svg", "tone": "inverse", "size": "lg" } },
+  { "name": "long-label", "props": { "heading": "Download the full report", "body": "The link as the site printed it.", "actions": [{ "label": "https://example.com/downloads/annual-report-2026-complete-edition.pdf", "href": "/downloads/annual-report/" }] } }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentrain/astro-kit",
-  "version": "0.45.7",
+  "version": "0.45.8",
   "license": "MIT",
   "description": "Copy-in Astro components for Contentrain sites (shadcn model): typed props, tailwind-variants, zero JavaScript by default — with a machine-readable catalog",
   "type": "module",