@grove-dev/astro 0.2.10 → 0.2.14

package/src/components/AppsIndexRow.astro

@@ -1,204 +0,0 @@
----
-/**
- * AppsIndexRow — compact table row for the list page.
- *
- * Renders: avatar + name + description + 3 metadata tiles
- * (license, stars, updated) + chip row (stack/platform) + two
- * CTAs (Details, GitHub). Designed for a dense table that the
- * client-side filter script (and screen readers) can scan.
- *
- * `data-*` attributes are emitted so the consumer's filter script
- * can read them and toggle visibility without re-rendering.
- *
- * Generic: takes a `Resource`. For non-project kinds the project
- * fields are simply absent and the row degrades to a minimal
- * name + description layout.
- */
-
-import type { Resource, ProjectRecord } from "@grove-dev/core";
-import { getOwnerAndRepoFromRepoUrl, getOwnerAvatarUrl } from "../lib/repo";
-import { formatRelative, formatStars } from "../lib/format";
-import { statusDisplay, prettySlug } from "../lib/display";
-
-interface Props {
-  record: Resource;
-  detailHref: string;
-  /** Whether to show stack/platform chips. Default true. */
-  showChips?: boolean;
-  class?: string;
-}
-
-const {
-  record,
-  detailHref,
-  showChips = true,
-  class: className = "",
-} = Astro.props;
-
-const isProject = record.kind === "project";
-const project = isProject ? (record as ProjectRecord) : null;
-
-const name =
-  record.kind === "resource"
-    ? (record as { title: string }).title
-    : (record as { name: string }).name;
-const description = record.description ?? "";
-const repoUrl = project?.repoUrl;
-const logoUrl = project?.logoUrl;
-const stacks = project?.stacks ?? (project?.stack ? [project.stack] : []);
-const platforms = project?.platforms ?? [];
-const github = project?.github?.repository;
-const stars = github?.stargazers_count;
-const licenseSpdx = github?.license?.spdx_id;
-const pushedAt = github?.pushed_at;
-const healthStatus = project?.health?.status;
-const githubUrl =
-  repoUrl ?? (record.links as { github?: string } | undefined)?.github;
-
-const ownerRepo = repoUrl ? getOwnerAndRepoFromRepoUrl(repoUrl) : null;
-const avatarSrc =
-  logoUrl ?? (ownerRepo ? getOwnerAvatarUrl(ownerRepo.owner, 80) : null);
-const initials = (name || "")
-  .replace(/[^a-z0-9]/gi, "")
-  .slice(0, 2)
-  .toUpperCase();
-
-const allTags = [
-  ...stacks.slice(0, 2).map((s) => `Stack: ${s}`),
-  ...platforms.slice(0, 1).map((p) => `Platform: ${p}`),
-];
-const starsLabel = formatStars(stars);
-const updatedLabel = formatRelative(pushedAt);
-const healthLabel = healthStatus ? statusDisplay(healthStatus) : null;
-
-const tags = record.tags ?? [];
-const labels = record.curation?.labels ?? [];
----
-
-<article
-  class:list={[
-    "grove-row grove-card grid grid-cols-1 gap-3 p-4 sm:grid-cols-[auto_1fr_auto] sm:items-center",
-    className,
-  ]}
-  data-record-slug={record.slug}
-  data-record-name={name}
-  data-record-kind={record.kind}
-  data-record-category={record.category}
-  data-record-stacks={stacks.join(",")}
-  data-record-platforms={platforms.join(",")}
-  data-record-tags={tags.join(",")}
-  data-record-labels={labels.join(",")}
-  data-record-search={[name, description, ownerRepo?.owner ?? "", ...stacks, ...platforms, ...tags, licenseSpdx ?? ""].join(" ").toLowerCase()}
->
-  <div class="flex items-center gap-3">
-    <div class="flex-shrink-0">
-      {avatarSrc ? (
-        <img
-          src={avatarSrc}
-          alt=""
-          width="32"
-          height="32"
-          loading="lazy"
-          decoding="async"
-          class="h-8 w-8 rounded-md border border-ink-200 object-contain bg-white dark:border-ink-800 dark:bg-ink-950"
-        />
-      ) : (
-        <span
-          aria-hidden="true"
-          class="inline-flex h-8 w-8 items-center justify-center rounded-md border border-ink-200 bg-ink-50 text-xs font-semibold text-ink-700 dark:border-ink-800 dark:bg-ink-900 dark:text-ink-200"
-        >
-          {initials || "·"}
-        </span>
-      )}
-    </div>
-    <div class="min-w-0">
-      <h3 class="m-0 text-[0.9375rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-        <a href={detailHref} class="text-inherit no-underline hover:underline">
-          {name}
-        </a>
-      </h3>
-      {ownerRepo && (
-        <p class="m-0 mt-0.5 text-2xs text-ink-500 dark:text-ink-400">
-          @{ownerRepo.owner}/{ownerRepo.repo}
-        </p>
-      )}
-    </div>
-  </div>
-
-  <div class="min-w-0">
-    {description && (
-      <p class="m-0 line-clamp-2 text-[0.8125rem] leading-snug text-ink-500 dark:text-ink-400">
-        {description}
-      </p>
-    )}
-    {showChips && allTags.length > 0 && (
-      <ul class="mt-1.5 flex list-none flex-wrap gap-1.5 p-0">
-        {allTags.map((t) => <li class="grove-badge">{t}</li>)}
-      </ul>
-    )}
-  </div>
-
-  <dl
-    class="grid grid-cols-3 gap-x-4 gap-y-1 text-2xs text-ink-500 dark:text-ink-400 sm:flex sm:flex-col sm:items-end sm:gap-y-0.5"
-    aria-label="Project signals"
-  >
-    {starsLabel && (
-      <div class="flex items-center gap-1">
-        <dt class="sr-only">Stars</dt>
-        <dd class="m-0 font-mono text-ink-700 dark:text-ink-200">{starsLabel} ★</dd>
-      </div>
-    )}
-    {licenseSpdx && (
-      <div class="flex items-center gap-1">
-        <dt class="sr-only">License</dt>
-        <dd class="m-0">{licenseSpdx}</dd>
-      </div>
-    )}
-    {updatedLabel && updatedLabel !== "—" && (
-      <div class="flex items-center gap-1">
-        <dt class="sr-only">Last updated</dt>
-        <dd class="m-0">Updated {updatedLabel}</dd>
-      </div>
-    )}
-    {healthLabel && (
-      <div class="flex items-center gap-1">
-        <dt class="sr-only">Health</dt>
-        <dd class="m-0">{healthLabel}</dd>
-      </div>
-    )}
-  </dl>
-
-  <div class="col-span-full flex flex-wrap items-center gap-2 sm:col-span-1 sm:justify-end">
-    <a
-      href={detailHref}
-      class="grove-btn grove-btn-outline"
-      data-event="row_details_click"
-      data-event-source="apps_index_row"
-      data-event-app={record.slug}
-    >
-      View details
-    </a>
-    {githubUrl && (
-      <a
-        href={githubUrl}
-        target="_blank"
-        rel="noopener noreferrer"
-        class="grove-btn grove-btn-ghost"
-        data-event="row_repo_click"
-        data-event-source="apps_index_row"
-        data-event-app={record.slug}
-      >
-        GitHub
-      </a>
-    )}
-  </div>
-</article>
-
-<style>
-  .line-clamp-2 {
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-  }
-</style>

