@ugurdemirel/landcraft 0.1.5 → 0.1.9

package/src/components/Prose.tsx

@@ -1,55 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react";
-import { cn } from "../utils/cn";
-
-export type ProseSize = "sm" | "md" | "lg" | "xl" | "2xl";
-
-export interface ProseProps extends HTMLAttributes<HTMLElement> {
-  /** Content scale. `lg` (prose-lg) is the comfortable blog default. */
-  size?: ProseSize;
-  /** Renders raw HTML (CMS / MDX output). Mutually exclusive with children. */
-  html?: string;
-  /** When true, removes the reading-width cap. */
-  wide?: boolean;
-}
-
-const sizes: Record<ProseSize, string> = {
-  sm: "prose-sm",
-  md: "prose",
-  lg: "prose-lg",
-  xl: "prose-xl",
-  "2xl": "prose-2xl",
-};
-
-/**
- * Blog / article / documentation body text.
- *
- * Wraps Tailwind Typography (`@tailwindcss/typography`) and re-skins its
- * colors, type scale and code blocks through the same design tokens as every
- * other component, so dark palettes and font swaps work out of the box.
- */
-export const Prose = forwardRef<HTMLElement, ProseProps>(
-  ({ className, size = "lg", html, wide = false, children, ...props }, ref) => (
-    <article
-      ref={ref}
-      className={cn(
-        "prose prose-neutral",
-        sizes[size],
-        !wide && "max-w-3xl",
-        className,
-      )}
-      {...(html ? { dangerouslySetInnerHTML: { __html: html } } : null)}
-      {...props}
-    >
-      {html ? null : children}
-    </article>
-  ),
-);
-Prose.displayName = "Prose";
-
-/** Intro / stand-first paragraph styled with the `prose` lead class. */
-export const ProseLead = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, ...props }, ref) => (
-    <p ref={ref} className={cn("lead", className)} {...props} />
-  ),
-);
-ProseLead.displayName = "ProseLead";

package/src/components/Section.test.tsx

@@ -1,51 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { Section, SectionHeader } from "./Section";
-
-describe("Section", () => {
-  it("renders a section element with padding for the size", () => {
-    render(<Section size="lg">Body</Section>);
-    const section = screen.getByText("Body").closest("section");
-    expect(section).toBeInTheDocument();
-    expect(section).toHaveClass("py-24");
-  });
-
-  it("renders children", () => {
-    render(<Section>Body</Section>);
-    expect(screen.getByText("Body")).toBeInTheDocument();
-  });
-
-  it("forwards an id", () => {
-    render(<Section id="pricing">Pricing</Section>);
-    expect(screen.getByText("Pricing").closest("section")).toHaveAttribute("id", "pricing");
-  });
-
-  it("renders a SectionHeader with eyebrow/title/description when provided", () => {
-    render(
-      <Section eyebrow="E" title="T" description="D">
-        Body
-      </Section>,
-    );
-    expect(screen.getByText("E")).toBeInTheDocument();
-    expect(screen.getByText("T")).toBeInTheDocument();
-    expect(screen.getByText("D")).toBeInTheDocument();
-  });
-});
-
-describe("SectionHeader", () => {
-  it("renders eyebrow, title and description", () => {
-    render(<SectionHeader eyebrow="E" title="T" description="D" />);
-    expect(screen.getByText("E")).toBeInTheDocument();
-    expect(screen.getByText("T")).toBeInTheDocument();
-    expect(screen.getByText("D")).toBeInTheDocument();
-  });
-
-  it("centers by default and aligns left when requested", () => {
-    const { rerender } = render(<SectionHeader title="T" />);
-    expect(screen.getByText("T").parentElement).toHaveClass("text-center");
-
-    rerender(<SectionHeader title="T" align="left" />);
-    // left is the base; center adds mx-auto text-center.
-    expect(screen.getByText("T").parentElement).not.toHaveClass("text-center");
-  });
-});

package/src/components/Section.tsx

