/**
 * Padding Variant Mixin
 *
 * Provides padding size variants (none, sm, md, lg, xl) via CSS custom properties.
 * Sets the --_padding variable based on padding attribute.
 *
 * @example
 * ```ts
 * import { paddingMixin } from '../../styles';
 *
 * return {
 *   styles: [paddingMixin, componentStyles],
 *   template: html`...`
 * };
 * ```
 */
export declare const paddingMixin: import("@vielzeug/ore").CSSResult;
/**
 * Rounded Variant Mixin
 *
 * Shared border-radius variant styles for components.
 * Maps rounded attribute values to theme border radius tokens.
 *
 * @example
 * ```ts
 * import { roundedVariantMixin } from '../../styles';
 *
 * return {
 *   styles: [roundedVariantMixin, componentStyles],
 *   template: html`...`
 * };
 * ```
 */
export declare const roundedVariantMixin: import("@vielzeug/ore").CSSResult;
/**
 * Size Variant Mixin
 *
 * Injects the three standard size tiers (sm / md / lg) as CSS custom property
 * blocks on `:host([size="…"])`. Per-component overrides are supplied as a raw
 * CSS string for each tier and are appended after the shared defaults.
 *
 * All property names use the `--_` internal convention already established by
 * other mixins. The mapping is:
 *
 * | Config key   | CSS custom property  |
 * |------------- |----------------------|
 * | fontSize     | --_font-size         |
 * | gap          | --_gap               |
 * | height       | --_height            |
 * | iconSize     | --_icon-size         |
 * | lineHeight   | --_line-height       |
 * | padding      | --_padding           |
 * | size         | --_size              |
 * | thumbSize    | --_thumb-size        |
 * | width        | --_width             |
 * | --foo        | --foo (pass-through) |
 *
 * @example
 * ```ts
 * styles: [
 *   sizeVariantMixin({
 *     sm: { height: 'var(--size-8)', padding: 'var(--size-1-5) var(--size-3)' },
 *     lg: { height: 'var(--size-12)', padding: 'var(--size-2-5) var(--size-5)' },
 *   }),
 *   componentStyles,
 * ]
 * ```
 */
export type SizeConfig = {
    /** Arbitrary CSS custom properties (must start with --) */
    [key: `--${string}`]: string | undefined;
    /** Font size — maps to --_font-size */
    fontSize?: string;
    /** Gap between elements — maps to --_gap */
    gap?: string;
    /** Element height — maps to --_height */
    height?: string;
    /** Icon size — maps to --_icon-size */
    iconSize?: string;
    /** Line height — maps to --_line-height */
    lineHeight?: string;
    /** Internal padding — maps to --_padding */
    padding?: string;
    /** Element size (width/height) — maps to --_size */
    size?: string;
    /** Thumb size (e.g. toggle/switch thumb) — maps to --_thumb-size */
    thumbSize?: string;
    /** Element width — maps to --_width */
    width?: string;
};
export declare const sizeVariantMixin: (config?: {
    lg?: SizeConfig;
    md?: SizeConfig;
    sm?: SizeConfig;
}) => import("@vielzeug/ore").CSSResult;
//# sourceMappingURL=shape.css.d.ts.map