@shortwind/catalog 0.1.0-beta.10

package/README.md

@@ -0,0 +1,31 @@
+# @shortwind/catalog
+
+The Shortwind recipe catalog — the built, versioned recipe files that the CLI installs from.
+
+[Shortwind](https://shortwind.dev) is a token-efficient class layer for Tailwind: you write short `@recipe` names in `class=`/`className=` and they expand to full Tailwind class clusters at build time.
+
+## You don't install this directly
+
+This package is a **source of recipes**, not a runtime dependency. The CLI fetches the latest catalog from npm (falling back to a bundled copy offline) and **copies** the recipe files into your project's `./recipes/`, shadcn-style — so you own and can edit them. It won't appear in your `dependencies` or `devDependencies`.
+
+```bash
+npx @shortwind/cli@beta init      # pulls recipes from this catalog into ./recipes/
+```
+
+## What's inside
+
+`dist/registry/` contains the published catalog:
+
+- `recipes/<family>.css` — each family's `@recipe` definitions, sealed with a versioned, hash-checked header (`/* shortwind: <family>@<version> sha:<…> */`).
+- `presets.json` — the named install presets (`starter`, `app`, `content`, `all`).
+- `manifest.json` — the family list with versions.
+
+Current families:
+
+`badge` `button` `card` `code` `dialog` `empty` `feedback` `form` `icon` `layout` `list` `media` `navigation` `progress` `skeleton` `surface` `table` `text` `tooltip`
+
+## Versioning
+
+Each family is versioned independently; content changes are machine-checked against a committed ledger so a recipe body can't change without a version bump. The CLI's `upgrade` and `verify` commands use these versions and hashes to keep your vendored copies in sync (or flag intentional edits, which `shortwind reseal` re-signs).
+
+Published on the `beta` tag. Docs: <https://shortwind.dev>

package/dist/registry/badge/CHANGELOG.md

@@ -0,0 +1,5 @@
+# badge
+
+## 0.0.1
+
+Initial release.

package/dist/registry/badge.css

@@ -0,0 +1,44 @@
+/* shortwind: badge@0.0.1 sha:8548b9a7305a0a59 */
+
+/* @guide
+   @badge is the neutral default; tone variants @badge-success/warning/danger/
+   info carry their own color; @badge-outline is unfilled. One tone per badge.
+   @badge-base is a color-less shell for building custom tones — not for direct
+   use.
+*/
+
+/* Badge shell — shape, sizing, focus ring. No bg/text/border color so
+   variants can supply their own tone without conflicts. */
+@recipe badge-base {
+  inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
+}
+
+/* Default neutral badge. */
+@recipe badge {
+  inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground
+}
+
+/* Success tone badge. */
+@recipe badge-success {
+  inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900 dark:text-green-200
+}
+
+/* Warning tone badge. */
+@recipe badge-warning {
+  inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-900 dark:text-amber-200
+}
+
+/* Danger tone badge. */
+@recipe badge-danger {
+  inline-flex items-center gap-1 rounded-full bg-destructive/15 px-2 py-0.5 text-xs font-medium text-destructive
+}
+
+/* Info tone badge. */
+@recipe badge-info {
+  inline-flex items-center gap-1 rounded-full bg-primary/15 px-2 py-0.5 text-xs font-medium text-primary
+}
+
+/* Outline badge — no fill. */
+@recipe badge-outline {
+  inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-xs font-medium text-foreground
+}

package/dist/registry/badge@0.0.1.css

@@ -0,0 +1,44 @@
+/* shortwind: badge@0.0.1 sha:8548b9a7305a0a59 */
+
+/* @guide
+   @badge is the neutral default; tone variants @badge-success/warning/danger/
+   info carry their own color; @badge-outline is unfilled. One tone per badge.
+   @badge-base is a color-less shell for building custom tones — not for direct
+   use.
+*/
+
+/* Badge shell — shape, sizing, focus ring. No bg/text/border color so
+   variants can supply their own tone without conflicts. */
+@recipe badge-base {
+  inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
+}
+
+/* Default neutral badge. */
+@recipe badge {
+  inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground
+}
+
+/* Success tone badge. */
+@recipe badge-success {
+  inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900 dark:text-green-200
+}
+
+/* Warning tone badge. */
+@recipe badge-warning {
+  inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-900 dark:text-amber-200
+}
+
+/* Danger tone badge. */
+@recipe badge-danger {
+  inline-flex items-center gap-1 rounded-full bg-destructive/15 px-2 py-0.5 text-xs font-medium text-destructive
+}
+
+/* Info tone badge. */
+@recipe badge-info {
+  inline-flex items-center gap-1 rounded-full bg-primary/15 px-2 py-0.5 text-xs font-medium text-primary
+}
+
+/* Outline badge — no fill. */
+@recipe badge-outline {
+  inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-xs font-medium text-foreground
+}

package/dist/registry/button/CHANGELOG.md

@@ -0,0 +1,5 @@
+# button
+
+## 0.0.1
+
+Initial release.

package/dist/registry/button.css

@@ -0,0 +1,74 @@
+/* shortwind: button@0.0.1 sha:777fa510c4ab4aeb */
+
+/* @guide
+   Name order is @btn-<intent>[-<size>]: intent first (primary/secondary/ghost/
+   danger/outline), size second (sm/lg; omit for default). One intent per
+   button — never combine @btn-primary with @btn-danger. @btn-ghost is text-only,
+   @btn-outline is bordered with no fill, @btn-icon is a square icon button.
+   @btn-base is the shared shell; don't use it on its own.
+*/
+
+/* Shared button base — sizing, focus ring, disabled state. */
+@recipe btn-base {
+  inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Primary call-to-action button. */
+@recipe btn-primary {
+  @btn-base bg-primary text-primary-foreground hover:bg-primary/90
+}
+
+/* Small primary button. */
+@recipe btn-primary-sm {
+  @btn-primary px-3 py-1.5 text-xs
+}
+
+/* Large primary button. */
+@recipe btn-primary-lg {
+  @btn-primary px-6 py-3 text-base
+}
+
+/* Secondary button — bordered surface tone. */
+@recipe btn-secondary {
+  @btn-base border border-border bg-secondary text-secondary-foreground hover:bg-secondary/80
+}
+
+/* Small secondary button. */
+@recipe btn-secondary-sm {
+  @btn-secondary px-3 py-1.5 text-xs
+}
+
+/* Large secondary button. */
+@recipe btn-secondary-lg {
+  @btn-secondary px-6 py-3 text-base
+}
+
+/* Ghost button — text only, no background. */
+@recipe btn-ghost {
+  @btn-base text-foreground hover:bg-muted
+}
+
+/* Small ghost button. */
+@recipe btn-ghost-sm {
+  @btn-ghost px-3 py-1.5 text-xs
+}
+
+/* Large ghost button. */
+@recipe btn-ghost-lg {
+  @btn-ghost px-6 py-3 text-base
+}
+
+/* Destructive button. */
+@recipe btn-danger {
+  @btn-base bg-destructive text-destructive-foreground hover:bg-destructive/90
+}
+
+/* Outline button — bordered without fill. */
+@recipe btn-outline {
+  @btn-base border border-primary text-primary hover:bg-primary/10
+}
+
+/* Square icon-only button. */
+@recipe btn-icon {
+  inline-flex h-9 w-9 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}

package/dist/registry/button@0.0.1.css

@@ -0,0 +1,74 @@
+/* shortwind: button@0.0.1 sha:777fa510c4ab4aeb */
+
+/* @guide
+   Name order is @btn-<intent>[-<size>]: intent first (primary/secondary/ghost/
+   danger/outline), size second (sm/lg; omit for default). One intent per
+   button — never combine @btn-primary with @btn-danger. @btn-ghost is text-only,
+   @btn-outline is bordered with no fill, @btn-icon is a square icon button.
+   @btn-base is the shared shell; don't use it on its own.
+*/
+
+/* Shared button base — sizing, focus ring, disabled state. */
+@recipe btn-base {
+  inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Primary call-to-action button. */
+@recipe btn-primary {
+  @btn-base bg-primary text-primary-foreground hover:bg-primary/90
+}
+
+/* Small primary button. */
+@recipe btn-primary-sm {
+  @btn-primary px-3 py-1.5 text-xs
+}
+
+/* Large primary button. */
+@recipe btn-primary-lg {
+  @btn-primary px-6 py-3 text-base
+}
+
+/* Secondary button — bordered surface tone. */
+@recipe btn-secondary {
+  @btn-base border border-border bg-secondary text-secondary-foreground hover:bg-secondary/80
+}
+
+/* Small secondary button. */
+@recipe btn-secondary-sm {
+  @btn-secondary px-3 py-1.5 text-xs
+}
+
+/* Large secondary button. */
+@recipe btn-secondary-lg {
+  @btn-secondary px-6 py-3 text-base
+}
+
+/* Ghost button — text only, no background. */
+@recipe btn-ghost {
+  @btn-base text-foreground hover:bg-muted
+}
+
+/* Small ghost button. */
+@recipe btn-ghost-sm {
+  @btn-ghost px-3 py-1.5 text-xs
+}
+
+/* Large ghost button. */
+@recipe btn-ghost-lg {
+  @btn-ghost px-6 py-3 text-base
+}
+
+/* Destructive button. */
+@recipe btn-danger {
+  @btn-base bg-destructive text-destructive-foreground hover:bg-destructive/90
+}
+
+/* Outline button — bordered without fill. */
+@recipe btn-outline {
+  @btn-base border border-primary text-primary hover:bg-primary/10
+}
+
+/* Square icon-only button. */
+@recipe btn-icon {
+  inline-flex h-9 w-9 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}

package/dist/registry/card/CHANGELOG.md

@@ -0,0 +1,5 @@
+# card
+
+## 0.0.1
+
+Initial release.

package/dist/registry/card.css

@@ -0,0 +1,43 @@
+/* shortwind: card@0.0.1 sha:4813cef10cd21824 */
+
+/* @guide
+   Pick exactly one container: @card (default), @card-elevated (raised shadow),
+   @card-flat (no border), or @card-interactive (clickable hover/focus) — don't
+   stack two container variants on one element. Lay out the inside with
+   @card-header / @card-body / @card-footer.
+*/
+
+/* Default content card with border, padding, and surface color. */
+@recipe card {
+  rounded-lg border border-border bg-card text-card-foreground p-4
+}
+
+/* Card with raised shadow for emphasis. */
+@recipe card-elevated {
+  @card shadow-md
+}
+
+/* Card without border, on a muted surface. */
+@recipe card-flat {
+  rounded-lg bg-muted text-foreground p-4
+}
+
+/* Clickable card with hover and focus-visible states. */
+@recipe card-interactive {
+  @card cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring
+}
+
+/* Card header region with bottom divider. */
+@recipe card-header {
+  mb-3 border-b border-border pb-3
+}
+
+/* Card body region. */
+@recipe card-body {
+  py-1
+}
+
+/* Card footer with top divider and right-aligned actions. */
+@recipe card-footer {
+  mt-3 flex items-center justify-end gap-2 border-t border-border pt-3
+}

package/dist/registry/card@0.0.1.css

@@ -0,0 +1,43 @@
+/* shortwind: card@0.0.1 sha:4813cef10cd21824 */
+
+/* @guide
+   Pick exactly one container: @card (default), @card-elevated (raised shadow),
+   @card-flat (no border), or @card-interactive (clickable hover/focus) — don't
+   stack two container variants on one element. Lay out the inside with
+   @card-header / @card-body / @card-footer.
+*/
+
+/* Default content card with border, padding, and surface color. */
+@recipe card {
+  rounded-lg border border-border bg-card text-card-foreground p-4
+}
+
+/* Card with raised shadow for emphasis. */
+@recipe card-elevated {
+  @card shadow-md
+}
+
+/* Card without border, on a muted surface. */
+@recipe card-flat {
+  rounded-lg bg-muted text-foreground p-4
+}
+
+/* Clickable card with hover and focus-visible states. */
+@recipe card-interactive {
+  @card cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring
+}
+
+/* Card header region with bottom divider. */
+@recipe card-header {
+  mb-3 border-b border-border pb-3
+}
+
+/* Card body region. */
+@recipe card-body {
+  py-1
+}
+
+/* Card footer with top divider and right-aligned actions. */
+@recipe card-footer {
+  mt-3 flex items-center justify-end gap-2 border-t border-border pt-3
+}

package/dist/registry/code/CHANGELOG.md

@@ -0,0 +1,5 @@
+# code
+
+## 0.0.1
+
+Initial release.

package/dist/registry/code.css

@@ -0,0 +1,22 @@
+/* shortwind: code@0.0.1 sha:cc8d2b0bedb5b453 */
+
+/* @guide
+   @code-inline for a code span inside prose, @code-block for a multi-line
+   preformatted block, @kbd for a keyboard-shortcut hint. Pick by context, not
+   by size.
+*/
+
+/* Inline code span. */
+@recipe code-inline {
+  rounded bg-muted px-1.5 py-0.5 font-mono text-[0.875em] text-foreground
+}
+
+/* Block of preformatted code. */
+@recipe code-block {
+  overflow-x-auto rounded-md border border-border bg-muted p-4 font-mono text-sm leading-6 text-foreground
+}
+
+/* Keyboard shortcut hint. */
+@recipe kbd {
+  inline-flex items-center rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground shadow-sm
+}

package/dist/registry/code@0.0.1.css

@@ -0,0 +1,22 @@
+/* shortwind: code@0.0.1 sha:cc8d2b0bedb5b453 */
+
+/* @guide
+   @code-inline for a code span inside prose, @code-block for a multi-line
+   preformatted block, @kbd for a keyboard-shortcut hint. Pick by context, not
+   by size.
+*/
+
+/* Inline code span. */
+@recipe code-inline {
+  rounded bg-muted px-1.5 py-0.5 font-mono text-[0.875em] text-foreground
+}
+
+/* Block of preformatted code. */
+@recipe code-block {
+  overflow-x-auto rounded-md border border-border bg-muted p-4 font-mono text-sm leading-6 text-foreground
+}
+
+/* Keyboard shortcut hint. */
+@recipe kbd {
+  inline-flex items-center rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground shadow-sm
+}

package/dist/registry/dialog/CHANGELOG.md

@@ -0,0 +1,5 @@
+# dialog
+
+## 0.0.1
+
+Initial release.

package/dist/registry/dialog.css

@@ -0,0 +1,33 @@
+/* shortwind: dialog@0.0.1 sha:b4dbf853e99fce75 */
+
+/* @guide
+   A modal is three layers: @dialog-overlay (dimmed backdrop), @dialog (the
+   centering wrapper), and @dialog-content (the panel). Structure the panel with
+   @dialog-header and @dialog-footer. Don't put content styling on @dialog
+   itself — it's only the positioner.
+*/
+
+/* Modal dialog wrapper — covers the viewport, centers content. */
+@recipe dialog {
+  fixed inset-0 z-50 flex items-center justify-center p-4
+}
+
+/* Dimmed overlay behind the dialog. */
+@recipe dialog-overlay {
+  fixed inset-0 z-40 bg-black/50
+}
+
+/* Dialog content panel. */
+@recipe dialog-content {
+  relative z-50 w-full max-w-md rounded-lg border border-border bg-popover text-popover-foreground p-6 shadow-xl
+}
+
+/* Dialog header region with title. */
+@recipe dialog-header {
+  mb-4 flex flex-col gap-1
+}
+
+/* Dialog footer with right-aligned actions. */
+@recipe dialog-footer {
+  mt-6 flex items-center justify-end gap-2
+}

package/dist/registry/dialog@0.0.1.css

@@ -0,0 +1,33 @@
+/* shortwind: dialog@0.0.1 sha:b4dbf853e99fce75 */
+
+/* @guide
+   A modal is three layers: @dialog-overlay (dimmed backdrop), @dialog (the
+   centering wrapper), and @dialog-content (the panel). Structure the panel with
+   @dialog-header and @dialog-footer. Don't put content styling on @dialog
+   itself — it's only the positioner.
+*/
+
+/* Modal dialog wrapper — covers the viewport, centers content. */
+@recipe dialog {
+  fixed inset-0 z-50 flex items-center justify-center p-4
+}
+
+/* Dimmed overlay behind the dialog. */
+@recipe dialog-overlay {
+  fixed inset-0 z-40 bg-black/50
+}
+
+/* Dialog content panel. */
+@recipe dialog-content {
+  relative z-50 w-full max-w-md rounded-lg border border-border bg-popover text-popover-foreground p-6 shadow-xl
+}
+
+/* Dialog header region with title. */
+@recipe dialog-header {
+  mb-4 flex flex-col gap-1
+}
+
+/* Dialog footer with right-aligned actions. */
+@recipe dialog-footer {
+  mt-6 flex items-center justify-end gap-2
+}

package/dist/registry/empty/CHANGELOG.md

@@ -0,0 +1,5 @@
+# empty
+
+## 0.0.1
+
+Initial release.

package/dist/registry/empty.css

@@ -0,0 +1,27 @@
+/* shortwind: empty@0.0.1 sha:003168e1b4a395c5 */
+
+/* @guide
+   @empty is the container for a no-data state; fill it with @empty-icon,
+   @empty-title, and @empty-description. These are slots for that pattern — use
+   @heading-* / @body from the text family for ordinary copy.
+*/
+
+/* Empty-state container. */
+@recipe empty {
+  flex flex-col items-center justify-center gap-3 rounded-md border border-dashed border-border p-8 text-center
+}
+
+/* Empty-state icon slot. */
+@recipe empty-icon {
+  flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground
+}
+
+/* Empty-state title text. */
+@recipe empty-title {
+  text-base font-semibold text-foreground
+}
+
+/* Empty-state supporting description. */
+@recipe empty-description {
+  max-w-sm text-sm text-muted-foreground
+}

package/dist/registry/empty@0.0.1.css

@@ -0,0 +1,27 @@
+/* shortwind: empty@0.0.1 sha:003168e1b4a395c5 */
+
+/* @guide
+   @empty is the container for a no-data state; fill it with @empty-icon,
+   @empty-title, and @empty-description. These are slots for that pattern — use
+   @heading-* / @body from the text family for ordinary copy.
+*/
+
+/* Empty-state container. */
+@recipe empty {
+  flex flex-col items-center justify-center gap-3 rounded-md border border-dashed border-border p-8 text-center
+}
+
+/* Empty-state icon slot. */
+@recipe empty-icon {
+  flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground
+}
+
+/* Empty-state title text. */
+@recipe empty-title {
+  text-base font-semibold text-foreground
+}
+
+/* Empty-state supporting description. */
+@recipe empty-description {
+  max-w-sm text-sm text-muted-foreground
+}

package/dist/registry/feedback/CHANGELOG.md

@@ -0,0 +1,5 @@
+# feedback
+
+## 0.0.1
+
+Initial release.

package/dist/registry/feedback.css

@@ -0,0 +1,47 @@
+/* shortwind: feedback@0.0.1 sha:818868f6af179bcf */
+
+/* @guide
+   Inline messages use @alert (neutral) or a tone variant @alert-success/
+   warning/danger/info — one tone each. @callout is a left-accent inline note,
+   @toast is a floating notification, @banner spans the full viewport width.
+*/
+
+/* Default informational alert. */
+@recipe alert {
+  flex items-start gap-3 rounded-md border border-border bg-card p-4 text-sm text-card-foreground
+}
+
+/* Success alert. */
+@recipe alert-success {
+  flex items-start gap-3 rounded-md border border-green-200 bg-green-50 p-4 text-sm text-green-900 dark:border-green-900 dark:bg-green-950 dark:text-green-100
+}
+
+/* Warning alert. */
+@recipe alert-warning {
+  flex items-start gap-3 rounded-md border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100
+}
+
+/* Danger alert. */
+@recipe alert-danger {
+  flex items-start gap-3 rounded-md border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive
+}
+
+/* Informational alert. */
+@recipe alert-info {
+  flex items-start gap-3 rounded-md border border-primary/30 bg-primary/10 p-4 text-sm text-primary
+}
+
+/* Inline callout — flush left edge accent. */
+@recipe callout {
+  border-l-4 border-primary bg-primary/10 p-4 text-sm text-foreground
+}
+
+/* Floating toast notification. */
+@recipe toast {
+  pointer-events-auto flex items-start gap-3 rounded-md border border-border bg-popover p-4 text-sm text-popover-foreground shadow-lg
+}
+
+/* Full-width banner spanning the viewport. */
+@recipe banner {
+  w-full bg-primary px-4 py-2 text-center text-sm font-medium text-primary-foreground
+}

package/dist/registry/feedback@0.0.1.css

@@ -0,0 +1,47 @@
+/* shortwind: feedback@0.0.1 sha:818868f6af179bcf */
+
+/* @guide
+   Inline messages use @alert (neutral) or a tone variant @alert-success/
+   warning/danger/info — one tone each. @callout is a left-accent inline note,
+   @toast is a floating notification, @banner spans the full viewport width.
+*/
+
+/* Default informational alert. */
+@recipe alert {
+  flex items-start gap-3 rounded-md border border-border bg-card p-4 text-sm text-card-foreground
+}
+
+/* Success alert. */
+@recipe alert-success {
+  flex items-start gap-3 rounded-md border border-green-200 bg-green-50 p-4 text-sm text-green-900 dark:border-green-900 dark:bg-green-950 dark:text-green-100
+}
+
+/* Warning alert. */
+@recipe alert-warning {
+  flex items-start gap-3 rounded-md border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100
+}
+
+/* Danger alert. */
+@recipe alert-danger {
+  flex items-start gap-3 rounded-md border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive
+}
+
+/* Informational alert. */
+@recipe alert-info {
+  flex items-start gap-3 rounded-md border border-primary/30 bg-primary/10 p-4 text-sm text-primary
+}
+
+/* Inline callout — flush left edge accent. */
+@recipe callout {
+  border-l-4 border-primary bg-primary/10 p-4 text-sm text-foreground
+}
+
+/* Floating toast notification. */
+@recipe toast {
+  pointer-events-auto flex items-start gap-3 rounded-md border border-border bg-popover p-4 text-sm text-popover-foreground shadow-lg
+}
+
+/* Full-width banner spanning the viewport. */
+@recipe banner {
+  w-full bg-primary px-4 py-2 text-center text-sm font-medium text-primary-foreground
+}

package/dist/registry/form/CHANGELOG.md

@@ -0,0 +1,5 @@
+# form
+
+## 0.0.1
+
+Initial release.