@snow-labs/brutal-ui 0.1.0 → 0.2.0

package/dist/components/brutal/stats-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/brutal/section.tsx","../../../src/components/brutal/stats-bar.tsx"],"names":["jsx"],"mappings":"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","file":"stats-bar.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from \"../../lib/utils\";\n\nexport type SectionColor =\n  | \"white\"\n  | \"brand\"\n  | \"brand-muted\"\n  | \"blue\"\n  | \"gray\"\n  | \"cream\"\n  | \"black\"\n  | \"cta\";\n\nexport type SectionPattern =\n  | \"dots\"\n  | \"stripes\"\n  | \"noise\"\n  | \"grain\"\n  | \"crosshatch\"\n  | \"grid-dots\"\n  | \"gradient-mesh\"\n  | \"none\";\n\ninterface BrutalSectionProps {\n  children: React.ReactNode;\n  color?: SectionColor;\n  className?: string;\n  containerSize?: \"sm\" | \"default\" | \"lg\";\n  padding?: \"sm\" | \"default\" | \"lg\";\n  pattern?: SectionPattern;\n  /** @deprecated Use pattern=\"dots\" instead */\n  dots?: boolean;\n  /** @deprecated Use pattern=\"stripes\" instead */\n  stripes?: boolean;\n  id?: string;\n}\n\nconst colorMap: Record<SectionColor, string> = {\n  white: \"bg-background text-foreground\",\n  brand: \"bg-brand\",\n  \"brand-muted\": \"bg-brand-muted text-foreground\",\n  blue: \"bg-section-blue\",\n  gray: \"bg-section-gray text-foreground\",\n  cream: \"bg-section-cream text-foreground\",\n  black: \"bg-foreground text-background\",\n  cta: \"bg-cta\",\n};\n\nconst containerMap = {\n  sm: \"brutal-container-sm\",\n  default: \"brutal-container\",\n  lg: \"brutal-container-lg\",\n};\n\nconst paddingMap = {\n  sm: \"brutal-section-sm\",\n  default: \"brutal-section\",\n  lg: \"brutal-section py-28 sm:py-36 md:py-44\",\n};\n\nconst patternMap: Record<SectionPattern, string> = {\n  dots: \"brutal-dots\",\n  stripes: \"brutal-stripes\",\n  noise: \"brutal-noise\",\n  grain: \"brutal-grain\",\n  crosshatch: \"brutal-crosshatch\",\n  \"grid-dots\": \"brutal-grid-dots\",\n  \"gradient-mesh\": \"brutal-gradient-mesh\",\n  none: \"\",\n};\n\nexport function BrutalSection({\n  children,\n  color = \"white\",\n  className,\n  containerSize = \"default\",\n  padding = \"default\",\n  pattern,\n  dots = false,\n  stripes = false,\n  id,\n}: BrutalSectionProps) {\n  const resolvedPattern = pattern\n    ?? (dots ? \"dots\" : undefined)\n    ?? (stripes ? \"stripes\" : undefined)\n    ?? \"none\";\n\n  return (\n    <section\n      id={id}\n      className={cn(\n        paddingMap[padding],\n        colorMap[color],\n        patternMap[resolvedPattern],\n        className\n      )}\n    >\n      <div className={containerMap[containerSize]}>{children}</div>\n    </section>\n  );\n}\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\nimport { BrutalSection } from \"./section\";\nimport { useEffect, useRef, useState } from \"react\";\n\ninterface Stat {\n  value: number;\n  label: string;\n  prefix?: string;\n  suffix?: string;\n}\n\ninterface StatsBarProps {\n  stats: Stat[];\n  color?: \"white\" | \"brand\" | \"black\" | \"gray\";\n  className?: string;\n}\n\nfunction useCountUp(target: number, inView: boolean) {\n  const [count, setCount] = useState(0);\n\n  useEffect(() => {\n    if (!inView) return;\n    let frame: number;\n    const duration = 1500;\n    const start = performance.now();\n\n    function animate(now: number) {\n      const elapsed = now - start;\n      const progress = Math.min(elapsed / duration, 1);\n      const eased = 1 - Math.pow(1 - progress, 3);\n      setCount(Math.round(eased * target));\n      if (progress < 1) frame = requestAnimationFrame(animate);\n    }\n\n    frame = requestAnimationFrame(animate);\n    return () => cancelAnimationFrame(frame);\n  }, [target, inView]);\n\n  return count;\n}\n\nfunction StatItem({ stat, inView }: { stat: Stat; inView: boolean }) {\n  const count = useCountUp(stat.value, inView);\n\n  return (\n    <div className=\"text-center\">\n      <p className=\"brutal-display\">\n        {stat.prefix}{count.toLocaleString()}{stat.suffix}\n      </p>\n      <p className=\"brutal-label mt-2 text-muted-foreground\">{stat.label}</p>\n    </div>\n  );\n}\n\nexport function StatsBar({ stats, color = \"white\", className }: StatsBarProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [inView, setInView] = useState(false);\n\n  useEffect(() => {\n    if (!ref.current) return;\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setInView(true);\n          observer.disconnect();\n        }\n      },\n      { threshold: 0.3 }\n    );\n    observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <BrutalSection color={color} padding=\"sm\" className={className}>\n      <div\n        ref={ref}\n        className={cn(\n          \"grid gap-8\",\n          stats.length === 2 && \"grid-cols-2\",\n          stats.length === 3 && \"grid-cols-3\",\n          stats.length >= 4 && \"grid-cols-2 sm:grid-cols-4\",\n        )}\n      >\n        {stats.map((stat) => (\n          <StatItem key={stat.label} stat={stat} inView={inView} />\n        ))}\n      </div>\n    </BrutalSection>\n  );\n}\n"]}

