@almadar/ui 5.78.0 → 5.79.1

package/dist/components/core/atoms/TextHighlight.d.ts

@@ -1,54 +0,0 @@
-/**
- * TextHighlight Atom Component
- *
- * A styled span component for highlighting text with annotations (questions or notes).
- * Uses different colors for different annotation types:
- * - Questions: Blue highlight
- * - Notes: Yellow highlight
- */
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export type HighlightType = "question" | "note";
-export interface TextHighlightProps {
-    /**
-     * Type of highlight (determines color)
-     */
-    highlightType: HighlightType;
-    /**
-     * Whether the highlight is currently active/focused
-     * @default false
-     */
-    isActive?: boolean;
-    /**
-     * Callback when highlight is clicked
-     */
-    onClick?: () => void;
-    /**
-     * Callback when highlight is hovered
-     */
-    onMouseEnter?: () => void;
-    /**
-     * Callback when hover ends
-     */
-    onMouseLeave?: () => void;
-    /**
-     * Unique ID for the annotation
-     */
-    annotationId?: string;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Highlighted text content
-     */
-    children: React.ReactNode;
-    /** Declarative event name — emits UI:{action} via eventBus on click */
-    action?: EventKey;
-    /** Declarative hover event — emits UI:{hoverEvent} with { hovered: true/false } */
-    hoverEvent?: EventKey;
-}
-/**
- * TextHighlight component for rendering highlighted text annotations
- */
-export declare const TextHighlight: React.FC<TextHighlightProps>;

package/dist/components/core/atoms/Textarea.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Number of visible rows */
-    rows?: number;
-    /** Declarative event name for trait dispatch */
-    action?: EventKey;
-    /** Error message */
-    error?: string;
-    /** onChange handler or declarative event key for trait dispatch */
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | EventKey;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/core/atoms/ThemeToggle.d.ts

@@ -1,33 +0,0 @@
-/**
- * ThemeToggle Atom Component
- *
- * A button that toggles between light and dark themes.
- * Uses Sun and Moon icons to indicate current/target theme.
- *
- * @packageDocumentation
- */
-import React from "react";
-export interface ThemeToggleProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Size variant */
-    size?: "sm" | "md" | "lg";
-    /** Show label text */
-    showLabel?: boolean;
-}
-/**
- * ThemeToggle component for switching between light and dark modes
- *
- * @example
- * ```tsx
- * // Basic usage
- * <ThemeToggle />
- *
- * // With label
- * <ThemeToggle showLabel />
- *
- * // Custom size
- * <ThemeToggle size="lg" />
- * ```
- */
-export declare const ThemeToggle: React.FC<ThemeToggleProps>;

package/dist/components/core/atoms/TimeSlotCell.d.ts

@@ -1,23 +0,0 @@
-/**
- * TimeSlotCell
- *
- * Calendar time slot atom. Renders a clickable container for a single
- * time slot that can hold event content via children.
- */
-import React from "react";
-export interface TimeSlotCellProps {
-    /** Time label for this slot (e.g. "09:00") */
-    time: string;
-    /** Called when the slot is clicked */
-    onClick?: (time: string) => void;
-    /** Additional CSS classes */
-    className?: string;
-    /** Event content placed inside the slot */
-    children?: React.ReactNode;
-    /** Whether this slot contains an event */
-    isOccupied?: boolean;
-}
-export declare function TimeSlotCell({ time, onClick, className, children, isOccupied, }: TimeSlotCellProps): React.JSX.Element;
-export declare namespace TimeSlotCell {
-    var displayName: string;
-}

package/dist/components/core/atoms/TraitFrame.d.ts

