/**
 * createAccordion - the HEADLESS core behind <SvAccordion>: a WAI-ARIA accordion
 * (collapsible sections) with single- or multiple-expand, roving header focus
 * (Up/Down/Home/End) and full ARIA, exposed as **prop-getters** you spread onto
 * YOUR OWN markup. No styles, no DOM. Parity: Smart `smart-accordion`.
 *
 * ```svelte
 * <script lang="ts">
 *   import { createAccordion } from '@svgrid/grid'
 *   let expanded = $state<string[]>(['a'])
 *   const acc = createAccordion({ items: () => items, expanded: () => expanded, onChange: (ids) => (expanded = ids) })
 * </script>
 * {#each items as it, i (it.id)}
 *   <h3><button {...acc.headerProps(i)}>{it.label}</button></h3>
 *   {#if acc.isExpanded(it.id)}<div {...acc.panelProps(i)}>...</div>{/if}
 * {/each}
 * ```
 *
 * The styled <SvAccordion> is one renderer over this core. DOM focus movement is
 * a render concern: the component watches `focusTick`/`focusIndex` and calls
 * `.focus()` itself.
 */
export type AccordionItem = {
    id: string;
    label: string;
    disabled?: boolean;
};
/** `single` keeps at most one panel open; `multiple` allows any number. */
export type AccordionExpandMode = 'single' | 'multiple';
/** Reactive inputs are passed as getters so the core tracks live prop changes. */
export type AccordionConfig = {
    items: () => ReadonlyArray<AccordionItem>;
    /** Expanded item ids (controlled). */
    expanded: () => string[];
    onChange?: (expandedIds: string[]) => void;
    expandMode?: () => AccordionExpandMode;
    disabled?: () => boolean;
    dir?: () => 'ltr' | 'rtl' | 'auto' | undefined;
};
export declare function createAccordion(config: AccordionConfig): {
    /** Header index that should hold DOM focus after the latest keyboard move. */
    readonly focusIndex: number;
    /** Monotonic counter; changes only on keyboard navigation. */
    readonly focusTick: number;
    /** Currently-expanded item ids. */
    readonly expandedIds: string[];
    isExpanded: (itemId: string) => boolean;
    toggle: (i: number) => void;
    /** Spread onto the accordion root container. */
    rootProps: () => {
        'data-orientation': "vertical";
    };
    /** Spread onto the header <button> at `index`. */
    headerProps: (index: number) => {
        type: "button";
        id: string;
        'data-idx': number;
        'aria-expanded': boolean;
        'aria-controls': string;
        disabled: true | undefined;
        onclick: () => void;
        onkeydown: (e: KeyboardEvent) => void;
    };
    /** Spread onto the panel/region element at `index`. */
    panelProps: (index: number) => {
        role: "region";
        id: string;
        'aria-labelledby': string;
    };
};
export type Accordion = ReturnType<typeof createAccordion>;