/** The pill: brand gradient over a primary fill, full radius, a * primary-tinted shadow. It clips its segments (`overflow-hidden`). */ export declare const aiFabPillClass = "ds:relative ds:flex ds:items-center ds:overflow-hidden ds:rounded-full ds:bg-[var(--primary)] ds:bg-[image:var(--gradient-brand)] ds:shadow-[0_8px_24px_color-mix(in_srgb,var(--primary)_35%,transparent)]"; /** The hairline between two segments. Decorative: render it `aria-hidden`. */ export declare const aiFabDividerClass = "ds:self-stretch ds:[inline-size:var(--border-width-sm)] ds:bg-[color-mix(in_srgb,var(--primary-foreground)_35%,transparent)]"; /** The sparkle's light sweep across the pill. Decorative; append the * shimmer class from `useAiSparkle(...).props.className`. */ export declare const aiFabSweepClass = "ds:pointer-events-none ds:absolute ds:inset-0 ds:-translate-x-full ds:bg-[linear-gradient(90deg,transparent,color-mix(in_srgb,var(--primary-foreground)_45%,transparent),transparent)]"; /** * One pill segment. Idle: a translucent-white hover overlay over the pill. * Recording: a solid destructive (red) fill that stays red on hover, so a * live microphone reads as live. Deliberately no `aria-pressed` overlay: its * attribute selector would out-specify the red and wash it out. */ export declare const aiFabSegmentVariants: (props?: ({ recording?: boolean | "labelled" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; //# sourceMappingURL=ai-fab-pill.d.ts.map