@cranberry-money/shared-utils 4.3.0 → 4.5.0

package/dist/badge-status.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Badge Status Utilities - Status-specific badge functions
+ *
+ * This module provides pre-configured badge functions for common status types
+ * in the MyPortfolio platform. It builds on top of the core badge system.
+ */
+import { TRADE_STATUS_EXECUTED, TRADE_STATUS_SETTLED, TRADE_STATUS_CANCELLED, TRADE_STATUS_FAILED, TARGET_TRADE_STATUS_PENDING, TARGET_TRADE_STATUS_APPROVED, TARGET_TRADE_STATUS_SUBMITTED, TARGET_TRADE_STATUS_CANCELLED, TARGET_TRADE_STATUS_EXPIRED, WITHDRAWAL_STATUS_PENDING_REVIEW, WITHDRAWAL_STATUS_APPROVED, WITHDRAWAL_STATUS_REJECTED, WITHDRAWAL_STATUS_PROCESSING, WITHDRAWAL_STATUS_AWAITING_LIQUIDATION, WITHDRAWAL_STATUS_LIQUIDATION_IN_PROGRESS, WITHDRAWAL_STATUS_COMPLETED, WITHDRAWAL_STATUS_CANCELLED, WITHDRAWAL_STATUS_FAILED, LIQUIDATION_STATUS_PENDING, LIQUIDATION_STATUS_TRADES_CREATED, LIQUIDATION_STATUS_EXECUTED, LIQUIDATION_STATUS_SETTLED, LIQUIDATION_STATUS_FAILED } from '@cranberry-money/shared-constants';
+import type { BadgeSize, BadgeStyle } from './badge';
+/**
+ * Extended badge style with display text for status badges
+ */
+export interface StatusBadgeStyle extends BadgeStyle {
+    displayText: string;
+}
+/**
+ * Trade status type encompassing regular and target trades
+ */
+export type TradeStatus = typeof TRADE_STATUS_EXECUTED | typeof TRADE_STATUS_SETTLED | typeof TRADE_STATUS_CANCELLED | typeof TRADE_STATUS_FAILED | typeof TARGET_TRADE_STATUS_PENDING | typeof TARGET_TRADE_STATUS_SUBMITTED | typeof TARGET_TRADE_STATUS_EXPIRED;
+/**
+ * Withdrawal status type
+ */
+export type WithdrawalStatus = typeof WITHDRAWAL_STATUS_PENDING_REVIEW | typeof WITHDRAWAL_STATUS_APPROVED | typeof WITHDRAWAL_STATUS_REJECTED | typeof WITHDRAWAL_STATUS_PROCESSING | typeof WITHDRAWAL_STATUS_AWAITING_LIQUIDATION | typeof WITHDRAWAL_STATUS_LIQUIDATION_IN_PROGRESS | typeof WITHDRAWAL_STATUS_COMPLETED | typeof WITHDRAWAL_STATUS_CANCELLED | typeof WITHDRAWAL_STATUS_FAILED;
+/**
+ * Liquidation status type
+ */
+export type LiquidationStatus = typeof LIQUIDATION_STATUS_PENDING | typeof LIQUIDATION_STATUS_TRADES_CREATED | typeof LIQUIDATION_STATUS_EXECUTED | typeof LIQUIDATION_STATUS_SETTLED | typeof LIQUIDATION_STATUS_FAILED;
+/**
+ * Target trade status type
+ */
+export type TargetTradeStatus = typeof TARGET_TRADE_STATUS_PENDING | typeof TARGET_TRADE_STATUS_APPROVED | typeof TARGET_TRADE_STATUS_SUBMITTED | typeof TARGET_TRADE_STATUS_CANCELLED | typeof TARGET_TRADE_STATUS_EXPIRED;
+/**
+ * Creates a badge for trade status
+ *
+ * @param status - Trade status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getTradeStatusBadge(TRADE_STATUS_SETTLED);
+ * // Returns badge with success variant and "Settled" display text
+ * ```
+ */
+export declare function getTradeStatusBadge(status: TradeStatus, size?: BadgeSize): StatusBadgeStyle;
+/**
+ * Creates a badge for withdrawal status
+ *
+ * @param status - Withdrawal status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getWithdrawalStatusBadge(WITHDRAWAL_STATUS_APPROVED);
+ * // Returns badge with success variant and "Approved" display text
+ * ```
+ */
+export declare function getWithdrawalStatusBadge(status: WithdrawalStatus, size?: BadgeSize): StatusBadgeStyle;
+/**
+ * Creates a badge for liquidation status
+ *
+ * @param status - Liquidation status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getLiquidationStatusBadge(LIQUIDATION_STATUS_SETTLED);
+ * // Returns badge with success variant and "Settled" display text
+ * ```
+ */
+export declare function getLiquidationStatusBadge(status: LiquidationStatus, size?: BadgeSize): StatusBadgeStyle;
+/**
+ * Creates a badge for target trade status
+ *
+ * @param status - Target trade status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getTargetTradeStatusBadge(TARGET_TRADE_STATUS_PENDING);
+ * // Returns badge with warning variant and "Pending" display text
+ * ```
+ */
+export declare function getTargetTradeStatusBadge(status: TargetTradeStatus, size?: BadgeSize): StatusBadgeStyle;
+//# sourceMappingURL=badge-status.d.ts.map

