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 };