package/dist/components/brutal/testimonials.d.ts

@@ -1,18 +1,26 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SectionColor, SectionPattern } from './section.js';
 
 interface Testimonial {
     name: string;
     handle?: string;
     avatar?: string;
     text: string;
+    role?: string;
+    company?: string;
+    companyLogo?: string;
+    rating?: 1 | 2 | 3 | 4 | 5;
+    featured?: boolean;
 }
 interface BrutalTestimonialsProps {
     badge?: string;
     headline?: string;
     testimonials: Testimonial[];
-    color?: "blue" | "brand" | "white" | "gray" | "cream";
+    variant?: "masonry" | "featured-grid" | "carousel" | "wall-of-love";
+    color?: SectionColor;
+    pattern?: SectionPattern;
     className?: string;
 }
-declare function BrutalTestimonials({ badge, headline, testimonials, color, className, }: BrutalTestimonialsProps): react_jsx_runtime.JSX.Element;
+declare function BrutalTestimonials({ badge, headline, testimonials, variant, color, pattern, className, }: BrutalTestimonialsProps): react_jsx_runtime.JSX.Element;
 
-export { BrutalTestimonials };
+export { BrutalTestimonials, type Testimonial };

package/dist/components/brutal/testimonials.js

@@ -1,5 +1,194 @@
-export { BrutalTestimonials } from '../../chunk-MKBO4S2O.js';
-import '../../chunk-BSVJVM2L.js';
-import '../../chunk-H6SOU4UG.js';
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var colorMap = {
+  white: "bg-background text-foreground",
+  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",
+  black: "bg-foreground text-background",
+  cta: "bg-cta"
+};
+var containerMap = {
+  sm: "brutal-container-sm",
+  default: "brutal-container",
+  lg: "brutal-container-lg"
+};
+var paddingMap = {
+  sm: "brutal-section-sm",
+  default: "brutal-section",
+  lg: "brutal-section py-28 sm:py-36 md:py-44"
+};
+var patternMap = {
+  dots: "brutal-dots",
+  stripes: "brutal-stripes",
+  noise: "brutal-noise",
+  grain: "brutal-grain",
+  crosshatch: "brutal-crosshatch",
+  "grid-dots": "brutal-grid-dots",
+  "gradient-mesh": "brutal-gradient-mesh",
+  none: ""
+};
+function BrutalSection({
+  children,
+  color = "white",
+  className,
+  containerSize = "default",
+  padding = "default",
+  pattern,
+  dots = false,
+  stripes = false,
+  id
+}) {
+  const resolvedPattern = pattern ?? (dots ? "dots" : void 0) ?? (stripes ? "stripes" : void 0) ?? "none";
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: cn(
+        paddingMap[padding],
+        colorMap[color],
+        patternMap[resolvedPattern],
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: containerMap[containerSize], children })
+    }
+  );
+}
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-sm",
+        i < rating ? "text-amber-500" : "text-foreground/20"
+      ),
+      children: "\u2605"
+    },
+    i
+  )) });
+}
+function TestimonialCard({
+  t,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative break-inside-avoid border-brutal border-foreground bg-background p-5 text-foreground shadow-brutal transition-all duration-150 hover:-translate-x-0.5 hover:-translate-y-0.5 hover:shadow-brutal-lg",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute top-3 right-4 select-none font-serif text-5xl leading-none text-foreground/[0.06]", children: "\u201C" }),
+        t.rating && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(StarRating, { rating: t.rating }) }),
+        /* @__PURE__ */ jsx("p", { className: "relative mb-4 text-sm leading-relaxed", children: t.text }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          t.avatar ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: t.avatar,
+              alt: t.name,
+              className: "size-9 border-2 object-cover",
+              style: { borderColor: "hsl(var(--brand))" }
+            }
+          ) : /* @__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))"
+              },
+              children: t.name[0]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-bold", children: t.name }),
+            (t.role || t.company) && /* @__PURE__ */ jsxs("p", { className: "truncate text-xs text-muted-foreground", children: [
+              t.role,
+              t.role && t.company && " \xB7 ",
+              t.company
+            ] }),
+            !t.role && !t.company && t.handle && /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-muted-foreground", children: t.handle })
+          ] }),
+          t.companyLogo && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: t.companyLogo,
+              alt: t.company || "",
+              className: "h-5 object-contain opacity-60"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function MasonryLayout({ testimonials }) {
+  return /* @__PURE__ */ jsx("div", { className: "columns-1 gap-6 sm:columns-2 lg:columns-3", children: testimonials.map((t, i) => /* @__PURE__ */ jsx(TestimonialCard, { t, className: "mb-6" }, i)) });
+}
+function FeaturedGridLayout({
+  testimonials
+}) {
+  const featured = testimonials.find((t) => t.featured) || testimonials[0];
+  const rest = testimonials.filter((t) => t !== featured);
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
+    featured && /* @__PURE__ */ jsx(
+      TestimonialCard,
+      {
+        t: featured,
+        className: "flex flex-col justify-between p-8 lg:row-span-2"
+      }
+    ),
+    rest.map((t, i) => /* @__PURE__ */ jsx(TestimonialCard, { t }, i))
+  ] });
+}
+function CarouselLayout({ testimonials }) {
+  return /* @__PURE__ */ jsx("div", { className: "-mx-6 flex snap-x snap-mandatory gap-6 overflow-x-auto px-6 pb-4", children: testimonials.map((t, i) => /* @__PURE__ */ jsx(
+    TestimonialCard,
+    {
+      t,
+      className: "w-80 flex-none snap-center"
+    },
+    i
+  )) });
+}
+function WallOfLoveLayout({ testimonials }) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative max-h-[600px] overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: testimonials.map((t, i) => /* @__PURE__ */ jsx(TestimonialCard, { t }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-32 bg-gradient-to-t from-background to-transparent" })
+  ] });
+}
+function BrutalTestimonials({
+  badge,
+  headline,
+  testimonials,
+  variant = "masonry",
+  color = "blue",
+  pattern,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(BrutalSection, { color, pattern, className, children: [
+    (headline || badge) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      badge && /* @__PURE__ */ jsx("p", { className: "brutal-label mb-4 opacity-70", children: badge }),
+      headline && /* @__PURE__ */ jsx("h2", { className: "brutal-h2", children: headline })
+    ] }),
+    variant === "masonry" && /* @__PURE__ */ jsx(MasonryLayout, { testimonials }),
+    variant === "featured-grid" && /* @__PURE__ */ jsx(FeaturedGridLayout, { testimonials }),
+    variant === "carousel" && /* @__PURE__ */ jsx(CarouselLayout, { testimonials }),
+    variant === "wall-of-love" && /* @__PURE__ */ jsx(WallOfLoveLayout, { testimonials })
+  ] });
+}
+
+export { BrutalTestimonials };
 //# sourceMappingURL=testimonials.js.map
 //# sourceMappingURL=testimonials.js.map

