@almadar/ui 5.111.0 → 5.113.0

package/dist/components/game/molecules/TraitSlot.d.ts

@@ -1,99 +0,0 @@
-/**
- * TraitSlot Component
- *
- * A generic equippable slot with drag-and-drop support.
- * Shows a TraitStateViewer tooltip on hover for equipped items.
- * Used across game tiers:
- * - Sequencer (5-8): action slots in the sequence bar
- * - Event Handler (9-12): rule slots on world objects
- * - State Architect (13+): transition slots on state nodes
- *
- * **State categories (closed-circuit compliant):**
- * - Data (equippedItem, slotNumber, locked, selected, feedback) → received via props
- * - UI-transient (isHovered, isDragOver) → local only
- * - Events → emitted via `useEventBus()` (click, remove)
- *
- * Local state is hover/drag-over detection only — rendering-only concerns.
- *
- * @packageDocumentation
- */
-import React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
-import { type TraitStateMachineDefinition } from './TraitStateViewer';
-import type { UiError } from '../../core/atoms/types';
-/** Data shape for a slot's equipped item */
-export type SlotItemData = {
-    id: string;
-    name: string;
-    category: string;
-    description?: string;
-    /** Emoji or text icon */
-    iconEmoji?: string;
-    /** Asset icon (takes precedence over iconEmoji); falls back to iconEmoji when absent. */
-    iconUrl?: Asset;
-    /** Optional state machine for tooltip display */
-    stateMachine?: TraitStateMachineDefinition;
-};
-/** Event Contract:
- *  Emits: UI:CLICK
- *  Emits: UI:REMOVE
- */
-export interface TraitSlotProps {
-    /** Slot index (1-based) */
-    slotNumber: number;
-    /** Currently equipped item, if any */
-    equippedItem?: SlotItemData;
-    /** Whether slot is locked */
-    locked?: boolean;
-    /** Label shown when locked */
-    lockLabel?: string;
-    /** Whether slot is selected */
-    selected?: boolean;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Show tooltip on hover */
-    showTooltip?: boolean;
-    /** Category → color mapping */
-    categoryColors?: Record<string, {
-        bg: string;
-        border: string;
-    }>;
-    /** Optional tooltip frame image asset */
-    tooltipFrameUrl?: Asset;
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-    /** Called when an item is dropped on this slot */
-    onItemDrop?: (item: SlotItemData) => void;
-    /** Whether this slot's equipped item is draggable */
-    draggable?: boolean;
-    /** Called when drag starts from this slot */
-    onDragStart?: (item: SlotItemData) => void;
-    /** Per-slot correctness feedback after a failed attempt */
-    feedback?: 'correct' | 'wrong' | null;
-    /** Click handler */
-    onClick?: () => void;
-    /** Remove handler */
-    onRemove?: () => void;
-    /** Emits UI:{clickEvent} with { slotNumber } */
-    clickEvent?: EventEmit<{
-        slotNumber: number;
-    }>;
-    /** Emits UI:{removeEvent} with { slotNumber } */
-    removeEvent?: EventEmit<{
-        slotNumber: number;
-    }>;
-    /** Emits UI:{dropEvent} with { slotNumber, itemId } when an item is dropped into this slot */
-    dropEvent?: EventEmit<{
-        slotNumber: number;
-        itemId: string;
-    }>;
-}
-export declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, dropEvent, }: TraitSlotProps): React.JSX.Element;
-export declare namespace TraitSlot {
-    var displayName: string;
-}
-export default TraitSlot;

package/dist/components/game/molecules/TraitStateViewer.d.ts

