@jmruthers/pace-core 0.5.54 → 0.5.56

package/src/components/PrintGrid/PrintGrid.tsx

@@ -1,180 +0,0 @@
-/**
- * @file PrintGrid Component
- * @package @jmruthers/pace-core
- * @module PrintGrid
- * @since 0.4.38
- * 
- * Print-optimized grid component with responsive and print-specific columns.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintGridProps } from './types';
-
-export function PrintGrid({
-  children,
-  columns = 12,
-  gap = 'md',
-  rowGap,
-  columnGap,
-  align = 'stretch',
-  justify = 'start',
-  printColumns,
-  printGap,
-  printRowGap,
-  printColumnGap,
-  printOptimized = true,
-  className,
-  ...props
-}: PrintGridProps) {
-  const getColumnsClasses = (cols: number): string => {
-    switch (cols) {
-      case 1:
-        return 'grid-cols-1';
-      case 2:
-        return 'grid-cols-2';
-      case 3:
-        return 'grid-cols-3';
-      case 4:
-        return 'grid-cols-4';
-      case 5:
-        return 'grid-cols-5';
-      case 6:
-        return 'grid-cols-6';
-      case 12:
-        return 'grid-cols-12';
-      default:
-        return 'grid-cols-12';
-    }
-  };
-
-  const getGapClasses = (gap: string): string => {
-    switch (gap) {
-      case 'none':
-        return 'gap-0';
-      case 'sm':
-        return 'gap-2';
-      case 'lg':
-        return 'gap-6';
-      case 'xl':
-        return 'gap-8';
-      default:
-        return 'gap-4';
-    }
-  };
-
-  const getRowGapClasses = (gap: string): string => {
-    switch (gap) {
-      case 'none':
-        return 'gap-y-0';
-      case 'sm':
-        return 'gap-y-2';
-      case 'lg':
-        return 'gap-y-6';
-      case 'xl':
-        return 'gap-y-8';
-      default:
-        return 'gap-y-4';
-    }
-  };
-
-  const getColumnGapClasses = (gap: string): string => {
-    switch (gap) {
-      case 'none':
-        return 'gap-x-0';
-      case 'sm':
-        return 'gap-x-2';
-      case 'lg':
-        return 'gap-x-6';
-      case 'xl':
-        return 'gap-x-8';
-      default:
-        return 'gap-x-4';
-    }
-  };
-
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'start':
-        return 'items-start';
-      case 'center':
-        return 'items-center';
-      case 'end':
-        return 'items-end';
-      default:
-        return 'items-stretch';
-    }
-  };
-
-  const getJustifyClasses = (justify: string): string => {
-    switch (justify) {
-      case 'center':
-        return 'justify-center';
-      case 'end':
-        return 'justify-end';
-      case 'between':
-        return 'justify-between';
-      case 'around':
-        return 'justify-around';
-      case 'evenly':
-        return 'justify-evenly';
-      default:
-        return 'justify-start';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:mb-4'
-    );
-  };
-
-  const getPrintColumnsClasses = (): string => {
-    if (!printColumns) return '';
-    return cn(
-      'print:grid',
-      `print:${getColumnsClasses(printColumns)}`
-    );
-  };
-
-  const getPrintGapClasses = (): string => {
-    if (!printGap) return '';
-    return `print:${getGapClasses(printGap)}`;
-  };
-
-  const getPrintRowGapClasses = (): string => {
-    if (!printRowGap) return '';
-    return `print:${getRowGapClasses(printRowGap)}`;
-  };
-
-  const getPrintColumnGapClasses = (): string => {
-    if (!printColumnGap) return '';
-    return `print:${getColumnGapClasses(printColumnGap)}`;
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-grid',
-        'grid',
-        getColumnsClasses(columns),
-        getGapClasses(gap),
-        rowGap && getRowGapClasses(rowGap),
-        columnGap && getColumnGapClasses(columnGap),
-        getAlignmentClasses(align),
-        getJustifyClasses(justify),
-        getPrintOptimizedClasses(),
-        getPrintColumnsClasses(),
-        getPrintGapClasses(),
-        getPrintRowGapClasses(),
-        getPrintColumnGapClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintGrid/PrintGridBreakpoint.tsx

@@ -1,109 +0,0 @@
-/**
- * @file PrintGridBreakpoint Component
- * @package @jmruthers/pace-core
- * @module PrintGridBreakpoint
- * @since 0.4.38
- * 
- * Print-optimized grid breakpoint component for responsive grid layouts.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintGridBreakpointProps } from './types';
-
-export function PrintGridBreakpoint({
-  children,
-  size = 'md',
-  columns = 12,
-  gap = 'md',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintGridBreakpointProps) {
-  const getSizeClasses = (size: string): string => {
-    switch (size) {
-      case 'sm':
-        return 'sm:';
-      case 'md':
-        return 'md:';
-      case 'lg':
-        return 'lg:';
-      case 'xl':
-        return 'xl:';
-      case '2xl':
-        return '2xl:';
-      default:
-        return 'md:';
-    }
-  };
-
-  const getColumnsClasses = (cols: number): string => {
-    switch (cols) {
-      case 1:
-        return 'grid-cols-1';
-      case 2:
-        return 'grid-cols-2';
-      case 3:
-        return 'grid-cols-3';
-      case 4:
-        return 'grid-cols-4';
-      case 5:
-        return 'grid-cols-5';
-      case 6:
-        return 'grid-cols-6';
-      case 12:
-        return 'grid-cols-12';
-      default:
-        return 'grid-cols-12';
-    }
-  };
-
-  const getGapClasses = (gap: string): string => {
-    switch (gap) {
-      case 'none':
-        return 'gap-0';
-      case 'sm':
-        return 'gap-2';
-      case 'lg':
-        return 'gap-6';
-      case 'xl':
-        return 'gap-8';
-      default:
-        return 'gap-4';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:mb-4'
-    );
-  };
-
-  const getResponsiveClasses = (): string => {
-    const sizePrefix = getSizeClasses(size);
-    const columnsClass = getColumnsClasses(columns);
-    const gapClass = getGapClasses(gap);
-    
-    return cn(
-      `${sizePrefix}grid`,
-      `${sizePrefix}${columnsClass}`,
-      `${sizePrefix}${gapClass}`
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-grid-breakpoint',
-        getResponsiveClasses(),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintGrid/PrintGridContainer.tsx

@@ -1,128 +0,0 @@
-/**
- * @file PrintGridContainer Component
- * @package @jmruthers/pace-core
- * @module PrintGridContainer
- * @since 0.4.38
- * 
- * Print-optimized grid container component with max width and spacing controls.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintGridContainerProps } from './types';
-
-export function PrintGridContainer({
-  children,
-  maxWidth = 'full',
-  padding = 'md',
-  margin = 'none',
-  background = 'transparent',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintGridContainerProps) {
-  const getMaxWidthClasses = (maxWidth: string): string => {
-    switch (maxWidth) {
-      case 'sm':
-        return 'max-w-sm';
-      case 'md':
-        return 'max-w-md';
-      case 'lg':
-        return 'max-w-lg';
-      case 'xl':
-        return 'max-w-xl';
-      case '2xl':
-        return 'max-w-2xl';
-      case '3xl':
-        return 'max-w-3xl';
-      case '4xl':
-        return 'max-w-4xl';
-      case '5xl':
-        return 'max-w-5xl';
-      case '6xl':
-        return 'max-w-6xl';
-      case '7xl':
-        return 'max-w-7xl';
-      case 'full':
-        return 'max-w-full';
-      default:
-        return 'max-w-full';
-    }
-  };
-
-  const getPaddingClasses = (padding: string): string => {
-    switch (padding) {
-      case 'none':
-        return 'p-0';
-      case 'sm':
-        return 'p-2';
-      case 'lg':
-        return 'p-6';
-      case 'xl':
-        return 'p-8';
-      default:
-        return 'p-4';
-    }
-  };
-
-  const getMarginClasses = (margin: string): string => {
-    switch (margin) {
-      case 'none':
-        return 'm-0';
-      case 'sm':
-        return 'm-2';
-      case 'md':
-        return 'm-4';
-      case 'lg':
-        return 'm-6';
-      case 'xl':
-        return 'm-8';
-      case 'auto':
-        return 'mx-auto';
-      default:
-        return 'm-0';
-    }
-  };
-
-  const getBackgroundClasses = (background: string): string => {
-    switch (background) {
-      case 'white':
-        return 'bg-background';
-      case 'gray':
-        return 'bg-muted';
-      case 'primary':
-        return 'bg-primary text-primary-foreground';
-      case 'secondary':
-        return 'bg-secondary text-secondary-foreground';
-      default:
-        return 'bg-transparent';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:max-w-full',
-      'print:break-inside-avoid',
-      'print:mb-4'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-grid-container',
-        'w-full',
-        getMaxWidthClasses(maxWidth),
-        getPaddingClasses(padding),
-        getMarginClasses(margin),
-        getBackgroundClasses(background),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintGrid/PrintGridItem.tsx

@@ -1,220 +0,0 @@
-/**
- * @file PrintGridItem Component
- * @package @jmruthers/pace-core
- * @module PrintGridItem
- * @since 0.4.38
- * 
- * Print-optimized grid item component with column and row spans.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintGridItemProps } from './types';
-
-export function PrintGridItem({
-  children,
-  colSpan = 1,
-  rowSpan = 1,
-  colStart,
-  rowStart,
-  align = 'stretch',
-  justify = 'start',
-  printColSpan,
-  printRowSpan,
-  printColStart,
-  printRowStart,
-  printOptimized = true,
-  className,
-  ...props
-}: PrintGridItemProps) {
-  const getColSpanClasses = (span: number | string): string => {
-    if (span === 'full') return 'col-span-full';
-    
-    switch (span) {
-      case 1:
-        return 'col-span-1';
-      case 2:
-        return 'col-span-2';
-      case 3:
-        return 'col-span-3';
-      case 4:
-        return 'col-span-4';
-      case 5:
-        return 'col-span-5';
-      case 6:
-        return 'col-span-6';
-      case 12:
-        return 'col-span-12';
-      default:
-        return 'col-span-1';
-    }
-  };
-
-  const getRowSpanClasses = (span: number | string): string => {
-    if (span === 'full') return 'row-span-full';
-    
-    switch (span) {
-      case 1:
-        return 'row-span-1';
-      case 2:
-        return 'row-span-2';
-      case 3:
-        return 'row-span-3';
-      case 4:
-        return 'row-span-4';
-      case 5:
-        return 'row-span-5';
-      case 6:
-        return 'row-span-6';
-      default:
-        return 'row-span-1';
-    }
-  };
-
-  const getColStartClasses = (start: number | string): string => {
-    if (start === 'auto') return 'col-start-auto';
-    
-    switch (start) {
-      case 1:
-        return 'col-start-1';
-      case 2:
-        return 'col-start-2';
-      case 3:
-        return 'col-start-3';
-      case 4:
-        return 'col-start-4';
-      case 5:
-        return 'col-start-5';
-      case 6:
-        return 'col-start-6';
-      case 7:
-        return 'col-start-7';
-      case 8:
-        return 'col-start-8';
-      case 9:
-        return 'col-start-9';
-      case 10:
-        return 'col-start-10';
-      case 11:
-        return 'col-start-11';
-      case 12:
-        return 'col-start-12';
-      case 13:
-        return 'col-start-13';
-      default:
-        return 'col-start-auto';
-    }
-  };
-
-  const getRowStartClasses = (start: number | string): string => {
-    if (start === 'auto') return 'row-start-auto';
-    
-    switch (start) {
-      case 1:
-        return 'row-start-1';
-      case 2:
-        return 'row-start-2';
-      case 3:
-        return 'row-start-3';
-      case 4:
-        return 'row-start-4';
-      case 5:
-        return 'row-start-5';
-      case 6:
-        return 'row-start-6';
-      case 7:
-        return 'row-start-7';
-      case 8:
-        return 'row-start-8';
-      case 9:
-        return 'row-start-9';
-      case 10:
-        return 'row-start-10';
-      case 11:
-        return 'row-start-11';
-      case 12:
-        return 'row-start-12';
-      case 13:
-        return 'row-start-13';
-      default:
-        return 'row-start-auto';
-    }
-  };
-
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'start':
-        return 'self-start';
-      case 'center':
-        return 'self-center';
-      case 'end':
-        return 'self-end';
-      default:
-        return 'self-stretch';
-    }
-  };
-
-  const getJustifyClasses = (justify: string): string => {
-    switch (justify) {
-      case 'center':
-        return 'justify-self-center';
-      case 'end':
-        return 'justify-self-end';
-      case 'stretch':
-        return 'justify-self-stretch';
-      default:
-        return 'justify-self-start';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:mb-2'
-    );
-  };
-
-  const getPrintColSpanClasses = (): string => {
-    if (!printColSpan) return '';
-    return `print:${getColSpanClasses(printColSpan)}`;
-  };
-
-  const getPrintRowSpanClasses = (): string => {
-    if (!printRowSpan) return '';
-    return `print:${getRowSpanClasses(printRowSpan)}`;
-  };
-
-  const getPrintColStartClasses = (): string => {
-    if (!printColStart) return '';
-    return `print:${getColStartClasses(printColStart)}`;
-  };
-
-  const getPrintRowStartClasses = (): string => {
-    if (!printRowStart) return '';
-    return `print:${getRowStartClasses(printRowStart)}`;
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-grid-item',
-        getColSpanClasses(colSpan),
-        getRowSpanClasses(rowSpan),
-        colStart && getColStartClasses(colStart),
-        rowStart && getRowStartClasses(rowStart),
-        getAlignmentClasses(align),
-        getJustifyClasses(justify),
-        getPrintOptimizedClasses(),
-        getPrintColSpanClasses(),
-        getPrintRowSpanClasses(),
-        getPrintColStartClasses(),
-        getPrintRowStartClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}