import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
/**
 * The lowest-level primitive — a forwardRef'd div (by default) that exists
 * so consumers always have a stable, semantically-tagged container to
 * compose around. Prefer Box over a bare `<div>` to keep the design system
 * audit clean.
 */
export const Box = forwardRef(function Box({ as: Component = 'div', children, ...rest }, ref) {
    return (_jsx(Component, { ref: ref, ...rest, children: children }));
});
//# sourceMappingURL=Box.js.map