package/dist/badge-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-status.d.ts","sourceRoot":"","sources":["../src/badge-status.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EAKnB,2BAA2B,EAC3B,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAM3B,gCAAgC,EAChC,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,sCAAsC,EACtC,yCAAyC,EACzC,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EAUxB,0BAA0B,EAC1B,iCAAiC,EACjC,2BAA2B,EAC3B,0BAA0B,EAC1B,yBAAyB,EAM1B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAgB,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGnE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,OAAO,qBAAqB,GAC5B,OAAO,oBAAoB,GAC3B,OAAO,sBAAsB,GAC7B,OAAO,mBAAmB,GAC1B,OAAO,2BAA2B,GAClC,OAAO,6BAA6B,GACpC,OAAO,2BAA2B,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,OAAO,gCAAgC,GACvC,OAAO,0BAA0B,GACjC,OAAO,0BAA0B,GACjC,OAAO,4BAA4B,GACnC,OAAO,sCAAsC,GAC7C,OAAO,yCAAyC,GAChD,OAAO,2BAA2B,GAClC,OAAO,2BAA2B,GAClC,OAAO,wBAAwB,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,OAAO,0BAA0B,GACjC,OAAO,iCAAiC,GACxC,OAAO,2BAA2B,GAClC,OAAO,0BAA0B,GACjC,OAAO,yBAAyB,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,OAAO,2BAA2B,GAClC,OAAO,4BAA4B,GACnC,OAAO,6BAA6B,GACpC,OAAO,6BAA6B,GACpC,OAAO,2BAA2B,CAAC;AAgFvC;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,IAAI,GAAE,SAAgB,GACrB,gBAAgB,CAUlB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,gBAAgB,EACxB,IAAI,GAAE,SAAgB,GACrB,gBAAgB,CAUlB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,iBAAiB,EACzB,IAAI,GAAE,SAAgB,GACrB,gBAAgB,CAUlB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,iBAAiB,EACzB,IAAI,GAAE,SAAgB,GACrB,gBAAgB,CAUlB"}

package/dist/badge-status.js