package/dist/components/brutal/testimonials.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"testimonials.js"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/brutal/section.tsx","../../../src/components/brutal/testimonials.tsx"],"names":["jsx"],"mappings":";;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AC+BA,IAAM,QAAA,GAAyC;AAAA,EAC7C,KAAA,EAAO,+BAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,aAAA,EAAe,gCAAA;AAAA,EACf,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iCAAA;AAAA,EACN,KAAA,EAAO,kCAAA;AAAA,EACP,KAAA,EAAO,+BAAA;AAAA,EACP,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,qBAAA;AAAA,EACJ,OAAA,EAAS,kBAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,mBAAA;AAAA,EACJ,OAAA,EAAS,gBAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,UAAA,GAA6C;AAAA,EACjD,IAAA,EAAM,aAAA;AAAA,EACN,OAAA,EAAS,gBAAA;AAAA,EACT,KAAA,EAAO,cAAA;AAAA,EACP,KAAA,EAAO,cAAA;AAAA,EACP,UAAA,EAAY,mBAAA;AAAA,EACZ,WAAA,EAAa,kBAAA;AAAA,EACb,eAAA,EAAiB,sBAAA;AAAA,EACjB,IAAA,EAAM;AACR,CAAA;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,SAAA;AAAA,EACA,aAAA,GAAgB,SAAA;AAAA,EAChB,OAAA,GAAU,SAAA;AAAA,EACV,OAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,kBAAkB,OAAA,KAClB,IAAA,GAAO,SAAS,MAAA,CAAA,KAChB,OAAA,GAAU,YAAY,MAAA,CAAA,IACvB,MAAA;AAEL,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,WAAW,OAAO,CAAA;AAAA,QAClB,SAAS,KAAK,CAAA;AAAA,QACd,WAAW,eAAe,CAAA;AAAA,QAC1B;AAAA,OACF;AAAA,MAEA,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,aAAa,GAAI,QAAA,EAAS;AAAA;AAAA,GACzD;AAEJ;ACzEA,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAAuB;AAClD,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBACZ,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,CAAA,EAAE,EAAG,CAAC,CAAA,EAAG,sBAC7BA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAW,EAAA;AAAA,QACT,SAAA;AAAA,QACA,CAAA,GAAI,SAAS,gBAAA,GAAmB;AAAA,OAClC;AAAA,MACD,QAAA,EAAA;AAAA,KAAA;AAAA,IALM;AAAA,GAQR,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,CAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,8MAAA;AAAA,QACA;AAAA,OACF;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gHAAA,EAAiH,QAAA,EAAA,QAAA,EAEjI,CAAA;AAAA,QAEC,CAAA,CAAE,MAAA,oBACDA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,kBAAAA,GAAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAQ,CAAA,CAAE,QAAQ,CAAA,EAChC,CAAA;AAAA,wBAGFA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uCAAA,EAAyC,YAAE,IAAA,EAAK,CAAA;AAAA,wBAE7D,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,CAAA,CAAE,yBACDA,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAK,CAAA,CAAE,MAAA;AAAA,cACP,KAAK,CAAA,CAAE,IAAA;AAAA,cACP,SAAA,EAAU,8BAAA;AAAA,cACV,KAAA,EAAO,EAAE,WAAA,EAAa,mBAAA;AAAoB;AAAA,8BAG5CA,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,kFAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,WAAA,EAAa,mBAAA;AAAA,gBACb,eAAA,EAAiB;AAAA,eACnB;AAAA,cAEC,QAAA,EAAA,CAAA,CAAE,KAAK,CAAC;AAAA;AAAA,WACX;AAAA,0BAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAAA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mBAAA,EAAqB,YAAE,IAAA,EAAK,CAAA;AAAA,YAAA,CACvC,EAAE,IAAA,IAAQ,CAAA,CAAE,4BACZ,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,wCAAA,EACV,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,IAAA;AAAA,cACF,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,OAAA,IAAW,QAAA;AAAA,cACvB,CAAA,CAAE;AAAA,aAAA,EACL,CAAA;AAAA,YAED,CAAC,CAAA,CAAE,IAAA,IAAQ,CAAC,EAAE,OAAA,IAAW,CAAA,CAAE,MAAA,oBAC1BA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EACV,YAAE,MAAA,EACL;AAAA,WAAA,EAEJ,CAAA;AAAA,UACC,CAAA,CAAE,+BACDA,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAK,CAAA,CAAE,WAAA;AAAA,cACP,GAAA,EAAK,EAAE,OAAA,IAAW,EAAA;AAAA,cAClB,SAAA,EAAU;AAAA;AAAA;AACZ,SAAA,EAEJ;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,YAAA,EAAa,EAAoC;AACxE,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACZ,QAAA,EAAA,YAAA,CAAa,IAAI,CAAC,CAAA,EAAG,CAAA,qBACpBA,IAAC,eAAA,EAAA,EAAwB,CAAA,EAAM,WAAU,MAAA,EAAA,EAAnB,CAA0B,CACjD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B;AACF,CAAA,EAEG;AACD,EAAA,MAAM,QAAA,GAAW,aAAa,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,QAAQ,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA;AACvE,EAAA,MAAM,OAAO,YAAA,CAAa,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,QAAQ,CAAA;AAEtD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EAEZ,QAAA,EAAA;AAAA,IAAA,QAAA,oBACCA,GAAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAG,QAAA;AAAA,QACH,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,IAGD,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACZA,GAAAA,CAAC,eAAA,EAAA,EAAwB,CAAA,EAAA,EAAH,CAAS,CAChC;AAAA,GAAA,EACH,CAAA;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,YAAA,EAAa,EAAoC;AACzE,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACZ,uBAAa,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACpBA,GAAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MAEC,CAAA;AAAA,MACA,SAAA,EAAU;AAAA,KAAA;AAAA,IAFL;AAAA,GAIR,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,YAAA,EAAa,EAAoC;AAC3E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACZ,uBAAa,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACpBA,GAAAA,CAAC,eAAA,EAAA,EAAwB,CAAA,EAAA,EAAH,CAAS,CAChC,CAAA,EACH,CAAA;AAAA,oBAEAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sGAAA,EAAuG;AAAA,GAAA,EACxH,CAAA;AAEJ;AAEO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,MAAA;AAAA,EACR,OAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAc,OAAA,EAAkB,SAAA,EAC3C,QAAA,EAAA;AAAA,IAAA,CAAA,QAAA,IAAY,KAAA,qBACZ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gCAAgC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC5D,4BAAYA,GAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAa,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EACnD,CAAA;AAAA,IAGD,OAAA,KAAY,SAAA,oBAAaA,GAAAA,CAAC,iBAAc,YAAA,EAA4B,CAAA;AAAA,IACpE,OAAA,KAAY,eAAA,oBACXA,GAAAA,CAAC,sBAAmB,YAAA,EAA4B,CAAA;AAAA,IAEjD,OAAA,KAAY,UAAA,oBACXA,GAAAA,CAAC,kBAAe,YAAA,EAA4B,CAAA;AAAA,IAE7C,OAAA,KAAY,cAAA,oBACXA,GAAAA,CAAC,oBAAiB,YAAA,EAA4B;AAAA,GAAA,EAElD,CAAA;AAEJ","file":"testimonials.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from \"../../lib/utils\";\n\nexport type SectionColor =\n  | \"white\"\n  | \"brand\"\n  | \"brand-muted\"\n  | \"blue\"\n  | \"gray\"\n  | \"cream\"\n  | \"black\"\n  | \"cta\";\n\nexport type SectionPattern =\n  | \"dots\"\n  | \"stripes\"\n  | \"noise\"\n  | \"grain\"\n  | \"crosshatch\"\n  | \"grid-dots\"\n  | \"gradient-mesh\"\n  | \"none\";\n\ninterface BrutalSectionProps {\n  children: React.ReactNode;\n  color?: SectionColor;\n  className?: string;\n  containerSize?: \"sm\" | \"default\" | \"lg\";\n  padding?: \"sm\" | \"default\" | \"lg\";\n  pattern?: SectionPattern;\n  /** @deprecated Use pattern=\"dots\" instead */\n  dots?: boolean;\n  /** @deprecated Use pattern=\"stripes\" instead */\n  stripes?: boolean;\n  id?: string;\n}\n\nconst colorMap: Record<SectionColor, string> = {\n  white: \"bg-background text-foreground\",\n  brand: \"bg-brand\",\n  \"brand-muted\": \"bg-brand-muted text-foreground\",\n  blue: \"bg-section-blue\",\n  gray: \"bg-section-gray text-foreground\",\n  cream: \"bg-section-cream text-foreground\",\n  black: \"bg-foreground text-background\",\n  cta: \"bg-cta\",\n};\n\nconst containerMap = {\n  sm: \"brutal-container-sm\",\n  default: \"brutal-container\",\n  lg: \"brutal-container-lg\",\n};\n\nconst paddingMap = {\n  sm: \"brutal-section-sm\",\n  default: \"brutal-section\",\n  lg: \"brutal-section py-28 sm:py-36 md:py-44\",\n};\n\nconst patternMap: Record<SectionPattern, string> = {\n  dots: \"brutal-dots\",\n  stripes: \"brutal-stripes\",\n  noise: \"brutal-noise\",\n  grain: \"brutal-grain\",\n  crosshatch: \"brutal-crosshatch\",\n  \"grid-dots\": \"brutal-grid-dots\",\n  \"gradient-mesh\": \"brutal-gradient-mesh\",\n  none: \"\",\n};\n\nexport function BrutalSection({\n  children,\n  color = \"white\",\n  className,\n  containerSize = \"default\",\n  padding = \"default\",\n  pattern,\n  dots = false,\n  stripes = false,\n  id,\n}: BrutalSectionProps) {\n  const resolvedPattern = pattern\n    ?? (dots ? \"dots\" : undefined)\n    ?? (stripes ? \"stripes\" : undefined)\n    ?? \"none\";\n\n  return (\n    <section\n      id={id}\n      className={cn(\n        paddingMap[padding],\n        colorMap[color],\n        patternMap[resolvedPattern],\n        className\n      )}\n    >\n      <div className={containerMap[containerSize]}>{children}</div>\n    </section>\n  );\n}\n","import { cn } from \"../../lib/utils\";\nimport { BrutalSection } from \"./section\";\nimport type { SectionColor, SectionPattern } from \"./section\";\n\nexport interface Testimonial {\n  name: string;\n  handle?: string;\n  avatar?: string;\n  text: string;\n  role?: string;\n  company?: string;\n  companyLogo?: string;\n  rating?: 1 | 2 | 3 | 4 | 5;\n  featured?: boolean;\n}\n\ninterface BrutalTestimonialsProps {\n  badge?: string;\n  headline?: string;\n  testimonials: Testimonial[];\n  variant?: \"masonry\" | \"featured-grid\" | \"carousel\" | \"wall-of-love\";\n  color?: SectionColor;\n  pattern?: SectionPattern;\n  className?: string;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex gap-0.5\">\n      {Array.from({ length: 5 }, (_, i) => (\n        <span\n          key={i}\n          className={cn(\n            \"text-sm\",\n            i < rating ? \"text-amber-500\" : \"text-foreground/20\"\n          )}\n        >\n          ★\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction TestimonialCard({\n  t,\n  className,\n}: {\n  t: Testimonial;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        \"relative break-inside-avoid border-brutal border-foreground bg-background p-5 text-foreground shadow-brutal transition-all duration-150 hover:-translate-x-0.5 hover:-translate-y-0.5 hover:shadow-brutal-lg\",\n        className\n      )}\n    >\n      {/* Decorative quote mark */}\n      <span className=\"pointer-events-none absolute top-3 right-4 select-none font-serif text-5xl leading-none text-foreground/[0.06]\">\n        &ldquo;\n      </span>\n\n      {t.rating && (\n        <div className=\"mb-3\">\n          <StarRating rating={t.rating} />\n        </div>\n      )}\n\n      <p className=\"relative mb-4 text-sm leading-relaxed\">{t.text}</p>\n\n      <div className=\"flex items-center gap-3\">\n        {t.avatar ? (\n          <img\n            src={t.avatar}\n            alt={t.name}\n            className=\"size-9 border-2 object-cover\"\n            style={{ borderColor: \"hsl(var(--brand))\" }}\n          />\n        ) : (\n          <div\n            className=\"flex size-9 items-center justify-center border-2 font-bold text-brand-foreground\"\n            style={{\n              borderColor: \"hsl(var(--brand))\",\n              backgroundColor: \"hsl(var(--brand))\",\n            }}\n          >\n            {t.name[0]}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-sm font-bold\">{t.name}</p>\n          {(t.role || t.company) && (\n            <p className=\"truncate text-xs text-muted-foreground\">\n              {t.role}\n              {t.role && t.company && \" · \"}\n              {t.company}\n            </p>\n          )}\n          {!t.role && !t.company && t.handle && (\n            <p className=\"font-mono text-xs text-muted-foreground\">\n              {t.handle}\n            </p>\n          )}\n        </div>\n        {t.companyLogo && (\n          <img\n            src={t.companyLogo}\n            alt={t.company || \"\"}\n            className=\"h-5 object-contain opacity-60\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction MasonryLayout({ testimonials }: { testimonials: Testimonial[] }) {\n  return (\n    <div className=\"columns-1 gap-6 sm:columns-2 lg:columns-3\">\n      {testimonials.map((t, i) => (\n        <TestimonialCard key={i} t={t} className=\"mb-6\" />\n      ))}\n    </div>\n  );\n}\n\nfunction FeaturedGridLayout({\n  testimonials,\n}: {\n  testimonials: Testimonial[];\n}) {\n  const featured = testimonials.find((t) => t.featured) || testimonials[0];\n  const rest = testimonials.filter((t) => t !== featured);\n\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-2\">\n      {/* Large featured card */}\n      {featured && (\n        <TestimonialCard\n          t={featured}\n          className=\"flex flex-col justify-between p-8 lg:row-span-2\"\n        />\n      )}\n      {/* Smaller grid */}\n      {rest.map((t, i) => (\n        <TestimonialCard key={i} t={t} />\n      ))}\n    </div>\n  );\n}\n\nfunction CarouselLayout({ testimonials }: { testimonials: Testimonial[] }) {\n  return (\n    <div className=\"-mx-6 flex snap-x snap-mandatory gap-6 overflow-x-auto px-6 pb-4\">\n      {testimonials.map((t, i) => (\n        <TestimonialCard\n          key={i}\n          t={t}\n          className=\"w-80 flex-none snap-center\"\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction WallOfLoveLayout({ testimonials }: { testimonials: Testimonial[] }) {\n  return (\n    <div className=\"relative max-h-[600px] overflow-hidden\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        {testimonials.map((t, i) => (\n          <TestimonialCard key={i} t={t} />\n        ))}\n      </div>\n      {/* Fade overlay at bottom */}\n      <div className=\"pointer-events-none absolute inset-x-0 bottom-0 h-32 bg-gradient-to-t from-background to-transparent\" />\n    </div>\n  );\n}\n\nexport function BrutalTestimonials({\n  badge,\n  headline,\n  testimonials,\n  variant = \"masonry\",\n  color = \"blue\",\n  pattern,\n  className,\n}: BrutalTestimonialsProps) {\n  return (\n    <BrutalSection color={color} pattern={pattern} className={className}>\n      {(headline || badge) && (\n        <div className=\"mb-12 text-center\">\n          {badge && <p className=\"brutal-label mb-4 opacity-70\">{badge}</p>}\n          {headline && <h2 className=\"brutal-h2\">{headline}</h2>}\n        </div>\n      )}\n\n      {variant === \"masonry\" && <MasonryLayout testimonials={testimonials} />}\n      {variant === \"featured-grid\" && (\n        <FeaturedGridLayout testimonials={testimonials} />\n      )}\n      {variant === \"carousel\" && (\n        <CarouselLayout testimonials={testimonials} />\n      )}\n      {variant === \"wall-of-love\" && (\n        <WallOfLoveLayout testimonials={testimonials} />\n      )}\n    </BrutalSection>\n  );\n}\n"]}

