@echothink-ui/motion 0.1.0

package/README.md

@@ -0,0 +1,5 @@
+# @echothink-ui/motion
+
+Motion package for EchoThink app-domain websites.
+
+This package is part of the EchoThink-UI app-domain library. It is designed for normal website app domains rendered inside EchoThink Studio's Chromium shell, not for implementing the studio browser chrome itself.

package/dist/components/AgentThinkingAnimation.d.ts

@@ -0,0 +1,2 @@
+import type { AgentThinkingAnimationProps } from "./types";
+export declare function AgentThinkingAnimation({ label, className, style, ...props }: AgentThinkingAnimationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AttentionPulse.d.ts

@@ -0,0 +1,2 @@
+import type { AttentionPulseProps } from "./types";
+export declare function AttentionPulse({ severity, maxRepeats, className, children, role, style, "aria-label": ariaLabel, ...props }: AttentionPulseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DAGStatusTransition.d.ts

@@ -0,0 +1,2 @@
+import type { DAGStatusTransitionProps } from "./types";
+export declare function DAGStatusTransition({ nodes, previousNodes, edges, className, ...props }: DAGStatusTransitionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DocumentLockPulse.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentLockPulseProps } from "./types";
+export declare function DocumentLockPulse({ lockedBy, active, className, children, role, style, "aria-label": ariaLabel, ...props }: DocumentLockPulseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/PipelineFlowAnimation.d.ts

@@ -0,0 +1,2 @@
+import type { PipelineFlowAnimationProps } from "./types";
+export declare function PipelineFlowAnimation({ nodes, edges, className, "aria-label": ariaLabel, ...props }: PipelineFlowAnimationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressTransition.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressTransitionProps } from "./types";
+export declare function ProgressTransition({ from, to, durationMs, children, className, ...props }: ProgressTransitionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SkeletonLoadingPattern.d.ts

@@ -0,0 +1,2 @@
+import type { SkeletonLoadingPatternProps } from "./types";
+export declare function SkeletonLoadingPattern({ columns, label, lines, rows, variant, className, style, role, "aria-busy": ariaBusy, "aria-label": ariaLabel, ...props }: SkeletonLoadingPatternProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusChangeAnimation.d.ts

@@ -0,0 +1,2 @@
+import type { StatusChangeAnimationProps } from "./types";
+export declare function StatusChangeAnimation({ status, previousStatus, label, className, children, style, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: StatusChangeAnimationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StepCompletionAnimation.d.ts

@@ -0,0 +1,2 @@
+import type { StepCompletionAnimationProps } from "./types";
+export declare function StepCompletionAnimation({ completed, description, label, state, className, children, role, "aria-live": ariaLive, ...props }: StepCompletionAnimationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StreamingText.d.ts

@@ -0,0 +1,2 @@
+import type { StreamingTextProps } from "./types";
+export declare function StreamingText({ text, intervalMs, onDone, className, role, "aria-busy": ariaBusy, "aria-live": ariaLive, ...props }: StreamingTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SyncProgressAnimation.d.ts

@@ -0,0 +1,2 @@
+import type { SyncProgressAnimationProps } from "./types";
+export declare function SyncProgressAnimation({ children, className, completed, description, label, progress, rate, remaining, role, source, stage, status, style, target, total, variant, "aria-busy": ariaBusy, "aria-label": ariaLabel, "aria-live": ariaLive, ...props }: SyncProgressAnimationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/motionUtils.d.ts

@@ -0,0 +1,5 @@
+import type { EthOperationalStatus, EthSeverity } from "@echothink-ui/core";
+export declare function usePrefersReducedMotion(): boolean;
+export declare function MotionStyles(): import("react/jsx-runtime").JSX.Element;
+export declare function statusColor(status: EthOperationalStatus): "#24a148" | "#da1e28" | "#f1c21b" | "#0f62fe" | "#8d8d8d" | "#6f6f6f";
+export declare function severityColor(severity: EthSeverity | undefined): "#24a148" | "#da1e28" | "#f1c21b" | "#0f62fe" | "#6f6f6f";

package/dist/components/types.d.ts

@@ -0,0 +1,82 @@
+import type * as React from "react";
+import type { EthOperationalStatus, EthSeverity, SurfaceComponentProps } from "@echothink-ui/core";
+export interface ProgressTransitionProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    from?: number;
+    to: number;
+    durationMs?: number;
+    children?: (currentValue: number) => React.ReactNode;
+}
+export interface MotionFlowNode {
+    id: string;
+    label: string;
+    status: EthOperationalStatus;
+    x?: number;
+    y?: number;
+}
+export interface MotionFlowEdge {
+    from: string;
+    to: string;
+    active?: boolean;
+    status?: EthOperationalStatus;
+}
+export interface PipelineFlowAnimationProps extends React.HTMLAttributes<HTMLElement> {
+    nodes: MotionFlowNode[];
+    edges: MotionFlowEdge[];
+}
+export interface DAGStatusTransitionProps extends React.HTMLAttributes<HTMLElement> {
+    nodes: MotionFlowNode[];
+    previousNodes?: MotionFlowNode[];
+    edges?: MotionFlowEdge[];
+}
+export interface AgentThinkingAnimationProps extends React.HTMLAttributes<HTMLElement> {
+    label?: string;
+}
+export type SyncProgressAnimationStatus = "syncing" | "synced" | "paused" | "stale" | "failed" | "error";
+export interface SyncProgressAnimationProps extends React.HTMLAttributes<HTMLElement> {
+    completed?: number;
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    progress?: number;
+    rate?: React.ReactNode;
+    remaining?: React.ReactNode;
+    source?: React.ReactNode;
+    stage?: React.ReactNode;
+    status?: SyncProgressAnimationStatus;
+    target?: React.ReactNode;
+    total?: number;
+    variant?: "compact" | "detailed";
+}
+export type SkeletonLoadingPatternVariant = "article" | "card" | "list" | "table";
+export interface SkeletonLoadingPatternProps extends React.HTMLAttributes<HTMLElement> {
+    columns?: number;
+    label?: string;
+    lines?: number;
+    rows?: number;
+    variant?: SkeletonLoadingPatternVariant;
+}
+export interface AttentionPulseProps extends React.HTMLAttributes<HTMLElement> {
+    severity?: EthSeverity;
+    maxRepeats?: number;
+}
+export interface DocumentLockPulseProps extends React.HTMLAttributes<HTMLElement> {
+    lockedBy?: React.ReactNode;
+    active?: boolean;
+}
+export interface StreamingTextProps extends Omit<React.HTMLAttributes<HTMLElement>, "children" | "onDone"> {
+    text: string;
+    intervalMs?: number;
+    onDone?: () => void;
+}
+export type StepCompletionState = "completed" | "current" | "pending";
+export interface StepCompletionAnimationProps extends React.HTMLAttributes<HTMLElement> {
+    completed?: boolean;
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    state?: StepCompletionState;
+}
+export interface StatusChangeAnimationProps extends React.HTMLAttributes<HTMLElement> {
+    status: EthOperationalStatus;
+    previousStatus?: EthOperationalStatus;
+    label?: React.ReactNode;
+}
+export type { SurfaceComponentProps, EthOperationalStatus, EthSeverity };