import"../../../styled-system/dist/esm/config/background.js";import"../../../styled-system/dist/esm/config/border.js";import"../../../styled-system/dist/esm/config/color.js";import"../../../styled-system/dist/esm/config/effect.js";import"../../../styled-system/dist/esm/config/filter.js";import"../../../styled-system/dist/esm/config/flexbox.js";import"../../../styled-system/dist/esm/config/grid.js";import"../../../styled-system/dist/esm/config/interactivity.js";import"../../../styled-system/dist/esm/config/layout.js";import"../../../styled-system/dist/esm/config/list.js";import"../../../styled-system/dist/esm/config/position.js";import"../../../styled-system/dist/esm/config/ring.js";import"../../../styled-system/dist/esm/config/space.js";import"../../../styled-system/dist/esm/config/text-decoration.js";import"../../../styled-system/dist/esm/config/transform.js";import"../../../styled-system/dist/esm/config/transition.js";import"../../../styled-system/dist/esm/config/typography.js";import"../../../styled-system/dist/esm/pseudos.js";import"../../../styled-system/dist/esm/system.js";import"../../../styled-system/dist/esm/create-theme-vars/calc.js";import{toCSSVar as s}from"../../../styled-system/dist/esm/create-theme-vars/to-css-var.js";import{Global as t}from"../../../../@emotion/react/dist/emotion-react.esm.js";import*as e from"react";import{a as o,T as m}from"../../../../@emotion/react/dist/emotion-element-fecc36da.esm.js";import{createContext as i}from"../../../react-utils/dist/esm/context.js";var r=m=>{var{cssVarsRoot:i=":host, :root",theme:r,children:d}=m,y=e.useMemo((()=>s(r)),[r]);return e.createElement(o,{theme:y},e.createElement(t,{styles:s=>({[i]:s.__cssVars})}),d)};function d(){var s=e.useContext(m);if(!s)throw Error("useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<ChakraProvider />` or `<ThemeProvider />`");return s}var[y,n]=i({name:"StylesContext",errorMessage:"useStyles: `styles` is undefined. Seems you forgot to wrap the components in `<StylesProvider />` "});export{y as StylesProvider,r as ThemeProvider,n as useStyles,d as useTheme};
//# sourceMappingURL=providers.js.map
