@upv/react-ui-core/dist/components/layouts/core/Flex/Flex.d.ts

**USHI Design System — Modern UI Component Library**

import React from "react";
import { DefaultTheme } from "styled-components";
export interface FlexProps {
    className?: string;
    children: React.ReactNode;
    direction?: "row" | "column";
    justify?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
    align?: "flex-start" | "center" | "flex-end" | "stretch";
    gap?: keyof DefaultTheme["spacing"];
    wrap?: "nowrap" | "wrap" | "wrap-reverse";
    fullWidth?: boolean;
    responsive?: boolean;
    maxWidth?: string;
    variant?: "standard" | "card" | "list" | "bubble";
    shouldAnimate?: boolean;
    /** ✨ NEW PROPS */
    background?: string | ((theme: DefaultTheme) => string);
    hoverBackground?: string;
    padding?: keyof DefaultTheme["spacing"];
    margin?: keyof DefaultTheme["spacing"];
    borderRadius?: keyof DefaultTheme["radii"];
    borderColor?: keyof DefaultTheme["colors"];
    shadow?: keyof DefaultTheme["elevations"];
    hoverShadow?: keyof DefaultTheme["elevations"];
    opacity?: number;
    flex?: string;
    onHover?: () => void;
    style?: React.CSSProperties;
    disableHoverEffect?: boolean;
}
export declare const Flex: React.FC<FlexProps>;