eidotter 0.3.0

package/dist/components/CommandPrompt/components/CommandPrompt.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './CommandPrompt.css';
+export interface CommandPromptProps {
+    /**
+     * The prompt string displayed before cursor
+     * @default "C:\>"
+     */
+    prompt?: string;
+    /**
+     * Called when user presses Enter with command text
+     */
+    onCommand: (command: string) => void;
+    /**
+     * Auto-focus the input on mount
+     */
+    autoFocus?: boolean;
+    /**
+     * Optional class name
+     */
+    className?: string;
+    /**
+     * Placeholder text when input is empty
+     */
+    placeholder?: string;
+    /**
+     * Whether the command prompt is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * DOS-styled CommandPrompt component with authentic terminal aesthetics
+ *
+ * Features:
+ * - Configurable prompt string (e.g., "C:\>", "$")
+ * - Enter key triggers onCommand callback
+ * - Blinking cursor for DOS feel
+ * - Auto-focus support
+ * - WCAG 2.1 AA compliant
+ */
+export declare const CommandPrompt: React.FC<CommandPromptProps>;

package/dist/components/CommandPrompt/components/index.d.ts

@@ -0,0 +1 @@
+export * from './CommandPrompt';

package/dist/components/CommandPrompt/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/Icon/components/Icon.d.ts

@@ -0,0 +1,41 @@
+import { FC } from 'react';
+import './Icon.css';
+import manifest from '../../../assets/icons/manifest.json';
+export type IconName = keyof typeof manifest;
+export type IconSize = 'L' | 'S';
+export interface IconProps {
+    /**
+     * The name of the icon to display
+     */
+    name: IconName;
+    /**
+     * Size of the icon
+     * @default 'L'
+     */
+    size?: IconSize;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+    /**
+     * Optional color override. If not provided, inherits from parent or uses system foreground color
+     */
+    color?: string;
+    /**
+     * Optional role for accessibility
+     */
+    role?: 'button';
+}
+/**
+ * Icon component that renders SVG icons from our spritesheet
+ * Usage:
+ * ```tsx
+ * <Icon name="Warning" size="base" />
+ * <Icon name="Close" size={24} color="var(--color-system-link-default)" />
+ * ```
+ */
+export declare const Icon: FC<IconProps>;

package/dist/components/Icon/components/index.d.ts

@@ -0,0 +1 @@
+export { Icon } from './Icon';

package/dist/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/Input/components/Input.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './Input.css';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual variant for validation states
+     */
+    variant?: 'default' | 'error';
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+/**
+ * DOS-styled Input component with authentic terminal aesthetics
+ *
+ * Features:
+ * - Extends native HTML input attributes
+ * - Error variant for validation states
+ * - DOS-authentic styling with CGA colors
+ * - WCAG 2.1 AA compliant focus states
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Input/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Input';

package/dist/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/Modal/components/Modal.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './Modal.css';
+export interface ModalProps {
+    /**
+     * Whether the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Called when modal should close (escape, backdrop, close button)
+     */
+    onClose: () => void;
+    /**
+     * Modal title (required for accessibility)
+     */
+    title: string;
+    /**
+     * Modal body content
+     */
+    children: React.ReactNode;
+    /**
+     * Footer content, typically action buttons
+     */
+    footer?: React.ReactNode;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+}
+export declare const Modal: React.FC<ModalProps>;

package/dist/components/Modal/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './components';
+export type { ModalProps } from './components';

package/dist/components/Progress/components/Progress.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './Progress.css';
+export interface ProgressProps {
+    /**
+     * Progress value from 0 to 100
+     */
+    value: number;
+    /**
+     * Maximum value (default 100)
+     */
+    max?: number;
+    /**
+     * Visual variant
+     */
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    /**
+     * Size of the progress bar
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Show percentage label
+     */
+    showLabel?: boolean;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    'aria-label'?: string;
+}
+export declare const Progress: React.FC<ProgressProps>;

package/dist/components/Progress/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './components';
+export type { ProgressProps } from './components';

