import type { JSX, ValidComponent } from "@solidjs/web";
import { type BaseUIChangeEventDetails, REASONS } from "../internals/change-event-details.js";
import { type MaybeAccessor } from "../internals/maybe-accessor.js";
import type { BaseUIComponentProps, NativeButtonProps } from "../internals/types.js";
/**
 * The reason string attached to every `onPressedChange` event details object.
 * Matches Base UI React's `Toggle.ChangeEventReason`.
 */
export type ToggleChangeEventReason = typeof REASONS.none;
/**
 * Shape of the details bag handed to `onPressedChange`.
 */
export type ToggleChangeEventDetails = BaseUIChangeEventDetails<ToggleChangeEventReason>;
/**
 * The state object exposed through `data-*` projection and the `class` /
 * `style` callback surfaces.
 */
export interface ToggleState {
    /** Whether the toggle is currently pressed. */
    pressed: boolean;
    /** Whether the toggle ignores user interaction. */
    disabled: boolean;
}
export interface ToggleProps<Value extends string = string> extends NativeButtonProps, BaseUIComponentProps<"button", ToggleState> {
    /**
     * Tag/component to render. Defaults to `"button"`. Replaces the
     * pre-spike `render` prop (axis G).
     */
    as?: ValidComponent;
    /**
     * Controlled pressed state. When provided (resolved value not
     * `undefined`), the consumer owns the state — pair with
     * {@link onPressedChange}. When omitted, the toggle manages its own
     * pressed state (seeded from {@link defaultPressed}). Inside a
     * `<ToggleGroup>` the group's `value` array owns the state instead.
     */
    pressed?: MaybeAccessor<boolean | undefined>;
    /**
     * Initial pressed state when uncontrolled. Read once at mount.
     * Ignored inside a `<ToggleGroup>` (use the group's `defaultValue`).
     * @default false
     */
    defaultPressed?: MaybeAccessor<boolean | undefined>;
    /** @default false */
    disabled?: boolean | undefined;
    onPressedChange?: ((pressed: boolean, eventDetails: ToggleChangeEventDetails) => void) | undefined;
    /**
     * Identifier used when the toggle participates in a `<ToggleGroup>`.
     * Standalone toggles ignore this prop.
     */
    value?: Value | undefined;
}
/**
 * A two-state button that can be on or off. Renders a `<button>` element
 * (or `as` override).
 *
 * Solid 2.0-native rewire (§1 wave 1): replaces `renderElement` with
 * `dynamic(() => props.as ?? "button")` and threads
 * `createToggle().trigger()` + the `useButton` reactive bag + composite-
 * list focus/tabIndex through `mergeRootProps`. The slot factory now
 * carries data-pressed/data-disabled/aria-pressed.
 */
export declare function Toggle<Value extends string = string>(props: ToggleProps<Value>): JSX.Element;
//# sourceMappingURL=toggle.d.ts.map