package/src/components/AppsPagination.astro

@@ -1,126 +0,0 @@
----
-/**
- * AppsPagination — windowed page list.
- *
- * Renders a row of page links with first / prev / numeric / next /
- * last. The numeric window is a 5-page sliding window centered on
- * the current page (clamped at the ends). Pages with no links
- * (gaps) are rendered as "…" to preserve visual rhythm.
- *
- * Generic: takes a `current` and `total` page count and an
- * `hrefFor` builder. The href builder is the only consumer-side
- * knowledge; no siteConfig import.
- */
-
-interface Props {
-  current: number;
-  total: number;
-  hrefFor: (page: number) => string;
-  class?: string;
-  /** Window size for the numeric page list. Default 5. */
-  windowSize?: number;
-}
-
-const {
-  current,
-  total,
-  hrefFor,
-  class: className = "",
-  windowSize = 5,
-} = Astro.props;
-
-// Clamp current into [1, total].
-const safeCurrent = Math.max(1, Math.min(total, current));
-const half = Math.floor(windowSize / 2);
-
-// Compute the numeric window. Clamp so it never extends past 1 or
-// total, and never narrower than `windowSize` unless total is
-// smaller.
-function buildWindow(): (number | "…")[] {
-  if (total <= windowSize + 2) {
-    return Array.from({ length: total }, (_, i) => i + 1);
-  }
-  let start = Math.max(2, safeCurrent - half);
-  let end = Math.min(total - 1, safeCurrent + half);
-  // Expand the window toward the nearest edge if it shrinks.
-  if (end - start + 1 < windowSize) {
-    if (safeCurrent <= half + 1) {
-      end = Math.min(total - 1, end + (windowSize - (end - start + 1)));
-    } else {
-      start = Math.max(2, start - (windowSize - (end - start + 1)));
-    }
-  }
-  const items: (number | "…")[] = [1];
-  if (start > 2) items.push("…");
-  for (let i = start; i <= end; i++) items.push(i);
-  if (end < total - 1) items.push("…");
-  items.push(total);
-  return items;
-}
-
-const pages = buildWindow();
-const hasPrev = safeCurrent > 1;
-const hasNext = safeCurrent < total;
----
-
-<nav
-  class:list={[
-    "grove-pagination flex flex-wrap items-center gap-1",
-    className,
-  ]}
-  aria-label="Pagination"
->
-  {hasPrev && (
-    <a
-      href={hrefFor(safeCurrent - 1)}
-      rel="prev"
-      class="grove-btn grove-btn-ghost"
-      data-event="pagination_click"
-      data-event-source="apps_pagination"
-    >
-      ← Prev
-    </a>
-  )}
-
-  <ol class="m-0 flex list-none items-center gap-1 p-0">
-    {pages.map((p) =>
-      p === "…" ? (
-        <li aria-hidden="true" class="px-2 text-2xs text-ink-400">
-          …
-        </li>
-      ) : (
-        <li>
-          {p === safeCurrent ? (
-            <span
-              aria-current="page"
-              class="grove-btn grove-btn-primary pointer-events-none"
-            >
-              {p}
-            </span>
-          ) : (
-            <a
-              href={hrefFor(p)}
-              class="grove-btn grove-btn-ghost"
-              data-event="pagination_click"
-              data-event-source="apps_pagination"
-            >
-              {p}
-            </a>
-          )}
-        </li>
-      ),
-    )}
-  </ol>
-
-  {hasNext && (
-    <a
-      href={hrefFor(safeCurrent + 1)}
-      rel="next"
-      class="grove-btn grove-btn-ghost"
-      data-event="pagination_click"
-      data-event-source="apps_pagination"
-    >
-      Next →
-    </a>
-  )}
-</nav>

