@snow-labs/brutal-ui 0.3.2 → 0.5.0

package/dist/templates/index.js

@@ -177,7 +177,7 @@ function BrutalNav({
     solid: "sticky top-0 z-50 w-full border-b-brutal border-foreground bg-brand",
     transparent: cn(
       "fixed top-0 left-0 right-0 z-50 w-full transition-all duration-200",
-      isScrolled ? "bg-background/80 text-foreground backdrop-blur-md border-b border-foreground/10" : "bg-transparent text-white"
+      isScrolled ? "bg-background/80 text-foreground backdrop-blur-md border-b border-border/30" : "bg-transparent text-foreground"
     ),
     "floating-pill": "fixed top-0 left-0 right-0 z-50 mx-4 mt-4 rounded-full border-brutal border-foreground bg-background shadow-brutal"
   };
@@ -269,8 +269,8 @@ var colorMap = {
   brand: "bg-brand",
   "brand-muted": "bg-brand-muted text-foreground",
   blue: "bg-section-blue",
-  gray: "bg-section-gray text-foreground",
-  cream: "bg-section-cream text-foreground",
+  gray: "bg-muted text-foreground",
+  cream: "bg-secondary text-foreground",
   black: "bg-foreground text-background",
   cta: "bg-cta"
 };
@@ -579,6 +579,14 @@ function FeatureCard({
   index
 }) {
   const isBentoFeatured = variant === "bento" && feature.featured;
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsxs("div", { className: "group flex flex-col gap-3 border-l-4 border-l-brand py-1 pl-5", children: [
+      feature.icon && /* @__PURE__ */ jsx("div", { className: "text-2xl", children: feature.icon }),
+      feature.stat && /* @__PURE__ */ jsx("p", { className: "brutal-label text-brand", children: feature.stat }),
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold", children: feature.title }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: feature.description })
+    ] });
+  }
   if (variant === "icon-left") {
     return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 border-brutal border-foreground border-l-4 border-l-brand bg-background p-5 shadow-brutal transition-all duration-150 hover:-translate-x-0.5 hover:-translate-y-0.5 hover:shadow-brutal-lg", children: [
       feature.icon && /* @__PURE__ */ jsx("div", { className: "flex size-12 shrink-0 items-center justify-center border-brutal border-foreground bg-brand-muted text-2xl shadow-brutal-sm", children: feature.icon }),
@@ -643,7 +651,7 @@ function StatItem({ stat, inView }) {
       count.toLocaleString(),
       stat.suffix
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "brutal-label mt-2 text-muted-foreground", children: stat.label })
+    /* @__PURE__ */ jsx("p", { className: "brutal-label mt-2 opacity-70", children: stat.label })
   ] });
 }
 function StatsBar({ stats, color = "white", className }) {
@@ -683,7 +691,7 @@ function StarRating({ rating }) {
     {
       className: cn(
         "text-sm",
-        i < rating ? "text-amber-500" : "text-foreground/20"
+        i < rating ? "text-brand" : "text-foreground/20"
       ),
       children: "\u2605"
     },
@@ -711,17 +719,12 @@ function TestimonialCard({
             {
               src: t.avatar,
               alt: t.name,
-              className: "size-9 border-2 object-cover",
-              style: { borderColor: "hsl(var(--brand))" }
+              className: "size-9 border-2 border-brand object-cover"
             }
           ) : /* @__PURE__ */ jsx(
             "div",
             {
-              className: "flex size-9 items-center justify-center border-2 font-bold text-brand-foreground",
-              style: {
-                borderColor: "hsl(var(--brand))",
-                backgroundColor: "hsl(var(--brand))"
-              },
+              className: "flex size-9 items-center justify-center border-2 border-brand bg-brand font-bold text-brand-foreground",
               children: t.name[0]
             }
           ),
@@ -787,7 +790,7 @@ function BrutalTestimonials({
   headline,
   testimonials,
   variant = "masonry",
-  color = "blue",
+  color = "white",
   pattern,
   className
 }) {
@@ -1276,10 +1279,9 @@ function BrutalFooter({
     "footer",
     {
       className: cn(
-        "w-full border-t-4 bg-background px-6 py-12 text-foreground",
+        "w-full border-t-4 border-t-brand bg-background px-6 py-12 text-foreground",
         className
       ),
-      style: { borderTopColor: "hsl(var(--brand))" },
       children: /* @__PURE__ */ jsxs("div", { className: "brutal-container", children: [
         variant === "newsletter" && newsletter && /* @__PURE__ */ jsx(NewsletterSection, { newsletter }),
         variant === "minimal" ? /* @__PURE__ */ jsx(MinimalContent, { logo, columns, socials }) : /* @__PURE__ */ jsx(