@@ -1,106 +0,0 @@
-import { forwardRef, type HTMLAttributes, type ReactNode } from "react";
-import { cn } from "../utils/cn";
-import { Container } from "./Container";
-
-export type EyebrowStyle = "caps" | "soft" | "plain";
-
-export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-  eyebrow?: ReactNode;
-  eyebrowStyle?: EyebrowStyle;
-  title?: ReactNode;
-  description?: ReactNode;
-  align?: "left" | "center";
-}
-
-const eyebrowBase = "inline-flex items-center gap-2 text-xs font-semibold tracking-[0.18em] uppercase";
-
-const eyebrowStyles: Record<EyebrowStyle, string> = {
-  caps: cn(eyebrowBase, "text-foreground/50"),
-  soft: cn(
-    eyebrowBase,
-    "rounded-full px-3 py-1 text-primary tracking-widest bg-primary-soft uppercase",
-  ),
-  plain: cn(eyebrowBase, "text-primary"),
-};
-
-export const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(
-  (
-    { className, eyebrow, eyebrowStyle = "caps", title, description, align = "center", children, ...props },
-    ref,
-  ) => (
-    <div
-      ref={ref}
-      className={cn(
-        "mb-14 max-w-2xl",
-        align === "center" && "mx-auto text-center",
-        className,
-      )}
-      {...props}
-    >
-      {eyebrow ? <p className={eyebrowStyles[eyebrowStyle]}>{eyebrow}</p> : null}
-      {title ? (
-        <h2 className="mt-5 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl">
-          {title}
-        </h2>
-      ) : null}
-      {description ? (
-        <p className="mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg">
-          {description}
-        </p>
-      ) : null}
-      {children}
-    </div>
-  ),
-);
-SectionHeader.displayName = "SectionHeader";
-
-export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-  size?: "sm" | "md" | "lg";
-  eyebrow?: ReactNode;
-  eyebrowStyle?: EyebrowStyle;
-  title?: ReactNode;
-  description?: ReactNode;
-  align?: "left" | "center";
-  containerClassName?: string;
-}
-
-const paddings: Record<NonNullable<SectionProps["size"]>, string> = {
-  sm: "py-14",
-  md: "py-20 sm:py-24",
-  lg: "py-24 sm:py-32",
-};
-
-export const Section = forwardRef<HTMLElement, SectionProps>(
-  (
-    {
-      className,
-      containerClassName,
-      size = "md",
-      eyebrow,
-      eyebrowStyle,
-      title,
-      description,
-      align = "center",
-      children,
-      id,
-      ...props
-    },
-    ref,
-  ) => (
-    <section ref={ref} id={id} className={cn("w-full", paddings[size], className)} {...props}>
-      <Container className={containerClassName}>
-        {eyebrow || title || description ? (
-          <SectionHeader
-            eyebrow={eyebrow}
-            eyebrowStyle={eyebrowStyle}
-            title={title}
-            description={description}
-            align={align}
-          />
-        ) : null}
-        {children}
-      </Container>
-    </section>
-  ),
-);
-Section.displayName = "Section";

package/src/components/Slot.test.tsx

@@ -1,45 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { Slot } from "./Slot";
-
-describe("Slot", () => {
-  it("renders the single child with merged props", () => {
-    render(
-      <Slot className="btn" data-testid="slot">
-        <span>Hello</span>
-      </Slot>,
-    );
-    const el = screen.getByTestId("slot");
-    expect(el.tagName).toBe("SPAN");
-    expect(el).toHaveClass("btn");
-  });
-
-  it("forwards an onClick to the child and calls both handlers", () => {
-    const slotClick = vi.fn();
-    const childClick = vi.fn();
-    render(
-      <Slot onClick={slotClick}>
-        <button onClick={childClick}>Go</button>
-      </Slot>,
-    );
-    const btn = screen.getByRole("button", { name: "Go" });
-    btn.click();
-    expect(childClick).toHaveBeenCalledTimes(1);
-    expect(slotClick).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders nothing when there is no single valid child", () => {
-    const { container } = render(<Slot>text only</Slot>);
-    // A plain string is not a valid React element, so Slot returns null.
-    expect(container).toBeEmptyDOMElement();
-  });
-
-  it("merges className with the child", () => {
-    render(
-      <Slot className="slot-class">
-        <div className="child-class">x</div>
-      </Slot>,
-    );
-    expect(screen.getByText("x")).toHaveClass("slot-class child-class");
-  });
-});

package/src/components/Slot.tsx

