import { DDSElement } from "../../base/index.cjs";
/**
 * A badge is used to display notification counts, status indicators, or small dots in the UI—commonly for message alerts or status marking.
 *
 * @slot - A slot for anchoring element. Place `daikin-icon-button` here.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/badge/index.js";
 * import "@daikin-oss/design-system-web-components/components/icon/index.js";
 * import "@daikin-oss/design-system-web-components/components/icon-button/index.js";
 * ```
 *
 * ```html
 * <daikin-badge count="42" max-count="999" color="negative">
 *   <daikin-icon-button variant="ghost" size="m" buttonAriaLabel="42 unread notifications">
 *     <daikin-icon
 *       class="w-8 h-8"
 *       icon="notification"
 *       size="current"
 *       color="current"
 *     >
 *     </daikin-icon>
 *   </daikin-icon-button>
 * </daikin-badge>
 * ```
 */
export declare class DaikinBadge extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Badge type.
     * - "number": Displays a number (e.g., message count, quantity).
     * - "dot": Displays only a small dot (e.g., status indicator).
     *
     * @default "dot"
     */
    type: "number" | "dot";
    /**
     * The numeric content displayed in the badge.
     * Only effective when type="number".
     * Accepts a string or null; will be parsed as a number internally.
     *
     * @example "5"
     */
    count: string | null;
    /**
     * The maximum number to display in the badge.
     * If the count exceeds this value, it will display as "maxCount+", e.g., "99+".
     * For accessibility considerations, if maxCount is null or invalid, it will be treated as the default value ("99").
     * Only effective when type="number".
     *
     * @example "99"
     */
    maxCount: string | null;
    /**
     * Whether to hide the badge.
     * - true: The badge is not displayed (slot content remains visible).
     * - false: The badge is displayed normally.
     */
    invisible: boolean;
    /**
     * Badge color.
     * Supports predefined semantic color tokens (negative, alarm, warning, positive, information).
     *
     * @default "negative"
     */
    color: "negative" | "alarm" | "warning" | "positive" | "information";
    /**
     * Computes the actual number to display in the badge.
     * - If count is null or invalid, displays "0".
     * - If count exceeds maxCount, displays "maxCount+".
     * - If maxCount is null, displays the actual count.
     * - If maxCount is invalid, it will be treated as the default value ("99").
     * - Otherwise, displays the actual number.
     */
    private get _count();
    /**
     * Renders the badge component.
     * - Renders a small dot when type="dot".
     * - Renders a number when type="number" and count > 0.
     * - Does not render the badge if invisible=true.
     * - The slot wraps the icon button.
     */
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-badge": DaikinBadge;
    }
}