@@ -1,52 +0,0 @@
-/**
- * TraitStateViewer Component
- *
- * Displays a state machine visualization for a trait / behavior.
- * Three variants for different complexity levels:
- * - `linear`  — simple step progression (ages 5-8)
- * - `compact` — current state + available actions (ages 9-12)
- * - `full`    — all states, transitions, guards (ages 13+)
- *
- * @packageDocumentation
- */
-import React from 'react';
-import { type StateStyle } from '../atoms/StateIndicator';
-import type { UiError } from '../../core/atoms/types';
-export type TraitTransition = {
-    from: string;
-    to: string;
-    event: string;
-    guardHint?: string;
-};
-export type TraitStateMachineDefinition = {
-    name: string;
-    states: string[];
-    currentState: string;
-    transitions: TraitTransition[];
-    description?: string;
-};
-export interface TraitStateViewerProps {
-    /** The trait / state machine to visualize */
-    trait: TraitStateMachineDefinition;
-    /** Display variant */
-    variant?: 'linear' | 'compact' | 'full';
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Whether to show transition labels */
-    showTransitions?: boolean;
-    /** Click handler for states */
-    onStateClick?: (state: string) => void;
-    /** Custom state styles passed to StateIndicator */
-    stateStyles?: Record<string, StateStyle>;
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-}
-export declare function TraitStateViewer({ trait, variant, size, showTransitions, onStateClick, stateStyles, className, }: TraitStateViewerProps): React.JSX.Element;
-export declare namespace TraitStateViewer {
-    var displayName: string;
-}
-export default TraitStateViewer;

package/dist/components/game/molecules/TransitionArrow.d.ts

@@ -1,31 +0,0 @@
-/**
- * TransitionArrow Component
- *
- * An SVG arrow connecting two state nodes in the graph editor.
- * Shows the event name as a label on the arrow.
- *
- * @packageDocumentation
- */
-import React from 'react';
-import type { Point } from '../../core/atoms/types';
-export interface TransitionArrowProps {
-    /** Start position (center of from-node) */
-    from: Point;
-    /** End position (center of to-node) */
-    to: Point;
-    /** Event label shown on the arrow */
-    eventLabel: string;
-    /** Guard hint shown below event */
-    guardHint?: string;
-    /** Whether this transition is currently active */
-    isActive?: boolean;
-    /** Click handler */
-    onClick?: () => void;
-    /** Additional CSS classes for the SVG group */
-    className?: string;
-}
-export declare function TransitionArrow({ from, to, eventLabel, guardHint, isActive, onClick, className, }: TransitionArrowProps): React.JSX.Element;
-export declare namespace TransitionArrow {
-    var displayName: string;
-}
-export default TransitionArrow;

package/dist/components/game/molecules/index.d.ts