@@ -1,78 +0,0 @@
-import {
-  Children,
-  cloneElement,
-  forwardRef,
-  isValidElement,
-  type HTMLAttributes,
-  type ReactElement,
-  type ReactNode,
-  type Ref,
-} from "react";
-import { cn } from "../utils/cn";
-
-export interface SlotProps extends Omit<HTMLAttributes<HTMLElement>, "ref"> {
-  children?: ReactNode;
-}
-
-type AnyProps = Record<string, any>;
-
-function mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {
-  const overrideProps: AnyProps = { ...childProps };
-
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args: any[]) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = cn(slotPropValue, childPropValue);
-    }
-  }
-
-  return { ...slotProps, ...overrideProps };
-}
-
-function useComposedRefs(...refs: Array<Ref<unknown> | undefined>) {
-  return (node: unknown) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref != null) {
-        (ref as { current: unknown }).current = node;
-      }
-    }
-  };
-}
-
-/**
- * Merges its props onto a single child element instead of rendering its own
- * DOM node. Used with the `asChild` prop so consumers can render a framework
- * router `<Link>` (Next.js, Remix, React Router…) with a component's styling.
- */
-export const Slot = forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-
-  if (!isValidElement(children)) {
-    return null;
-  }
-
-  const child = Children.only(children) as ReactElement & { ref?: Ref<unknown> };
-  const composedRef = useComposedRefs(forwardedRef, child.ref);
-
-  return cloneElement(child, {
-    ...mergeProps(slotProps as AnyProps, child.props as AnyProps),
-    ref: composedRef,
-  });
-});
-Slot.displayName = "Slot";

package/src/components/Stats/Stats.test.tsx

@@ -1,47 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { Stats } from "./Stats";
-
-const stats = [
-  { value: "12.4K", label: "Active users", delta: 18.2 },
-  { value: "98", suffix: "%", label: "Satisfaction", accent: true },
-  { value: "1.8", suffix: "ms", label: "Response" },
-];
-
-describe("Stats", () => {
-  it("renders labels and values with the editorial option by default", () => {
-    render(<Stats stats={stats} />);
-    expect(screen.getByText("Active users")).toBeInTheDocument();
-    expect(screen.getByText("12.4K")).toBeInTheDocument();
-    expect(screen.getByText("Satisfaction")).toBeInTheDocument();
-  });
-
-  it("renders a suffix inline with the value", () => {
-    render(<Stats stats={[stats[1]]} />);
-    expect(screen.getByText("%")).toBeInTheDocument();
-  });
-
-  it("renders delta badges for statistics that have a delta", () => {
-    render(<Stats stats={[stats[0]]} />);
-    expect(screen.getByText("18.2%")).toBeInTheDocument();
-  });
-
-  it("renders all option layouts", () => {
-    const { rerender } = render(<Stats stats={stats} option="editorial" />);
-    expect(screen.getByText("Active users")).toBeInTheDocument();
-
-    rerender(<Stats stats={stats} option="hairline" />);
-    expect(screen.getByText("Active users")).toBeInTheDocument();
-
-    rerender(<Stats stats={stats} option="cells" />);
-    expect(screen.getByText("Active users")).toBeInTheDocument();
-
-    rerender(<Stats stats={stats} option="ticker" />);
-    expect(screen.getByText("Active users")).toBeInTheDocument();
-  });
-
-  it("uses a downward delta badge for negative changes", () => {
-    render(<Stats stats={[{ value: "1.8", label: "Response", delta: -24.6 }]} />);
-    expect(screen.getByText("24.6%")).toBeInTheDocument();
-  });
-});

package/src/components/Stats/Stats.tsx

@@ -1,16 +0,0 @@
-import { forwardRef } from "react";
-import type { StatsProps } from "./types";
-import { StatsEditorial } from "./variants/Editorial";
-import { StatsHairline } from "./variants/Hairline";
-import { StatsCells } from "./variants/Cells";
-import { StatsTicker } from "./variants/Ticker";
-
-export const Stats = forwardRef<HTMLDListElement, StatsProps>(
-  ({ option = "editorial", ...props }, ref) => {
-    if (option === "ticker") return <StatsTicker ref={ref} {...props} />;
-    if (option === "cells") return <StatsCells ref={ref} {...props} />;
-    if (option === "hairline") return <StatsHairline ref={ref} {...props} />;
-    return <StatsEditorial ref={ref} {...props} />;
-  },
-);
-Stats.displayName = "Stats";

package/src/components/Stats/index.ts

@@ -1,2 +0,0 @@
-export { Stats } from "./Stats";
-export type { StatsProps, StatsOption, Stat } from "./types";

package/src/components/Stats/parts.tsx

