@meonode/ui
Version:
A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.
3 lines (2 loc) • 588 B
JavaScript
"use client";
import{useContext as e}from"react";import{jsx as t}from"@emotion/react";import{ThemeContext as r}from"./theme-provider.client.js";import{ThemeUtil as o}from"../util/theme.util.js";import{isValidElementType as s}from"../helper/react-is.helper.js";function m({element:m,children:i,...l}){const c=e(r),n=c?.theme,{css:p,as:a,...h}=l;let f=m;null!=a&&s(a)&&(f=a);const u=n?o.resolveObjWithTheme(p,n,{processFunctions:!0,themeStringsMode:"vars"}):p,d=o.resolveDefaultStyle(u);return t(f,{...h,css:d},i)}m.displayName="Styled",m.__meonodeAcceptsServerCss=!0;export{m as default};