/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { buildSpacingClasses } from "../../tokens/spacing.js";
import { buildBorderClasses } from "../../tokens/borders.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/layout/Box/Box.tsx
var Box = ({ as: Component = "div", id, className, style, children, padding, paddingX, paddingY, paddingTop, paddingBottom, margin, marginX, marginY, marginTop, marginBottom, gap, border, borderColor, radius, ...rest }) => {
	return /* @__PURE__ */ jsx(Component, {
		id,
		className: cn(buildSpacingClasses({
			padding,
			paddingX,
			paddingY,
			paddingTop,
			paddingBottom,
			margin,
			marginX,
			marginY,
			marginTop,
			marginBottom,
			gap
		}), buildBorderClasses({
			border,
			borderColor,
			radius
		}), className),
		style,
		...rest,
		children
	});
};
Box.displayName = "Box";
//#endregion
export { Box };

//# sourceMappingURL=Box.js.map