chore: add className modifiers for TabManu root and contents elements

src/core/TabMenu.tsx

@@ -27,6 +27,16 @@ export type TabMenuProps = {
    */
   tabClassName?: string;
 
+  /**
+   * An optional class name to apply to the Tabs.Root element.
+   */
+  rootClassName?: string;
+
+  /**
+   * An optional class name to apply to the Tabs.Content element.
+   */
+  contentClassName?: string;
+
   /**
    * Optional configuration options for the TabMenu.
    */
@@ -65,6 +75,8 @@ const TabMenu: React.FC<TabMenuProps> = ({
   contents = [],
   tabOnClick,
   tabClassName,
+  rootClassName,
+  contentClassName,
   options,
 }) => {
   const {
@@ -129,7 +141,7 @@ const TabMenu: React.FC<TabMenuProps> = ({
   return (
     <Tabs.Root
       defaultValue={`tab-${defaultTabIndex}`}
-      className={cn({ "h-full": flexibleTabHeight })}
+      className={cn({ "h-full": flexibleTabHeight }, rootClassName)}
     >
       <Tabs.List
         ref={listRef}
@@ -170,7 +182,11 @@ const TabMenu: React.FC<TabMenuProps> = ({
         ></div>
       </Tabs.List>
       {contents.map((content, index) => (
-        <Tabs.Content key={`tab-${index}`} value={`tab-${index}`}>
+        <Tabs.Content
+          key={`tab-${index}`}
+          value={`tab-${index}`}
+          className={contentClassName}
+        >
           {content}
         </Tabs.Content>
       ))}