@@ -1,39 +0,0 @@
-/**
- * Game 2D Components (flat)
- *
- * Atoms, molecules, board organisms, templates, puzzles, editor, and physics-sim.
- * Dimension-agnostic DTO types/utils/hooks are re-surfaced from ../shared.
- *
- * @packageDocumentation
- */
-export * from '../../../lib/gameShared';
-export { HealthBar, type HealthBarProps } from '../atoms/HealthBar';
-export { ScoreDisplay, type ScoreDisplayProps } from '../atoms/ScoreDisplay';
-export { ControlButton, type ControlButtonProps } from '../atoms/ControlButton';
-export { TimerDisplay, type TimerDisplayProps } from '../atoms/TimerDisplay';
-export { DialogueBubble, type DialogueBubbleProps } from '../atoms/DialogueBubble';
-export { ChoiceButton, type ChoiceButtonProps } from '../atoms/ChoiceButton';
-export { ControlGrid, type ControlGridProps, type ControlGridButton, type ControlGridKind, type DPadDirection } from './ControlGrid';
-export { StatBadge, type StatBadgeProps } from './StatBadge';
-export { GameHud, type GameHudProps, type GameHudStat, type GameHudElement } from './GameHud';
-export { GameMenu, type GameMenuProps, type MenuOption } from './GameMenu';
-export { StateGraph, type StateGraphProps, type StateGraphTransition } from './StateGraph';
-export { Canvas2D, type Canvas2DProps, type Projection, type CameraMode, type Platform, type SidePlayer, type TileCoord, } from './Canvas2D';
-export { Canvas, type CanvasProps, type CanvasMode } from './Canvas';
-export { useUnitSpriteAtlas } from '../../../hooks/useUnitSpriteAtlas';
-export { GameAudioProvider, GameAudioContext, useGameAudioContext, type GameAudioProviderProps, type GameAudioContextValue, } from '../../../providers/GameAudioProvider';
-export { GameAudioToggle, type GameAudioToggleProps, } from '../atoms/GameAudioToggle';
-export { useGameAudio, type AudioManifest, type SoundEntry, type GameAudioControls, type UseGameAudioOptions, } from '../../../hooks/useGameAudio';
-export { useCamera } from '../../../hooks/useCamera';
-export { TraitStateViewer, type TraitStateViewerProps, type TraitStateMachineDefinition, type TraitTransition, } from './TraitStateViewer';
-export { TraitSlot, type TraitSlotProps, type SlotItemData, } from './TraitSlot';
-export { CollapsibleSection, EditorSlider, EditorSelect, EditorCheckbox, EditorTextInput, StatusBar, TerrainPalette, EditorToolbar, TERRAIN_COLORS, FEATURE_TYPES, type EditorMode, type CollapsibleSectionProps, type EditorSliderProps, type EditorSelectProps, type EditorCheckboxProps, type EditorTextInputProps, type StatusBarProps, type TerrainPaletteProps, type EditorToolbarProps, } from '../../../lib/editorUtils';
-export { ActionTile, type ActionTileProps } from './ActionTile';
-export { ActionPalette, type ActionPaletteProps } from './ActionPalette';
-export { SequenceBar, type SequenceBarProps } from './SequenceBar';
-export * from '../../../lib/puzzleObject';
-export { StateNode, type StateNodeProps } from './StateNode';
-export { TransitionArrow, type TransitionArrowProps } from './TransitionArrow';
-export { StateJsonView, type StateJsonViewProps } from './StateJsonView';
-export { projectileMotion, pendulum, springOscillator, ALL_PRESETS } from '../../../lib/physicsPresets';
-export { GameShell, type GameShellProps } from '../templates/GameShell';

package/dist/components/game/patterns.d.ts

@@ -1,20 +0,0 @@
-/**
- * Curated list of the neutral DRAWABLE render-ui pattern components — the
- * dimension-agnostic primitives a canvas draw-host paints under its `children`.
- *
- * These atoms/molecules are R3F-free (the 3D mesh backends live in
- * `lib/drawable/mesh3d`, pulled in only by the code-split 3D host), so they are
- * safe to admit to the public pattern surface. `pattern-sync` discovers
- * `patterns.ts` files by walking the tree and admits exactly the names listed
- * here, taking each one's tier from its source path (atoms / molecules) — so the
- * dispatch/painter infra co-located under `lib/` never leaks in as a pattern.
- * Move this file anywhere under `components/` and the scanner still finds it.
- *
- * @packageDocumentation
- */
-export { DrawSprite } from './atoms/DrawSprite';
-export { DrawShape } from './atoms/DrawShape';
-export { DrawText } from './atoms/DrawText';
-export { DrawSpriteLayer } from './molecules/DrawSpriteLayer';
-export { DrawShapeLayer } from './molecules/DrawShapeLayer';
-export { DrawTextLayer } from './molecules/DrawTextLayer';

package/dist/components/game/templates/GameShell.d.ts

