import * as react_jsx_runtime from 'react/jsx-runtime';
import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import { StatusBadgeTone } from '../../lib/status-badge-tints.js';
export { STATUS_BADGE_TONE_CLASS } from '../../lib/status-badge-tints.js';
/**
* StatusBadge — centralized chips for product chrome and semantic entity status.
*
* **Product** (`status`): Beta / New / Alpha on nav, tabs, cards. Uppercase, solid fills.
* **Semantic** (`label` + `tone` + `icon`): Published, In review, Draft anywhere in the app.
* Use `size="sm"` (default) or `size="md"` for density — not location-specific props.
*
* Usage:
*
*
*
*/
type StatusBadgeProductStatus = "beta" | "new" | "alpha" | "preview" | "deprecated";
type StatusBadgeSemanticSize = "sm" | "md";
/** @deprecated Use `StatusBadgeSemanticSize` */
type StatusBadgeSurface = "table" | "board" | "detail";
/** Default density — tables, lists, filters, inline rows. */
declare const STATUS_BADGE_SEMANTIC_SM_SHELL = "inline-flex w-fit shrink-0 items-center gap-1.5 px-2.5 py-1 text-xs font-medium leading-none";
/** Roomier density — cards, headers, panels. */
declare const STATUS_BADGE_SEMANTIC_MD_SHELL = "inline-flex h-6 min-h-6 w-fit shrink-0 items-center gap-1.5 px-2.5 py-0 text-xs font-medium leading-none border-0 shadow-none";
/** @deprecated Use `STATUS_BADGE_SEMANTIC_SM_SHELL` */
declare const STATUS_BADGE_TABLE_SHELL = "inline-flex w-fit shrink-0 items-center gap-1.5 px-2.5 py-1 text-xs font-medium leading-none";
/** @deprecated Use `STATUS_BADGE_SEMANTIC_MD_SHELL` */
declare const STATUS_BADGE_BOARD_SHELL = "inline-flex h-6 min-h-6 w-fit shrink-0 items-center gap-1.5 px-2.5 py-0 text-xs font-medium leading-none border-0 shadow-none";
/** @deprecated Use `STATUS_BADGE_SEMANTIC_MD_SHELL` */
declare const STATUS_BADGE_INSPECTOR_SHELL = "inline-flex h-6 min-h-6 w-fit shrink-0 items-center gap-1.5 px-2.5 py-0 text-xs font-medium leading-none border-0 shadow-none";
declare const productStatusBadgeVariants: (props?: ({
status?: "alpha" | "beta" | "new" | "preview" | "deprecated" | null | undefined;
size?: "xs" | "sm" | "md" | null | undefined;
variant?: "pill" | "dot" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare const semanticStatusBadgeVariants: (props?: ({
size?: "sm" | "md" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type StatusBadgeBaseProps = Omit, "children">;
type StatusBadgeProductProps = StatusBadgeBaseProps & VariantProps & {
status: StatusBadgeProductStatus;
label?: string;
tone?: never;
icon?: never;
tintClassName?: never;
surface?: never;
};
type StatusBadgeSemanticProps = StatusBadgeBaseProps & VariantProps & {
label: string;
/** Font Awesome suffix (e.g. `fa-circle-check`). Shown at sm + md when set. */
icon?: string;
tone?: StatusBadgeTone;
tintClassName?: string;
status?: never;
variant?: never;
/** @deprecated Use `size`. Maps table → sm; board | detail → md. */
surface?: StatusBadgeSurface;
};
type StatusBadgeProps = StatusBadgeProductProps | StatusBadgeSemanticProps;
declare function StatusBadge(props: StatusBadgeProps): react_jsx_runtime.JSX.Element;
export { STATUS_BADGE_BOARD_SHELL, STATUS_BADGE_INSPECTOR_SHELL, STATUS_BADGE_SEMANTIC_MD_SHELL, STATUS_BADGE_SEMANTIC_SM_SHELL, STATUS_BADGE_TABLE_SHELL, StatusBadge, type StatusBadgeProductProps, type StatusBadgeProductStatus, type StatusBadgeProps, type StatusBadgeSemanticProps, type StatusBadgeSemanticSize, type StatusBadgeSurface, StatusBadgeTone, productStatusBadgeVariants as statusBadgeVariants };