Styles api in variant?

[silver steeple]

Can't we use styles API when creating variants?
for example, I want to create shadowInput and I want to customize the input element that is in stylesApi .

     <TextInput
            styles={(theme) => ({
              input: {
                boxShadow: "inset 0px 0px 6px 2px rgba(0, 0, 0, 0.2)",
              },
            })}
          /> 

//Mantine theme variant
   TextInput: {
                variants: {
                  shadowIn: (theme) => ({
                    input: {
                      boxShadow: "inset 0px 0px 6px 2px rgba(0, 0, 0, 0.2)",
                    },
                  }),
                },
              },

this is the style after applying variant shadowIn . as you can see the styles are overriding the borders are changed and not getting default styles

Ok now I see the problem that we have to. We can use styles api in variant but we have to style every element from scratch.isn't there any way that we can extend previous variant style in to new one?
Eg

shadowIn:{
...variant.filled,
Input:{...}
}

[old estuary]

https://mantine.dev/styles/sx/#storing-styles-in-a-variable

[silver steeple]

With this I have to defined the styles . I want to know if there is any way that we can get styles that are already given to a variant and extend them to anther?

[old estuary]

no

[silver steeple]

ok . is it possible make function or hook to get the styles of component it woud be helpful to extend them in vraiants

the function params will b like this useGetComponentStyles(Component,variant:optional)

varaint will be that is default to theme

[old estuary]

useMantineTheme includes the entire theme

[silver steeple]

https://codesandbox.io/s/determined-moore-yecxrb?file=/src/App.tsx
theme.components is returning an empty object

[old estuary]

1. You've called useMantineTheme outside of MantineProvider context
2. You haven't specified any theme override on MantineProvider, empty object is default value for theme.components