@@ -1,35 +0,0 @@
-/**
- * GameShell — thin fullscreen game SURFACE.
- *
- * Contributes positioning + the game skin (Kenney font, 9-slice panel chrome, floating overlays)
- * and nothing else: the canvas fills the viewport underneath; composed atoms/molecules land in
- * overlay slots. `hud` floats top; `addons` floats bottom-right (action cluster). Dumb: props in,
- * layout out — no descriptor resolution, no runtime logic.
- */
-import React from "react";
-import type { Asset } from "@almadar/core";
-export interface GameShellProps {
-    /** Application / game title shown as a floating chip */
-    appName?: string;
-    /** Stat chips row — floats along the top edge */
-    hud?: React.ReactNode;
-    /** Action cluster — floats bottom-right (End Turn, Fire, Reset, …) */
-    addons?: React.ReactNode;
-    /** Movement controls — floats bottom-left (d-pad / control-grid). */
-    controls?: React.ReactNode;
-    /** Centered overlay layer (victory/defeat banners, dialogs). */
-    overlay?: React.ReactNode;
-    /** Extra class name on the root container */
-    className?: string;
-    /** Whether to show the title chip (default: true) */
-    showTopBar?: boolean;
-    /** Game content — fills the whole surface underneath the overlays */
-    children?: React.ReactNode;
-    /** Pattern slice tiled at low opacity across the surface (never cover-stretched). */
-    backgroundAsset?: Asset;
-    /** 9-sliced panel skin for the HUD chips row + title chip. */
-    hudBackgroundAsset?: Asset;
-    /** Game font key (future | future-narrow | pixel | blocks | mini) or a CSS font-family. */
-    fontFamily?: string;
-}
-export declare const GameShell: React.FC<GameShellProps>;

package/dist/components/learning/atoms/LearningCanvas.d.ts

@@ -1,80 +0,0 @@
-/**
- * LearningCanvas
- *
- * A pure, declarative HTML5 canvas atom for math and science visualizations.
- * Accepts a list of primitive shapes (line, arrow, circle, rect, polygon, path,
- * text, axis, grid) and renders them. Optional interactivity emits click/hover
- * events, and optional animation drives a continuous render loop.
- *
- * This is the foundational atom for the `learning/` behavior family.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { UiError } from '../../core/atoms/types';
-export type LearningShapeType = 'line' | 'arrow' | 'circle' | 'rect' | 'polygon' | 'path' | 'text' | 'axis' | 'grid';
-export interface LearningPoint {
-    x: number;
-    y: number;
-}
-export interface LearningShape {
-    type: LearningShapeType;
-    /** Optional stable id for interaction payloads. */
-    id?: string;
-    x?: number;
-    y?: number;
-    x1?: number;
-    y1?: number;
-    x2?: number;
-    y2?: number;
-    radius?: number;
-    width?: number;
-    height?: number;
-    points?: LearningPoint[];
-    path?: string;
-    text?: string;
-    label?: string;
-    fontSize?: number;
-    align?: 'left' | 'center' | 'right';
-    axis?: 'x' | 'y';
-    min?: number;
-    max?: number;
-    step?: number;
-    color?: string;
-    fill?: string;
-    lineWidth?: number;
-    opacity?: number;
-}
-export interface LearningCanvasProps {
-    /** Additional CSS classes. */
-    className?: string;
-    /** Canvas width in CSS pixels. */
-    width?: number;
-    /** Canvas height in CSS pixels. */
-    height?: number;
-    /** Background color (default transparent). */
-    backgroundColor?: string;
-    /** Declarative shapes to draw. */
-    shapes?: LearningShape[];
-    /** Enable pointer interaction (click/hover). */
-    interactive?: boolean;
-    /** Enable continuous redraw loop. */
-    animate?: boolean;
-    /** Clicked shape payload: { id?, type?, index }. */
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    /** Hovered shape payload: { id?, type?, index }. */
-    onShapeHover?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    /** Loading state. */
-    isLoading?: boolean;
-    /** Error state. */
-    error?: UiError | null;
-}
-export declare const LearningCanvas: React.FC<LearningCanvasProps>;

package/dist/components/learning/molecules/AlgorithmCanvas.d.ts

