@zpress/ui 0.1.0

package/src/theme/components/workspaces/card.css

@@ -0,0 +1,141 @@
+/**
+ * Workspace grid, card layout, deploy badge, and tech tags.
+ * Base card styles (container, hover, icons) from home-card.css.
+ */
+
+/* ── Workspace section ───────────────────────────────────── */
+.workspace-section {
+  max-width: 1152px;
+  margin: 0 auto;
+  padding: 0 0 64px;
+}
+
+.workspace-section h2 {
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  margin-bottom: 4px;
+  color: var(--zp-c-text-2);
+}
+
+.workspace-group-desc {
+  margin: 0 0 16px;
+  font-size: 14px;
+  color: var(--zp-c-text-3);
+  line-height: 1.5;
+}
+
+.workspace-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+  margin-bottom: 40px;
+}
+
+/* ── Workspace card layout ───────────────────────────────── */
+.workspace-card {
+  display: flex;
+  flex-direction: column;
+}
+
+.workspace-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+
+.workspace-identity {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.workspace-title {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.2;
+}
+
+.workspace-scope {
+  font-family: var(--zp-font-family-mono);
+  font-size: 11px;
+  color: var(--zp-c-text-3);
+}
+
+.workspace-name {
+  font-family: var(--zp-font-family-mono);
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--zp-c-text-1);
+}
+
+.workspace-desc {
+  font-size: 13px;
+  color: var(--zp-c-text-2);
+  line-height: 1.5;
+  flex: 1;
+}
+
+/* ── Deploy badge ────────────────────────────────────────── */
+.deploy-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px 6px;
+  border-radius: 6px;
+  background: var(--zp-c-bg);
+  border: 1px solid var(--zp-c-divider);
+}
+
+.deploy-logo {
+  height: 16px;
+  width: auto;
+  opacity: 0.75;
+  transition: opacity 0.2s;
+}
+
+.home-card:hover .deploy-logo {
+  opacity: 1;
+}
+
+/* ── Tech tags ───────────────────────────────────────────── */
+.workspace-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 10px;
+}
+
+.workspace-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-family: var(--zp-font-family-mono);
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: var(--rp-radius-small);
+  background: var(--zp-c-bg);
+  color: var(--zp-c-text-3);
+  border: 1px solid var(--zp-c-divider);
+}
+
+.workspace-tag svg {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+
+/* ── Responsive ──────────────────────────────────────────── */
+@media (max-width: 768px) {
+  .workspace-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 769px) and (max-width: 1024px) {
+  .workspace-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}

package/src/theme/components/workspaces/card.tsx

@@ -0,0 +1,116 @@
+import type React from 'react'
+import { match, P } from 'ts-pattern'
+
+import type { IconColor } from '../home/feature-card'
+import { Card } from '../shared/card'
+import { Icon } from '../shared/icon'
+import { TechTag } from '../shared/tech-tag'
+
+// ── Types ────────────────────────────────────────────────────
+
+export interface WorkspaceCardProps {
+  /**
+   * Display name for the card header.
+   */
+  readonly text: string
+  /**
+   * Link target (e.g. "/apps/api").
+   */
+  readonly href: string
+  /**
+   * Iconify identifier (e.g. "simple-icons:typescript").
+   */
+  readonly icon?: string
+  /**
+   * CSS class suffix for icon background color.
+   */
+  readonly iconColor?: IconColor
+  /**
+   * Scope prefix shown above the name (e.g. "apps/").
+   */
+  readonly scope?: string
+  /**
+   * Short description rendered below the header.
+   */
+  readonly description?: string
+  /**
+   * Technology tag names resolved via the tech map.
+   */
+  readonly tags?: readonly string[]
+  /**
+   * Deploy badge image for the card header.
+   */
+  readonly badge?: { readonly src: string; readonly alt: string }
+}
+
+// ── Component ────────────────────────────────────────────────
+
+/**
+ * Workspace card — renders a clickable link card with icon, name,
+ * description, tech tags, and optional deploy badge.
+ */
+export function WorkspaceCard({
+  text,
+  href,
+  icon,
+  iconColor = 'purple',
+  scope,
+  description,
+  tags,
+  badge,
+}: WorkspaceCardProps): React.ReactElement {
+  const name = text.toLowerCase()
+
+  const iconEl = match(icon)
+    .with(P.nonNullable, (id) => <Icon icon={id} />)
+    .otherwise(() => null)
+
+  const scopeEl = match(scope)
+    .with(
+      P.when((s): s is string => s !== undefined && s.length > 0),
+      (s) => <span className="workspace-scope">{s}</span>
+    )
+    .otherwise(() => null)
+
+  const badgeEl = match(badge)
+    .with(P.nonNullable, (b) => (
+      <span className="deploy-badge" title={`Deployed on ${b.alt}`}>
+        <img src={b.src} alt={b.alt} className="deploy-logo" />
+      </span>
+    ))
+    .otherwise(() => null)
+
+  const descEl = match(description)
+    .with(P.nonNullable, (d) => <span className="workspace-desc">{d}</span>)
+    .otherwise(() => null)
+
+  const tagsEl = match(tags)
+    .with(
+      P.when((t): t is readonly string[] => t !== undefined && t.length > 0),
+      (t) => (
+        <div className="workspace-tags">
+          {t.map((tag) => (
+            <TechTag key={tag} name={tag} />
+          ))}
+        </div>
+      )
+    )
+    .otherwise(() => null)
+
+  return (
+    <Card href={href} className="workspace-card">
+      <div className="workspace-header">
+        <div className="workspace-identity">
+          <span className={`home-card-icon home-card-icon--${iconColor}`}>{iconEl}</span>
+          <div className="workspace-title">
+            {scopeEl}
+            <span className="workspace-name">{name}</span>
+          </div>
+        </div>
+        {badgeEl}
+      </div>
+      {descEl}
+      {tagsEl}
+    </Card>
+  )
+}

package/src/theme/components/workspaces/grid.tsx

@@ -0,0 +1,40 @@
+import type React from 'react'
+
+import './card.css'
+
+// ── Types ────────────────────────────────────────────────────
+
+export interface WorkspaceGridProps {
+  /**
+   * Section heading (e.g. "Apps", "Packages").
+   */
+  readonly heading: string
+  /**
+   * Brief description rendered below the heading.
+   */
+  readonly description: string
+  /**
+   * WorkspaceCard elements.
+   */
+  readonly children: React.ReactNode
+}
+
+// ── Component ────────────────────────────────────────────────
+
+/**
+ * Grid container for workspace cards — renders a heading, description,
+ * and a CSS grid wrapping its children.
+ */
+export function WorkspaceGrid({
+  heading,
+  description,
+  children,
+}: WorkspaceGridProps): React.ReactElement {
+  return (
+    <>
+      <h2>{heading}</h2>
+      <p className="workspace-group-desc">{description}</p>
+      <div className="workspace-grid">{children}</div>
+    </>
+  )
+}

package/src/theme/css.d.ts

@@ -0,0 +1 @@
+declare module '*.css' {}

package/src/theme/hooks/use-zpress.ts

@@ -0,0 +1,57 @@
+import { useSite } from '@rspress/core/runtime'
+
+import type { IconColor } from '../components/home/feature-card'
+
+// ── Sidebar types ───────────────────────────────────────────
+
+export interface ZpressSidebarItem {
+  readonly text?: string
+  readonly link?: string
+  readonly icon?: string
+  readonly items?: readonly ZpressSidebarItem[]
+}
+
+// ── Workspace types ─────────────────────────────────────────
+
+export interface WorkspaceCardData {
+  readonly text: string
+  readonly href: string
+  readonly icon: string | undefined
+  readonly iconColor: IconColor | undefined
+  readonly scope: string | undefined
+  readonly description: string | undefined
+  readonly tags: readonly string[]
+  readonly badge: { readonly src: string; readonly alt: string } | undefined
+}
+
+export interface WorkspaceGroupData {
+  readonly type: 'apps' | 'packages' | 'workspaces'
+  readonly heading: string
+  readonly description: string
+  readonly cards: readonly WorkspaceCardData[]
+}
+
+// ── Theme config ────────────────────────────────────────────
+
+interface ZpressThemeConfig {
+  readonly sidebar: Record<string, readonly ZpressSidebarItem[]>
+  readonly workspaces: readonly WorkspaceGroupData[] | undefined
+}
+
+// ── Hook ────────────────────────────────────────────────────
+
+/**
+ * Typed wrapper around Rspress `useSite()` that exposes
+ * zpress-specific themeConfig fields.
+ *
+ * The double cast is necessary because Rspress types `themeConfig` as
+ * `NormalizedThemeConfig`, but zpress injects custom fields (sidebar,
+ * workspaces) via spread at build time. No Zod schema exists for runtime
+ * validation yet.
+ *
+ * @returns zpress theme config with sidebar and workspace data.
+ */
+export function useZpress(): ZpressThemeConfig {
+  const { site } = useSite()
+  return site.themeConfig as unknown as ZpressThemeConfig
+}

package/src/theme/icons/index.ts

@@ -0,0 +1,2 @@
+export { TECH_ICONS } from './tech-map.ts'
+export type { TechName } from './tech-map.ts'

package/src/theme/icons/tech-map.ts

@@ -0,0 +1,221 @@
+/**
+ * Predefined technology tag to Iconify identifier + display label.
+ *
+ * Uses `devicon` as the primary source for colored icons, with `logos`,
+ * `vscode-icons`, and `material-icon-theme` filling gaps. A small number
+ * of entries fall back to `simple-icons` (monochrome) when no colored
+ * alternative exists.
+ *
+ * Add new entries here when new technologies need card support.
+ */
+export const TECH_ICONS = {
+  // -- Languages --
+  typescript: { icon: 'devicon:typescript', label: 'TypeScript' },
+  javascript: { icon: 'devicon:javascript', label: 'JavaScript' },
+  python: { icon: 'devicon:python', label: 'Python' },
+  go: { icon: 'devicon:go', label: 'Go' },
+  rust: { icon: 'devicon:rust', label: 'Rust' },
+  java: { icon: 'devicon:java', label: 'Java' },
+  csharp: { icon: 'devicon:csharp', label: 'C#' },
+  ruby: { icon: 'devicon:ruby', label: 'Ruby' },
+  php: { icon: 'devicon:php', label: 'PHP' },
+  swift: { icon: 'devicon:swift', label: 'Swift' },
+  kotlin: { icon: 'devicon:kotlin', label: 'Kotlin' },
+  elixir: { icon: 'devicon:elixir', label: 'Elixir' },
+  dart: { icon: 'devicon:dart', label: 'Dart' },
+  scala: { icon: 'devicon:scala', label: 'Scala' },
+  c: { icon: 'devicon:c', label: 'C' },
+  cplusplus: { icon: 'devicon:cplusplus', label: 'C++' },
+  r: { icon: 'devicon:r', label: 'R' },
+  lua: { icon: 'devicon:lua', label: 'Lua' },
+  perl: { icon: 'devicon:perl', label: 'Perl' },
+  haskell: { icon: 'devicon:haskell', label: 'Haskell' },
+  clojure: { icon: 'devicon:clojure', label: 'Clojure' },
+  erlang: { icon: 'devicon:erlang', label: 'Erlang' },
+  fsharp: { icon: 'devicon:fsharp', label: 'F#' },
+  julia: { icon: 'devicon:julia', label: 'Julia' },
+  groovy: { icon: 'devicon:groovy', label: 'Groovy' },
+
+  // -- Frontend frameworks --
+  react: { icon: 'devicon:react', label: 'React' },
+  nextjs: { icon: 'devicon:nextjs', label: 'Next.js' },
+  vue: { icon: 'devicon:vuejs', label: 'Vue' },
+  angular: { icon: 'devicon:angular', label: 'Angular' },
+  svelte: { icon: 'devicon:svelte', label: 'Svelte' },
+  astro: { icon: 'devicon:astro', label: 'Astro' },
+  solid: { icon: 'devicon:solidjs', label: 'Solid' },
+  remix: { icon: 'devicon:remix', label: 'Remix' },
+  qwik: { icon: 'devicon:qwik', label: 'Qwik' },
+  ember: { icon: 'devicon:ember', label: 'Ember' },
+  gatsby: { icon: 'devicon:gatsby', label: 'Gatsby' },
+  nuxtjs: { icon: 'devicon:nuxtjs', label: 'Nuxt' },
+  preact: { icon: 'logos:preact', label: 'Preact' },
+  lit: { icon: 'logos:lit', label: 'Lit' },
+
+  // -- Backend frameworks --
+  hono: { icon: 'logos:hono', label: 'Hono' },
+  express: { icon: 'devicon:express', label: 'Express' },
+  fastify: { icon: 'devicon:fastify', label: 'Fastify' },
+  nestjs: { icon: 'devicon:nestjs', label: 'NestJS' },
+  django: { icon: 'logos:django-icon', label: 'Django' },
+  flask: { icon: 'devicon:flask', label: 'Flask' },
+  rails: { icon: 'devicon:rails-wordmark', label: 'Rails' },
+  spring: { icon: 'devicon:spring', label: 'Spring' },
+  fastapi: { icon: 'devicon:fastapi', label: 'FastAPI' },
+  laravel: { icon: 'devicon:laravel', label: 'Laravel' },
+  phoenix: { icon: 'devicon:phoenix', label: 'Phoenix' },
+  fiber: { icon: 'devicon:fiber', label: 'Fiber' },
+  gin: { icon: 'logos:gin', label: 'Gin' },
+  akka: { icon: 'devicon:akka', label: 'Akka' },
+
+  // -- Mobile --
+  flutter: { icon: 'devicon:flutter', label: 'Flutter' },
+  reactnative: { icon: 'devicon:reactnative', label: 'React Native' },
+  ionic: { icon: 'devicon:ionic', label: 'Ionic' },
+
+  // -- Databases --
+  postgresql: { icon: 'devicon:postgresql', label: 'PostgreSQL' },
+  mysql: { icon: 'devicon:mysql', label: 'MySQL' },
+  mongodb: { icon: 'devicon:mongodb', label: 'MongoDB' },
+  redis: { icon: 'devicon:redis', label: 'Redis' },
+  sqlite: { icon: 'devicon:sqlite', label: 'SQLite' },
+  dynamodb: { icon: 'devicon:dynamodb', label: 'DynamoDB' },
+  elasticsearch: { icon: 'devicon:elasticsearch', label: 'Elasticsearch' },
+  neo4j: { icon: 'devicon:neo4j', label: 'Neo4j' },
+  cassandra: { icon: 'devicon:cassandra', label: 'Cassandra' },
+  couchdb: { icon: 'devicon:couchdb', label: 'CouchDB' },
+  mariadb: { icon: 'devicon:mariadb', label: 'MariaDB' },
+  influxdb: { icon: 'devicon:influxdb', label: 'InfluxDB' },
+  cockroachdb: { icon: 'simple-icons:cockroachlabs', label: 'CockroachDB' },
+  vitess: { icon: 'devicon:vitess', label: 'Vitess' },
+  oracle: { icon: 'devicon:oracle', label: 'Oracle' },
+
+  // -- ORM / Data tools --
+  prisma: { icon: 'devicon:prisma', label: 'Prisma' },
+  graphql: { icon: 'logos:graphql', label: 'GraphQL' },
+  drizzle: { icon: 'logos:drizzle', label: 'Drizzle' },
+  typeorm: { icon: 'logos:typeorm', label: 'TypeORM' },
+  sequelize: { icon: 'logos:sequelize', label: 'Sequelize' },
+  sqlalchemy: { icon: 'devicon:sqlalchemy', label: 'SQLAlchemy' },
+
+  // -- Cloud & hosting --
+  vercel: { icon: 'devicon:vercel', label: 'Vercel' },
+  aws: { icon: 'devicon:amazonwebservices', label: 'AWS' },
+  azure: { icon: 'devicon:azure', label: 'Azure' },
+  gcp: { icon: 'devicon:googlecloud', label: 'GCP' },
+  cloudflare: { icon: 'devicon:cloudflare', label: 'Cloudflare' },
+  digitalocean: { icon: 'devicon:digitalocean', label: 'DigitalOcean' },
+  heroku: { icon: 'devicon:heroku', label: 'Heroku' },
+  netlify: { icon: 'devicon:netlify', label: 'Netlify' },
+  firebase: { icon: 'devicon:firebase', label: 'Firebase' },
+  supabase: { icon: 'devicon:supabase', label: 'Supabase' },
+  railway: { icon: 'devicon:railway', label: 'Railway' },
+  pulumi: { icon: 'devicon:pulumi', label: 'Pulumi' },
+  fly: { icon: 'logos:fly-icon', label: 'Fly.io' },
+
+  // -- CI/CD & DevOps --
+  docker: { icon: 'devicon:docker', label: 'Docker' },
+  kubernetes: { icon: 'devicon:kubernetes', label: 'Kubernetes' },
+  github: { icon: 'devicon:github', label: 'GitHub' },
+  'github-actions': { icon: 'devicon:githubactions', label: 'GitHub Actions' },
+  gitlab: { icon: 'devicon:gitlab', label: 'GitLab' },
+  circleci: { icon: 'logos:circleci', label: 'CircleCI' },
+  terraform: { icon: 'devicon:terraform', label: 'Terraform' },
+  ansible: { icon: 'devicon:ansible', label: 'Ansible' },
+  jenkins: { icon: 'devicon:jenkins', label: 'Jenkins' },
+  argocd: { icon: 'devicon:argocd', label: 'Argo CD' },
+
+  // -- Build & package tools --
+  vite: { icon: 'devicon:vite', label: 'Vite' },
+  webpack: { icon: 'devicon:webpack', label: 'Webpack' },
+  npm: { icon: 'devicon:npm', label: 'npm' },
+  pnpm: { icon: 'devicon:pnpm', label: 'pnpm' },
+  yarn: { icon: 'devicon:yarn', label: 'Yarn' },
+  bun: { icon: 'devicon:bun', label: 'Bun' },
+  eslint: { icon: 'devicon:eslint', label: 'ESLint' },
+  babel: { icon: 'devicon:babel', label: 'Babel' },
+  turborepo: { icon: 'logos:turborepo-icon', label: 'Turborepo' },
+  biome: { icon: 'devicon:biome', label: 'Biome' },
+  prettier: { icon: 'logos:prettier', label: 'Prettier' },
+  esbuild: { icon: 'logos:esbuild', label: 'esbuild' },
+  rollup: { icon: 'devicon:rollup', label: 'Rollup' },
+  swc: { icon: 'logos:swc', label: 'SWC' },
+  gradle: { icon: 'devicon:gradle', label: 'Gradle' },
+  maven: { icon: 'devicon:maven', label: 'Maven' },
+
+  // -- UI & styling --
+  tailwindcss: { icon: 'devicon:tailwindcss', label: 'Tailwind CSS' },
+  css: { icon: 'devicon:css3', label: 'CSS' },
+  html: { icon: 'devicon:html5', label: 'HTML' },
+  sass: { icon: 'devicon:sass', label: 'Sass' },
+  bootstrap: { icon: 'devicon:bootstrap', label: 'Bootstrap' },
+  materialui: { icon: 'devicon:materialui', label: 'Material UI' },
+  'shadcn-ui': { icon: 'vscode-icons:file-type-shadcn', label: 'shadcn/ui' },
+  storybook: { icon: 'devicon:storybook', label: 'Storybook' },
+  figma: { icon: 'devicon:figma', label: 'Figma' },
+
+  // -- Testing --
+  jest: { icon: 'logos:jest', label: 'Jest' },
+  vitest: { icon: 'devicon:vitest', label: 'Vitest' },
+  cypress: { icon: 'devicon:cypressio', label: 'Cypress' },
+  playwright: { icon: 'devicon:playwright', label: 'Playwright' },
+  selenium: { icon: 'devicon:selenium', label: 'Selenium' },
+  mocha: { icon: 'devicon:mocha', label: 'Mocha' },
+  puppeteer: { icon: 'devicon:puppeteer', label: 'Puppeteer' },
+  cucumber: { icon: 'logos:cucumber', label: 'Cucumber' },
+
+  // -- Auth & integrations --
+  oauth: { icon: 'devicon:oauth', label: 'OAuth' },
+  auth0: { icon: 'logos:auth0', label: 'Auth0' },
+  stripe: { icon: 'logos:stripe', label: 'Stripe' },
+  twilio: { icon: 'devicon:twilio', label: 'Twilio' },
+
+  // -- AI / ML --
+  openai: { icon: 'logos:openai-icon', label: 'OpenAI' },
+  tensorflow: { icon: 'devicon:tensorflow', label: 'TensorFlow' },
+  pytorch: { icon: 'devicon:pytorch', label: 'PyTorch' },
+  huggingface: { icon: 'devicon:huggingface', label: 'Hugging Face' },
+  anthropic: { icon: 'logos:anthropic-icon', label: 'Anthropic' },
+  jupyter: { icon: 'devicon:jupyter', label: 'Jupyter' },
+  numpy: { icon: 'devicon:numpy', label: 'NumPy' },
+  pandas: { icon: 'devicon:pandas', label: 'Pandas' },
+  scikitlearn: { icon: 'devicon:scikitlearn', label: 'scikit-learn' },
+  matplotlib: { icon: 'devicon:matplotlib', label: 'Matplotlib' },
+
+  // -- Monitoring & observability --
+  grafana: { icon: 'devicon:grafana', label: 'Grafana' },
+  prometheus: { icon: 'devicon:prometheus', label: 'Prometheus' },
+  datadog: { icon: 'devicon:datadog', label: 'Datadog' },
+  sentry: { icon: 'devicon:sentry', label: 'Sentry' },
+  newrelic: { icon: 'devicon:newrelic', label: 'New Relic' },
+
+  // -- Message queues --
+  kafka: { icon: 'devicon:apachekafka', label: 'Kafka' },
+  rabbitmq: { icon: 'devicon:rabbitmq', label: 'RabbitMQ' },
+  nats: { icon: 'devicon:nats', label: 'NATS' },
+
+  // -- CMS --
+  strapi: { icon: 'logos:strapi', label: 'Strapi' },
+  contentful: { icon: 'logos:contentful', label: 'Contentful' },
+  sanity: { icon: 'devicon:sanity', label: 'Sanity' },
+  wordpress: { icon: 'devicon:wordpress', label: 'WordPress' },
+  shopify: { icon: 'logos:shopify', label: 'Shopify' },
+  ghost: { icon: 'devicon:ghost', label: 'Ghost' },
+
+  // -- Infrastructure --
+  nginx: { icon: 'devicon:nginx', label: 'Nginx' },
+  apache: { icon: 'devicon:apache', label: 'Apache' },
+  linux: { icon: 'devicon:linux', label: 'Linux' },
+
+  // -- Project-specific (label-only fallback when icon not in any set) --
+  'trigger-dev': { icon: 'material-icon-theme:trigger', label: 'Trigger.dev' },
+  'ai-sdk': { icon: 'simple-icons:vercel', label: 'AI SDK' },
+  openrouter: { icon: 'simple-icons:openrouter', label: 'OpenRouter' },
+  liquid: { icon: 'vscode-icons:file-type-liquid', label: 'Liquid' },
+  zod: { icon: 'logos:zod', label: 'Zod' },
+} as const satisfies Record<string, { readonly icon: string; readonly label: string }>
+
+/**
+ * Union of all supported technology tag names.
+ */
+export type TechName = keyof typeof TECH_ICONS

package/src/theme/index.tsx

@@ -0,0 +1,46 @@
+/**
+ * zpress Rspress theme entry.
+ *
+ * Re-exports the default Rspress theme and extends it with
+ * zpress-specific components (branch tag, feature cards).
+ *
+ * Global styles are imported here so Rspress includes them
+ * in the site bundle when this theme entry is loaded.
+ */
+
+// Global override styles — imported for side-effects
+import './styles/overrides/fonts.css'
+import './styles/overrides/tokens.css'
+import './styles/overrides/rspress.css'
+import './styles/overrides/details.css'
+import './styles/overrides/scrollbar.css'
+import './styles/overrides/sidebar.css'
+import './styles/overrides/home.css'
+import './styles/overrides/home-card.css'
+import './styles/overrides/section-card.css'
+
+// Re-export everything from the original Rspress theme
+// (theme-original avoids circular resolution when used inside a themeDir)
+export * from '@rspress/core/theme-original'
+
+// zpress components
+export { FeatureCard, FeatureGrid } from './components/home/feature-card'
+export type { FeatureCardProps, FeatureItem, IconColor } from './components/home/feature-card'
+export { WorkspaceCard } from './components/workspaces/card'
+export type { WorkspaceCardProps } from './components/workspaces/card'
+export { WorkspaceGrid } from './components/workspaces/grid'
+export type { WorkspaceGridProps } from './components/workspaces/grid'
+
+export { SectionCard } from './components/shared/section-card'
+export type { SectionCardProps } from './components/shared/section-card'
+export { SectionGrid } from './components/shared/section-grid'
+export type { SectionGridProps } from './components/shared/section-grid'
+export { TechTag } from './components/shared/tech-tag'
+export type { TechTagProps } from './components/shared/tech-tag'
+export { TechIconTable } from './components/shared/tech-icon-table'
+export type { TechIconEntry, TechIconTableProps } from './components/shared/tech-icon-table'
+export { Icon } from './components/shared/icon'
+
+// Home page overrides — shadow the wildcard re-exports from theme-original
+export { HomeFeature } from './components/home/feature'
+export { HomeLayout } from './components/home/layout'