@hauktui/registry 0.0.1

package/components/typography/typography.tsx

@@ -0,0 +1,154 @@
+import React from "react";
+import { Text } from "ink";
+import type { Tokens } from "@hauktui/tokens";
+import { useTokens } from "@hauktui/primitives-ink";
+
+export type TypographyVariant =
+  | "h1"
+  | "h2"
+  | "h3"
+  | "h4"
+  | "body"
+  | "small"
+  | "code"
+  | "quote"
+  | "lead";
+
+export interface TypographyProps {
+  /** Text content */
+  children: React.ReactNode;
+  /** Typography variant */
+  variant?: TypographyVariant;
+  /** Text color (token name or hex) */
+  color?: "fg" | "muted" | "accent" | "success" | "warning" | "danger" | string;
+  /** Bold text */
+  bold?: boolean;
+  /** Italic text (dimmed in terminal) */
+  italic?: boolean;
+  /** Underline text */
+  underline?: boolean;
+  /** Strikethrough text */
+  strikethrough?: boolean;
+  /** Custom tokens override */
+  tokens?: Tokens;
+  /** Text alignment hint (for parent containers) */
+  align?: "left" | "center" | "right";
+}
+
+export function Typography({
+  children,
+  variant = "body",
+  color,
+  bold,
+  italic,
+  underline,
+  strikethrough,
+  tokens: propTokens,
+}: TypographyProps): React.ReactElement {
+  const contextTokens = useTokens();
+  const tokens = propTokens ?? contextTokens;
+
+  // Variant styles
+  const variantStyles: Record<
+    TypographyVariant,
+    {
+      bold?: boolean;
+      dimColor?: boolean;
+      color?: string;
+      prefix?: string;
+      suffix?: string;
+    }
+  > = {
+    h1: { bold: true, color: tokens.colors.fg },
+    h2: { bold: true, color: tokens.colors.fg },
+    h3: { bold: true, color: tokens.colors.fg },
+    h4: { bold: true, color: tokens.colors.muted },
+    body: { color: tokens.colors.fg },
+    small: { dimColor: true, color: tokens.colors.muted },
+    code: { color: tokens.colors.accent },
+    quote: { dimColor: true, color: tokens.colors.muted, prefix: "│ " },
+    lead: { color: tokens.colors.fg },
+  };
+
+  const style = variantStyles[variant];
+
+  // Resolve color
+  let resolvedColor = style.color;
+  if (color) {
+    if (color in tokens.colors) {
+      resolvedColor = tokens.colors[color as keyof typeof tokens.colors];
+    } else {
+      resolvedColor = color;
+    }
+  }
+
+  // Build content with prefix/suffix
+  const content = React.createElement(
+    React.Fragment,
+    null,
+    style.prefix || null,
+    children,
+    style.suffix || null
+  );
+
+  return React.createElement(
+    Text,
+    {
+      color: resolvedColor,
+      bold: bold ?? style.bold,
+      dimColor: italic ?? style.dimColor,
+      underline,
+      strikethrough,
+    },
+    content
+  );
+}
+
+// Convenience components
+export function H1(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "h1" });
+}
+
+export function H2(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "h2" });
+}
+
+export function H3(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "h3" });
+}
+
+export function H4(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "h4" });
+}
+
+export function Code(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "code" });
+}
+
+export function Quote(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "quote" });
+}
+
+export function Small(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "small" });
+}
+
+export function Lead(
+  props: Omit<TypographyProps, "variant">
+): React.ReactElement {
+  return React.createElement(Typography, { ...props, variant: "lead" });
+}

package/dist/index.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Registry component metadata
+ */
+interface ComponentMeta {
+    /** Unique component name */
+    name: string;
+    /** Human-readable description */
+    description: string;
+    /** Component version */
+    version: string;
+    /** Files to copy (relative to component directory) */
+    files: string[];
+    /** NPM dependencies required */
+    dependencies: Record<string, string>;
+    /** haukTUI package dependencies */
+    hauktuiDependencies: string[];
+    /** Post-install notes/instructions */
+    notes?: string;
+    /** Component category */
+    category: ComponentCategory;
+    /** Tags for searchability */
+    tags: string[];
+}
+/**
+ * Component categories
+ */
+type ComponentCategory = "primitive" | "input" | "layout" | "feedback" | "navigation" | "pattern" | "display";
+/**
+ * Complete registry manifest
+ */
+interface Registry {
+    /** Schema version */
+    version: string;
+    /** Base URL for remote fetching */
+    baseUrl?: string;
+    /** All available components */
+    components: ComponentMeta[];
+}
+/**
+ * Lock file entry for installed component
+ */
+interface LockEntry {
+    /** Component name */
+    name: string;
+    /** Installed version */
+    version: string;
+    /** File hashes for change detection */
+    files: Record<string, string>;
+    /** Installation timestamp */
+    installedAt: string;
+}
+/**
+ * Lock file structure
+ */
+interface LockFile {
+    /** Lock file version */
+    version: string;
+    /** Installed components */
+    components: Record<string, LockEntry>;
+}
+/**
+ * User configuration file
+ */
+interface HaukConfig {
+    /** Schema version */
+    $schema?: string;
+    /** Target directory for components */
+    componentDir: string;
+    /** Token overrides file path */
+    tokensPath?: string;
+    /** Registry URL (for remote fetching) */
+    registryUrl?: string;
+    /** Aliases for import paths */
+    aliases?: Record<string, string>;
+}
+
+/**
+ * Embedded registry data
+ */
+declare const registry: Registry;
+/**
+ * Get all components in the registry
+ */
+declare function getComponents(): ComponentMeta[];
+/**
+ * Get a component by name
+ */
+declare function getComponent(name: string): ComponentMeta | undefined;
+/**
+ * Search components by query
+ */
+declare function searchComponents(query: string): ComponentMeta[];
+/**
+ * Get components by category
+ */
+declare function getComponentsByCategory(category: ComponentMeta["category"]): ComponentMeta[];
+/**
+ * Get the registry version
+ */
+declare function getRegistryVersion(): string;
+
+export { type ComponentCategory, type ComponentMeta, type HaukConfig, type LockEntry, type LockFile, type Registry, getComponent, getComponents, getComponentsByCategory, getRegistryVersion, registry, searchComponents };