@@ -1,54 +0,0 @@
-/**
- * TraitFrame — renders the current frame of a referenced trait.
- *
- * Resolves the `@trait.X[.slot]` binding at render time by looking up the
- * referenced trait's last `render-ui` payload from the orbital's
- * `UISlotManager`. Re-renders automatically when that trait transitions
- * via the per-trait subscription channel (`subscribeTrait`).
- *
- * This is the single rendering primitive both runtime paths converge on:
- *
- * - **Interpreted path** — the trait-binding resolver in
- *   `renderer/trait-binding-resolver.ts` walks pattern trees at render
- *   time, substituting `"@trait.X"` string children with this component.
- * - **Compiled path** — the TypeScript shell codegen in
- *   `orbital-shell-typescript/src/backend.rs::pattern_to_jsx_with_data`
- *   emits this component directly into generated JSX wherever a
- *   `@trait.*` string appears in a pattern tree.
- *
- * Embedding is passive: the referenced trait's state machine runs
- * unchanged; TraitFrame is only a read-only lens on its current frame.
- * Event propagation happens over the shared event bus, not through this
- * component.
- *
- * @see docs/Almadar_Std_Gaps.md §3.8 for the full language design.
- */
-import React from "react";
-export interface TraitFrameProps {
-    /**
-     * Name of the trait whose current frame to embed. Must match a trait
-     * declared in the current orbital. Compiler validates that the name
-     * exists at build time (see `ORB_BINDING_TRAIT_UNKNOWN`).
-     */
-    traitName: string;
-    /**
-     * Rendered when the referenced trait has not (yet) emitted any
-     * render-ui. Use a skeleton, spinner, or message. Defaults to `null`
-     * (renders nothing), so an unfulfilled reference drops cleanly out of
-     * a parent `children:` array.
-     */
-    fallback?: React.ReactNode;
-}
-/**
- * Render the embedded trait's current frame via the registered pattern
- * component for its `SlotContent.pattern` + `props`. Falls back when the
- * referenced trait has no content in the target slot.
- *
- * The import path for pattern rendering matches what `SlotContentRenderer`
- * uses, so both the top-level slot render path and this embedded path go
- * through the same resolver (`getComponentForPattern` + prop handling).
- */
-export declare function TraitFrame({ traitName, fallback, }: TraitFrameProps): React.ReactElement | null;
-export declare namespace TraitFrame {
-    var displayName: string;
-}

package/dist/components/core/atoms/TrendIndicator.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-export type TrendDirection = "up" | "down" | "flat";
-export type TrendIndicatorSize = "sm" | "md" | "lg";
-export interface TrendIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Numeric value to display (e.g., 12.5 for +12.5%) */
-    value?: number;
-    /** Override automatic direction detection (positive=up, negative=down, zero=flat) */
-    direction?: TrendDirection;
-    /** Show the formatted value text next to the arrow */
-    showValue?: boolean;
-    /** Invert color logic (for metrics where down is good, e.g., error rate, bounce rate) */
-    invert?: boolean;
-    /** Accessible label override */
-    label?: string;
-    /** Size of the indicator */
-    size?: TrendIndicatorSize;
-}
-export declare const TrendIndicator: React.ForwardRefExoticComponent<TrendIndicatorProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/core/atoms/TypewriterText.d.ts

@@ -1,20 +0,0 @@
-/**
- * TypewriterText Atom Component
- *
- * Reveals text character-by-character with a blinking cursor
- * that disappears after the full text has been typed out.
- */
-import React from "react";
-export interface TypewriterTextProps {
-    /** The full text to reveal */
-    text: string;
-    /** Milliseconds per character */
-    speed?: number;
-    /** Delay before typing starts (ms) */
-    startDelay?: number;
-    /** Additional class names */
-    className?: string;
-    /** Called when the entire text has been revealed */
-    onComplete?: () => void;
-}
-export declare const TypewriterText: React.FC<TypewriterTextProps>;

package/dist/components/core/atoms/Typography.d.ts

@@ -1,39 +0,0 @@
-/**
- * Typography Atom Component
- *
- * Text elements following the KFlow design system with theme-aware styling.
- */
-import React from "react";
-export type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "heading" | "subheading" | "body1" | "body2" | "body" | "caption" | "overline" | "small" | "large" | "label";
-export type TypographySize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-export interface TypographyProps {
-    /** Typography variant */
-    variant?: TypographyVariant;
-    /** Heading level (1-6) - alternative to variant for headings */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Text color */
-    color?: "primary" | "secondary" | "muted" | "error" | "success" | "warning" | "inherit";
-    /** Text alignment */
-    align?: "left" | "center" | "right";
-    /** Font weight override */
-    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
-    /** Font size override */
-    size?: TypographySize;
-    /** Truncate with ellipsis (single line) */
-    truncate?: boolean;
-    /** Overflow handling mode */
-    overflow?: "visible" | "hidden" | "wrap" | "clamp-2" | "clamp-3";
-    /** Custom HTML element */
-    as?: keyof React.JSX.IntrinsicElements;
-    /** HTML id attribute */
-    id?: string;
-    /** Additional class names */
-    className?: string;
-    /** Inline style */
-    style?: React.CSSProperties;
-    /** Text content (alternative to children) */
-    content?: React.ReactNode;
-    /** Children elements */
-    children?: React.ReactNode;
-}
-export declare const Typography: React.FC<TypographyProps>;