@@ -1,29 +0,0 @@
-import { cn } from "../../utils/cn";
-import { ArrowUp, ArrowDown } from "../../icons";
-
-export const valueBase =
-  "font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground";
-
-export const suffixBase = "ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground";
-
-export const gridCols: Record<2 | 3 | 4, string> = {
-  2: "sm:grid-cols-2",
-  3: "sm:grid-cols-2 lg:grid-cols-3",
-  4: "sm:grid-cols-2 lg:grid-cols-4",
-};
-
-export function DeltaBadge({ delta }: { delta: number }) {
-  const isUp = delta >= 0;
-  const Icon = isUp ? ArrowUp : ArrowDown;
-  return (
-    <span
-      className={cn(
-        "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums",
-        isUp ? "bg-accent/10 text-accent" : "bg-danger-soft text-danger",
-      )}
-    >
-      <Icon className="h-3 w-3" />
-      {Math.abs(delta)}%
-    </span>
-  );
-}

package/src/components/Stats/types.ts

@@ -1,23 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-
-export type StatsOption = "editorial" | "hairline" | "cells" | "ticker";
-
-export interface Stat {
-  value: string;
-  label: string;
-  /** Small unit rendered inline with the value, e.g. "ms" or "₺". */
-  suffix?: string;
-  /** Trend change in percent — renders an up/down badge. */
-  delta?: number;
-  /** Optional supporting copy. */
-  sub?: string;
-  icon?: ReactNode;
-  /** Highlights the value with the primary token. */
-  accent?: boolean;
-}
-
-export interface StatsProps extends HTMLAttributes<HTMLDListElement> {
-  stats: Stat[];
-  option?: StatsOption;
-  columns?: 2 | 3 | 4;
-}

package/src/components/Stats/variants/Cells.tsx

@@ -1,34 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react";
-import { cn } from "../../../utils/cn";
-import { valueBase, suffixBase, gridCols } from "../parts";
-import type { Stat } from "../types";
-
-interface CellsProps extends HTMLAttributes<HTMLDListElement> {
-  stats: Stat[];
-  columns?: 2 | 3 | 4;
-}
-
-export const StatsCells = forwardRef<HTMLDListElement, CellsProps>(
-  ({ className, stats, columns = 4, ...props }, ref) => (
-    <dl ref={ref} className={cn("grid grid-cols-1 gap-4", gridCols[columns], className)} {...props}>
-      {stats.map((stat) => (
-        <div
-          key={stat.label}
-          className="flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6"
-        >
-          <dd className={cn(valueBase, "text-3xl", stat.accent ? "text-primary" : undefined)}>
-            {stat.value}
-            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}
-          </dd>
-          <div className="mt-5 flex items-center justify-between gap-3">
-            <dt className="text-sm text-muted-foreground">{stat.label}</dt>
-            {stat.icon ? (
-              <span className="text-foreground/30">{stat.icon}</span>
-            ) : null}
-          </div>
-        </div>
-      ))}
-    </dl>
-  ),
-);
-StatsCells.displayName = "StatsCells";

package/src/components/Stats/variants/Editorial.tsx

@@ -1,41 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react";
-import { cn } from "../../../utils/cn";
-import { valueBase, suffixBase, gridCols, DeltaBadge } from "../parts";
-import type { Stat } from "../types";
-
-interface EditorialProps extends HTMLAttributes<HTMLDListElement> {
-  stats: Stat[];
-  columns?: 2 | 3 | 4;
-}
-
-/** editorial — label above, oversized number, hairline rule under. */
-export const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(
-  ({ className, stats, columns = 4, ...props }, ref) => (
-    <dl ref={ref} className={cn("grid grid-cols-1 gap-x-10 gap-y-12", gridCols[columns], className)} {...props}>
-      {stats.map((stat) => (
-        <div key={stat.label} className="border-t border-border pt-6">
-          <div className="flex items-center justify-between gap-3">
-            <dt className="text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground">
-              {stat.label}
-            </dt>
-            {typeof stat.delta === "number" ? <DeltaBadge delta={stat.delta} /> : null}
-          </div>
-          <dd
-            className={cn(
-              valueBase,
-              "mt-4 text-5xl sm:text-6xl",
-              stat.accent ? "text-primary" : undefined,
-            )}
-          >
-            {stat.value}
-            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}
-          </dd>
-          {stat.sub ? (
-            <p className="mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground">{stat.sub}</p>
-          ) : null}
-        </div>
-      ))}
-    </dl>
-  ),
-);
-StatsEditorial.displayName = "StatsEditorial";

package/src/components/Stats/variants/Hairline.tsx

