@getcoherent/core 0.5.6 → 0.5.8

package/dist/index.d.ts

@@ -3194,6 +3194,7 @@ declare class ComponentGenerator {
     private generateLabel;
     private generateBadge;
     private generateProgress;
+    private generateFullAlert;
     private generateCheckbox;
     private generateSelect;
     /**

package/dist/index.js

@@ -1975,7 +1975,8 @@ var ComponentGenerator = class {
       "alert-dialog": () => this.generateFullAlertDialog(),
       "dropdown-menu": () => this.generateFullDropdownMenu(),
       accordion: () => this.generateFullAccordion(),
-      progress: () => this.generateProgress()
+      progress: () => this.generateProgress(),
+      alert: () => this.generateFullAlert()
     };
     return map[id] ?? null;
   }
@@ -2836,6 +2837,67 @@ export const Progress = React.forwardRef<HTMLDivElement, ProgressProps>(
   ),
 )
 Progress.displayName = 'Progress'
+`;
+  }
+  generateFullAlert() {
+    return `import * as React from 'react'
+import { cn } from '@/lib/utils'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+const alertVariants = cva(
+  'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
+  {
+    variants: {
+      variant: {
+        default: 'bg-background text-foreground',
+        destructive:
+          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = 'Alert'
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref as React.Ref<HTMLHeadingElement>}
+    className={cn('mb-1 font-medium leading-none tracking-tight', className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = 'AlertTitle'
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref as React.Ref<HTMLDivElement>}
+    className={cn('text-sm [&_p]:leading-relaxed', className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = 'AlertDescription'
+
+export { Alert, AlertTitle, AlertDescription, alertVariants }
 `;
   }
   generateCheckbox() {
@@ -6135,10 +6197,17 @@ export function Header() {
       (item) => `            <Link href="${item.route}" className="text-sm text-muted-foreground hover:text-foreground transition-colors">${item.label}</Link>`
     ).join("\n");
     const hasMarketingLinks = marketingLinks.length > 0;
-    const companyColumn = hasMarketingLinks ? `            <div className="flex flex-col space-y-3">
-              <p className="text-sm font-medium text-foreground">Company</p>
+    const companyColumn = hasMarketingLinks ? `          <div className="flex flex-col space-y-3">
+            <p className="text-sm font-medium text-foreground">Company</p>
 ${marketingLinkElements}
-            </div>` : "";
+          </div>` : "";
+    const hasProductLinks = appLinks.length > 0;
+    const colCount = 1 + (hasProductLinks ? 1 : 0) + (hasMarketingLinks ? 1 : 0);
+    const mdGridCols = `md:grid-cols-${colCount}`;
+    const productColumn = hasProductLinks ? `          <div className="flex flex-col space-y-3">
+            <p className="text-sm font-medium text-foreground">Product</p>
+${linkElements}
+          </div>` : "";
     return `'use client'
 
 import Link from 'next/link'
@@ -6150,8 +6219,8 @@ export function Footer() {
   return (
     <footer className="border-t bg-muted/30">
       <div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
-        <div className="grid grid-cols-2 gap-8 py-10 md:grid-cols-4">
-          <div className="col-span-2 md:col-span-1">
+        <div className="grid grid-cols-1 gap-8 py-10 ${mdGridCols}">
+          <div>
             <Link href="/" className="text-sm font-semibold text-foreground hover:text-foreground/90 transition-colors">
               ${appName}
             </Link>
@@ -6159,10 +6228,7 @@ export function Footer() {
               Modern project management for teams of all sizes.
             </p>
           </div>
-          <div className="flex flex-col space-y-3">
-            <p className="text-sm font-medium text-foreground">Product</p>
-${linkElements}
-          </div>
+${productColumn}
 ${companyColumn}
         </div>
         <div className="flex items-center justify-between border-t py-6 text-xs text-muted-foreground">
@@ -7781,8 +7847,8 @@ var D = {
   formContainer: "w-full max-w-sm",
   card: "bg-card border border-border/15 rounded-xl hover:border-border/30 transition-colors",
   cardDark: "bg-zinc-900/50 border border-border/10 rounded-xl backdrop-blur-sm hover:border-border/30 transition-colors",
-  icon: "size-4 text-muted-foreground",
-  featureIcon: "h-5 w-5 text-primary",
+  icon: "size-4 shrink-0 text-muted-foreground",
+  featureIcon: "h-5 w-5 shrink-0 text-primary",
   featureIconWrap: "flex items-center justify-center rounded-lg bg-primary/10 p-2.5",
   statHeader: "flex flex-row items-center justify-between space-y-0 pb-2",
   listItem: "flex items-center justify-between py-3 border-b last:border-0",

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "Core design system engine for Coherent",
   "type": "module",
   "main": "./dist/index.js",