package/dist/components/core/atoms/index.d.ts

@@ -1,50 +0,0 @@
-export * from "./svg/index";
-export { Button, type ButtonProps } from "./Button";
-export { Input, type InputProps } from "./Input";
-export { Label, type LabelProps } from "./Label";
-export { Textarea, type TextareaProps } from "./Textarea";
-export { Select, type SelectProps, type SelectOption, type SelectOptionGroup } from "./Select";
-export { Checkbox, type CheckboxProps } from "./Checkbox";
-export { Card, CardHeader, CardTitle, CardContent, CardBody, CardFooter, type CardProps, } from "./Card";
-export { Badge, type BadgeProps, type BadgeVariant } from "./Badge";
-export { FilterPill, type FilterPillProps, type FilterPillVariant, type FilterPillSize, } from "./FilterPill";
-export { Spinner, type SpinnerProps } from "./Spinner";
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, } from "./Avatar";
-export { Box, type BoxProps, type BoxPadding, type BoxMargin, type BoxBg, type BoxRounded, type BoxShadow, } from "./Box";
-export { Center, type CenterProps } from "./Center";
-export { Divider, type DividerProps, type DividerOrientation } from "./Divider";
-export { Icon, type IconProps, type IconSize, type IconAnimation, type IconInput, } from "./Icon";
-export { ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarColor, } from "./ProgressBar";
-export { Radio, type RadioProps } from "./Radio";
-export { Sparkline, type SparklineProps, type SparklineColor } from "./Sparkline";
-export { Switch, type SwitchProps } from "./Switch";
-export { Spacer, type SpacerProps, type SpacerSize } from "./Spacer";
-export { Stack, VStack, HStack, type StackProps, type VStackProps, type HStackProps, type StackDirection, type StackGap, type StackAlign, type StackJustify, } from "./Stack";
-export { TextHighlight, type TextHighlightProps, type HighlightType, } from "./TextHighlight";
-export { Typography, type TypographyProps, type TypographyVariant, } from "./Typography";
-export { ThemeToggle, type ThemeToggleProps } from "./ThemeToggle";
-export { Overlay, type OverlayProps } from "./Overlay";
-export { FlipContainer, type FlipContainerProps } from "./FlipContainer";
-export { Dialog, type DialogProps } from "./Dialog";
-export { Aside, type AsideProps } from "./Aside";
-export { ConditionalWrapper, type ConditionalWrapperProps, type ConditionalContext, } from "./ConditionalWrapper";
-export { LawReferenceTooltip, type LawReferenceTooltipProps, type LawReference, } from "./LawReferenceTooltip";
-export { DayCell, type DayCellProps } from "./DayCell";
-export { TimeSlotCell, type TimeSlotCellProps } from "./TimeSlotCell";
-export { StatusDot, type StatusDotProps, type StatusDotStatus, type StatusDotSize } from "./StatusDot";
-export { TrendIndicator, type TrendIndicatorProps, type TrendDirection, type TrendIndicatorSize } from "./TrendIndicator";
-export { RangeSlider, type RangeSliderProps, type RangeSliderSize } from "./RangeSlider";
-export { AnimatedCounter, type AnimatedCounterProps } from "../../marketing/atoms/AnimatedCounter";
-export { InfiniteScrollSentinel, type InfiniteScrollSentinelProps } from "./InfiniteScrollSentinel";
-export { ConfettiEffect, type ConfettiEffectProps } from "./ConfettiEffect";
-export { TypewriterText, type TypewriterTextProps } from "./TypewriterText";
-export { SectionHeader, type SectionHeaderProps } from "./SectionHeader";
-export { MarketingStatCard, type MarketingStatCardProps, type StatCardSize } from "../../marketing/atoms/MarketingStatCard";
-export { ContentSection, type ContentSectionProps, type ContentSectionBackground, type ContentSectionPadding, } from "../../marketing/atoms/ContentSection";
-export { PatternTile, getTileDimensions, type PatternTileProps, type PatternVariant } from "../../marketing/atoms/PatternTile";
-export { AnimatedReveal, type AnimatedRevealProps, type RevealTrigger, type RevealAnimation } from "../../marketing/atoms/AnimatedReveal";
-export { AnimatedGraphic, type AnimatedGraphicProps, type GraphicAnimation } from "../../marketing/atoms/AnimatedGraphic";
-export { TraitFrame, type TraitFrameProps } from "./TraitFrame";
-export * from "../../game/2d/molecules/index";
-export { LearningCanvas, type LearningCanvasProps, type LearningShape, type LearningPoint, type LearningShapeType, } from "../../learning/atoms/LearningCanvas";
-export { type UiError, type LinkAction, type ImageSource, type Point, type Rect, } from "./types";

