@papernote/ui/dist/components/Box.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

import React from 'react';
export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Content */
    children: React.ReactNode;
    /** Padding */
    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Padding top */
    paddingTop?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Padding bottom */
    paddingBottom?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Padding left */
    paddingLeft?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Padding right */
    paddingRight?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Margin */
    margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
    /** Margin top */
    marginTop?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
    /** Margin bottom */
    marginBottom?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
    /** Margin left */
    marginLeft?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
    /** Margin right */
    marginRight?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
    /** Border */
    border?: 'none' | 'top' | 'bottom' | 'left' | 'right' | 'all';
    /** Border color */
    borderColor?: 'default' | 'primary' | 'accent';
    /** Border radius */
    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
    /** Width */
    width?: 'auto' | 'full' | 'fit' | 'screen';
    /** Height */
    height?: 'auto' | 'full' | 'screen';
    /** Custom className */
    className?: string;
}
/**
 * Box component for generic containers with design system spacing and borders.
 * Supports ref forwarding for DOM access.
 */
export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
export default Box;
//# sourceMappingURL=Box.d.ts.map