package/dist/components/brutal/wave-divider.d.ts

@@ -1,12 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface WaveDividerProps {
-    from?: string;
-    to?: string;
-    flip?: boolean;
-    className?: string;
-    variant?: "wave" | "jagged" | "curve" | "castle";
-}
-declare function WaveDivider({ from, to, flip, className, variant, }: WaveDividerProps): react_jsx_runtime.JSX.Element;
-
-export { WaveDivider };
+export { SectionDivider as WaveDivider } from './section-divider.js';
+import 'react/jsx-runtime';

package/dist/components/brutal/wave-divider.js

@@ -1,3 +1,70 @@
-export { WaveDivider } from '../../chunk-DJTTNICL.js';
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var paths = {
+  wave: "M0,64 C160,128 320,0 480,64 C640,128 800,0 960,64 L960,160 L0,160 Z",
+  jagged: "M0,80 L80,40 L160,80 L240,20 L320,80 L400,40 L480,80 L560,20 L640,80 L720,40 L800,80 L880,20 L960,80 L960,160 L0,160 Z",
+  curve: "M0,128 Q480,-32 960,128 L960,160 L0,160 Z",
+  castle: "M0,80 L0,60 L80,60 L80,80 L120,80 L120,40 L200,40 L200,80 L240,80 L240,60 L320,60 L320,80 L360,80 L360,40 L440,40 L440,80 L480,80 L480,60 L560,60 L560,80 L600,80 L600,40 L680,40 L680,80 L720,80 L720,60 L800,60 L800,80 L840,80 L840,40 L920,40 L920,80 L960,80 L960,160 L0,160 Z",
+  "torn-paper": "M0,70 C30,65 45,85 80,72 C115,59 130,90 170,78 C210,66 225,88 270,75 C315,62 340,92 380,79 C420,66 445,86 490,73 C535,60 560,88 600,76 C640,64 665,90 710,77 C755,64 780,84 830,71 C875,58 900,86 960,80 L960,160 L0,160 Z",
+  "brush-stroke": "M0,90 C80,50 120,100 200,60 C280,20 360,110 480,70 C600,30 640,100 720,80 C800,60 880,100 960,70 L960,160 L0,160 Z",
+  geometric: "M0,100 L120,60 L240,80 L360,40 L480,90 L600,50 L720,70 L840,30 L960,80 L960,160 L0,160 Z",
+  blob: "M0,80 C80,120 160,40 280,80 C400,120 440,30 560,70 C680,110 760,40 960,80 L960,160 L0,160 Z",
+  diagonal: "M0,160 L960,60 L960,160 Z",
+  zigzag: "M0,80 L60,40 L120,80 L180,40 L240,80 L300,40 L360,80 L420,40 L480,80 L540,40 L600,80 L660,40 L720,80 L780,40 L840,80 L900,40 L960,80 L960,160 L0,160 Z",
+  "hand-drawn": "M0,72 C20,68 35,82 60,75 C85,68 95,84 125,76 C155,68 170,85 200,77 C230,69 245,83 275,75 C305,67 320,86 350,78 C380,70 395,82 425,74 C455,66 470,84 500,76 C530,68 545,83 575,75 C605,67 620,85 650,77 C680,69 695,82 725,74 C755,66 770,84 800,76 C830,68 845,83 875,75 C905,67 920,82 960,74 L960,160 L0,160 Z"
+};
+function SectionDivider({
+  from = "hsl(var(--background))",
+  to = "hsl(var(--background))",
+  flip = false,
+  className = "",
+  variant = "wave",
+  layers = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative -my-px w-full overflow-hidden", className),
+      style: { backgroundColor: from },
+      children: [
+        layers && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            viewBox: "0 0 960 160",
+            preserveAspectRatio: "none",
+            className: "absolute inset-0 block w-full opacity-30",
+            style: {
+              height: "clamp(40px, 6vw, 80px)",
+              transform: flip ? "scaleY(-1) translateY(4px)" : "translateY(-4px)"
+            },
+            children: /* @__PURE__ */ jsx("path", { d: paths[variant], fill: to })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            viewBox: "0 0 960 160",
+            preserveAspectRatio: "none",
+            className: "relative block w-full",
+            style: {
+              height: "clamp(40px, 6vw, 80px)",
+              transform: flip ? "scaleY(-1)" : void 0
+            },
+            children: /* @__PURE__ */ jsx("path", { d: paths[variant], fill: to })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { SectionDivider as WaveDivider };
 //# sourceMappingURL=wave-divider.js.map
 //# sourceMappingURL=wave-divider.js.map

package/dist/components/brutal/wave-divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"wave-divider.js"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/brutal/section-divider.tsx"],"names":[],"mappings":";;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACmBA,IAAM,KAAA,GAAwC;AAAA,EAC5C,IAAA,EAAM,qEAAA;AAAA,EACN,MAAA,EAAQ,wHAAA;AAAA,EACR,KAAA,EAAO,2CAAA;AAAA,EACP,MAAA,EAAQ,qRAAA;AAAA,EACR,YAAA,EAAc,4NAAA;AAAA,EACd,cAAA,EAAgB,oHAAA;AAAA,EAChB,SAAA,EAAW,0FAAA;AAAA,EACX,IAAA,EAAM,6FAAA;AAAA,EACN,QAAA,EAAU,2BAAA;AAAA,EACV,MAAA,EAAQ,wJAAA;AAAA,EACR,YAAA,EAAc;AAChB,CAAA;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA,GAAO,wBAAA;AAAA,EACP,EAAA,GAAK,wBAAA;AAAA,EACL,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ,OAAA,GAAU,MAAA;AAAA,EACV,MAAA,GAAS;AACX,CAAA,EAAwB;AACtB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,MACjE,KAAA,EAAO,EAAE,eAAA,EAAiB,IAAA,EAAK;AAAA,MAE9B,QAAA,EAAA;AAAA,QAAA,MAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,aAAA;AAAA,YACR,mBAAA,EAAoB,MAAA;AAAA,YACpB,SAAA,EAAU,0CAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ,wBAAA;AAAA,cACR,SAAA,EAAW,OAAO,4BAAA,GAA+B;AAAA,aACnD;AAAA,YAEA,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAM,OAAO,CAAA,EAAG,MAAM,EAAA,EAAI;AAAA;AAAA,SACrC;AAAA,wBAEF,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,aAAA;AAAA,YACR,mBAAA,EAAoB,MAAA;AAAA,YACpB,SAAA,EAAU,uBAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ,wBAAA;AAAA,cACR,SAAA,EAAW,OAAO,YAAA,GAAe;AAAA,aACnC;AAAA,YAEA,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAM,OAAO,CAAA,EAAG,MAAM,EAAA,EAAI;AAAA;AAAA;AACrC;AAAA;AAAA,GACF;AAEJ","file":"wave-divider.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from \"../../lib/utils\";\n\ntype DividerVariant =\n  | \"wave\"\n  | \"jagged\"\n  | \"curve\"\n  | \"castle\"\n  | \"torn-paper\"\n  | \"brush-stroke\"\n  | \"geometric\"\n  | \"blob\"\n  | \"diagonal\"\n  | \"zigzag\"\n  | \"hand-drawn\";\n\ninterface SectionDividerProps {\n  from?: string;\n  to?: string;\n  flip?: boolean;\n  className?: string;\n  variant?: DividerVariant;\n  layers?: boolean;\n}\n\nconst paths: Record<DividerVariant, string> = {\n  wave: \"M0,64 C160,128 320,0 480,64 C640,128 800,0 960,64 L960,160 L0,160 Z\",\n  jagged: \"M0,80 L80,40 L160,80 L240,20 L320,80 L400,40 L480,80 L560,20 L640,80 L720,40 L800,80 L880,20 L960,80 L960,160 L0,160 Z\",\n  curve: \"M0,128 Q480,-32 960,128 L960,160 L0,160 Z\",\n  castle: \"M0,80 L0,60 L80,60 L80,80 L120,80 L120,40 L200,40 L200,80 L240,80 L240,60 L320,60 L320,80 L360,80 L360,40 L440,40 L440,80 L480,80 L480,60 L560,60 L560,80 L600,80 L600,40 L680,40 L680,80 L720,80 L720,60 L800,60 L800,80 L840,80 L840,40 L920,40 L920,80 L960,80 L960,160 L0,160 Z\",\n  \"torn-paper\": \"M0,70 C30,65 45,85 80,72 C115,59 130,90 170,78 C210,66 225,88 270,75 C315,62 340,92 380,79 C420,66 445,86 490,73 C535,60 560,88 600,76 C640,64 665,90 710,77 C755,64 780,84 830,71 C875,58 900,86 960,80 L960,160 L0,160 Z\",\n  \"brush-stroke\": \"M0,90 C80,50 120,100 200,60 C280,20 360,110 480,70 C600,30 640,100 720,80 C800,60 880,100 960,70 L960,160 L0,160 Z\",\n  geometric: \"M0,100 L120,60 L240,80 L360,40 L480,90 L600,50 L720,70 L840,30 L960,80 L960,160 L0,160 Z\",\n  blob: \"M0,80 C80,120 160,40 280,80 C400,120 440,30 560,70 C680,110 760,40 960,80 L960,160 L0,160 Z\",\n  diagonal: \"M0,160 L960,60 L960,160 Z\",\n  zigzag: \"M0,80 L60,40 L120,80 L180,40 L240,80 L300,40 L360,80 L420,40 L480,80 L540,40 L600,80 L660,40 L720,80 L780,40 L840,80 L900,40 L960,80 L960,160 L0,160 Z\",\n  \"hand-drawn\": \"M0,72 C20,68 35,82 60,75 C85,68 95,84 125,76 C155,68 170,85 200,77 C230,69 245,83 275,75 C305,67 320,86 350,78 C380,70 395,82 425,74 C455,66 470,84 500,76 C530,68 545,83 575,75 C605,67 620,85 650,77 C680,69 695,82 725,74 C755,66 770,84 800,76 C830,68 845,83 875,75 C905,67 920,82 960,74 L960,160 L0,160 Z\",\n};\n\nexport function SectionDivider({\n  from = \"hsl(var(--background))\",\n  to = \"hsl(var(--background))\",\n  flip = false,\n  className = \"\",\n  variant = \"wave\",\n  layers = false,\n}: SectionDividerProps) {\n  return (\n    <div\n      className={cn(\"relative -my-px w-full overflow-hidden\", className)}\n      style={{ backgroundColor: from }}\n    >\n      {layers && (\n        <svg\n          viewBox=\"0 0 960 160\"\n          preserveAspectRatio=\"none\"\n          className=\"absolute inset-0 block w-full opacity-30\"\n          style={{\n            height: \"clamp(40px, 6vw, 80px)\",\n            transform: flip ? \"scaleY(-1) translateY(4px)\" : \"translateY(-4px)\",\n          }}\n        >\n          <path d={paths[variant]} fill={to} />\n        </svg>\n      )}\n      <svg\n        viewBox=\"0 0 960 160\"\n        preserveAspectRatio=\"none\"\n        className=\"relative block w-full\"\n        style={{\n          height: \"clamp(40px, 6vw, 80px)\",\n          transform: flip ? \"scaleY(-1)\" : undefined,\n        }}\n      >\n        <path d={paths[variant]} fill={to} />\n      </svg>\n    </div>\n  );\n}\n"]}

package/dist/components/dashboard/activity-feed.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ActivityEntry {
+    id: string;
+    avatar?: string;
+    name: string;
+    action: string;
+    timestamp: Date | string;
+    metadata?: React.ReactNode;
+}
+interface ActivityFeedProps {
+    entries: ActivityEntry[];
+    groupByDate?: boolean;
+    className?: string;
+}
+declare function ActivityFeed({ entries, groupByDate, className, }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeed };

package/dist/components/dashboard/activity-feed.js

@@ -0,0 +1,105 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function formatDate(d) {
+  const date = typeof d === "string" ? new Date(d) : d;
+  return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+function formatTime(d) {
+  const date = typeof d === "string" ? new Date(d) : d;
+  return date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function ActivityFeed({
+  entries,
+  groupByDate = true,
+  className
+}) {
+  const grouped = groupByDate ? entries.reduce((acc, entry) => {
+    const key = formatDate(entry.timestamp);
+    (acc[key] ?? (acc[key] = [])).push(entry);
+    return acc;
+  }, {}) : { "": entries };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-6", className), children: Object.entries(grouped).map(([date, items]) => /* @__PURE__ */ jsxs("div", { children: [
+    date && /* @__PURE__ */ jsx("p", { className: "brutal-label mb-3 text-muted-foreground", children: date }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-0 pl-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 left-2 top-2 w-px bg-foreground/10" }),
+      items.map((entry) => /* @__PURE__ */ jsxs("div", { className: "relative flex items-start gap-3 py-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute left-[-18px] top-3 size-2 border border-foreground bg-brand" }),
+        /* @__PURE__ */ jsxs(Avatar, { className: "size-7 shrink-0", children: [
+          entry.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: entry.avatar, alt: entry.name }),
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: entry.name[0] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-bold", children: entry.name }),
+            " ",
+            entry.action
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-muted-foreground", children: formatTime(entry.timestamp) }),
+          entry.metadata
+        ] })
+      ] }, entry.id))
+    ] })
+  ] }, date)) });
+}
+
+export { ActivityFeed };
+//# sourceMappingURL=activity-feed.js.map
+//# sourceMappingURL=activity-feed.js.map