package/dist/components/core/atoms/svg/SvgBranch.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface SvgBranchProps {
-    x?: number;
-    y?: number;
-    variant?: 'fork' | 'merge' | 'diamond';
-    branches?: number;
-    size?: number;
-    color?: string;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgBranch: React.FC<SvgBranchProps>;

package/dist/components/core/atoms/svg/SvgConnection.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface SvgConnectionProps {
-    x1?: number;
-    y1?: number;
-    x2?: number;
-    y2?: number;
-    variant?: 'solid' | 'dashed' | 'animated';
-    color?: string;
-    strokeWidth?: number;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgConnection: React.FC<SvgConnectionProps>;

package/dist/components/core/atoms/svg/SvgFlow.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface SvgFlowProps {
-    points?: Array<[number, number]>;
-    color?: string;
-    strokeWidth?: number;
-    animated?: boolean;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgFlow: React.FC<SvgFlowProps>;

package/dist/components/core/atoms/svg/SvgGrid.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export interface SvgGridProps {
-    x?: number;
-    y?: number;
-    cols?: number;
-    rows?: number;
-    spacing?: number;
-    nodeRadius?: number;
-    color?: string;
-    opacity?: number;
-    className?: string;
-    highlights?: number[];
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgGrid: React.FC<SvgGridProps>;

package/dist/components/core/atoms/svg/SvgLobe.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface SvgLobeProps {
-    cx?: number;
-    cy?: number;
-    rx?: number;
-    ry?: number;
-    rotation?: number;
-    shells?: number;
-    color?: string;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgLobe: React.FC<SvgLobeProps>;

package/dist/components/core/atoms/svg/SvgMesh.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface SvgMeshProps {
-    cx?: number;
-    cy?: number;
-    nodes?: number;
-    radius?: number;
-    color?: string;
-    connectionDensity?: number;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgMesh: React.FC<SvgMeshProps>;

package/dist/components/core/atoms/svg/SvgMorph.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface SvgMorphProps {
-    x?: number;
-    y?: number;
-    size?: number;
-    variant?: 'text-to-code' | 'code-to-app' | 'generic';
-    color?: string;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgMorph: React.FC<SvgMorphProps>;

package/dist/components/core/atoms/svg/SvgNode.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface SvgNodeProps {
-    x?: number;
-    y?: number;
-    r?: number;
-    variant?: 'filled' | 'stroked' | 'pulse';
-    color?: string;
-    opacity?: number;
-    className?: string;
-    label?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgNode: React.FC<SvgNodeProps>;

package/dist/components/core/atoms/svg/SvgPulse.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface SvgPulseProps {
-    cx?: number;
-    cy?: number;
-    rings?: number;
-    maxRadius?: number;
-    color?: string;
-    animated?: boolean;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgPulse: React.FC<SvgPulseProps>;

package/dist/components/core/atoms/svg/SvgRing.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface SvgRingProps {
-    cx?: number;
-    cy?: number;
-    r?: number;
-    variant?: 'solid' | 'dashed' | 'glow';
-    color?: string;
-    strokeWidth?: number;
-    opacity?: number;
-    className?: string;
-    label?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgRing: React.FC<SvgRingProps>;

package/dist/components/core/atoms/svg/SvgShield.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface SvgShieldProps {
-    x?: number;
-    y?: number;
-    size?: number;
-    variant?: 'outline' | 'filled' | 'check';
-    color?: string;
-    opacity?: number;
-    className?: string;
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    width?: number;
-    height?: number;
-}
-export declare const SvgShield: React.FC<SvgShieldProps>;

package/dist/components/core/atoms/svg/SvgStack.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface SvgStackProps {
-    x?: number;
-    y?: number;
-    layers?: number;
-    width?: number;
-    height?: number;
-    color?: string;
-    opacity?: number;
-    className?: string;
-    labels?: string[];
-    /** When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context. */
-    asRoot?: boolean;
-    svgWidth?: number;
-    svgHeight?: number;
-}
-export declare const SvgStack: React.FC<SvgStackProps>;

package/dist/components/core/atoms/svg/index.d.ts

@@ -1,12 +0,0 @@
-export { SvgBranch, type SvgBranchProps } from './SvgBranch';
-export { SvgConnection, type SvgConnectionProps } from './SvgConnection';
-export { SvgFlow, type SvgFlowProps } from './SvgFlow';
-export { SvgGrid, type SvgGridProps } from './SvgGrid';
-export { SvgLobe, type SvgLobeProps } from './SvgLobe';
-export { SvgMesh, type SvgMeshProps } from './SvgMesh';
-export { SvgMorph, type SvgMorphProps } from './SvgMorph';
-export { SvgNode, type SvgNodeProps } from './SvgNode';
-export { SvgPulse, type SvgPulseProps } from './SvgPulse';
-export { SvgRing, type SvgRingProps } from './SvgRing';
-export { SvgShield, type SvgShieldProps } from './SvgShield';
-export { SvgStack, type SvgStackProps } from './SvgStack';

package/dist/components/core/atoms/types.d.ts

@@ -1,47 +0,0 @@
-/**
- * Cross-cutting atom-level prop shapes shared across the design system.
- */
-import type { AssetUrl } from "@almadar/core";
-/**
- * Canonical semantic color palette.  Values are the Tailwind / CSS-var token
- * names that every component in the design system understands.  Prefer this
- * over a bare `string` for any `color` or `variant` prop.
- */
-export type ColorToken = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted';
-/**
- * Concrete error-state shape read by display components (`error.message`,
- * occasionally `error.stack`). Structurally assignable from the global `Error`,
- * so existing call sites passing an `Error` keep working — this just gives the
- * pattern extractor a readable field schema instead of the opaque `Error` global.
- */
-export type UiError = {
-    message: string;
-    name?: string;
-    code?: string;
-    stack?: string;
-};
-/**
- * A labelled link/CTA used by marketing molecules (HeroSection, CTABanner,
- * PricingCard) for their primary/secondary call-to-action props.
- */
-export type LinkAction = {
-    label: string;
-    href: string;
-};
-/** An image with its required alt text. */
-export type ImageSource = {
-    src: AssetUrl;
-    alt: string;
-};
-/** A 2D point in canvas/layout coordinates. */
-export type Point = {
-    x: number;
-    y: number;
-};
-/** A 2D rectangle in canvas coordinates (`w`/`h` = width/height). */
-export type Rect = {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-};

package/dist/components/core/molecules/Accordion.d.ts

@@ -1,71 +0,0 @@
-/**
- * Accordion Molecule Component
- *
- * A collapsible content component with single or multiple open items.
- * Uses Button, Icon, Typography, and Divider atoms.
- */
-import React from "react";
-import type { EventEmit } from "@almadar/core";
-export interface AccordionItem {
-    /**
-     * Item ID (auto-generated from header/title if not provided)
-     */
-    id?: string;
-    /**
-     * Item header/title
-     */
-    header?: React.ReactNode;
-    /**
-     * Alias for header (pattern compatibility)
-     */
-    title?: React.ReactNode;
-    /**
-     * Item content
-     */
-    content: React.ReactNode;
-    /**
-     * Disable item
-     */
-    disabled?: boolean;
-    /**
-     * Default open state
-     */
-    defaultOpen?: boolean;
-}
-export interface AccordionProps {
-    /**
-     * Accordion items
-     */
-    items: AccordionItem[];
-    /**
-     * Allow multiple items open at once
-     * @default false
-     */
-    multiple?: boolean;
-    /**
-     * Default open items (IDs)
-     */
-    defaultOpenItems?: string[];
-    /**
-     * Default open items by index (pattern compatibility)
-     */
-    defaultOpen?: number[];
-    /**
-     * Controlled open items (IDs)
-     */
-    openItems?: string[];
-    /**
-     * Callback when item opens/closes
-     */
-    onItemToggle?: (itemId: string, isOpen: boolean) => void;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /** Declarative toggle event — emits UI:{toggleEvent} with { itemId, isOpen } */
-    toggleEvent?: EventEmit<{
-        itemId: string;
-        isOpen: boolean;
-    }>;
-}
-export declare const Accordion: React.FC<AccordionProps>;