import type { Meta, StoryObj } from "@storybook/web-components-vite";
import type { WarpButton } from "./button.js";
import "./button.js";
declare const args: Partial<WarpButton> & {
    [key: string]: any;
};
import "../icon/icon.js";
declare const meta: Meta<typeof args>;
export default meta;
type Story = StoryObj<typeof args>;
export declare const Primary: Story;
export declare const Secondary: Story;
export declare const Negative: Story;
export declare const Utility: Story;
export declare const Link: Story;
export declare const Pill: Story;
export declare const Small: Story;
export declare const Quiet: Story;
export declare const Loading: Story;
export declare const FullWidth: Story;
export declare const AsLink: Story;
export declare const FormControl: Story;
export declare const Overlay: Story;
export declare const OverlayInverted: Story;
export declare const OverlayQuiet: Story;
export declare const OverlayInvertedQuiet: Story;
/**
 * Helpful grid to spot:
 * - hover backgrounds (especially link + quiet variants)
 * - pill icon color regressions
 * - any padding/outline oddities
 */
export declare const AllVariantsGrid: Story;
/**
 * Confirms backwards compat mapping for the deprecated `quiet` flag.
 * Especially relevant for overlay/overlayInverted and negative/utility.
 */
export declare const QuietBackCompatMapping: Story;
/**
 * Loading should be consistent across variants (disabled-like + stripes).
 * This story makes it obvious if a variant leaks hover/background/color into loading.
 */
export declare const LoadingAcrossVariants: Story;
/**
 * This targets the known tricky path:
 * w-button with href renders w-link (back-compat).
 * Great for spotting:
 * - hover gray bg (should not happen for "link" look)
 * - double padding when link is rendered inside button styling assumptions
 */
export declare const HrefModeRegression: Story;