[chore] add RootProps type/refactored Accordion

semcore/accordion/src/Accordion.tsx

@@ -8,11 +8,6 @@ import ChevronRightM from '@semcore/icon/ChevronRight/m';
 import { Text } from '@semcore/typography';
 import React from 'react';
 
-import type {
-  AccordionCollapsePropsInternal,
-  AccordionItemPropsInternal,
-  AccordionItemTogglePropsInternal,
-} from './Accordion.internal.type';
 import type {
   AccordionCollapseProps,
   AccordionComponent,
@@ -82,8 +77,12 @@ class RootAccordion extends Component<AccordionProps, typeof RootAccordion.enhan
     return <Children />;
   }
 }
-
-export class RootItem extends Component<AccordionItemProps, typeof RootItem.enhance, {}, AccordionItemPropsInternal> {
+export class RootItem extends Component<
+  AccordionItemProps,
+  typeof RootItem.enhance,
+  {},
+  Intergalactic.InternalTypings.InferPropsFromRoot<typeof RootAccordion, 'Item'>
+> {
   static displayName = 'Item';
   static style = style;
   static enhance = [uniqueIDEnhancement()] as const;
@@ -142,7 +141,12 @@ export class RootItem extends Component<AccordionItemProps, typeof RootItem.enha
   }
 }
 
-class Toggle extends Component<AccordionItemToggleProps, never, {}, AccordionItemTogglePropsInternal> {
+class Toggle extends Component<
+  AccordionItemToggleProps,
+  never,
+  {},
+  Intergalactic.InternalTypings.InferPropsFromRoot<typeof RootItem, 'Toggle'>
+> {
   toggleRef = React.createRef();
 
   handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {
@@ -163,13 +167,7 @@ class Toggle extends Component<AccordionItemToggleProps, never, {}, AccordionIte
     const SItemToggle = Root;
 
     return sstyled(styles)(
-      <SItemToggle
-        use={use}
-        ref={this.toggleRef}
-        render={Text}
-        innerOutline
-        onKeyDown={this.handleKeyDown}
-      />,
+      <SItemToggle use={use} ref={this.toggleRef} render={Text} innerOutline onKeyDown={this.handleKeyDown} />,
     );
   }
 }
@@ -190,7 +188,7 @@ function ToggleButton(props: IRootComponentProps) {
   );
 }
 
-function Collapse(props: AccordionCollapseProps & AccordionCollapsePropsInternal) {
+function Collapse(props: AccordionCollapseProps & Intergalactic.InternalTypings.InferPropsFromRoot<typeof RootItem, 'Collapse'>) {
   const { selected } = props;
   const visible = selected;
 

semcore/core/src/core-types/Component.ts

@@ -112,6 +112,10 @@ export namespace Intergalactic {
   /** @private */
   // eslint-disable-next-line @typescript-eslint/no-namespace
   export namespace InternalTypings {
+    export type InferPropsFromRoot<
+      Root extends new (...args: any) => any,
+      Child extends string,
+    > = InstanceType<Root>[`get${Child}Props`] extends (...args: any[]) => infer R ? R : Record<string, unknown>;
     export type PartialRequired<T, K extends keyof T> = Omit<T, K> & {
       [key in K]-?: T[key];
     };