package/dist/components/dashboard/activity-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/avatar.tsx","../../../src/components/dashboard/activity-feed.tsx"],"names":["AvatarPrimitive","jsx"],"mappings":"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","file":"activity-feed.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n","import { cn } from \"../../lib/utils\";\nimport { Avatar, AvatarImage, AvatarFallback } from \"../ui/avatar\";\n\ninterface ActivityEntry {\n  id: string;\n  avatar?: string;\n  name: string;\n  action: string;\n  timestamp: Date | string;\n  metadata?: React.ReactNode;\n}\n\ninterface ActivityFeedProps {\n  entries: ActivityEntry[];\n  groupByDate?: boolean;\n  className?: string;\n}\n\nfunction formatDate(d: Date | string) {\n  const date = typeof d === \"string\" ? new Date(d) : d;\n  return date.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n\nfunction formatTime(d: Date | string) {\n  const date = typeof d === \"string\" ? new Date(d) : d;\n  return date.toLocaleTimeString(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  });\n}\n\nexport function ActivityFeed({\n  entries,\n  groupByDate = true,\n  className,\n}: ActivityFeedProps) {\n  const grouped = groupByDate\n    ? entries.reduce<Record<string, ActivityEntry[]>>((acc, entry) => {\n        const key = formatDate(entry.timestamp);\n        (acc[key] ??= []).push(entry);\n        return acc;\n      }, {})\n    : { \"\": entries };\n\n  return (\n    <div className={cn(\"flex flex-col gap-6\", className)}>\n      {Object.entries(grouped).map(([date, items]) => (\n        <div key={date}>\n          {date && (\n            <p className=\"brutal-label mb-3 text-muted-foreground\">{date}</p>\n          )}\n          <div className=\"relative flex flex-col gap-0 pl-6\">\n            <div className=\"absolute bottom-2 left-2 top-2 w-px bg-foreground/10\" />\n            {items.map((entry) => (\n              <div key={entry.id} className=\"relative flex items-start gap-3 py-2\">\n                <div className=\"absolute left-[-18px] top-3 size-2 border border-foreground bg-brand\" />\n                <Avatar className=\"size-7 shrink-0\">\n                  {entry.avatar && (\n                    <AvatarImage src={entry.avatar} alt={entry.name} />\n                  )}\n                  <AvatarFallback className=\"text-[10px]\">\n                    {entry.name[0]}\n                  </AvatarFallback>\n                </Avatar>\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm\">\n                    <span className=\"font-bold\">{entry.name}</span>{\" \"}\n                    {entry.action}\n                  </p>\n                  <p className=\"font-mono text-xs text-muted-foreground\">\n                    {formatTime(entry.timestamp)}\n                  </p>\n                  {entry.metadata}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/components/dashboard/app-shell.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AppShellContextValue {
+    collapsed: boolean;
+    setCollapsed: (v: boolean) => void;
+    mobileOpen: boolean;
+    setMobileOpen: (v: boolean) => void;
+}
+declare const useAppShell: () => AppShellContextValue;
+interface AppShellProps {
+    sidebar: React.ReactNode;
+    header?: React.ReactNode;
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+    className?: string;
+}
+declare function AppShell({ sidebar, header, children, defaultCollapsed, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, useAppShell };