/**
 * html/span — variant-styled <span> primitives.
 */
import { type HTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
declare const spanVariants: (props?: ({
    display?: "inline" | "inlineFlex" | "srOnly" | "srOnlyMobile" | "hiddenMobile" | null | undefined;
    gap?: "none" | "sm" | "xs" | "md" | null | undefined;
    weight?: "semibold" | "medium" | null | undefined;
    size?: "sm" | "xs" | null | undefined;
    opacity?: "90" | null | undefined;
    truncate?: boolean | null | undefined;
    lineClamp?: "2" | "3" | null | undefined;
    tone?: "muted" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type SpanProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof spanVariants>;
export declare const Span: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
    display?: "inline" | "inlineFlex" | "srOnly" | "srOnlyMobile" | "hiddenMobile" | null | undefined;
    gap?: "none" | "sm" | "xs" | "md" | null | undefined;
    weight?: "semibold" | "medium" | null | undefined;
    size?: "sm" | "xs" | null | undefined;
    opacity?: "90" | null | undefined;
    truncate?: boolean | null | undefined;
    lineClamp?: "2" | "3" | null | undefined;
    tone?: "muted" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
/** Returns the className for a sidebar nav label at a given tree depth. Depth >= 2 uses the deep style. */
export declare function navLabelClass(treeLevel: number): string | undefined;
export declare const actionLinkVariants: (props?: ({
    size?: "default" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ActionLinkElProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof actionLinkVariants>;
export declare const ActionLinkEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
    size?: "default" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
export {};
//# sourceMappingURL=span.d.ts.map