'use strict';

var chunk5XB54L7P_cjs = require('./chunk-5XB54L7P.cjs');
var tokens = require('@onbeam/styled-system/tokens');
var css = require('@onbeam/styled-system/css');
var jsxRuntime = require('react/jsx-runtime');

var n={xs:css.css({textStyle:"xs"}),sm:css.css({textStyle:"sm"}),base:css.css({textStyle:"base"}),md:css.css({textStyle:"md"}),lg:css.css({textStyle:"lg"}),xl:css.css({textStyle:"xl"}),caption:css.css({textStyle:"caption"}),header:css.css({textStyle:"header"}),marquee:css.css({textStyle:"marquee"}),code:css.css({textStyle:"code"})},x=chunk5XB54L7P_cjs.a(({as:s="p",color:t,className:l,textStyle:o,...p},y)=>jsxRuntime.jsx(s,{ref:y,className:css.cx(o&&n[o],l),style:t?{color:tokens.token.var(`colors.${t}`,String(t).slice(1,-1))}:void 0,...p}));x.displayName="Text";

exports.a = x;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-4ZDEAI7H.cjs.map