package/templates/default/.astro/content.d.ts

@@ -1,155 +0,0 @@
-declare module 'astro:content' {
-	export interface RenderResult {
-		Content: import('astro/runtime/server/index.js').AstroComponentFactory;
-		headings: import('astro').MarkdownHeading[];
-		remarkPluginFrontmatter: Record<string, any>;
-	}
-	interface Render {
-		'.md': Promise<RenderResult>;
-	}
-
-	export interface RenderedContent {
-		html: string;
-		metadata?: {
-			imagePaths: Array<string>;
-			[key: string]: unknown;
-		};
-	}
-
-	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
-
-	export type CollectionKey = keyof DataEntryMap;
-	export type CollectionEntry<C extends CollectionKey> = Flatten<DataEntryMap[C]>;
-
-	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
-
-	export type ReferenceDataEntry<
-		C extends CollectionKey,
-		E extends keyof DataEntryMap[C] = string,
-	> = {
-		collection: C;
-		id: E;
-	};
-
-	export type ReferenceLiveEntry<C extends keyof LiveContentConfig['collections']> = {
-		collection: C;
-		id: string;
-	};
-
-	export function getCollection<C extends keyof DataEntryMap, E extends CollectionEntry<C>>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => entry is E,
-	): Promise<E[]>;
-	export function getCollection<C extends keyof DataEntryMap>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => unknown,
-	): Promise<CollectionEntry<C>[]>;
-
-	export function getLiveCollection<C extends keyof LiveContentConfig['collections']>(
-		collection: C,
-		filter?: LiveLoaderCollectionFilterType<C>,
-	): Promise<
-		import('astro').LiveDataCollectionResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>
-	>;
-
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		entry: ReferenceDataEntry<C, E>,
-	): E extends keyof DataEntryMap[C]
-		? Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		collection: C,
-		id: E,
-	): E extends keyof DataEntryMap[C]
-		? string extends keyof DataEntryMap[C]
-			? Promise<DataEntryMap[C][E]> | undefined
-			: Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getLiveEntry<C extends keyof LiveContentConfig['collections']>(
-		collection: C,
-		filter: string | LiveLoaderEntryFilterType<C>,
-	): Promise<import('astro').LiveDataEntryResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>>;
-
-	/** Resolve an array of entry references from the same collection */
-	export function getEntries<C extends keyof DataEntryMap>(
-		entries: ReferenceDataEntry<C, keyof DataEntryMap[C]>[],
-	): Promise<CollectionEntry<C>[]>;
-
-	export function render<C extends keyof DataEntryMap>(
-		entry: DataEntryMap[C][string],
-	): Promise<RenderResult>;
-
-	export function reference<
-		C extends
-			| keyof DataEntryMap
-			// Allow generic `string` to avoid excessive type errors in the config
-			// if `dev` is not running to update as you edit.
-			// Invalid collection names will be caught at build time.
-			| (string & {}),
-	>(
-		collection: C,
-	): import('astro/zod').ZodPipe<
-		import('astro/zod').ZodString,
-		import('astro/zod').ZodTransform<
-			C extends keyof DataEntryMap
-				? {
-						collection: C;
-						id: string;
-					}
-				: never,
-			string
-		>
-	>;
-
-	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
-	type InferEntrySchema<C extends keyof DataEntryMap> = import('astro/zod').infer<
-		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
-	>;
-	type ExtractLoaderConfig<T> = T extends { loader: infer L } ? L : never;
-	type InferLoaderSchema<
-		C extends keyof DataEntryMap,
-		L = ExtractLoaderConfig<ContentConfig['collections'][C]>,
-	> = L extends { schema: import('astro/zod').ZodSchema }
-		? import('astro/zod').infer<L['schema']>
-		: any;
-
-	type DataEntryMap = {
-		
-	};
-
-	type ExtractLoaderTypes<T> = T extends import('astro/loaders').LiveLoader<
-		infer TData,
-		infer TEntryFilter,
-		infer TCollectionFilter,
-		infer TError
-	>
-		? { data: TData; entryFilter: TEntryFilter; collectionFilter: TCollectionFilter; error: TError }
-		: { data: never; entryFilter: never; collectionFilter: never; error: never };
-	type ExtractEntryFilterType<T> = ExtractLoaderTypes<T>['entryFilter'];
-	type ExtractCollectionFilterType<T> = ExtractLoaderTypes<T>['collectionFilter'];
-	type ExtractErrorType<T> = ExtractLoaderTypes<T>['error'];
-	type ExtractDataType<T> = ExtractLoaderTypes<T>['data'];
-
-	type LiveLoaderDataType<C extends keyof LiveContentConfig['collections']> =
-		LiveContentConfig['collections'][C]['schema'] extends undefined
-			? ExtractDataType<LiveContentConfig['collections'][C]['loader']>
-			: import('astro/zod').infer<
-					Exclude<LiveContentConfig['collections'][C]['schema'], undefined>
-				>;
-	type LiveLoaderEntryFilterType<C extends keyof LiveContentConfig['collections']> =
-		ExtractEntryFilterType<LiveContentConfig['collections'][C]['loader']>;
-	type LiveLoaderCollectionFilterType<C extends keyof LiveContentConfig['collections']> =
-		ExtractCollectionFilterType<LiveContentConfig['collections'][C]['loader']>;
-	type LiveLoaderErrorType<C extends keyof LiveContentConfig['collections']> = ExtractErrorType<
-		LiveContentConfig['collections'][C]['loader']
-	>;
-
-	export type ContentConfig = never;
-	export type LiveContentConfig = never;
-}