@@ -1,31 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react";
-import { cn } from "../../../utils/cn";
-import { valueBase, suffixBase, gridCols } from "../parts";
-import type { Stat } from "../types";
-
-interface HairlineProps extends HTMLAttributes<HTMLDListElement> {
-  stats: Stat[];
-  columns?: 2 | 3 | 4;
-}
-
-export const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(
-  ({ className, stats, columns = 4, ...props }, ref) => (
-    <dl ref={ref} className={cn("grid grid-cols-1 gap-y-10", gridCols[columns], className)} {...props}>
-      {stats.map((stat, i) => (
-        <div
-          key={stat.label}
-          className={cn("text-center", columns > 1 && i > 0 && "sm:border-l sm:border-border")}
-        >
-          <dd className={cn(valueBase, "text-5xl", stat.accent ? "text-primary" : undefined)}>
-            {stat.value}
-            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}
-          </dd>
-          <dt className="mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground">
-            {stat.label}
-          </dt>
-        </div>
-      ))}
-    </dl>
-  ),
-);
-StatsHairline.displayName = "StatsHairline";

package/src/components/Stats/variants/Ticker.tsx

@@ -1,36 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react";
-import { cn } from "../../../utils/cn";
-import { valueBase, suffixBase, DeltaBadge } from "../parts";
-import type { Stat } from "../types";
-
-interface TickerProps extends HTMLAttributes<HTMLDListElement> {
-  stats: Stat[];
-}
-
-export const StatsTicker = forwardRef<HTMLDListElement, TickerProps>(
-  ({ className, stats, ...props }, ref) => (
-    <dl ref={ref} className={cn("flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface", className)} {...props}>
-      {stats.map((stat, i) => (
-        <div
-          key={stat.label}
-          className={cn("flex min-w-[11rem] flex-1 flex-col gap-3 p-6", i > 0 && "border-l border-border")}
-        >
-          <div className="flex items-center justify-between gap-3">
-            <dt className="text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">
-              {stat.label}
-            </dt>
-            {typeof stat.delta === "number" ? <DeltaBadge delta={stat.delta} /> : null}
-          </div>
-          <dd className={cn(valueBase, "text-3xl", stat.accent ? "text-primary" : undefined)}>
-            {stat.value}
-            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}
-          </dd>
-          {stat.sub ? (
-            <p className="text-[13px] leading-5 text-muted-foreground">{stat.sub}</p>
-          ) : null}
-        </div>
-      ))}
-    </dl>
-  ),
-);
-StatsTicker.displayName = "StatsTicker";

package/src/components/Testimonials/TestimonialCard.tsx

@@ -1,61 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../utils/cn";
-import { getContrastText } from "../../utils/contrast";
-import { Quote, Star } from "../../icons";
-import { initials } from "./parts";
-import type { TestimonialCardProps } from "./types";
-
-export const TestimonialCard = forwardRef<HTMLElement, TestimonialCardProps>(
-  function TestimonialCard({ className, testimonial, ...props }, ref) {
-    const { quote, author, role, company, avatar, accent, rating } = testimonial;
-    const badgeStyle = accent
-      ? { backgroundColor: accent, color: getContrastText(accent, "#111111", "#ffffff") }
-      : undefined;
-
-    return (
-      <figure
-        ref={ref}
-        className={cn(
-          "mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7",
-          className,
-        )}
-        {...props}
-      >
-        <div className="mb-5 flex items-center justify-between">
-          <Quote className={cn("h-6 w-6", accent ? undefined : "text-primary/30")} style={accent ? { color: accent } : undefined} />
-          {rating ? (
-            <span className="flex items-center gap-0.5 text-amber-500" aria-label={`${rating} / 5`}>
-              {Array.from({ length: 5 }).map((_, i) => (
-                <Star key={i} className="h-3.5 w-3.5" />
-              ))}
-            </span>
-          ) : null}
-        </div>
-        <blockquote className="flex-1 text-[15px] leading-7 text-foreground/85">{quote}</blockquote>
-        <figcaption className="mt-6 flex items-center gap-3">
-          {avatar ? (
-            avatar
-          ) : (
-            <span
-              style={badgeStyle}
-              className={cn(
-                "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold",
-                !accent && "bg-primary-soft text-primary",
-              )}
-            >
-              {initials(author)}
-            </span>
-          )}
-          <div>
-            <div className="text-sm font-semibold text-foreground">{author}</div>
-            {(role || company) && (
-              <div className="text-xs text-muted-foreground">
-                {[role, company].filter(Boolean).join(" · ")}
-              </div>
-            )}
-          </div>
-        </figcaption>
-      </figure>
-    );
-  },
-);