/**
 * A custom element that binds input elements to a CSS variable.
 * It also syncs values between different inputs, like range and number.
 *
 * @element css-var-bind
 *
 * @attr {string} variable - **Required.** The CSS custom property name to bind to.
 *   Must start with `--` (e.g., `--scale`, `--primary-color`).
 *
 * @attr {string} [unit=""] - Optional unit to append to the value when setting the CSS variable.
 *   Common values: `px`, `%`, `em`, `rem`, `deg`, etc.
 *
 * @attr {string} [target] - CSS selector for the element on which to set the CSS variable.
 *   How this selector is resolved depends on the `strategy` attribute.
 *
 * @attr {"closest"|"global"|"self"} [strategy="closest"] - How to resolve the target selector.
 *   - `"closest"` — Uses `element.closest(target)` to find an ancestor (default).
 *   - `"global"` — Uses `document.querySelector(target)` for global lookup.
 *   - `"self"` — Ignores `target` and binds to the component itself.
 *
 * @example
 * ```html
 * <!-- Bind to a global element (document.querySelector) -->
 * <css-var-bind variable="--scale" unit="px" target=":root" strategy="global">
 *   <input type="range" min="0" max="100" />
 *   <input type="number" />
 * </css-var-bind>
 *
 * <!-- Bind to the closest ancestor with a class (default strategy) -->
 * <div class="card">
 *   <css-var-bind variable="--card-padding" unit="rem" target=".card">
 *     <input type="number" min="0" max="5" />
 *   </css-var-bind>
 * </div>
 *
 * <!-- Bind to the component itself -->
 * <css-var-bind variable="--opacity" strategy="self">
 *   <input type="range" min="0" max="1" step="0.1" />
 * </css-var-bind>
 * ```
 */
declare class CssVarBind extends HTMLElement {
    bindToElement: HTMLElement | null;
    cssVariableName: string;
    inputs: NodeListOf<HTMLInputElement> | null;
    unit: string;
    private boundHandleInput;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    private handleInput;
    handleSteppedInputs(target: HTMLInputElement): void;
    setValueIfCSSPropertyExists(): void;
    syncInputs(changedInput: HTMLInputElement): void;
}
export default CssVarBind;