feat(badge): add solid info variant + show all outline variants in demo

Adds a solid blue `info` variant alongside the new `subtle-info`, filling
the gap in the solid family (success/warning/error/neutral/info). Also
expands the primitives demo to render all five outline variants instead
of only `outline-success` as a placeholder.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: Erick Teowarang

.changeset/add-subtle-info-badge.md

@@ -2,8 +2,9 @@
 "@tailor-platform/app-shell": patch
 ---
 
-Add `subtle-info` badge variant for low-emphasis informational status labels (e.g. in-progress, processing).
+Add `info` and `subtle-info` badge variants for informational or in-progress status labels (blue palette, matching the existing `outline-info` dot color). Also extend the primitives demo to show all five outline variants (previously only `outline-success` was rendered).
 
 ```tsx
+<Badge variant="info">New</Badge>
 <Badge variant="subtle-info">In Progress</Badge>
 ```

docs/components/badge.md

@@ -20,6 +20,7 @@ import { Badge, type BadgeVariant, type BadgeOptions } from "@tailor-platform/ap
 <Badge variant="success">Success</Badge>
 <Badge variant="warning">Warning</Badge>
 <Badge variant="error">Error</Badge>
+<Badge variant="info">Info</Badge>
 <Badge variant="subtle-success">Subtle Success</Badge>
 <Badge variant="subtle-warning">Subtle Warning</Badge>
 <Badge variant="subtle-error">Subtle Error</Badge>
@@ -38,6 +39,7 @@ Filled variants for high emphasis, plus subtle variants for lower-emphasis statu
 <Badge variant="warning">Pending</Badge>
 <Badge variant="error">Rejected</Badge>
 <Badge variant="neutral">Draft</Badge>
+<Badge variant="info">New</Badge>
 <Badge variant="subtle-success">Matched</Badge>
 <Badge variant="subtle-warning">Needs Attention</Badge>
 <Badge variant="subtle-error">Needs Review</Badge>
@@ -74,6 +76,7 @@ type BadgeVariant =
   | "warning" // Yellow
   | "error" // Red/destructive
   | "neutral" // Gray/secondary
+  | "info" // Blue
   | "subtle-success" // Low-emphasis green
   | "subtle-warning" // Low-emphasis yellow
   | "subtle-error" // Low-emphasis red/destructive
@@ -199,6 +202,7 @@ function ProductBadge({ product }: { product: Product }) {
 | `warning`        | ![Yellow badge]        | Pending, in progress, attention needed     |
 | `error`          | ![Red badge]           | Failed, rejected, critical                 |
 | `neutral`        | ![Gray badge]          | Draft, inactive, disabled                  |
+| `info`           | ![Blue badge]          | Informational, new, in-progress            |
 | `subtle-success` | ![Subtle green badge]  | Low-emphasis completed or matched statuses |
 | `subtle-warning` | ![Subtle yellow badge] | Low-emphasis pending or attention states   |
 | `subtle-error`   | ![Subtle red badge]    | Low-emphasis failures or exceptions        |

examples/nextjs-app/src/modules/pages/primitives-demo.tsx

@@ -101,11 +101,16 @@ export const primitiveComponentsDemoResource = defineResource({
                 <Badge variant="warning">Warning</Badge>
                 <Badge variant="error">Error</Badge>
                 <Badge variant="neutral">Neutral</Badge>
+                <Badge variant="info">Info</Badge>
                 <Badge variant="subtle-success">Subtle Success</Badge>
                 <Badge variant="subtle-warning">Subtle Warning</Badge>
                 <Badge variant="subtle-error">Subtle Error</Badge>
                 <Badge variant="subtle-info">Subtle Info</Badge>
-                <Badge variant="outline-success">Outline</Badge>
+                <Badge variant="outline-success">Outline Success</Badge>
+                <Badge variant="outline-warning">Outline Warning</Badge>
+                <Badge variant="outline-error">Outline Error</Badge>
+                <Badge variant="outline-info">Outline Info</Badge>
+                <Badge variant="outline-neutral">Outline Neutral</Badge>
               </div>
             </Card.Content>
           </Card.Root>

packages/core/src/components/badge.tsx

@@ -17,6 +17,7 @@ const badgeVariants = cva(
           "astw:border-transparent astw:bg-destructive astw:text-destructive-foreground astw:hover:bg-destructive/80",
         neutral:
           "astw:border-transparent astw:bg-secondary astw:text-secondary-foreground astw:hover:bg-secondary/80",
+        info: "astw:border-transparent astw:bg-blue-500 astw:text-white astw:hover:bg-blue-600",
         "subtle-success":
           "astw:border-transparent astw:bg-green-500/10 astw:text-green-700 astw:hover:bg-green-500/20 astw:dark:text-green-500",
         "subtle-warning":