package/dist/components/RetroEffects/components/RetroEffects.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './RetroEffects.css';
+export interface RetroEffectsProps {
+    /**
+     * Enable scanline overlay effect
+     */
+    scanlines?: boolean;
+    /**
+     * Enable glow vignette effect
+     */
+    glow?: boolean;
+    /**
+     * Enable CRT flicker effect
+     */
+    flicker?: boolean;
+    /**
+     * Intensity of the effects (0-1)
+     */
+    intensity?: number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+/**
+ * CRT Monitor Effects component for authentic DOS terminal aesthetics
+ *
+ * Features:
+ * - Scanline overlay (horizontal lines)
+ * - Glow vignette (phosphor edge darkening)
+ * - Subtle CRT flicker animation
+ * - Configurable intensity
+ * - Respects reduced motion preferences
+ */
+export declare const RetroEffects: React.FC<RetroEffectsProps>;

package/dist/components/RetroEffects/components/index.d.ts

@@ -0,0 +1,2 @@
+export { RetroEffects } from './RetroEffects';
+export type { RetroEffectsProps } from './RetroEffects';

package/dist/components/RetroEffects/index.d.ts

@@ -0,0 +1,2 @@
+export { RetroEffects } from './components';
+export type { RetroEffectsProps } from './components';

package/dist/components/Switch/components/Switch.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import './Switch.css';
+export interface SwitchProps {
+    /**
+     * Whether the switch is checked
+     */
+    checked?: boolean;
+    /**
+     * Default checked state (uncontrolled)
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback when the switch state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Whether the switch is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Name for form submission
+     */
+    name?: string;
+    /**
+     * Value for form submission
+     */
+    value?: string;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    'aria-label'?: string;
+    /**
+     * ID of element that labels this switch
+     */
+    'aria-labelledby'?: string;
+}
+/**
+ * DOS-styled Switch component with authentic terminal aesthetics
+ *
+ * Features:
+ * - Controlled and uncontrolled modes
+ * - Disabled state
+ * - Full keyboard accessibility
+ * - WCAG 2.1 AA compliant
+ * - DOS-authentic styling with CGA colors
+ */
+export declare const Switch: React.FC<SwitchProps>;

package/dist/components/Switch/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './components';
+export type { SwitchProps } from './components';

package/dist/components/Tabs/components/Tabs.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import './Tabs.css';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Display label for the tab
+     */
+    label: string;
+    /**
+     * Whether the tab is disabled
+     */
+    disabled?: boolean;
+}
+export interface TabsProps {
+    /**
+     * Array of tab items to display
+     */
+    tabs: TabItem[];
+    /**
+     * The variant determines the tab styling
+     */
+    variant?: 'underline' | 'pills';
+    /**
+     * The size of the tabs
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Currently active tab ID (controlled mode)
+     */
+    activeTab?: string;
+    /**
+     * Default active tab ID (uncontrolled mode)
+     */
+    defaultActiveTab?: string;
+    /**
+     * Callback when tab changes
+     */
+    onTabChange?: (tabId: string) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Accessible label for the tab list
+     */
+    'aria-label'?: string;
+}
+/**
+ * DOS-styled Tabs component for navigation and content switching
+ *
+ * Features:
+ * - Two variants: underline (minimal) and pills (contained)
+ * - Three sizes (small, medium, large)
+ * - Controlled and uncontrolled modes
+ * - Full keyboard navigation (Arrow keys, Home, End)
+ * - DOS-authentic styling with CGA colors
+ * - WCAG 2.1 AA compliant
+ */
+export declare const Tabs: React.FC<TabsProps>;

package/dist/components/Tabs/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export type { TabsProps, TabItem } from './Tabs';

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './components';
+export type { TabsProps, TabItem } from './components';