@@ -1,58 +0,0 @@
-/**
- * AlgorithmCanvas
- *
- * A field-scoped learning molecule for computer-science algorithm visualizations.
- * Projects semantic `bars` (sorting/histograms), `cells` (grids/arrays/DP tables),
- * and `pointers` (index cursors) into pixel-space shapes on the declarative
- * `LearningCanvas` atom, so a `.lolo` behavior never computes pixel coordinates —
- * it just sets `bars`/`cells`/`pointers` and lets this molecule lay them out.
- * Graph/tree algorithms reuse `BiologyCanvas` (nodes + edges); this canvas owns
- * only the bar/cell/pointer vocabulary.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { LearningShape } from '../atoms/LearningCanvas';
-import type { UiError } from '../../core/atoms/types';
-export interface AlgorithmBar {
-    value: number;
-    color?: string;
-    label?: string;
-}
-export interface AlgorithmCell {
-    row: number;
-    col: number;
-    value?: number;
-    color?: string;
-    label?: string;
-}
-export interface AlgorithmPointer {
-    index: number;
-    label?: string;
-    color?: string;
-}
-export interface AlgorithmCanvasProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    title?: string;
-    backgroundColor?: string;
-    /** Sorting/histogram bars; laid out left-to-right, height proportional to value. */
-    bars?: AlgorithmBar[];
-    /** Grid/array/DP cells; laid out on a row/col lattice sized to the extent. */
-    cells?: AlgorithmCell[];
-    /** Index cursors (i/j/lo/hi/mid); drawn as markers beneath the referenced bar/cell column. */
-    pointers?: AlgorithmPointer[];
-    /** Extra declarative shapes in canvas pixel coordinates. */
-    shapes?: LearningShape[];
-    interactive?: boolean;
-    animate?: boolean;
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    isLoading?: boolean;
-    error?: UiError | null;
-}
-export declare const AlgorithmCanvas: React.FC<AlgorithmCanvasProps>;

package/dist/components/learning/molecules/BiologyCanvas.d.ts

@@ -1,47 +0,0 @@
-/**
- * BiologyCanvas
- *
- * A field-scoped learning molecule for biology. Renders cells, organelles,
- * membranes, and connections on top of the declarative `LearningCanvas` atom.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { LearningShape } from '../atoms/LearningCanvas';
-import type { UiError } from '../../core/atoms/types';
-export interface BiologyNode {
-    id?: string;
-    x: number;
-    y: number;
-    radius?: number;
-    color?: string;
-    label?: string;
-    kind?: 'cell' | 'organelle' | 'molecule' | 'organism';
-}
-export interface BiologyEdge {
-    from: string;
-    to: string;
-    color?: string;
-    label?: string;
-}
-export interface BiologyCanvasProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    title?: string;
-    backgroundColor?: string;
-    nodes?: BiologyNode[];
-    edges?: BiologyEdge[];
-    /** Extra declarative shapes in canvas pixel coordinates. */
-    shapes?: LearningShape[];
-    interactive?: boolean;
-    animate?: boolean;
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    isLoading?: boolean;
-    error?: UiError | null;
-}
-export declare const BiologyCanvas: React.FC<BiologyCanvasProps>;

package/dist/components/learning/molecules/ChemistryCanvas.d.ts

@@ -1,55 +0,0 @@
-/**
- * ChemistryCanvas
- *
- * A field-scoped learning molecule for chemistry. Renders atoms, bonds, and
- * reaction arrows on top of the declarative `LearningCanvas` atom.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { LearningShape } from '../atoms/LearningCanvas';
-import type { UiError } from '../../core/atoms/types';
-export interface ChemistryAtom {
-    id?: string;
-    x: number;
-    y: number;
-    element?: string;
-    radius?: number;
-    color?: string;
-}
-export interface ChemistryBond {
-    from: string;
-    to: string;
-    type?: 'single' | 'double' | 'triple';
-    color?: string;
-}
-export interface ChemistryArrow {
-    x: number;
-    y: number;
-    angle?: number;
-    length?: number;
-    color?: string;
-    label?: string;
-}
-export interface ChemistryCanvasProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    title?: string;
-    backgroundColor?: string;
-    atoms?: ChemistryAtom[];
-    bonds?: ChemistryBond[];
-    arrows?: ChemistryArrow[];
-    /** Extra declarative shapes in canvas pixel coordinates. */
-    shapes?: LearningShape[];
-    interactive?: boolean;
-    animate?: boolean;
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    isLoading?: boolean;
-    error?: UiError | null;
-}
-export declare const ChemistryCanvas: React.FC<ChemistryCanvasProps>;

