@trinityui/design-system 1.0.2 → 1.0.4

package/dist/components/StatusIndicator/Badge.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @fileoverview Badge component.
+ * @module components/StatusIndicator/Badge
+ * Status Indicator - Badge and Differential Components
+ * BadgeIndicator, DifferentialIndicator
+ * @example
+ * ```tsx
+ *  import { Badge } from '@trinityui/design-system';
+ *
+ *  <Badge
+ *  >
+ *    <div>Example content</div>
+ *  </Badge>
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { StatusType, StatusSize } from './types';
+/**
+ * Props for BadgeIndicator component.
+ */
+export interface BadgeIndicatorProps {
+    /** The content to wrap with badge */
+    children: React.ReactNode;
+    /** Number to display (max 999+) */
+    count?: number;
+    /** Whether to show dot instead of number */
+    dot?: boolean;
+    /** The status type for color */
+    status?: StatusType;
+    /** Max count before showing + */
+    max?: number;
+    /** Whether badge is visible */
+    invisible?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Badge Indicator - Used when a count of new or updated items is available.
+ * Displays over an icon or other content.
+ */
+export declare const BadgeIndicator: React.FC<BadgeIndicatorProps>;
+/**
+ * Props for DifferentialIndicator component.
+ */
+export interface DifferentialIndicatorProps {
+    /** The value (positive or negative) */
+    value: number;
+    /** Format as percentage */
+    percentage?: boolean;
+    /** Format as currency */
+    currency?: string;
+    /** Show arrow/caret icon */
+    showIcon?: boolean;
+    /** Size of the indicator */
+    size?: StatusSize;
+    /** Whether to show color */
+    showColor?: boolean;
+    /** Custom positive color */
+    positiveColor?: string;
+    /** Custom negative color */
+    negativeColor?: string;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Differential Indicator - Used for displaying positive or negative changes.
+ * Common in financial dashboards and data visualizations.
+ */
+export declare const DifferentialIndicator: React.FC<DifferentialIndicatorProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/StatusIndicator/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAErF,OAAO,EAAE,UAAU,EAAE,UAAU,EAA8B,MAAM,SAAS,CAAC;AAM7E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,gCAAgC;IAChC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgCxD,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkDtE,CAAC"}

package/dist/components/StatusIndicator/Chip.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @fileoverview Chip component.
+ * @module components/StatusIndicator/Chip
+ * Status Indicator - Chip and Inline Components
+ * StatusChip, InlineStatus
+ * @example
+ * ```tsx
+ *  import { Chip } from '@trinityui/design-system';
+ *
+ *  <Chip
+ *    status={undefined as never}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { StatusType, StatusSize } from './types';
+/**
+ * Props for StatusChip component.
+ */
+export interface StatusChipProps {
+    /** The status type */
+    status: StatusType;
+    /** Optional custom label (overrides default) */
+    label?: string;
+    /** Size of the chip */
+    size?: 'small' | 'medium';
+    /** Whether to show icon */
+    showIcon?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Delete handler */
+    onDelete?: () => void;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Status Chip - A compact status indicator using MUI Chip component.
+ * Useful for tags, filters, and inline status labels.
+ */
+export declare const StatusChip: React.FC<StatusChipProps>;
+/**
+ * Props for InlineStatus component.
+ */
+export interface InlineStatusProps {
+    /** The status type */
+    status: StatusType;
+    /** Optional custom label (overrides default) */
+    label?: string;
+    /** Whether to show dot */
+    showDot?: boolean;
+    /** Whether to show icon */
+    showIcon?: boolean;
+    /** Size */
+    size?: StatusSize;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Inline Status - A text-based status indicator with optional dot/icon.
+ * Useful for status in tables and lists.
+ */
+export declare const InlineStatus: React.FC<InlineStatusProps>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/StatusIndicator/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/Chip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA2B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,UAAU,EAA8B,MAAM,SAAS,CAAC;AAO7E;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqChD,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkCpD,CAAC"}

package/dist/components/StatusIndicator/Indicators.d.ts

@@ -0,0 +1,81 @@
+/**
+ * @fileoverview Indicators component.
+ * @module components/StatusIndicator/Indicators
+ * Status Indicator - Core Indicator Components
+ * IconIndicator, ShapeIndicator, StatusDot
+ * @example
+ * ```tsx
+ *  import { Indicators } from '@trinityui/design-system';
+ *
+ *  <Indicators
+ *    status={undefined as never}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { StatusType, StatusSize, StatusShape } from './types';
+/**
+ * Props for IconIndicator component.
+ */
+export interface IconIndicatorProps {
+    /** The status type */
+    status: StatusType;
+    /** Size of the indicator */
+    size?: StatusSize;
+    /** Optional custom label (overrides default) */
+    label?: string;
+    /** Whether to show the label */
+    showLabel?: boolean;
+    /** Whether to show only the icon without background */
+    iconOnly?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Icon Indicator - Used when the layout offers ample space and the content requires maximum attention.
+ * Consists of an icon, a shape, a meaningful color, and a descriptive label.
+ */
+export declare const IconIndicator: React.FC<IconIndicatorProps>;
+/**
+ * Props for ShapeIndicator component.
+ */
+export interface ShapeIndicatorProps {
+    /** The status type */
+    status: StatusType;
+    /** Override the default shape */
+    shape?: StatusShape;
+    /** Size of the indicator */
+    size?: StatusSize;
+    /** Optional custom label (overrides default) */
+    label?: string;
+    /** Whether to show the label */
+    showLabel?: boolean;
+    /** Whether to show outline (recommended for light colors) */
+    showOutline?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Shape Indicator - Useful in smaller spaces or when users need to scan large amounts of data.
+ * Uses shape and color to convey status without relying on symbols.
+ */
+export declare const ShapeIndicator: React.FC<ShapeIndicatorProps>;
+/**
+ * Props for StatusDot component.
+ */
+export interface StatusDotProps {
+    /** The status type */
+    status: StatusType;
+    /** Size of the dot */
+    size?: StatusSize;
+    /** Whether to pulse/animate */
+    pulse?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Status Dot - A minimal status indicator, useful for inline status display.
+ */
+export declare const StatusDot: React.FC<StatusDotProps>;
+//# sourceMappingURL=Indicators.d.ts.map

package/dist/components/StatusIndicator/Indicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicators.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/Indicators.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAA8B,MAAM,SAAS,CAAC;AAQ1F;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoDtD,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6BxD,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAC"}

package/dist/components/StatusIndicator/Legend.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @fileoverview Legend component.
+ * @module components/StatusIndicator/Legend
+ * Status Indicator - Legend Component
+ * StatusLegend for dashboards and charts
+ * @example
+ * ```tsx
+ *  import { Legend } from '@trinityui/design-system';
+ *
+ *  <Legend
+ *    items={[]}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { StatusType, StatusSize } from './types';
+export interface StatusLegendItem {
+    status: StatusType;
+    label?: string;
+    count?: number;
+}
+/**
+ * Props for StatusLegend component.
+ */
+export interface StatusLegendProps {
+    /** Items to display in legend */
+    items: StatusLegendItem[];
+    /** Variant: icon or shape */
+    variant?: 'icon' | 'shape' | 'dot';
+    /** Layout direction */
+    direction?: 'row' | 'column';
+    /** Size */
+    size?: StatusSize;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Status Legend - A collection of status indicators for use in dashboards and charts.
+ */
+export declare const StatusLegend: React.FC<StatusLegendProps>;
+//# sourceMappingURL=Legend.d.ts.map

package/dist/components/StatusIndicator/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/Legend.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,UAAU,EAA8B,MAAM,SAAS,CAAC;AAS7E,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACnC,uBAAuB;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwEpD,CAAC"}

package/dist/components/StatusIndicator/Shapes.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @fileoverview Shapes component.
+ * @module components/StatusIndicator/Shapes
+ * Status Indicator - Shape Components
+ * SVG shape components for different status shapes
+ * @example
+ * ```tsx
+ *  import { Shapes } from '@trinityui/design-system';
+ *
+ *  <Shapes
+ *    size={0}
+ *    color="Example"
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { StatusShape } from './types';
+/**
+ * Props for Shape component.
+ */
+export interface ShapeProps {
+    size: number;
+    color: string;
+    outline?: string;
+}
+export declare const CircleShape: React.FC<ShapeProps>;
+export declare const SquareShape: React.FC<ShapeProps>;
+export declare const DiamondShape: React.FC<ShapeProps>;
+export declare const TriangleShape: React.FC<ShapeProps>;
+export declare const HexagonShape: React.FC<ShapeProps>;
+export declare const ShapeComponents: Record<StatusShape, React.FC<ShapeProps>>;
+//# sourceMappingURL=Shapes.d.ts.map

package/dist/components/StatusIndicator/Shapes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shapes.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/Shapes.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAI5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAI5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAQ7C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAQ9C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAO7C,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAMrE,CAAC"}

package/dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,183 @@
+/**
+ * @fileoverview StatusIndicator component.
+ * @module components/StatusIndicator/StatusIndicator
+ * StatusIndicator - Unified Polymorphic Status Component
+ *
+ * A single, flexible status indicator that can render in multiple variants.
+ * Consolidates: IconIndicator, ShapeIndicator, StatusDot, StatusChip, InlineStatus,
+ * BadgeIndicator, DifferentialIndicator into one component.
+ *
+ * @version 2.0.0
+ * @example
+ * ```tsx
+ *  import { StatusIndicator } from '@trinityui/design-system';
+ *
+ *  <StatusIndicator />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { StatusType, StatusSize, StatusShape } from './types';
+/**
+ * Available display variants for the StatusIndicator
+ *
+ * - `icon`: Icon with circular background and optional label
+ * - `shape`: Geometric shape (circle, square, diamond, triangle, hexagon) with label
+ * - `dot`: Minimal colored dot, optionally with pulse animation
+ * - `chip`: MUI Chip-based status tag
+ * - `inline`: Text label with optional dot/icon prefix
+ * - `badge`: Wraps children with a notification badge
+ * - `differential`: Shows positive/negative value changes
+ */
+export type StatusVariant = 'icon' | 'shape' | 'dot' | 'chip' | 'inline' | 'badge' | 'differential';
+/**
+ * Base props shared across all variants
+ */
+interface BaseStatusProps {
+    /** Visual variant of the indicator */
+    variant?: StatusVariant;
+    /** The semantic status type - determines color, icon, and default label */
+    status?: StatusType;
+    /** Size of the indicator */
+    size?: StatusSize;
+    /** Custom label (overrides status default) */
+    label?: string;
+    /** Whether to show the label text */
+    showLabel?: boolean;
+    /** Custom MUI sx props */
+    sx?: SxProps<Theme>;
+    /** Accessible label for screen readers */
+    'aria-label'?: string;
+}
+/**
+ * Props specific to 'icon' variant
+ */
+interface IconVariantProps {
+    variant: 'icon';
+    /** Show only the icon without background shape */
+    iconOnly?: boolean;
+}
+/**
+ * Props specific to 'shape' variant
+ */
+interface ShapeVariantProps {
+    variant: 'shape';
+    /** Override the default shape for the status */
+    shape?: StatusShape;
+    /** Show outline around shape (recommended for light colors) */
+    showOutline?: boolean;
+}
+/**
+ * Props specific to 'dot' variant
+ */
+interface DotVariantProps {
+    variant: 'dot';
+    /** Enable pulsing animation */
+    pulse?: boolean;
+}
+/**
+ * Props specific to 'chip' variant
+ */
+interface ChipVariantProps {
+    variant: 'chip';
+    /** Show icon in chip */
+    showIcon?: boolean;
+    /** Chip click handler */
+    onClick?: () => void;
+    /** Chip delete handler */
+    onDelete?: () => void;
+}
+/**
+ * Props specific to 'inline' variant
+ */
+interface InlineVariantProps {
+    variant: 'inline';
+    /** Show colored dot before label */
+    showDot?: boolean;
+    /** Show icon before label (mutually exclusive with showDot) */
+    showIcon?: boolean;
+}
+/**
+ * Props specific to 'badge' variant
+ */
+interface BadgeVariantProps {
+    variant: 'badge';
+    /** Content to wrap with badge */
+    children: React.ReactNode;
+    /** Badge count (0-999+) */
+    count?: number;
+    /** Show dot instead of count */
+    dot?: boolean;
+    /** Maximum count before showing + */
+    max?: number;
+    /** Hide the badge */
+    invisible?: boolean;
+}
+/**
+ * Props specific to 'differential' variant
+ */
+interface DifferentialVariantProps {
+    variant: 'differential';
+    /** The numeric value (positive or negative) */
+    value: number;
+    /** Format as percentage */
+    percentage?: boolean;
+    /** Format with currency symbol */
+    currency?: string;
+    /** Show trending arrow icon */
+    showIcon?: boolean;
+    /** Show color based on positive/negative */
+    showColor?: boolean;
+    /** Custom color for positive values */
+    positiveColor?: string;
+    /** Custom color for negative values */
+    negativeColor?: string;
+}
+/**
+ * Default variant props (when variant is omitted or 'icon')
+ */
+interface DefaultVariantProps {
+    variant?: undefined;
+    iconOnly?: boolean;
+}
+/**
+ * Union type of all StatusIndicator props
+ */
+export type StatusIndicatorProps = BaseStatusProps & (IconVariantProps | ShapeVariantProps | DotVariantProps | ChipVariantProps | InlineVariantProps | BadgeVariantProps | DifferentialVariantProps | DefaultVariantProps);
+/**
+ * StatusIndicator - A unified, polymorphic status indicator component.
+ *
+ * Renders different visual representations based on the `variant` prop:
+ * - `icon`: Icon with background (default)
+ * - `shape`: Geometric shape indicator
+ * - `dot`: Minimal colored dot
+ * - `chip`: Tag-style chip
+ * - `inline`: Text with dot/icon prefix
+ * - `badge`: Notification badge wrapper
+ * - `differential`: Positive/negative value indicator
+ *
+ * @example
+ * // Basic icon indicator
+ * <StatusIndicator status="success" />
+ *
+ * @example
+ * // Chip variant
+ * <StatusIndicator variant="chip" status="warning" label="Pending Review" />
+ *
+ * @example
+ * // Dot with pulse animation
+ * <StatusIndicator variant="dot" status="running" pulse />
+ *
+ * @example
+ * // Badge wrapping an icon
+ * <StatusIndicator variant="badge" status="error" count={5}>
+ *   <NotificationsIcon />
+ * </StatusIndicator>
+ *
+ * @example
+ * // Differential value
+ * <StatusIndicator variant="differential" value={12.5} percentage />
+ */
+export declare const StatusIndicator: React.FC<StatusIndicatorProps>;
+export default StatusIndicator;
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/components/StatusIndicator/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"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"}

package/dist/components/StatusIndicator/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @internal
+ * Status Indicator Module
+ * Internal barrel file for status indicator components.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ * This file is for internal workspace use only.
+ *
+ * @module StatusIndicator
+ * @version 2.0.0
+ */
+export { StatusIndicator, default as StatusIndicatorDefault, type StatusIndicatorProps, type StatusVariant, } from './StatusIndicator';
+export { type StatusType, type SeverityLevel, type StatusShape, type StatusSize, type StatusConfig, } from './types';
+/** @internal */
+export { statusConfigs } from './types';
+/** @internal */
+export { sizeConfigs } from './types';
+/** @internal */
+export { getStatusConfig } from './types';
+/** @internal */
+export { getAllStatusTypes } from './types';
+/** @internal */
+export { getStatusTypesBySeverity } from './types';
+export { type ShapeProps } from './Shapes';
+/** @internal */
+export { CircleShape } from './Shapes';
+/** @internal */
+export { SquareShape } from './Shapes';
+/** @internal */
+export { DiamondShape } from './Shapes';
+/** @internal */
+export { TriangleShape } from './Shapes';
+/** @internal */
+export { HexagonShape } from './Shapes';
+/** @internal */
+export { ShapeComponents } from './Shapes';
+/** @internal */
+export { IconIndicator } from './Indicators';
+/** @internal */
+export { ShapeIndicator } from './Indicators';
+/** @internal */
+export { StatusDot } from './Indicators';
+/** @internal */
+export { StatusChip } from './Chip';
+/** @internal */
+export { InlineStatus } from './Chip';
+/** @internal */
+export { BadgeIndicator } from './Badge';
+/** @internal */
+export { DifferentialIndicator } from './Badge';
+export type { IconIndicatorProps, ShapeIndicatorProps, StatusDotProps } from './Indicators';
+export type { StatusChipProps, InlineStatusProps } from './Chip';
+export type { BadgeIndicatorProps, DifferentialIndicatorProps } from './Badge';
+export { StatusLegend, type StatusLegendItem, type StatusLegendProps, } from './Legend';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/StatusIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,EACL,eAAe,EACf,OAAO,IAAI,sBAAsB,EACjC,KAAK,oBAAoB,EACzB,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,gBAAgB;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,gBAAgB;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,gBAAgB;AAChB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,gBAAgB;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,gBAAgB;AAChB,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAKnD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,gBAAgB;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,gBAAgB;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,gBAAgB;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,gBAAgB;AAChB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAO3C,gBAAgB;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,gBAAgB;AAChB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,gBAAgB;AAChB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,gBAAgB;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,gBAAgB;AAChB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC5F,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAK/E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}

package/dist/components/StatusIndicator/types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Status Indicator - Types and Configuration
+ * Centralized type definitions and status configs
+ */
+export type StatusType = 'error' | 'critical' | 'failed' | 'rejected' | 'cancelled' | 'warning' | 'caution' | 'pending' | 'in-progress' | 'running' | 'success' | 'complete' | 'approved' | 'active' | 'enabled' | 'info' | 'new' | 'updated' | 'draft' | 'inactive' | 'disabled' | 'unknown' | 'beta' | 'experimental';
+export type SeverityLevel = 'high' | 'medium' | 'low' | 'info' | 'neutral';
+export type StatusShape = 'circle' | 'square' | 'diamond' | 'triangle' | 'hexagon';
+export type StatusSize = 'small' | 'medium' | 'large';
+export interface StatusConfig {
+    color: string;
+    backgroundColor: string;
+    outlineColor?: string;
+    icon: string;
+    shape: StatusShape;
+    severity: SeverityLevel;
+    label: string;
+}
+export declare const statusConfigs: Record<StatusType, StatusConfig>;
+export declare const sizeConfigs: Record<StatusSize, {
+    icon: number;
+    shape: number;
+    fontSize: string;
+    dotSize: number;
+}>;
+/**
+ * Get the configuration for a status type
+ */
+export declare const getStatusConfig: (status: StatusType) => StatusConfig;
+/**
+ * Get all available status types
+ */
+export declare const getAllStatusTypes: () => StatusType[];
+/**
+ * Get status types by severity level
+ */
+export declare const getStatusTypesBySeverity: (severity: SeverityLevel) => StatusType[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/StatusIndicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAWH,MAAM,MAAM,UAAU,GAElB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,WAAW,GAEX,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GAET,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,SAAS,GAET,MAAM,GACN,KAAK,GACL,SAAS,GAET,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GAET,MAAM,GACN,cAAc,CAAC;AAEnB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAMtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAMD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CA+M1D,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAI9G,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,UAAU,KAAG,YAAqC,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,UAAU,EAAgD,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,UAAU,aAAa,KAAG,UAAU,EAI5E,CAAC"}