package/dist/components/Terminal/components/Terminal.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import './Terminal.css';
+export interface TerminalProps {
+    /**
+     * The size variant of the terminal window
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The title displayed in the terminal title bar
+     */
+    title?: string;
+    /**
+     * The initial state of the terminal window
+     */
+    state?: 'active' | 'inactive' | 'minimized';
+    /**
+     * Whether the terminal window can be resized
+     */
+    resizable?: boolean;
+    /**
+     * Whether the terminal window can be minimized
+     */
+    minimizable?: boolean;
+    /**
+     * Whether the terminal window can be maximized
+     */
+    maximizable?: boolean;
+    /**
+     * Whether the terminal window can be closed
+     */
+    closeable?: boolean;
+    /**
+     * The content to display inside the terminal
+     */
+    children?: React.ReactNode;
+    /**
+     * Callback when the terminal is minimized
+     */
+    onMinimize?: () => void;
+    /**
+     * Callback when the terminal is maximized
+     */
+    onMaximize?: () => void;
+    /**
+     * Callback when the terminal is closed
+     */
+    onClose?: () => void;
+    /**
+     * Callback when the terminal gains focus
+     */
+    onFocus?: () => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Whether the terminal should auto-focus on mount
+     */
+    autoFocus?: boolean;
+}
+export declare const Terminal: React.FC<TerminalProps>;

package/dist/components/Terminal/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Terminal';

package/dist/components/Terminal/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/TimelineNode/components/TimelineNode.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import './TimelineNode.css';
+export type TimelineNodeShape = 'circle' | 'square' | 'diamond';
+export type TimelineNodeVariant = 'default' | 'primary' | 'secondary' | 'accent';
+export interface TimelineNodeProps {
+    /**
+     * Shape of the node marker
+     * @default 'circle'
+     */
+    shape?: TimelineNodeShape;
+    /**
+     * Visual variant of the node
+     * @default 'default'
+     */
+    variant?: TimelineNodeVariant;
+    /**
+     * Whether this node is in active/selected state
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Optional label to display next to the node (e.g., date, time)
+     */
+    label?: string;
+    /**
+     * Position of the label relative to the node
+     * @default 'left'
+     */
+    labelPosition?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Size of the node
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Click handler for interactive nodes
+     */
+    onClick?: () => void;
+}
+/**
+ * TimelineNode - Axis marker for timeline/stepper interfaces
+ *
+ * A versatile node component for timelines, steppers, and progress indicators.
+ * Features multiple shapes, glow effects on hover/active states, and optional labels.
+ *
+ * Uses DOS/CGA aesthetic with amber phosphor glow effects.
+ */
+export declare const TimelineNode: React.FC<TimelineNodeProps>;

package/dist/components/TimelineNode/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TimelineNode } from './TimelineNode';
+export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './TimelineNode';

package/dist/components/TimelineNode/index.d.ts

@@ -0,0 +1,2 @@
+export { TimelineNode } from './components';
+export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './components';

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+export { Alert } from './components/Alert';
+export { Section, AccordionFill } from './components/Accordion';
+export { Button } from './components/Button';
+export { Card } from './components/Card';
+export { Checkbox } from './components/Checkbox';
+export { CommandPrompt } from './components/CommandPrompt';
+export { Progress } from './components/Progress';
+export { Icon } from './components/Icon';
+export { Input } from './components/Input';
+export { Terminal } from './components/Terminal';
+export { Tabs } from './components/Tabs';
+export { Badge } from './components/Badge';
+export { Switch } from './components/Switch';
+export { Breadcrumb } from './components/Breadcrumb';
+export { RetroEffects } from './components/RetroEffects';
+export { TimelineNode } from './components/TimelineNode';
+export { Modal } from './components/Modal';
+export type { AlertProps } from './components/Alert';
+export type { SectionProps, AccordionFillProps } from './components/Accordion';
+export type { ButtonProps } from './components/Button';
+export type { CardProps } from './components/Card';
+export type { CheckboxProps } from './components/Checkbox';
+export type { CommandPromptProps } from './components/CommandPrompt';
+export type { ProgressProps } from './components/Progress';
+export type { InputProps } from './components/Input';
+export type { TerminalProps } from './components/Terminal';
+export type { TabsProps, TabItem } from './components/Tabs';
+export type { BadgeProps } from './components/Badge';
+export type { SwitchProps } from './components/Switch';
+export type { BreadcrumbProps, BreadcrumbItem } from './components/Breadcrumb';
+export type { RetroEffectsProps } from './components/RetroEffects';
+export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './components/TimelineNode';
+export type { ModalProps } from './components/Modal';
+export declare const version = "0.3.0";