Revert "Composite: fix legacy implementation passing store prop (Word…

…Press#65821)"

This reverts commit 7f08622.

packages/components/CHANGELOG.md

@@ -8,7 +8,6 @@
 -   `Navigator`: fix `isInitial` logic ([#65527](https://github.com/WordPress/gutenberg/pull/65527)).
 -   `ToggleGroupControl`: Fix arrow key navigation in RTL ([#65735](https://github.com/WordPress/gutenberg/pull/65735)).
 -   `ToggleGroupControl`: indicator doesn't jump around when the layout around it changes ([#65175](https://github.com/WordPress/gutenberg/pull/65175)).
--   `Composite`: fix legacy support for the store prop ([#65821](https://github.com/WordPress/gutenberg/pull/65821)).
 
 ### Deprecations
 

packages/components/src/composite/group-label.tsx

@@ -20,13 +20,11 @@ export const CompositeGroupLabel = forwardRef<
 	WordPressComponentProps< CompositeGroupLabelProps, 'div', false >
 >( function CompositeGroupLabel( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
 	return (
-		<Ariakit.CompositeGroupLabel store={ store } { ...props } ref={ ref } />
+		<Ariakit.CompositeGroupLabel
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
 	);
 } );

packages/components/src/composite/group.tsx

@@ -20,11 +20,11 @@ export const CompositeGroup = forwardRef<
 	WordPressComponentProps< CompositeGroupProps, 'div', false >
 >( function CompositeGroup( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
-	return <Ariakit.CompositeGroup store={ store } { ...props } ref={ ref } />;
+	return (
+		<Ariakit.CompositeGroup
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
+	);
 } );

packages/components/src/composite/hover.tsx

@@ -20,11 +20,11 @@ export const CompositeHover = forwardRef<
 	WordPressComponentProps< CompositeHoverProps, 'div', false >
 >( function CompositeHover( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
-	return <Ariakit.CompositeGroup store={ store } { ...props } ref={ ref } />;
+	return (
+		<Ariakit.CompositeHover
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
+	);
 } );

packages/components/src/composite/index.tsx

@@ -73,10 +73,7 @@ export const Composite = Object.assign(
 		},
 		ref
 	) {
-		// @ts-expect-error The store prop is undocumented and only used by the
-		// legacy compat layer.
-		const storeProp = props.store as Ariakit.CompositeStore;
-		const internalStore = Ariakit.useCompositeStore( {
+		const store = Ariakit.useCompositeStore( {
 			activeId,
 			defaultActiveId,
 			setActiveId,
@@ -88,8 +85,6 @@ export const Composite = Object.assign(
 			rtl,
 		} );
 
-		const store = storeProp ?? internalStore;
-
 		const contextValue = useMemo(
 			() => ( {
 				store,

packages/components/src/composite/item.tsx

@@ -20,11 +20,11 @@ export const CompositeItem = forwardRef<
 	WordPressComponentProps< CompositeItemProps, 'button', false >
 >( function CompositeItem( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
-	return <Ariakit.CompositeItem store={ store } { ...props } ref={ ref } />;
+	return (
+		<Ariakit.CompositeItem
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
+	);
 } );

packages/components/src/composite/row.tsx

@@ -20,11 +20,11 @@ export const CompositeRow = forwardRef<
 	WordPressComponentProps< CompositeRowProps, 'div', false >
 >( function CompositeRow( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
-	return <Ariakit.CompositeRow store={ store } { ...props } ref={ ref } />;
+	return (
+		<Ariakit.CompositeRow
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
+	);
 } );

packages/components/src/composite/typeahead.tsx

@@ -20,11 +20,11 @@ export const CompositeTypeahead = forwardRef<
 	WordPressComponentProps< CompositeTypeaheadProps, 'div', false >
 >( function CompositeTypeahead( props, ref ) {
 	const context = useCompositeContext();
-
-	// @ts-expect-error The store prop is undocumented and only used by the
-	// legacy compat layer. The `store` prop is documented, but its type is
-	// obfuscated to discourage its use outside of the component's internals.
-	const store = ( props.store ?? context.store ) as Ariakit.CompositeStore;
-
-	return <Ariakit.CompositeRow store={ store } { ...props } ref={ ref } />;
+	return (
+		<Ariakit.CompositeTypeahead
+			store={ context.store as Ariakit.CompositeStore }
+			{ ...props }
+			ref={ ref }
+		/>
+	);
 } );