package/templates/default/.astro/settings.json

@@ -1,5 +0,0 @@
-{
-	"_variables": {
-		"lastUpdateCheck": 1781103180236
-	}
-}

package/templates/default/.astro/types.d.ts

@@ -1 +0,0 @@
-/// <reference types="astro/client" />

package/templates/default/data/generated/apps.json

@@ -1 +0,0 @@
-{"schemaVersion":1,"generatedAt":"2026-01-01T00:00:00Z","totalApps":0,"visibleApps":0,"apps":[]}

package/templates/default/data/generated/records.full.json

@@ -1,8 +0,0 @@
-{
-  "schemaVersion": 1,
-  "blueprint": "project-directory",
-  "generatedAt": "2026-06-10T15:03:23.841Z",
-  "totalRecords": 0,
-  "visibleRecords": 0,
-  "records": []
-}

package/templates/default/data/generated/records.index.json

@@ -1,7 +0,0 @@
-{
-  "schemaVersion": 1,
-  "blueprint": "project-directory",
-  "generatedAt": "2026-06-10T15:03:23.841Z",
-  "totalRecords": 0,
-  "records": []
-}

package/templates/default/data/generated/records.json

@@ -1,8 +0,0 @@
-{
-  "schemaVersion": 1,
-  "blueprint": "project-directory",
-  "generatedAt": "2026-06-10T15:03:23.841Z",
-  "totalRecords": 0,
-  "visibleRecords": 0,
-  "records": []
-}