@@ -0,0 +1,170 @@
+/**
+ * Badge Status Utilities - Status-specific badge functions
+ *
+ * This module provides pre-configured badge functions for common status types
+ * in the MyPortfolio platform. It builds on top of the core badge system.
+ */
+import { TRADE_STATUS_EXECUTED, TRADE_STATUS_SETTLED, TRADE_STATUS_CANCELLED, TRADE_STATUS_FAILED, TRADE_STATUS_LABEL_EXECUTED, TRADE_STATUS_LABEL_SETTLED, TRADE_STATUS_LABEL_CANCELLED, TRADE_STATUS_LABEL_FAILED, TARGET_TRADE_STATUS_PENDING, TARGET_TRADE_STATUS_APPROVED, TARGET_TRADE_STATUS_SUBMITTED, TARGET_TRADE_STATUS_CANCELLED, TARGET_TRADE_STATUS_EXPIRED, TARGET_TRADE_STATUS_LABEL_PENDING, TARGET_TRADE_STATUS_LABEL_APPROVED, TARGET_TRADE_STATUS_LABEL_SUBMITTED, TARGET_TRADE_STATUS_LABEL_CANCELLED, TARGET_TRADE_STATUS_LABEL_EXPIRED, WITHDRAWAL_STATUS_PENDING_REVIEW, WITHDRAWAL_STATUS_APPROVED, WITHDRAWAL_STATUS_REJECTED, WITHDRAWAL_STATUS_PROCESSING, WITHDRAWAL_STATUS_AWAITING_LIQUIDATION, WITHDRAWAL_STATUS_LIQUIDATION_IN_PROGRESS, WITHDRAWAL_STATUS_COMPLETED, WITHDRAWAL_STATUS_CANCELLED, WITHDRAWAL_STATUS_FAILED, WITHDRAWAL_STATUS_LABEL_PENDING_REVIEW, WITHDRAWAL_STATUS_LABEL_APPROVED, WITHDRAWAL_STATUS_LABEL_REJECTED, WITHDRAWAL_STATUS_LABEL_PROCESSING, WITHDRAWAL_STATUS_LABEL_AWAITING_LIQUIDATION, WITHDRAWAL_STATUS_LABEL_LIQUIDATION_IN_PROGRESS, WITHDRAWAL_STATUS_LABEL_COMPLETED, WITHDRAWAL_STATUS_LABEL_CANCELLED, WITHDRAWAL_STATUS_LABEL_FAILED, LIQUIDATION_STATUS_PENDING, LIQUIDATION_STATUS_TRADES_CREATED, LIQUIDATION_STATUS_EXECUTED, LIQUIDATION_STATUS_SETTLED, LIQUIDATION_STATUS_FAILED, LIQUIDATION_STATUS_LABEL_PENDING, LIQUIDATION_STATUS_LABEL_TRADES_CREATED, LIQUIDATION_STATUS_LABEL_EXECUTED, LIQUIDATION_STATUS_LABEL_SETTLED, LIQUIDATION_STATUS_LABEL_FAILED, } from '@cranberry-money/shared-constants';
+import { createBadge } from './badge';
+// Status to variant mappings
+const TRADE_STATUS_MAPPING = {
+    [TRADE_STATUS_EXECUTED]: 'primary',
+    [TRADE_STATUS_SETTLED]: 'success',
+    [TRADE_STATUS_CANCELLED]: 'error',
+    [TRADE_STATUS_FAILED]: 'error',
+    [TARGET_TRADE_STATUS_PENDING]: 'warning',
+    [TARGET_TRADE_STATUS_SUBMITTED]: 'primary',
+    [TARGET_TRADE_STATUS_EXPIRED]: 'neutral',
+};
+const WITHDRAWAL_STATUS_MAPPING = {
+    [WITHDRAWAL_STATUS_PENDING_REVIEW]: 'warning',
+    [WITHDRAWAL_STATUS_APPROVED]: 'success',
+    [WITHDRAWAL_STATUS_REJECTED]: 'error',
+    [WITHDRAWAL_STATUS_PROCESSING]: 'primary',
+    [WITHDRAWAL_STATUS_AWAITING_LIQUIDATION]: 'warning',
+    [WITHDRAWAL_STATUS_LIQUIDATION_IN_PROGRESS]: 'primary',
+    [WITHDRAWAL_STATUS_COMPLETED]: 'success',
+    [WITHDRAWAL_STATUS_CANCELLED]: 'neutral',
+    [WITHDRAWAL_STATUS_FAILED]: 'error',
+};
+const LIQUIDATION_STATUS_MAPPING = {
+    [LIQUIDATION_STATUS_PENDING]: 'warning',
+    [LIQUIDATION_STATUS_TRADES_CREATED]: 'primary',
+    [LIQUIDATION_STATUS_EXECUTED]: 'primary',
+    [LIQUIDATION_STATUS_SETTLED]: 'success',
+    [LIQUIDATION_STATUS_FAILED]: 'error',
+};
+const TARGET_TRADE_STATUS_MAPPING = {
+    [TARGET_TRADE_STATUS_PENDING]: 'warning',
+    [TARGET_TRADE_STATUS_APPROVED]: 'success',
+    [TARGET_TRADE_STATUS_SUBMITTED]: 'primary',
+    [TARGET_TRADE_STATUS_CANCELLED]: 'error',
+    [TARGET_TRADE_STATUS_EXPIRED]: 'neutral',
+};
+// Status to label mappings
+const TRADE_STATUS_LABELS = {
+    [TRADE_STATUS_EXECUTED]: TRADE_STATUS_LABEL_EXECUTED,
+    [TRADE_STATUS_SETTLED]: TRADE_STATUS_LABEL_SETTLED,
+    [TRADE_STATUS_CANCELLED]: TRADE_STATUS_LABEL_CANCELLED,
+    [TRADE_STATUS_FAILED]: TRADE_STATUS_LABEL_FAILED,
+    [TARGET_TRADE_STATUS_PENDING]: TARGET_TRADE_STATUS_LABEL_PENDING,
+    [TARGET_TRADE_STATUS_SUBMITTED]: TARGET_TRADE_STATUS_LABEL_SUBMITTED,
+    [TARGET_TRADE_STATUS_EXPIRED]: TARGET_TRADE_STATUS_LABEL_EXPIRED,
+};
+const WITHDRAWAL_STATUS_LABELS = {
+    [WITHDRAWAL_STATUS_PENDING_REVIEW]: WITHDRAWAL_STATUS_LABEL_PENDING_REVIEW,
+    [WITHDRAWAL_STATUS_APPROVED]: WITHDRAWAL_STATUS_LABEL_APPROVED,
+    [WITHDRAWAL_STATUS_REJECTED]: WITHDRAWAL_STATUS_LABEL_REJECTED,
+    [WITHDRAWAL_STATUS_PROCESSING]: WITHDRAWAL_STATUS_LABEL_PROCESSING,
+    [WITHDRAWAL_STATUS_AWAITING_LIQUIDATION]: WITHDRAWAL_STATUS_LABEL_AWAITING_LIQUIDATION,
+    [WITHDRAWAL_STATUS_LIQUIDATION_IN_PROGRESS]: WITHDRAWAL_STATUS_LABEL_LIQUIDATION_IN_PROGRESS,
+    [WITHDRAWAL_STATUS_COMPLETED]: WITHDRAWAL_STATUS_LABEL_COMPLETED,
+    [WITHDRAWAL_STATUS_CANCELLED]: WITHDRAWAL_STATUS_LABEL_CANCELLED,
+    [WITHDRAWAL_STATUS_FAILED]: WITHDRAWAL_STATUS_LABEL_FAILED,
+};
+const LIQUIDATION_STATUS_LABELS = {
+    [LIQUIDATION_STATUS_PENDING]: LIQUIDATION_STATUS_LABEL_PENDING,
+    [LIQUIDATION_STATUS_TRADES_CREATED]: LIQUIDATION_STATUS_LABEL_TRADES_CREATED,
+    [LIQUIDATION_STATUS_EXECUTED]: LIQUIDATION_STATUS_LABEL_EXECUTED,
+    [LIQUIDATION_STATUS_SETTLED]: LIQUIDATION_STATUS_LABEL_SETTLED,
+    [LIQUIDATION_STATUS_FAILED]: LIQUIDATION_STATUS_LABEL_FAILED,
+};
+const TARGET_TRADE_STATUS_LABELS = {
+    [TARGET_TRADE_STATUS_PENDING]: TARGET_TRADE_STATUS_LABEL_PENDING,
+    [TARGET_TRADE_STATUS_APPROVED]: TARGET_TRADE_STATUS_LABEL_APPROVED,
+    [TARGET_TRADE_STATUS_SUBMITTED]: TARGET_TRADE_STATUS_LABEL_SUBMITTED,
+    [TARGET_TRADE_STATUS_CANCELLED]: TARGET_TRADE_STATUS_LABEL_CANCELLED,
+    [TARGET_TRADE_STATUS_EXPIRED]: TARGET_TRADE_STATUS_LABEL_EXPIRED,
+};
+/**
+ * Creates a badge for trade status
+ *
+ * @param status - Trade status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getTradeStatusBadge(TRADE_STATUS_SETTLED);
+ * // Returns badge with success variant and "Settled" display text
+ * ```
+ */
+export function getTradeStatusBadge(status, size = 'md') {
+    const variant = TRADE_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = TRADE_STATUS_LABELS[status] || status.charAt(0) + status.slice(1).toLowerCase();
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Trade status: ${displayText}`,
+    };
+}
+/**
+ * Creates a badge for withdrawal status
+ *
+ * @param status - Withdrawal status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getWithdrawalStatusBadge(WITHDRAWAL_STATUS_APPROVED);
+ * // Returns badge with success variant and "Approved" display text
+ * ```
+ */
+export function getWithdrawalStatusBadge(status, size = 'md') {
+    const variant = WITHDRAWAL_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = WITHDRAWAL_STATUS_LABELS[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Withdrawal status: ${displayText}`,
+    };
+}
+/**
+ * Creates a badge for liquidation status
+ *
+ * @param status - Liquidation status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getLiquidationStatusBadge(LIQUIDATION_STATUS_SETTLED);
+ * // Returns badge with success variant and "Settled" display text
+ * ```
+ */
+export function getLiquidationStatusBadge(status, size = 'md') {
+    const variant = LIQUIDATION_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = LIQUIDATION_STATUS_LABELS[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Liquidation status: ${displayText}`,
+    };
+}
+/**
+ * Creates a badge for target trade status
+ *
+ * @param status - Target trade status constant
+ * @param size - Badge size (default: 'md')
+ * @returns Badge style with display text and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * const badge = getTargetTradeStatusBadge(TARGET_TRADE_STATUS_PENDING);
+ * // Returns badge with warning variant and "Pending" display text
+ * ```
+ */
+export function getTargetTradeStatusBadge(status, size = 'md') {
+    const variant = TARGET_TRADE_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = TARGET_TRADE_STATUS_LABELS[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Target trade status: ${displayText}`,
+    };
+}

package/dist/badge.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Badge System Core - Type definitions and factory function
+ *
+ * This module provides a standardized way to create and style badges.
+ * It ensures consistency in colors, typography, and semantic meaning
+ * while maintaining accessibility standards.
+ *
+ * Note: The actual style classes are designed to work with Tailwind CSS
+ * and assume a specific color system is in place.
+ */
+/**
+ * Badge variant types representing different semantic states
+ */
+export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+/**
+ * Badge size options
+ */
+export type BadgeSize = 'sm' | 'md' | 'lg';
+/**
+ * Configuration options for creating a badge
+ */
+export interface BadgeConfig {
+    /** The semantic variant of the badge */
+    variant: BadgeVariant;
+    /** Size of the badge (default: 'md') */
+    size?: BadgeSize;
+    /** Additional CSS classes to apply */
+    className?: string;
+}
+/**
+ * Badge style output with generated classes and accessibility attributes
+ */
+export interface BadgeStyle {
+    /** Combined CSS classes for the badge */
+    className: string;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+}
+/**
+ * Creates a badge style configuration with appropriate CSS classes
+ *
+ * @param config - Badge configuration options
+ * @param variantStyles - Optional custom variant styles (defaults to DEFAULT_BADGE_VARIANTS)
+ * @param sizeStyles - Optional custom size styles (defaults to DEFAULT_BADGE_SIZES)
+ * @returns Badge style object with className and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * // Create a success badge
+ * const successBadge = createBadge({ variant: 'success' });
+ * // Returns: { className: 'inline-flex items-center rounded-md font-medium whitespace-nowrap transition-colors bg-success-900/80 text-success-300 text-xs px-2 py-1', ariaLabel: 'success status' }
+ *
+ * // Create a large warning badge with custom class
+ * const warningBadge = createBadge({ variant: 'warning', size: 'lg', className: 'ml-2' });
+ *
+ * // Use custom variant styles
+ * const customVariants = { primary: 'bg-blue-500 text-white', ... };
+ * const customBadge = createBadge({ variant: 'primary' }, customVariants);
+ * ```
+ */
+export declare function createBadge({ variant, size, className }: BadgeConfig, variantStyles?: Record<BadgeVariant, string>, sizeStyles?: Record<BadgeSize, string>): BadgeStyle;
+/**
+ * Export the default style mappings for consumers who want to use them directly
+ * or extend them with their own styles
+ */
+export declare const BADGE_VARIANTS: Record<BadgeVariant, string>;
+export declare const BADGE_SIZES: Record<BadgeSize, string>;
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1G;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,OAAO,EAAE,YAAY,CAAC;IACtB,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CACzB,EAAE,OAAO,EAAE,IAAW,EAAE,SAAc,EAAE,EAAE,WAAW,EACrD,aAAa,GAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAA0B,EACpE,UAAU,GAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAuB,GAC1D,UAAU,CAQZ;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,8BAAyB,CAAC;AACrD,eAAO,MAAM,WAAW,2BAAsB,CAAC"}

package/dist/badge.js

@@ -0,0 +1,71 @@
+/**
+ * Badge System Core - Type definitions and factory function
+ *
+ * This module provides a standardized way to create and style badges.
+ * It ensures consistency in colors, typography, and semantic meaning
+ * while maintaining accessibility standards.
+ *
+ * Note: The actual style classes are designed to work with Tailwind CSS
+ * and assume a specific color system is in place.
+ */
+/**
+ * Default variant styles using Tailwind CSS classes
+ * These assume a specific color system with surface and semantic colors
+ */
+const DEFAULT_BADGE_VARIANTS = {
+    primary: 'bg-surface-tertiary text-content-secondary',
+    secondary: 'bg-surface-secondary text-content-body',
+    success: 'bg-success-900/80 text-success-300',
+    warning: 'bg-warning-900/80 text-warning-300',
+    error: 'bg-error-900/80 text-error-300',
+    info: 'bg-surface-tertiary text-content-body',
+    neutral: 'bg-surface-secondary text-content-muted',
+};
+/**
+ * Default size styles for badges
+ */
+const DEFAULT_BADGE_SIZES = {
+    sm: 'text-xs px-1.5 py-0.5',
+    md: 'text-xs px-2 py-1',
+    lg: 'text-sm px-3 py-1.5',
+};
+/**
+ * Base badge styles that apply to all badges
+ */
+const BASE_BADGE_STYLES = 'inline-flex items-center rounded-md font-medium whitespace-nowrap transition-colors';
+/**
+ * Creates a badge style configuration with appropriate CSS classes
+ *
+ * @param config - Badge configuration options
+ * @param variantStyles - Optional custom variant styles (defaults to DEFAULT_BADGE_VARIANTS)
+ * @param sizeStyles - Optional custom size styles (defaults to DEFAULT_BADGE_SIZES)
+ * @returns Badge style object with className and accessibility attributes
+ *
+ * @example
+ * ```typescript
+ * // Create a success badge
+ * const successBadge = createBadge({ variant: 'success' });
+ * // Returns: { className: 'inline-flex items-center rounded-md font-medium whitespace-nowrap transition-colors bg-success-900/80 text-success-300 text-xs px-2 py-1', ariaLabel: 'success status' }
+ *
+ * // Create a large warning badge with custom class
+ * const warningBadge = createBadge({ variant: 'warning', size: 'lg', className: 'ml-2' });
+ *
+ * // Use custom variant styles
+ * const customVariants = { primary: 'bg-blue-500 text-white', ... };
+ * const customBadge = createBadge({ variant: 'primary' }, customVariants);
+ * ```
+ */
+export function createBadge({ variant, size = 'md', className = '' }, variantStyles = DEFAULT_BADGE_VARIANTS, sizeStyles = DEFAULT_BADGE_SIZES) {
+    const variantClasses = variantStyles[variant] || variantStyles.neutral;
+    const sizeClasses = sizeStyles[size];
+    return {
+        className: `${BASE_BADGE_STYLES} ${variantClasses} ${sizeClasses} ${className}`.trim(),
+        ariaLabel: `${variant} status`,
+    };
+}
+/**
+ * Export the default style mappings for consumers who want to use them directly
+ * or extend them with their own styles
+ */
+export const BADGE_VARIANTS = DEFAULT_BADGE_VARIANTS;
+export const BADGE_SIZES = DEFAULT_BADGE_SIZES;

package/dist/index.d.ts

@@ -7,4 +7,8 @@
 export { truncateText } from './text';
 export { formatDate, formatShortDate, formatTime, formatDateTime } from './date';
 export { NUMBER_FORMAT_OPTIONS_CURRENCY, NUMBER_FORMAT_OPTIONS_CURRENCY_SIGNED, formatCurrency, parseCurrencyInput, formatCurrencyWithCode, formatDefaultCurrency, formatShares, } from './currency';
+export type { BadgeVariant, BadgeSize, BadgeConfig, BadgeStyle } from './badge';
+export { createBadge, BADGE_VARIANTS, BADGE_SIZES } from './badge';
+export type { StatusBadgeStyle, TradeStatus, WithdrawalStatus, LiquidationStatus, TargetTradeStatus } from './badge-status';
+export { getTradeStatusBadge, getWithdrawalStatusBadge, getLiquidationStatusBadge, getTargetTradeStatusBadge, } from './badge-status';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGjF,OAAO,EACL,8BAA8B,EAC9B,qCAAqC,EACrC,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,GACb,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGjF,OAAO,EACL,8BAA8B,EAC9B,qCAAqC,EACrC,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,GACb,MAAM,YAAY,CAAC;AAGpB,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGnE,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -10,3 +10,5 @@ export { truncateText } from './text';
 export { formatDate, formatShortDate, formatTime, formatDateTime } from './date';
 // Currency formatting utilities
 export { NUMBER_FORMAT_OPTIONS_CURRENCY, NUMBER_FORMAT_OPTIONS_CURRENCY_SIGNED, formatCurrency, parseCurrencyInput, formatCurrencyWithCode, formatDefaultCurrency, formatShares, } from './currency';
+export { createBadge, BADGE_VARIANTS, BADGE_SIZES } from './badge';
+export { getTradeStatusBadge, getWithdrawalStatusBadge, getLiquidationStatusBadge, getTargetTradeStatusBadge, } from './badge-status';

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@cranberry-money/shared-utils",
-  "version": "4.3.0",
+  "version": "4.5.0",
   "description": "Shared utility functions for MyPortfolio platform",
+  "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -18,7 +19,9 @@
     "build": "tsc",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
-    "dev": "tsc --watch"
+    "dev": "tsc --watch",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix"
   },
   "dependencies": {
     "@cranberry-money/shared-constants": "^4.0.0",