/**
 * CSS width values supporting percentage, pixels, or em units.
 */
export type CssWidthValuesType = `${number}%` | `${number}px` | `${number}em`;
/**
 * Global CSS values applicable to any property.
 */
export type CssGlobalValuesType = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
/**
 * CSS content sizing values for flexible sizing.
 *
 * @deprecated 'fix-content' - please use `fit-content` instead
 */
export type CssContentSizeValuesType = 'max-content' | 'min-content' | 'fix-content' | 'fit-content' | 'content' | 'auto';
/**
 * Standard CSS alignment values for flex and grid layouts.
 */
export type CssAlignmentsType = 'center' | 'start' | 'end' | 'left' | 'right' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'stretch' | 'safe center' | 'unsafe center';
/**
 * Flex basis sizing configuration combining width and content sizing values.
 *
 * @deprecated 'fix-content' - please use `fit-content` instead
 */
export type FlexBasisType = CssWidthValuesType | CssContentSizeValuesType | CssGlobalValuesType;
/**
 * Flex grow factor determining how much space a flex item can expand.
 */
export type FlexGrowType = number | CssGlobalValuesType;
/**
 * Flex shrink factor determining how much space a flex item can shrink.
 */
export type FlexShrinkType = number | CssGlobalValuesType;
/**
 * CSS order property for reordering flex or grid items.
 */
export type OrderType = CssGlobalValuesType | number;
/**
 * Alignment of individual flex or grid item relative to container (excludes left/right).
 */
export type AlignSelfType = Omit<CssAlignmentsType, 'left' | 'right'> | 'auto' | 'normal' | CssGlobalValuesType;
/**
 * Justification of individual grid item within its grid area.
 */
export type JustifySelfType = CssAlignmentsType | 'auto' | 'normal' | 'stretch' | CssGlobalValuesType;
/**
 * CSS flex shorthand supporting combined grow, shrink, and basis values.
 */
export type FlexType = number | CssWidthValuesType | CssGlobalValuesType | `${FlexGrowType} ${FlexShrinkType}` | `${FlexGrowType} ${FlexBasisType}` | `${FlexGrowType} ${FlexShrinkType} ${FlexBasisType}` | 'auto' | 'initial' | 'none' | 'min-content';
/**
 * Grid item positioning supporting explicit row/column numbers or span values.
 */
export type GridDegreeType = number | `span ${number}` | 'auto';
/**
 * Global CSS values for grid properties (excludes revert-layer).
 */
export type CssGridGlobalValuesType = Omit<CssGlobalValuesType, 'revert' | 'revert-layer'>;
/**
 * CSS grid-column property supporting single or range positioning.
 */
export type GridColumnType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType;
/**
 * CSS grid-row property supporting single or range positioning.
 */
export type GridRowType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType;
/**
 * CSS grid-area property supporting positioning and spanning across grid cells.
 */
export type GridAreaType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | `${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType}` | `${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType;