package/templates/default/data/generated/repo-stats.json

@@ -1 +0,0 @@
-{"originalRepo":"https://github.com/example/repo"}

package/templates/default/data/generated/site-config.json

@@ -1,31 +0,0 @@
-{
-  "blueprint": "project-directory",
-  "name": "Grove Directory",
-  "tagline": "A curated, health-aware developer directory.",
-  "description": "A curated, health-aware developer directory powered by Grove.",
-  "siteUrl": "https://example.com",
-  "repoUrl": "https://github.com/tortuvshin/grove",
-  "nav": [
-    {
-      "label": "Home",
-      "href": "/"
-    },
-    {
-      "label": "Browse",
-      "href": "/projects"
-    },
-    {
-      "label": "About",
-      "href": "/about"
-    }
-  ],
-  "theme": {
-    "primaryColor": "#16a34a",
-    "radius": "soft",
-    "density": "comfortable",
-    "containerWidth": "72rem"
-  },
-  "integrations": {
-    "github": false
-  }
-}

package/templates/default/dist/_astro/BaseLayout.Dz_HR-68.css

@@ -1 +0,0 @@
-@theme{ --color-ink-50: hsl(224, 19%, 97%); --color-ink-100: hsl(224, 20%, 94%); --color-ink-200: hsl(224, 6%, 77%); --color-ink-300: hsl(224, 6%, 56%); --color-ink-400: hsl(224, 6%, 56%); --color-ink-500: hsl(224, 7%, 36%); --color-ink-600: hsl(224, 10%, 23%); --color-ink-700: hsl(224, 10%, 23%); --color-ink-800: hsl(224, 14%, 16%); --color-ink-900: hsl(224, 10%, 10%); --color-ink-950: hsl(224, 10%, 10%); --color-accent: hsl(234, 90%, 60%); --color-accent-muted: hsl(234, 88%, 90%); --color-emerald-50: hsl(101, 85%, 90%); --color-emerald-300: hsl(101, 82%, 63%); --color-emerald-400: hsl(101, 90%, 46%); --color-emerald-700: hsl(101, 80%, 22%); --color-emerald-800: hsl(101, 80%, 22%); --color-emerald-950: hsl(101, 39%, 22%); --color-orange-50: hsl(41, 90%, 88%); --color-orange-300: hsl(41, 82%, 63%); --color-orange-400: hsl(41, 90%, 60%); --color-orange-700: hsl(41, 80%, 25%); --color-orange-800: hsl(41, 80%, 25%); --color-orange-950: hsl(41, 39%, 22%); --color-blue-50: hsl(234, 88%, 90%); --color-blue-300: hsl(234, 100%, 87%); --color-blue-400: hsl(234, 90%, 60%); --color-blue-700: hsl(234, 80%, 30%); --color-blue-800: hsl(234, 80%, 30%); --color-blue-950: hsl(234, 54%, 20%); --color-amber-50: hsl(41, 90%, 88%); --color-amber-300: hsl(41, 82%, 63%); --color-amber-400: hsl(41, 90%, 60%); --color-amber-700: hsl(41, 80%, 25%); --color-amber-800: hsl(41, 80%, 25%); --color-amber-950: hsl(41, 39%, 22%); --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --text-2xs: .6875rem; --text-2xs--line-height: 1rem; --container-container: 1140px; --container-wide: 1400px; --container-narrow: 720px; --radius: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --animate-fade-in-up: fade-in-up .6s ease-out both; --animate-fade-in: fade-in .8s ease-out both; --animate-gradient-shift: gradient-shift 8s ease-in-out infinite; --animate-subtle-bob: subtle-bob 3s ease-in-out infinite; }@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes subtle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@layer base{:root{--color-ink-50: hsl(224, 19%, 97%);--color-ink-100: hsl(224, 20%, 94%);--color-ink-200: hsl(224, 6%, 77%);--color-ink-300: hsl(224, 6%, 56%);--color-ink-400: hsl(224, 6%, 56%);--color-ink-500: hsl(224, 7%, 36%);--color-ink-600: hsl(224, 10%, 23%);--color-ink-700: hsl(224, 10%, 23%);--color-ink-800: hsl(224, 14%, 16%);--color-ink-900: hsl(224, 10%, 10%);--color-ink-950: hsl(224, 10%, 10%);--color-accent: hsl(234, 90%, 60%);--color-accent-muted: hsl(234, 88%, 90%);--color-emerald-50: hsl(101, 85%, 90%);--color-emerald-300: hsl(101, 82%, 63%);--color-emerald-400: hsl(101, 90%, 46%);--color-emerald-700: hsl(101, 80%, 22%);--color-emerald-800: hsl(101, 80%, 22%);--color-emerald-950: hsl(101, 39%, 22%);--color-orange-50: hsl(41, 90%, 88%);--color-orange-300: hsl(41, 82%, 63%);--color-orange-400: hsl(41, 90%, 60%);--color-orange-700: hsl(41, 80%, 25%);--color-orange-800: hsl(41, 80%, 25%);--color-orange-950: hsl(41, 39%, 22%);--color-blue-50: hsl(234, 88%, 90%);--color-blue-300: hsl(234, 100%, 87%);--color-blue-400: hsl(234, 90%, 60%);--color-blue-700: hsl(234, 80%, 30%);--color-blue-800: hsl(234, 80%, 30%);--color-blue-950: hsl(234, 54%, 20%);--color-amber-50: hsl(41, 90%, 88%);--color-amber-300: hsl(41, 82%, 63%);--color-amber-400: hsl(41, 90%, 60%);--color-amber-700: hsl(41, 80%, 25%);--color-amber-800: hsl(41, 80%, 25%);--color-amber-950: hsl(41, 39%, 22%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-2xs: .6875rem;--text-2xs--line-height: 1rem;--radius: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--sl-color-white: hsl(0, 0%, 100%);--sl-color-gray-1: hsl(224, 20%, 94%);--sl-color-gray-2: hsl(224, 6%, 77%);--sl-color-gray-3: hsl(224, 6%, 56%);--sl-color-gray-4: hsl(224, 7%, 36%);--sl-color-gray-5: hsl(224, 10%, 23%);--sl-color-gray-6: hsl(224, 14%, 16%);--sl-color-black: hsl(224, 10%, 10%);--sl-hue-orange: 41;--sl-hue-green: 101;--sl-hue-blue: 234;--sl-hue-purple: 281;--sl-hue-red: 339;--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);--sl-color-accent-low: hsl(224, 54%, 20%);--sl-color-accent: hsl(224, 100%, 60%);--sl-color-accent-high: hsl(224, 100%, 85%);--sl-color-text: var(--sl-color-gray-2);--sl-color-bg: var(--sl-color-black);--sl-color-bg-inline-code: var(--sl-color-gray-5);--sl-color-hairline: var(--sl-color-gray-6);--sl-font-system: var(--font-sans);--sl-font-system-mono: var(--font-mono);color-scheme:light dark}:root:not(.dark){--sl-color-white: hsl(224, 10%, 10%);--sl-color-gray-1: hsl(224, 14%, 16%);--sl-color-gray-2: hsl(224, 10%, 23%);--sl-color-gray-3: hsl(224, 7%, 36%);--sl-color-gray-4: hsl(224, 6%, 56%);--sl-color-gray-5: hsl(224, 6%, 77%);--sl-color-gray-6: hsl(224, 20%, 94%);--sl-color-gray-7: hsl(224, 19%, 97%);--sl-color-black: hsl(0, 0%, 100%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);--sl-color-accent-high: hsl(234, 80%, 30%);--sl-color-accent: hsl(234, 90%, 60%);--sl-color-accent-low: hsl(234, 88%, 90%);--sl-color-text: var(--sl-color-gray-2);--sl-color-bg: var(--sl-color-black);--sl-color-bg-inline-code: var(--sl-color-gray-6);--sl-color-hairline: var(--sl-color-gray-6)}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--sl-color-bg);color:var(--sl-color-text);font-family:var(--sl-font-system);font-size:15px;line-height:1.75}.dark body{background:var(--sl-color-bg);color:var(--sl-color-text)}a{color:inherit;text-decoration:none}::selection{background:var(--color-ink-200);color:var(--color-ink-900)}.dark ::selection{background:var(--color-ink-800);color:var(--color-ink-100)}*{scrollbar-width:thin;scrollbar-color:var(--color-ink-300) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--color-ink-200);border-radius:4px}.dark *::-webkit-scrollbar-thumb{background:var(--color-ink-800)}input,select,textarea,button{font:inherit}}@layer components{.grove-section{padding-top:3rem;padding-bottom:3rem}@media(min-width:640px){.grove-section{padding-top:4rem;padding-bottom:4rem}}.grove-section-tight{padding-top:2.5rem;padding-bottom:2.5rem}@media(min-width:640px){.grove-section-tight{padding-top:3rem;padding-bottom:3rem}}.grove-card{border:1px solid var(--color-ink-200);background:var(--sl-color-bg);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.dark .grove-card{border-color:var(--sl-color-hairline);background:var(--sl-color-bg)}.grove-card-hover:hover{border-color:var(--color-ink-300);background:#f4f4f599;box-shadow:0 1px 2px #0000000a,0 4px 12px -2px #0000000f}.dark .grove-card-hover:hover{border-color:var(--color-ink-700);background:#18181b66;box-shadow:0 1px 2px #0006,0 4px 12px -2px #0000004d}.grove-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border:1px solid var(--color-ink-200);background:var(--color-ink-50);padding:.125rem .375rem;font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);font-weight:500;color:var(--color-ink-700)}.dark .grove-badge{border-color:var(--color-ink-800);background:#18181b99;color:var(--color-ink-300)}.grove-badge-accent{border-color:var(--color-ink-900);background:var(--color-ink-900);color:#fff}.dark .grove-badge-accent{border-color:var(--color-ink-100);background:var(--color-ink-100);color:var(--color-ink-900)}.grove-badge-new{border-color:#6ee7b799;background:var(--color-emerald-50);color:var(--color-emerald-800)}.dark .grove-badge-new{border-color:#065f4699;background:#022c2266;color:var(--color-emerald-300)}.grove-badge-hot{border-color:#fdba7499;background:var(--color-orange-50);color:var(--color-orange-800)}.dark .grove-badge-hot{border-color:#9a341299;background:#43140766;color:var(--color-orange-300)}.grove-badge-mature{border-color:#93c5fd99;background:var(--color-blue-50);color:var(--color-blue-800)}.dark .grove-badge-mature{border-color:#1e40af99;background:#17255466;color:var(--color-blue-300)}.grove-badge-stale{border-color:#fcd34d99;background:var(--color-amber-50);color:var(--color-amber-800)}.dark .grove-badge-stale{border-color:#92400e99;background:#451a0366;color:var(--color-amber-300)}.grove-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:var(--radius);border:1px solid transparent;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease,background-color .15s ease,border-color .15s ease;text-decoration:none;cursor:pointer}.grove-btn-ghost{color:var(--color-ink-700)}.grove-btn-ghost:hover{background:var(--color-ink-100)}.dark .grove-btn-ghost{color:var(--color-ink-300)}.dark .grove-btn-ghost:hover{background:var(--color-ink-900)}.grove-btn-outline{border-color:var(--color-ink-200);background:var(--sl-color-bg);color:var(--color-ink-900)}.grove-btn-outline:hover{border-color:var(--color-ink-300);background:var(--color-ink-50)}.dark .grove-btn-outline{border-color:var(--color-ink-800);background:var(--color-ink-950);color:var(--color-ink-100)}.dark .grove-btn-outline:hover{border-color:var(--color-ink-700);background:#18181b66}.grove-btn-primary{border-color:var(--color-ink-900);background:var(--color-ink-900);color:#fff}.grove-btn-primary:hover{background:var(--color-ink-800)}.dark .grove-btn-primary{border-color:var(--color-ink-100);background:var(--color-ink-100);color:var(--color-ink-900)}.dark .grove-btn-primary:hover{background:#fff}}