@jmruthers/pace-core 0.5.53 → 0.5.55

package/src/components/PrintCard/PrintCard.tsx

@@ -1,154 +0,0 @@
-/**
- * @file PrintCard Component
- * @package @jmruthers/pace-core
- * @module PrintCard
- * @since 0.4.38
- * 
- * Print-optimized card component for catalogs and directories.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintCardProps } from './types';
-
-export function PrintCard({
-  children,
-  title,
-  subtitle,
-  variant = 'default',
-  size = 'md',
-  layout = 'vertical',
-  showBorder = true,
-  backgroundColor = 'white',
-  textColor = 'primary',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardProps) {
-  const getVariantClasses = (variant: string): string => {
-    switch (variant) {
-      case 'outlined':
-        return 'border-2 border-border bg-transparent';
-      case 'filled':
-        return 'border-0 bg-muted';
-      case 'elevated':
-        return 'shadow-lg border-0 bg-background';
-      default:
-        return 'border border-border bg-background';
-    }
-  };
-
-  const getSizeClasses = (size: string): string => {
-    switch (size) {
-      case 'sm':
-        return 'p-3';
-      case 'lg':
-        return 'p-6';
-      case 'xl':
-        return 'p-8';
-      default:
-        return 'p-4';
-    }
-  };
-
-  const getLayoutClasses = (layout: string): string => {
-    switch (layout) {
-      case 'horizontal':
-        return 'flex-row items-center';
-      case 'compact':
-        return 'p-2';
-      default:
-        return 'flex-col';
-    }
-  };
-
-  const getBackgroundClasses = (backgroundColor: string, variant: string): string => {
-    // Don't override variant backgrounds unless explicitly set
-    if (variant === 'outlined' && backgroundColor === 'white') {
-      return 'bg-transparent';
-    }
-    
-    switch (backgroundColor) {
-      case 'gray':
-        return 'bg-muted';
-      case 'primary':
-        return 'bg-primary text-primary-foreground';
-      case 'secondary':
-        return 'bg-secondary text-secondary-foreground';
-      case 'accent':
-        return 'bg-accent text-accent-foreground';
-      default:
-        return '';
-    }
-  };
-
-  const getTextColorClasses = (textColor: string, backgroundColor: string): string => {
-    // If background color sets text color, use that instead
-    if (backgroundColor === 'primary') {
-      return 'text-primary-foreground';
-    }
-    if (backgroundColor === 'secondary') {
-      return 'text-secondary-foreground';
-    }
-    if (backgroundColor === 'accent') {
-      return 'text-accent-foreground';
-    }
-    
-    switch (textColor) {
-      case 'secondary':
-        return 'text-secondary-foreground';
-      case 'muted':
-        return 'text-muted-foreground';
-      case 'accent':
-        return 'text-accent-foreground';
-      case 'destructive':
-        return 'text-destructive-foreground';
-      default:
-        return 'text-foreground';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:shadow-none',
-      'print:border-black',
-      'print:bg-white',
-      'print:text-black'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-card',
-        'flex',
-        'rounded-lg',
-        getVariantClasses(variant),
-        getBackgroundClasses(backgroundColor, variant),
-        getTextColorClasses(textColor, backgroundColor),
-        getSizeClasses(size),
-        getLayoutClasses(layout),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {title && (
-        <div className="mb-2">
-          <PrintText variant="heading" weight="semibold">
-            {title}
-          </PrintText>
-          {subtitle && (
-            <PrintText variant="caption" color="muted" className="mt-1">
-              {subtitle}
-            </PrintText>
-          )}
-        </div>
-      )}
-      {children}
-    </div>
-  );
-}

package/src/components/PrintCard/PrintCardContent.tsx

@@ -1,57 +0,0 @@
-/**
- * @file PrintCardContent Component
- * @package @jmruthers/pace-core
- * @module PrintCardContent
- * @since 0.4.38
- * 
- * Print-optimized card content component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintCardContentProps } from './types';
-
-export function PrintCardContent({
-  children,
-  padding = 'md',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardContentProps) {
-  const getPaddingClasses = (padding: string): string => {
-    switch (padding) {
-      case 'none':
-        return 'p-0';
-      case 'sm':
-        return 'p-2';
-      case 'lg':
-        return 'p-6';
-      default:
-        return 'p-4';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:text-sm',
-      'print:leading-tight'
-    );
-  };
-
-  return (
-    <div
-      data-testid="print-card-content"
-      className={cn(
-        'print-card-content',
-        getPaddingClasses(padding),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintCard/PrintCardFooter.tsx

@@ -1,60 +0,0 @@
-/**
- * @file PrintCardFooter Component
- * @package @jmruthers/pace-core
- * @module PrintCardFooter
- * @since 0.4.38
- * 
- * Print-optimized card footer component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintCardFooterProps } from './types';
-
-export function PrintCardFooter({
-  children,
-  align = 'left',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardFooterProps) {
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'text-center';
-      case 'right':
-        return 'text-right';
-      default:
-        return 'text-left';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-before-avoid',
-      'print:mt-2',
-      'print:pt-2',
-      'print:border-t',
-      'print:border-gray-300'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-card-footer',
-        'mt-4',
-        'pt-4',
-        'border-t',
-        'border-border',
-        getAlignmentClasses(align),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintCard/PrintCardGrid.tsx

@@ -1,91 +0,0 @@
-/**
- * @file PrintCardGrid Component
- * @package @jmruthers/pace-core
- * @module PrintCardGrid
- * @since 0.4.38
- * 
- * Print-optimized card grid component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintCardGridProps } from './types';
-
-export function PrintCardGrid({
-  children,
-  columns = 3,
-  gap = 'md',
-  rowGap = 'md',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardGridProps) {
-  const getColumnClasses = (columns: number): string => {
-    switch (columns) {
-      case 1:
-        return 'grid-cols-1';
-      case 2:
-        return 'grid-cols-2';
-      case 4:
-        return 'grid-cols-4';
-      case 5:
-        return 'grid-cols-5';
-      case 6:
-        return 'grid-cols-6';
-      default:
-        return 'grid-cols-3';
-    }
-  };
-
-  const getGapClasses = (gap: string): string => {
-    switch (gap) {
-      case 'sm':
-        return 'gap-2';
-      case 'lg':
-        return 'gap-6';
-      case 'xl':
-        return 'gap-8';
-      default:
-        return 'gap-4';
-    }
-  };
-
-  const getRowGapClasses = (rowGap: string): string => {
-    switch (rowGap) {
-      case 'sm':
-        return 'gap-y-2';
-      case 'lg':
-        return 'gap-y-6';
-      case 'xl':
-        return 'gap-y-8';
-      default:
-        return 'gap-y-4';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:grid-cols-2',
-      'print:gap-2',
-      'print:break-inside-avoid'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-card-grid',
-        'grid',
-        getColumnClasses(columns),
-        getGapClasses(gap),
-        getRowGapClasses(rowGap),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintCard/PrintCardHeader.tsx

@@ -1,78 +0,0 @@
-/**
- * @file PrintCardHeader Component
- * @package @jmruthers/pace-core
- * @module PrintCardHeader
- * @since 0.4.38
- * 
- * Print-optimized card header component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintCardHeaderProps } from './types';
-
-export function PrintCardHeader({
-  children,
-  title,
-  subtitle,
-  actions,
-  align = 'left',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardHeaderProps) {
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'text-center';
-      case 'right':
-        return 'text-right';
-      default:
-        return 'text-left';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-after-avoid',
-      'print:mb-2'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-card-header',
-        'flex',
-        'items-center',
-        'justify-between',
-        'mb-4',
-        getAlignmentClasses(align),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      <div className="flex-1">
-        {title && (
-          <PrintText variant="heading" weight="semibold">
-            {title}
-          </PrintText>
-        )}
-        {subtitle && (
-          <PrintText variant="caption" color="muted" className="mt-1">
-            {subtitle}
-          </PrintText>
-        )}
-        {children}
-      </div>
-      {actions && (
-        <div className="ml-4 flex-shrink-0">
-          {actions}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/PrintCard/PrintCardImage.tsx

@@ -1,81 +0,0 @@
-/**
- * @file PrintCardImage Component
- * @package @jmruthers/pace-core
- * @module PrintCardImage
- * @since 0.4.38
- * 
- * Print-optimized card image component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintCardImageProps } from './types';
-
-export function PrintCardImage({
-  src,
-  alt,
-  width,
-  height,
-  aspectRatio = 'auto',
-  objectFit = 'cover',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintCardImageProps) {
-  const getAspectRatioClasses = (aspectRatio: string): string => {
-    switch (aspectRatio) {
-      case 'square':
-        return 'aspect-square';
-      case 'portrait':
-        return 'aspect-[3/4]';
-      case 'landscape':
-        return 'aspect-[4/3]';
-      default:
-        return '';
-    }
-  };
-
-  const getObjectFitClasses = (objectFit: string): string => {
-    switch (objectFit) {
-      case 'contain':
-        return 'object-contain';
-      case 'fill':
-        return 'object-fill';
-      case 'none':
-        return 'object-none';
-      case 'scale-down':
-        return 'object-scale-down';
-      default:
-        return 'object-cover';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:max-w-full',
-      'print:h-auto',
-      'print:break-inside-avoid'
-    );
-  };
-
-  return (
-    <img
-      src={src}
-      alt={alt}
-      width={width}
-      height={height}
-      className={cn(
-        'print-card-image',
-        'w-full',
-        'h-auto',
-        'rounded-md',
-        getAspectRatioClasses(aspectRatio),
-        getObjectFitClasses(objectFit),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    />
-  );
-}