@useloops/design-system/dist/esm/theme/theme.provider.js

The official React based Loops design system

import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"../node_modules/@emotion/cache/dist/emotion-cache.esm.js";import{CacheProvider as t}from"@emotion/react";import{CssBaseline as i}from"@mui/material";import{ThemeProvider as m}from"@mui/material/styles";import{prefixer as l}from"stylis";import s from"stylis-plugin-rtl";import n from"./GlobalStyleReset.js";import{ThemeContext as c}from"./theme.context.js";import{useThemeBuilder as h}from"./theme.hooks.js";const a=o({key:"muirtl",stylisPlugins:[l,s]}),d=o({key:"mui"}),p=({mode:o="light",screenSize:l="lg",direction:s="ltr",ignoreCacheProvider:p,children:u})=>{const f=h(o,l,s),y=()=>r(m,{theme:f.theme,children:[e(i,{}),e(n,{}),u]});return e(c.Provider,{value:f,children:p?y():e(t,{value:"rtl"===s?a:d,children:y()})})};export{p as ThemeProvider};