chore: combine values

ui/tabs/src/TabsList.tsx

@@ -54,15 +54,11 @@ export const TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(
       null
     );
 
-    const { defaultValue, value } = React.useContext(TabsContext);
+    const { initialValue } = React.useContext(TabsContext);
 
     React.useEffect(() => {
       React.Children.map(children, (child: React.ReactNode, index: number) => {
-        if (React.isValidElement(child) && defaultValue === child.props.value) {
-          setActiveIndex(index);
-        }
-
-        if (React.isValidElement(child) && value === child.props.value) {
+        if (React.isValidElement(child) && initialValue === child.props.value) {
           setActiveIndex(index);
         }
       });

ui/tabs/src/TabsRoot.tsx

@@ -18,15 +18,14 @@ export type TabsRootProps = {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const TabsRoot = React.forwardRef<HTMLDivElement, TabsRootProps>(
-  ({ children, defaultValue = "", ...props }: TabsRootProps, ref) => {
+  ({ children, ...props }: TabsRootProps, ref) => {
     return (
       <TabsContext.Provider
         value={{
-          defaultValue: defaultValue,
-          value: props.value,
+          initialValue: props.defaultValue || props.value,
         }}
       >
-        <StyledTabsRoot defaultValue={defaultValue} {...props} ref={ref}>
+        <StyledTabsRoot {...props} ref={ref}>
           {children}
         </StyledTabsRoot>
       </TabsContext.Provider>

ui/tabs/src/context.ts

@@ -1,13 +1,11 @@
 import * as React from "react";
 
 interface TabsContextInterface {
-  defaultValue?: string;
-  value?: string;
+  initialValue?: string;
 }
 
 const defaultState = {
-  defaultValue: "",
-  value: "",
+  initialValue: "",
 };
 
 export const TabsContext =