/**
 * `<dirham-symbol>` — framework-agnostic Web Component.
 *
 * @example
 * ```html
 * <script type="module">
 *   import "dirham/web-component";
 * </script>
 *
 * <dirham-symbol size="24" weight="bold"></dirham-symbol>
 * ```
 *
 * Attributes: size, color, weight, aria-label
 */
declare class DirhamSymbolElement extends HTMLElement {
    #private;
    static get observedAttributes(): string[];
    constructor();
    attributeChangedCallback(): void;
}

/**
 * `<dirham-price>` — framework-agnostic Web Component for displaying formatted prices.
 *
 * Works in Vue, Angular, Svelte, or any HTML page.
 *
 * @example
 * ```html
 * <script type="module">
 *   import "dirham/web-component";
 * </script>
 *
 * <dirham-price amount="1250"></dirham-price>
 * <dirham-price amount="5000000" notation="compact"></dirham-price>
 * <dirham-price amount="100" locale="ar-AE"></dirham-price>
 * <dirham-price amount="500" use-code></dirham-price>
 * ```
 *
 * Attributes: amount, locale, decimals, notation, use-code, symbol-size, weight, currency
 */
declare class DirhamPriceElement extends HTMLElement {
    #private;
    static get observedAttributes(): string[];
    constructor();
    attributeChangedCallback(): void;
}

/**
 * `<dirham-input>` — framework-agnostic masked currency input.
 *
 * Works in Vue, Angular, Svelte, or any HTML page.
 *
 * @example
 * ```html
 * <script type="module">
 *   import "dirham/web-component";
 * </script>
 *
 * <dirham-input value="100" min="0" max="999999"></dirham-input>
 * <dirham-input locale="ar-AE" decimals="2"></dirham-input>
 * ```
 *
 * Events: `dirham-change` — fires with `{ detail: { value: number | null } }`
 */
declare class DirhamInputElement extends HTMLElement {
    #private;
    static get observedAttributes(): string[];
    constructor();
    get numericValue(): number | null;
    attributeChangedCallback(): void;
}

/**
 * `<dirham-animated-price>` — animated price display with count-up/down.
 *
 * @example
 * ```html
 * <dirham-animated-price amount="1250" duration="600"></dirham-animated-price>
 * <dirham-animated-price amount="5000" easing="easeInOut"></dirham-animated-price>
 * ```
 *
 * Attributes: amount, duration, easing, locale, decimals, notation, use-code,
 *             symbol-size, weight
 */
declare class AnimatedDirhamPriceElement extends HTMLElement {
    #private;
    static get observedAttributes(): string[];
    constructor();
    attributeChangedCallback(name: string): void;
}

export { AnimatedDirhamPriceElement, DirhamInputElement, DirhamPriceElement, DirhamSymbolElement };