package/dist/components/learning/molecules/MathCanvas.d.ts

@@ -1,61 +0,0 @@
-/**
- * MathCanvas
- *
- * A field-scoped learning molecule for mathematics. Renders a coordinate plane
- * with axes, grid, curves (sampled points), scatter points, and vectors on top
- * of the declarative `LearningCanvas` atom.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { LearningShape, LearningPoint } from '../atoms/LearningCanvas';
-import type { UiError } from '../../core/atoms/types';
-export interface MathCurve {
-    label?: string;
-    color?: string;
-    /** Sampled {x,y} points in math coordinates. */
-    samples: LearningPoint[];
-}
-export interface MathPoint {
-    x: number;
-    y: number;
-    label?: string;
-    color?: string;
-    radius?: number;
-}
-export interface MathVector {
-    x: number;
-    y: number;
-    vx: number;
-    vy: number;
-    color?: string;
-    label?: string;
-}
-export interface MathCanvasProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    title?: string;
-    xMin?: number;
-    xMax?: number;
-    yMin?: number;
-    yMax?: number;
-    showAxes?: boolean;
-    showGrid?: boolean;
-    gridStep?: number;
-    curves?: MathCurve[];
-    points?: MathPoint[];
-    vectors?: MathVector[];
-    /** Extra declarative shapes in canvas pixel coordinates. */
-    shapes?: LearningShape[];
-    interactive?: boolean;
-    animate?: boolean;
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    isLoading?: boolean;
-    error?: UiError | null;
-}
-export declare const MathCanvas: React.FC<MathCanvasProps>;

package/dist/components/learning/molecules/PhysicsCanvas.d.ts

@@ -1,54 +0,0 @@
-/**
- * PhysicsCanvas
- *
- * A field-scoped learning molecule for physics. Renders bodies, constraints,
- * velocity arrows, and force arrows on top of the declarative `LearningCanvas`
- * atom.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { LearningShape } from '../atoms/LearningCanvas';
-import type { UiError } from '../../core/atoms/types';
-export interface LearningPhysicsBody {
-    id?: string;
-    x: number;
-    y: number;
-    radius?: number;
-    color?: string;
-    label?: string;
-    vx?: number;
-    vy?: number;
-    fx?: number;
-    fy?: number;
-}
-export interface LearningPhysicsConstraint {
-    from: string;
-    to: string;
-    color?: string;
-}
-export interface PhysicsCanvasProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    title?: string;
-    backgroundColor?: string;
-    bodies?: LearningPhysicsBody[];
-    constraints?: LearningPhysicsConstraint[];
-    showVelocity?: boolean;
-    showForces?: boolean;
-    velocityScale?: number;
-    forceScale?: number;
-    /** Extra declarative shapes in canvas pixel coordinates. */
-    shapes?: LearningShape[];
-    interactive?: boolean;
-    animate?: boolean;
-    onShapeClick?: (payload: {
-        id?: string;
-        type?: string;
-        index: number;
-    }) => void;
-    isLoading?: boolean;
-    error?: UiError | null;
-}
-export declare const PhysicsCanvas: React.FC<PhysicsCanvasProps>;

package/dist/components/marketing/atoms/AnimatedCounter.d.ts

@@ -1,20 +0,0 @@
-/**
- * AnimatedCounter Atom Component
- *
- * Animates a number from its previous value to the current value
- * using requestAnimationFrame and ease-out easing.
- */
-import React from "react";
-export interface AnimatedCounterProps {
-    /** The target value to animate to. Strings are parsed numerically (e.g. "500", "99.9"). */
-    value: number | string;
-    /** Animation duration in milliseconds */
-    duration?: number;
-    /** Text to display before the number */
-    prefix?: string;
-    /** Text to display after the number */
-    suffix?: string;
-    /** Additional class names */
-    className?: string;
-}
-export declare const AnimatedCounter: React.FC<AnimatedCounterProps>;